:root{--bg:#0d0e10;--bg2:#141619;--paper:#f4ede4;--dim:rgba(244,237,228,.7);--faint:rgba(244,237,228,.44);--line:rgba(244,237,228,.14);--amber:#e0a94f;--amber2:#b8802c;--spark:#9ad9ff;--display:'Bodoni Moda',Didot,serif;--ui:'Inter',system-ui,sans-serif;--shell:clamp(1.25rem,5vw,6rem);--max:1240px;--ease:cubic-bezier(.22,.61,.36,1)}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--paper);font-family:var(--ui);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400;line-height:1.03;letter-spacing:-.02em}.display{font-family:var(--display)}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--shell)}.eyebrow{display:block;margin-bottom:1rem;color:var(--amber);font-size:.68rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase}.lede{max-width:58ch;color:var(--dim);font-size:clamp(1rem,1.35vw,1.16rem)}.skip{position:absolute;left:-9999px;top:.75rem;z-index:100;background:var(--amber);color:#0d0e10;padding:.7rem 1rem}.skip:focus{left:var(--shell)}
.topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--shell);background:linear-gradient(180deg,rgba(13,14,16,.96),rgba(13,14,16,0));backdrop-filter:blur(8px)}.brand{font-family:var(--display);font-size:1.08rem;letter-spacing:.18em;text-decoration:none;text-transform:uppercase}.brand i{color:var(--amber);font-style:normal}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:var(--dim);font-size:.68rem;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.nav a:hover,.nav a:focus-visible{color:var(--paper)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:.8rem 1.25rem;border:1px solid var(--amber);border-radius:2px;color:var(--paper);font-size:.7rem;font-weight:500;letter-spacing:.15em;text-decoration:none;text-transform:uppercase;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);background:var(--amber);color:#0d0e10}.btn--solid{border-color:transparent;background:linear-gradient(120deg,var(--amber),#c9a227);color:#0d0e10}.btn--ghost{border-color:var(--line);color:var(--dim)}.btn--sm{min-height:2.35rem;padding:.58rem .9rem;font-size:.62rem}
.hero{position:relative;min-height:min(900px,100svh);display:grid;align-items:end;overflow:hidden;padding:8rem 0 7rem;background:#08090a}.hero-media,.hero:before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media{opacity:.55}.hero:before{z-index:1;background:linear-gradient(180deg,rgba(8,9,10,.35),rgba(8,9,10,.82) 72%,var(--bg));content:""}.hero-content{position:relative;z-index:2}.hero h1{max-width:930px;font-size:clamp(3rem,8vw,7.7rem)}.hero h1 em{color:var(--amber);font-style:italic}.hero .lede{margin-top:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-note{margin-top:1.4rem;color:var(--faint);font-size:.8rem}
.signal{border-block:1px solid var(--line);background:var(--bg2)}.signal .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-block:1.4rem}.signal strong{display:block;color:var(--amber);font-family:var(--display);font-size:1.55rem;font-weight:400}.signal span{color:var(--dim);font-size:.78rem}
.section{padding-block:clamp(5rem,11vw,9rem)}.section--alt{background:var(--bg2)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section h2{max-width:790px;font-size:clamp(2.4rem,5vw,5.3rem)}.section-head .lede{max-width:38ch}
.carousel{position:relative;margin-top:3rem}.carousel-viewport{overflow:hidden}.carousel-track{display:flex;gap:1rem;overflow-x:auto;padding:2px 1px 1.2rem;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 calc((100% - 2rem)/3);min-width:0;scroll-snap-align:start}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.carousel-buttons{display:flex;align-items:center;gap:.5rem}.carousel-arrow,.carousel-toggle,.carousel-dot{border:1px solid var(--line);background:transparent;color:var(--paper);cursor:pointer}.carousel-arrow{width:2.8rem;height:2.8rem;font-size:1.1rem;transition:border-color .25s,background .25s}.carousel-arrow:hover,.carousel-arrow:focus-visible{border-color:var(--amber);background:rgba(224,169,79,.12)}.carousel-toggle{min-height:2.8rem;padding:.55rem .8rem;color:var(--dim);font:500 .62rem var(--ui);letter-spacing:.1em;text-transform:uppercase}.carousel-dots{display:flex;flex:1;justify-content:center;gap:.38rem}.carousel-dot{width:.42rem;height:.42rem;padding:0;border-radius:50%;background:var(--line)}.carousel-dot.is-active{border-color:var(--amber);background:var(--amber);transform:scale(1.35)}.carousel-status{min-width:3.5rem;color:var(--faint);font-size:.7rem;text-align:right}
.style-card{height:100%;overflow:hidden;border:1px solid var(--line);background:var(--bg2);transition:border-color .35s,transform .35s}.style-card:hover,.carousel-slide.is-active .style-card{border-color:var(--card-accent,var(--amber));transform:translateY(-3px)}.style-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#090a0c}.style-media:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,9,10,.88));content:""}.style-media img{width:100%;height:100%;object-fit:cover;transition:transform 6s linear}.carousel-slide.is-active .style-media img{transform:scale(1.08)}.style-tag{position:absolute;z-index:1;top:1rem;left:1rem;padding:.35rem .55rem;border:1px solid var(--card-accent);background:rgba(13,14,16,.78);color:var(--card-accent);font-size:.58rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.style-copy{padding:1.3rem}.style-copy small{color:var(--card-accent);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.style-copy h3{margin-top:.35rem;font-family:var(--card-display,var(--display));font-size:1.55rem}.style-copy p{min-height:4.2em;margin-top:.65rem;color:var(--dim);font-size:.84rem}.style-actions{display:flex;gap:.5rem;margin-top:1rem}.style-actions .btn{flex:1;min-height:2.5rem;padding:.55rem .65rem;font-size:.58rem}.showcase-more{margin-top:1.5rem;text-align:right}
.proof-carousel{margin-top:3rem}.proof-slide{position:relative;flex-basis:100%;min-height:520px;overflow:hidden;border:1px solid var(--line);background:#0a0b0d}.proof-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.02);transition:transform 7s linear}.proof-slide.is-active .proof-bg{transform:scale(1.1)}.proof-slide:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,10,.96) 0%,rgba(8,9,10,.78) 52%,rgba(8,9,10,.26));content:""}.proof-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:center;gap:3rem;min-height:520px;padding:clamp(2rem,6vw,5rem)}.proof-kicker{color:var(--spark);font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.proof-copy h3{max-width:700px;margin-top:.7rem;font-family:var(--display);font-size:clamp(2.5rem,5vw,5.2rem)}.proof-copy p{max-width:52ch;margin-top:1rem;color:var(--dim);font-size:1rem}.proof-avatar-wrap{display:grid;justify-items:center;gap:1rem}.avatar{position:relative;width:min(34vw,430px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(224,169,79,.38);border-radius:22px;background-image:url("/assets/img/carousels/presenters-3d.webp");background-repeat:no-repeat;background-size:200% 200%;box-shadow:0 2rem 5rem rgba(0,0,0,.55);animation:avatar-breathe 5s ease-in-out infinite}.avatar:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(154,217,255,.1),transparent 45%,rgba(224,169,79,.09));content:"";animation:avatar-glow 3s ease-in-out infinite}.avatar--1{background-position:0 0}.avatar--2{background-position:100% 0}.avatar--3{background-position:0 100%}.avatar--4{background-position:100% 100%}.avatar-label{padding:.5rem .8rem;border:1px solid var(--line);background:rgba(13,14,16,.82);color:var(--dim);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.avatar-note{margin-top:1rem;color:var(--faint);font-size:.72rem}
@keyframes avatar-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}@keyframes avatar-glow{0%,100%{opacity:.35}50%{opacity:1}}
.offer{display:grid;grid-template-columns:1fr minmax(300px,470px);gap:clamp(2rem,8vw,8rem);align-items:start}.offer-copy h2{margin-bottom:1.5rem}.offer-copy .lede{margin-top:1rem}.offer-card{padding:2rem;border:1px solid var(--amber2);background:linear-gradient(145deg,rgba(224,169,79,.11),rgba(20,22,25,.9))}.offer-card h3{font-size:2rem}.price{display:flex;align-items:end;gap:.55rem;margin-top:1.2rem;color:var(--amber);font-family:var(--display)}.price strong{font-size:2.7rem;font-weight:400;line-height:1}.price span{padding-bottom:.2rem;color:var(--dim);font:300 .78rem var(--ui)}.monthly{margin-top:.55rem;color:var(--paper);font-size:1rem}.offer-card ul{display:grid;gap:.7rem;margin:1.5rem 0;padding:0;list-style:none}.offer-card li{display:flex;gap:.6rem;color:var(--dim);font-size:.9rem}.offer-card li:before{color:var(--amber);content:"✦"}.offer-card .btn{width:100%}.offer-note{margin-top:1rem;color:var(--faint);font-size:.72rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:var(--line)}.step{min-height:220px;padding:1.8rem;background:var(--bg)}.step .number{color:var(--amber);font-family:var(--display);font-size:2rem}.step h3{margin-top:1.8rem;font-size:1.35rem}.step p{margin-top:.55rem;color:var(--dim);font-size:.9rem}.faq{max-width:850px;margin-top:2.5rem}.faq details{padding:1.2rem 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--display);font-size:1.35rem}.faq .answer{max-width:62ch;margin-top:.7rem;color:var(--dim);font-size:.92rem}
.final{position:relative;overflow:hidden;padding-block:clamp(6rem,14vw,11rem);background:linear-gradient(135deg,#17130d,#0d0e10 60%);text-align:center}.final:after{position:absolute;right:-10%;bottom:-60%;width:50vw;height:50vw;border:1px solid rgba(224,169,79,.22);border-radius:50%;content:""}.final>*{position:relative;z-index:1}.final h2{font-size:clamp(2.8rem,7vw,7rem)}.final .lede{margin:1.4rem auto 0}.final .actions{justify-content:center}footer{border-top:1px solid var(--line);color:var(--faint);font-size:.78rem}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.8rem}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--dim);text-decoration:none}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
@media(max-width:900px){.carousel-slide{flex-basis:calc((100% - 1rem)/2)}.proof-content{grid-template-columns:1fr minmax(190px,280px)}.nav a:not(.nav-cta){display:none}}
@media(max-width:780px){.section-head{display:block}.section-head .lede{margin-top:1rem}.offer{grid-template-columns:1fr}.proof-content{grid-template-columns:1fr;align-content:end}.proof-avatar-wrap{position:absolute;right:1.5rem;top:1.5rem}.avatar{width:190px;border-radius:16px}.proof-copy{padding-top:10rem}.proof-slide:after{background:linear-gradient(180deg,rgba(8,9,10,.28),rgba(8,9,10,.97) 64%)}}
@media(max-width:620px){.signal .wrap{grid-template-columns:1fr 1fr}.signal .wrap div:last-child{grid-column:1/-1}.carousel-slide{flex-basis:88%}.steps{grid-template-columns:1fr}.carousel-dots{overflow:hidden;justify-content:flex-start}.style-actions{display:grid}.proof-slide,.proof-content{min-height:600px}.proof-content{padding:1.4rem}.proof-copy h3{font-size:2.7rem}.proof-avatar-wrap{right:1.2rem}.avatar{width:165px}.footer-wrap{display:block}.footer-links{margin-top:1rem}}
@media(max-width:500px){.eyebrow{max-width:100%;letter-spacing:.18em;line-height:1.5;overflow-wrap:anywhere}.hero h1{max-width:100%;font-size:2.55rem;overflow-wrap:break-word}.hero .lede{max-width:34ch}.actions{display:grid}.actions .btn{width:100%}.nav .nav-cta{display:none}.carousel-toggle{padding:.45rem;font-size:.56rem}.carousel-status{min-width:auto}.style-copy p{min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.style-card,.style-media img,.proof-bg{transition:none}.avatar,.avatar:after{animation:none}.hero-media{display:none}.hero{background:url("/assets/img/commercial-hero.png") center/cover no-repeat}}