/* Rackoryn V83 — dedicated page only. All rules are isolated from VPS and
   the shared footer. Offer prices and specifications come from the owner's grid. */
.rk83-main { --d-green:#56dc99; --d-green-soft:#173d34; }
html[data-theme="light"] .rk83-main { --d-green:#157344; --d-green-soft:#e8f7ed; }
.rk83-icon { display:inline-block; width:22px; height:22px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; vertical-align:middle; }
.rk83-flag { display:inline-block; flex:0 0 auto; width:18px; height:12px; border-radius:2px; background:linear-gradient(90deg,#315bbb 0 33.333%,#fff 33.333% 66.666%,#ee5260 66.666%); box-shadow:0 0 0 1px #7e98b02b; }
.rk83-hero { padding:58px 0 40px; }
.rk83-hero .rk82-hero-grid { grid-template-columns:1.18fr 1fr; gap:64px; }
.rk83-hero h1 { font-size:clamp(2.25rem,3.6vw,3.5rem); letter-spacing:-.055em; }
.rk83-hero .rk82-lead { max-width:575px; font-size:1rem; }
.rk83-hero .rk82-actions { margin-top:26px; }
.rk83-hero .rk82-btn .rk83-icon { width:17px; height:17px; }
.rk83-hero-media { align-self:stretch; max-height:350px; margin-block:4px; }
.rk83-hero-media img { height:100%; min-height:310px; object-fit:cover; object-position:50% 50%; }
.rk83-hero-media::after { background:linear-gradient(135deg,#0b173b15,#07142527); }
.rk83-hero-media figcaption { padding:70px 24px 24px; }
.rk83-hero-media figcaption span { font-size:.58rem; letter-spacing:.16em; display:block; margin-bottom:6px; color:#bacbf0; }
.rk83-hero-media figcaption strong { display:block; font-size:.92rem; font-weight:550; }
.rk83-hero-facts { display:flex; align-items:center; flex-wrap:wrap; gap:10px 19px; margin-top:27px; color:var(--p-muted); font-size:.76rem; }
.rk83-hero-facts>span { display:inline-flex; align-items:center; gap:8px; }
.rk83-hero-facts .rk83-icon { width:17px; height:17px; color:var(--p-accent); }
.rk83-catalogue { padding:35px 0 56px; }
.rk83-catalogue-head { text-align:center; margin:0 auto 30px; max-width:740px; }
.rk83-catalogue-head h2 { font-size:clamp(1.9rem,2.65vw,2.5rem); margin:9px 0 12px; }
.rk83-catalogue-head p { color:var(--p-muted); margin:0; font-size:.98rem; }
.rk83-catalogue-meta { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:0 0 14px; color:var(--p-muted); font-size:.73rem; }
.rk83-catalogue-meta>span { display:inline-flex; gap:8px; align-items:center; }
.rk83-catalogue-meta .rk83-icon { width:15px; height:15px; color:var(--p-accent); }
.rk83-offer-list { display:grid; gap:12px; }
.rk83-offer {
 --row-accent:#957eff;
 display:grid; grid-template-columns:minmax(180px,1.15fr) minmax(224px,1.45fr) minmax(177px,1.1fr) minmax(136px,.94fr) 152px;
 align-items:center; gap:20px; position:relative; min-width:0;
 padding:20px 22px; min-height:142px;
 border:1px solid var(--p-line); border-left:3px solid var(--row-accent); border-radius:16px;
 background:linear-gradient(120deg,#6350ce08,transparent 45%),var(--p-panel);
 transition:border-color .18s ease,background-color .18s ease;
}
.rk83-offer:hover { border-color:#615392; border-left-color:var(--row-accent); }
.rk83-offer--eco { --row-accent:var(--d-green); border-color:#2e674f; background:linear-gradient(100deg,#31c68413,transparent 52%),var(--p-panel); }
.rk83-offer--eco:hover { border-color:var(--d-green); }
html[data-theme="light"] .rk83-offer { box-shadow:0 3px 14px #192d4c04; }
html[data-theme="light"] .rk83-offer--eco { border-color:#9dceb2; background:linear-gradient(100deg,#f0faf3,#fff 65%); }
.rk83-offer-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.rk83-offer-icon { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border:1px solid #7b66c94f; border-radius:12px; background:var(--p-tag); color:var(--row-accent); }
.rk83-offer--eco .rk83-offer-icon { background:var(--d-green-soft); border-color:#32886155; }
.rk83-offer-location { display:flex; align-items:center; gap:7px; font-size:.73rem; color:var(--p-muted); white-space:nowrap; }
.rk83-offer h3 { font-family:"Manrope",system-ui,sans-serif; font-size:1.23rem; line-height:1.25; letter-spacing:-.025em; margin:7px 0 6px; }
.rk83-offer--eco h3 { color:var(--d-green); }
.rk83-family { font-size:.68rem; color:var(--p-muted); }
.rk83-deal { display:inline-flex; align-items:center; padding:3px 8px; border-radius:6px; font-size:.55rem; line-height:1.25; font-weight:650; letter-spacing:.09em; text-transform:uppercase; color:var(--d-green); background:var(--d-green-soft); border:1px solid #32956a77; }
.rk83-spec { display:flex; flex-direction:column; justify-content:center; min-width:0; min-height:66px; margin:0; padding-left:20px; border-left:1px solid var(--p-line); }
.rk83-spec dt { color:var(--p-muted); font-size:.66rem; line-height:1.4; margin:0 0 8px; }
.rk83-spec dd { margin:0; }
.rk83-spec strong { display:block; color:var(--p-ink); font-size:.98rem; line-height:1.4; font-weight:600; }
.rk83-spec dd>span { display:block; color:var(--p-muted); font-size:.74rem; line-height:1.5; margin-top:4px; }
.rk83-spec--cpu strong { font-size:.95rem; }
.rk83-offer-action { display:flex; flex-direction:column; align-items:stretch; gap:11px; min-width:0; }
.rk83-offer-price { text-align:right; }
.rk83-offer-price>span { display:block; color:var(--p-muted); font-size:.64rem; line-height:1.5; margin-bottom:2px; }
.rk83-offer-price>div { display:flex; gap:5px; align-items:baseline; justify-content:flex-end; }
.rk83-offer-price strong { font-family:"Manrope",system-ui,sans-serif; font-size:1.64rem; font-weight:800; color:var(--p-ink); line-height:1.1; letter-spacing:-.045em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.rk83-offer-price strong small { font-size:.9em; margin-left:3px; }
.rk83-offer-price>div>span { color:var(--p-muted); font-size:.66rem; }
.rk83-offer--eco .rk83-offer-price strong { color:var(--d-green); }
.rk83-configure { display:flex; justify-content:center; align-items:center; gap:17px; width:100%; min-height:42px; padding:10px 15px; background:#694df1; border:1px solid #8068fb; color:#fff; border-radius:9px; font-size:.78rem; line-height:1.3; font-weight:650; text-decoration:none; transition:background .16s; }
.rk83-configure:hover { background:#7a61f6; color:#fff; }
.rk83-configure .rk83-icon { width:16px; height:16px; }
.rk83-offer--eco .rk83-configure { background:#16633f; border-color:#288b5b; }
.rk83-offer--eco .rk83-configure:hover { background:#1b754b; }
.rk83-catalogue-note { display:flex; align-items:flex-start; gap:8px; margin:18px 0 0; color:var(--p-muted); font-size:.72rem; line-height:1.6; }
.rk83-catalogue-note .rk83-icon { width:15px; height:15px; margin-top:2px; }
.rk83-custom-callout { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:28px; padding:19px 22px; border:1px dashed var(--p-line); border-radius:12px; color:var(--p-muted); font-size:.8rem; }
.rk83-custom-callout>div { display:flex; gap:12px; align-items:center; }
.rk83-custom-callout>div .rk83-icon { color:var(--p-accent); width:20px; height:20px; }
.rk83-custom-callout strong { color:var(--p-ink); font-weight:600; }
.rk83-custom-callout a { display:inline-flex; align-items:center; gap:12px; color:var(--p-accent); white-space:nowrap; font-weight:550; }
.rk83-custom-callout a .rk83-icon { width:16px; height:16px; }
.rk83-builder-section { padding:54px 0; border-block:1px solid var(--p-line); background:var(--p-soft); }
.rk83-builder-section .rk82-section-head { margin-bottom:28px; }
.rk83-builder { position:relative; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr); gap:32px; align-items:start; }
.rk83-builder-fields { background:var(--p-panel); border:1px solid var(--p-line); border-radius:16px; padding:28px; gap:24px; }
.rk83-builder-fields fieldset { min-width:0; margin:0; padding:0; border:0; display:grid; gap:18px; }
.rk83-builder-fields fieldset+fieldset { padding-top:24px; border-top:1px solid var(--p-line); }
.rk83-builder-fields legend { float:left; width:100%; padding:0; display:flex; align-items:center; gap:10px; font-size:.92rem; font-weight:600; }
.rk83-builder-fields legend>span { display:inline-grid; place-items:center; width:25px; height:25px; border:1px solid #7861d84a; border-radius:7px; background:var(--p-tag); color:var(--p-accent); font-size:.65rem; }
.rk83-builder-fields label { font-size:.78rem; }
.rk83-builder-fields label small { color:var(--p-muted); font-size:.72rem; font-weight:400; }
.rk83-builder-fields input[readonly] { color:var(--p-muted); background:var(--p-soft); }
.rk83-builder-fields textarea { min-height:100px; }
.rk83-selection { position:sticky; top:96px; border:1px solid #67539d; border-radius:16px; padding:26px; background:linear-gradient(145deg,#7051d010,transparent 65%),var(--p-panel); }
.rk83-selection-title { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.rk83-selection-title .rk82-kicker { font-size:.6rem; }
.rk83-selection-location { display:inline-flex; gap:6px; align-items:center; font-size:.72rem; color:var(--p-muted); }
.rk83-selection h3 { font-size:1.65rem; letter-spacing:-.035em; margin:20px 0 8px; }
.rk83-selection-processor { color:var(--p-muted); margin:0 0 22px; font-size:.85rem; }
.rk83-selection-specs { display:grid; gap:13px; border-block:1px solid var(--p-line); padding:20px 0; margin:0; font-size:.8rem; }
.rk83-selection-specs>div { display:flex; gap:18px; justify-content:space-between; align-items:baseline; }
.rk83-selection-specs dt { color:var(--p-muted); }
.rk83-selection-specs dd { margin:0; text-align:right; max-width:68%; }
.rk83-selection-price { margin-top:20px; }
.rk83-selection-price>span { display:block; color:var(--p-muted); font-size:.72rem; margin-bottom:5px; }
.rk83-selection-price>div { display:flex; gap:8px; align-items:baseline; }
.rk83-selection-price strong { font-family:"Manrope",system-ui,sans-serif; letter-spacing:-.04em; font-size:2rem; font-weight:800; }
.rk83-selection-price>div>span { color:var(--p-muted); font-size:.78rem; }
.rk83-selection-price small { display:block; font-size:.7rem; color:var(--p-muted); margin-top:4px; }
.rk83-selection .rk82-btn { width:100%; margin-top:22px; padding-inline:12px; font-size:.81rem; }
.rk83-selection .rk82-btn .rk83-icon { width:17px; height:17px; }
.rk83-selection-note { margin:12px 0 0; font-size:.7rem; color:var(--p-muted); }
.rk83-options-note { color:var(--p-accent); padding:10px 12px; border-radius:7px; background:var(--p-tag); font-size:.76rem; margin:14px 0 0; }
.rk83-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.rk83-process { padding:56px 0 28px; }
.rk83-faq { padding:28px 0 60px; }
.rk83-faq .rk82-text-link { white-space:nowrap; }
.rk83-faq .rk82-text-link .rk83-icon { width:16px; height:16px; }
@media(min-width:1600px) { .rk83-hero { padding-top:68px; } }
@media(max-width:1200px) {
 .rk83-hero .rk82-hero-grid { gap:32px; }
 .rk83-hero .rk82-actions { gap:10px; }
 .rk83-hero .rk82-btn { font-size:.78rem; padding-inline:14px; }
 .rk83-offer { gap:14px; padding:18px; grid-template-columns:minmax(165px,1.1fr) minmax(190px,1.4fr) minmax(160px,1.1fr) minmax(115px,.9fr) 145px; }
 .rk83-spec { padding-left:16px; }
 .rk83-offer-identity { gap:11px; }
 .rk83-spec strong { font-size:.85rem; }
 .rk83-offer h3 { font-size:1.12rem; }
 .rk83-offer-icon { width:36px; height:36px; flex-basis:36px; border-radius:10px; }
}
@media(max-width:1050px) {
 .rk83-offer { grid-template-columns:175px minmax(0,1fr) minmax(0,1fr) 155px; grid-template-areas:"identity cpu cpu action" "identity ram storage action"; row-gap:16px; padding:20px; }
 .rk83-offer-identity { grid-area:identity; }
 .rk83-spec--cpu { grid-area:cpu; }
 .rk83-spec--cpu dd { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
 .rk83-spec--cpu dd>span { margin-top:0; }
 .rk83-spec--ram { grid-area:ram; }
 .rk83-spec--storage { grid-area:storage; }
 .rk83-offer-action { grid-area:action; }
 .rk83-spec { min-height:0; padding-left:18px; }
 .rk83-spec dt { margin-bottom:3px; }
 .rk83-spec strong { font-size:.9rem; }
 .rk83-builder { grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr); gap:18px; }
 .rk83-builder-fields,.rk83-selection { padding:22px; }
 .rk83-builder-fields .rk82-form-grid { grid-template-columns:1fr; gap:18px; }
}
@media(max-width:820px) {
 .rk83-hero { padding:36px 0 22px; }
 .rk83-hero .rk82-hero-grid { grid-template-columns:1fr; gap:28px; }
 .rk83-hero-media { max-height:230px; }
 .rk83-hero-media img { min-height:0; height:230px; object-position:50% 52%; }
 .rk83-hero-facts { margin-top:21px; }
 .rk83-catalogue { padding:30px 0 40px; }
 .rk83-offer { grid-template-columns:153px minmax(0,1fr) minmax(0,1fr) 136px; gap:14px 10px; padding:18px 15px; }
 .rk83-offer-icon { display:none; }
 .rk83-offer-price strong { font-size:1.5rem; }
 .rk83-custom-callout { flex-direction:column; align-items:flex-start; gap:14px; }
 .rk83-builder { grid-template-columns:1fr; gap:18px; }
 .rk83-builder-fields .rk82-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .rk83-selection { position:static; }
 .rk83-builder-section { padding:38px 0; }
 .rk83-process { padding:40px 0 16px; }
 .rk83-faq { padding:20px 0 45px; }
}
@media(max-width:680px) {
 .rk83-catalogue-head { text-align:left; margin-bottom:22px; }
 .rk83-catalogue-head p { font-size:.92rem; }
 .rk83-desktop-break { display:none; }
 .rk83-catalogue-meta { align-items:flex-start; font-size:.69rem; flex-wrap:wrap; gap:8px; }
 .rk83-catalogue-meta>span:nth-child(2) { display:none; }
 .rk83-offer-list { gap:14px; }
 .rk83-offer { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:"identity identity" "cpu cpu" "ram storage" "action action"; padding:20px 18px; gap:18px 14px; }
 .rk83-offer-identity { padding-bottom:16px; border-bottom:1px solid var(--p-line); gap:13px; }
 .rk83-offer-icon { display:grid; width:44px; height:44px; flex-basis:44px; }
 .rk83-offer-identity>div { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; }
 .rk83-offer-location { width:100%; }
 .rk83-offer h3 { margin:0; font-size:1.18rem; }
 .rk83-family { display:none; }
 .rk83-spec { padding-left:0; border:0; }
 .rk83-spec--cpu dd { display:block; }
 .rk83-spec--cpu dd>span { margin-top:4px; }
 .rk83-spec--storage { border-left:1px solid var(--p-line); padding-left:16px; }
 .rk83-spec strong { font-size:.9rem; }
 .rk83-spec dt { font-size:.66rem; margin-bottom:4px; }
 .rk83-offer-action { border-top:1px solid var(--p-line); padding-top:16px; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; }
 .rk83-offer-price { text-align:left; }
 .rk83-offer-price>div { justify-content:flex-start; }
 .rk83-offer-price strong { font-size:1.65rem; }
 .rk83-configure { width:auto; min-height:44px; padding:11px 15px; gap:12px; }
 .rk83-custom-callout { padding:18px; }
 .rk83-custom-callout>div { align-items:flex-start; }
 .rk83-custom-callout strong { display:block; margin-bottom:4px; }
 .rk83-catalogue-note { font-size:.69rem; }
 .rk83-builder-fields .rk82-form-grid { grid-template-columns:1fr; }
 .rk83-builder-fields,.rk83-selection { padding:20px; }
 .rk83-selection h3 { font-size:1.5rem; }
 .rk83-selection-specs { font-size:.77rem; }
 .rk83-hero .rk82-actions { flex-direction:column; align-items:stretch; }
 .rk83-hero .rk82-btn { width:100%; }
 .rk83-hero h1 { font-size:clamp(1.9rem,6.7vw,2.7rem); }
 .rk83-hero-media figcaption { padding-inline:18px; }
 .rk83-hero-facts { font-size:.72rem; gap:10px 15px; }
}
@media(max-width:350px) {
 .rk83-offer-action { align-items:stretch; flex-direction:column; gap:12px; }
 .rk83-configure { width:100%; }
 .rk83-offer-price>div { justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .rk83-main * { scroll-behavior:auto!important; transition:none!important; } }