.video-showcase{align-self:center;min-width:0}.showcase-heading{margin-bottom:20px}.showcase-heading h2{font-size:clamp(1.5rem,2.4vw,2.15rem);margin-top:5px}.showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:16px}.showcase-main,.showcase-selection{min-width:0}.showcase-current{padding:17px 0 14px}.showcase-current h3{margin:4px 0;font-size:1.2rem}.showcase-current p{font-size:.9375rem}.showcase-main>.button{width:100%;padding:12px;text-align:center;font-size:.9375rem}.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;flex-wrap:wrap}.showcase-controls button{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);min-height:44px;padding:8px 10px;font-size:.875rem}.showcase-controls a{font-size:.875rem;color:var(--muted)}.showcase-lessons{display:flex;flex-direction:column;gap:8px}.showcase-lesson{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#111110;transition:border-color .15s,background .15s}.showcase-lesson:hover{border-color:var(--gold)}.showcase-lesson[aria-current=true]{border-color:var(--gold);background:#d8b45b12;box-shadow:inset 3px 0 var(--gold)}.showcase-lesson img{width:49px;aspect-ratio:16/9;object-fit:cover;border-radius:4px;flex-shrink:0}.showcase-lesson span{min-width:0}.showcase-lesson strong{display:block;font-size:.875rem;line-height:1.4;font-weight:700}.showcase-lesson small{display:block;font-size:.8125rem;line-height:1.4;color:var(--muted);margin-top:4px}.showcase-lesson small:first-of-type{display:none}.showcase-hint{font-size:.8125rem;letter-spacing:.04em;margin-bottom:10px;color:var(--gold)}.showcase-hint span{display:none}.showcase-foot{font-size:.875rem;margin-top:16px}.showcase-foot a{color:var(--gold);white-space:nowrap}.video-showcase iframe{display:block;width:100%;height:100%;border:0}.video-showcase .video-play{font-size:.875rem}.video-showcase .play-circle{width:48px;height:48px;font-size:1rem}
@media(min-width:961px){.landing-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}.landing-intro h1{font-size:clamp(2.5rem,4.2vw,4.4rem)}}
@media(max-width:1200px) and (min-width:961px){.showcase-layout{grid-template-columns:minmax(0,1fr)}.showcase-lessons{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 10px}.showcase-lesson{flex:0 0 185px;scroll-snap-align:start}.showcase-hint span{display:inline}}
@media(max-width:620px){.showcase-layout{grid-template-columns:minmax(0,1fr)}.showcase-lessons{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 12px;scrollbar-color:var(--gold) var(--surface);scrollbar-width:thin}.showcase-lesson{flex:0 0 76%;scroll-snap-align:start;padding:12px}.showcase-lesson img{width:80px}.showcase-lesson small:first-of-type{display:block}.showcase-hint span{display:inline;letter-spacing:0;color:var(--muted)}.showcase-selection{margin-top:6px}.showcase-controls button{padding:8px 12px}.showcase-heading h2{font-size:1.7rem}.video-showcase{max-width:100%}}
@media(prefers-reduced-motion:reduce){.showcase-lesson{transition:none}.showcase-lessons{scroll-behavior:auto}}
.showcase-lessons{position:relative;max-height:480px;overflow-y:auto;overflow-x:hidden;padding:3px 5px 8px 3px;scrollbar-color:var(--gold) var(--surface);scrollbar-width:thin}
.showcase-lesson{flex-shrink:0}
.showcase-hint .showcase-scroll-hint{display:block;font-size:.875rem;letter-spacing:0;color:var(--muted);margin-top:3px}
.showcase-hint .showcase-swipe-hint{display:none}
@media(max-width:1200px) and (min-width:961px),(max-width:620px){
  .showcase-lessons{max-height:none;overflow-x:auto;overflow-y:hidden;padding:5px 3px 12px}
  .showcase-hint .showcase-scroll-hint{display:none}
  .showcase-hint .showcase-swipe-hint{display:block;font-size:.875rem;letter-spacing:0;color:var(--muted);margin-top:3px}
}

/* Persistent video affordance; CSS triangle avoids mobile emoji rendering. */
.video-showcase .play-circle{width:84px;height:58px;padding:0;border-radius:15px;background:#e62117;color:#fff;box-shadow:0 4px 22px #0009,0 0 0 2px #ffffff40;flex-shrink:0}
.video-showcase .play-circle::before{content:"";display:block;width:0;height:0;margin-left:5px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #fff}
.video-showcase .video-preview:hover .play-circle,.video-showcase .video-preview:focus-visible .play-circle{background:#ff3025;transform:scale(1.06)}
.video-showcase .video-play{gap:12px;pointer-events:none}
.video-showcase .video-play>span:last-child{font-size:.8125rem;letter-spacing:.06em;padding:8px 12px;background:#090909ed}
@media(prefers-reduced-motion:reduce){.video-showcase .play-circle{transition:none}.video-showcase .video-preview:hover .play-circle,.video-showcase .video-preview:focus-visible .play-circle{transform:none}}

.showcase-audio-hint{margin-top:10px;color:var(--muted);font-size:.8125rem;line-height:1.5}

/* Keep the purchase decision adjacent to the homepage video section. */
.landing-hero+.landing-offer{padding-top:24px;padding-bottom:48px;align-items:start}
@media(min-width:961px){.landing-hero+.landing-offer{grid-template-columns:minmax(0,.86fr) minmax(0,1fr)}}

/* Distinct homepage broker / VPS recommendation card. */
.landing .setup-teaser{padding-block:40px 48px;border:0}
.setup-spotlight{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;padding:40px;border:1px solid #796037;border-radius:26px;background:radial-gradient(ellipse at 5% 0%,#44351b 0%,transparent 65%),linear-gradient(125deg,#211d13,#11120f);box-shadow:0 18px 55px #0005;overflow:hidden}
.setup-spotlight-copy{min-width:0}.setup-spotlight .eyebrow{font-size:.875rem;letter-spacing:.08em;color:#eed080}.setup-spotlight h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.15;margin:15px 0 18px;letter-spacing:-.035em}.setup-spotlight-copy>p{font-size:1rem;line-height:1.65;color:#d4cebe;max-width:490px;margin:0 0 24px}.setup-spotlight .button{border-radius:12px;padding:16px 22px;min-height:54px;font-size:1rem;line-height:1.4;white-space:normal;gap:14px}.setup-spotlight-benefits{display:grid;gap:14px;align-content:center;min-width:0}.setup-spotlight-benefits>div{padding:22px;border:1px solid #7c673d66;border-radius:17px;background:#080b0999}.setup-spotlight-label{font:400 .875rem/1.5 var(--mono);color:#d6b557}.setup-spotlight h3{font-size:1.25rem;line-height:1.3;margin:9px 0}.setup-spotlight-benefits p{font-size:1rem;line-height:1.55;margin:0;color:#c9c9bd}.setup-spotlight-benefits p span{color:#79d9a1;margin-right:6px}.setup-spotlight .button:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:700px){.landing .setup-teaser{padding-block:28px 34px}.setup-spotlight{grid-template-columns:1fr;gap:24px;padding:24px 20px;border-radius:22px}.setup-spotlight h2{font-size:1.95rem}.setup-spotlight .button{width:100%;justify-content:center;padding:15px 12px}.setup-spotlight-benefits{gap:12px}.setup-spotlight-benefits>div{padding:16px}.setup-spotlight h3{font-size:1.125rem}}