*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#f4f2ed;font-family:Arial,Helvetica,sans-serif}.topline{height:2px;background:linear-gradient(90deg,transparent,#c99845,transparent)}header{height:82px;max-width:1380px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24262a}.brand{display:flex;align-items:center;gap:12px;color:#eee;text-decoration:none;letter-spacing:.18em;font-size:13px}.brand img{width:39px}.brand strong{font-weight:700}.brand>span>small{display:block;color:#c99845;font-size:8px;letter-spacing:.13em;margin-top:5px}.brand>span{display:block}nav{display:flex;gap:32px}nav a{color:#8d8f94;text-decoration:none;font-size:12px}nav a:hover{color:#e1b967}.status{font-size:9px;letter-spacing:.18em;color:#c99845;border:1px solid #4a3a22;padding:9px 11px}.hero{height:690px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#332714 0,#171511 24%,#0b0c0e 56%,#08090b 76%)}.halo{position:absolute;width:620px;height:620px;border:1px solid rgba(211,164,78,.11);border-radius:50%;box-shadow:0 0 90px rgba(201,152,69,.08),inset 0 0 90px rgba(201,152,69,.04)}.kicker{font-size:10px;font-weight:700;letter-spacing:.32em;color:#d5aa5c;position:relative}.hero h1{font-size:clamp(72px,10vw,142px);line-height:.78;letter-spacing:-.065em;margin:30px 0 42px;font-weight:400;position:relative}.hero h1 em,.final h2 em{font-style:normal;color:#d8aa54}.hero p{position:relative;max-width:610px;color:#9d9fa4;font-size:17px;line-height:1.7;margin:0 0 35px}.primary{position:relative;background:#d6aa57;color:#0b0b0b;padding:17px 22px;text-decoration:none;font-size:10px;letter-spacing:.16em;font-weight:700}.primary b{margin-left:13px}.grail{max-width:1600px;margin:55px auto 140px;padding:0 38px;display:grid;grid-template-columns:.48fr 1.52fr;gap:42px;align-items:center}.product-copy h2,.sectionhead h2,.presets h2{font-size:65px;line-height:.94;letter-spacing:-.05em;font-weight:400;margin:20px 0}.product-copy h2 span{color:#d8aa54}.product-copy h3{font-size:15px;color:#d6ad62;font-weight:400;letter-spacing:.08em}.product-copy p{color:#999ba0;line-height:1.8;max-width:440px;font-size:14px}.badges{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.badges i{font-style:normal;font-size:8px;letter-spacing:.12em;border:1px solid #393b3f;padding:8px 9px;color:#b8b9bc}.launch{display:inline-block;color:#e0bd7c;border:1px solid #6b522d;padding:12px 15px;font-size:9px;font-weight:700;letter-spacing:.2em}.shot{position:relative;background:#111318;border:1px solid #393125;padding:16px;box-shadow:0 45px 110px #000}.shot:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(226,183,100,.25),transparent 25%,transparent 70%,rgba(226,183,100,.12));pointer-events:none}.shot img{display:block;width:100%}.shot>span{display:block;color:#777;font-size:8px;letter-spacing:.18em;padding:13px 4px 1px}.philosophy{text-align:center;padding:145px 25px;border-block:1px solid #222429;background:radial-gradient(circle at center,#19150f,#0b0c0e 55%)}blockquote{font-size:clamp(44px,6vw,78px);line-height:1.08;letter-spacing:-.045em;margin:32px 0 25px}blockquote em{font-style:normal;color:#d5a652}.philosophy p{color:#777}.process{max-width:1320px;margin:auto;padding:140px 38px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.sectionhead>p{max-width:430px;color:#8e9095;line-height:1.8;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#27292e;border:1px solid #27292e}.cards article{background:#0e1013;padding:38px;min-height:190px}.cards article:hover{background:#131416}.cards b{color:#6e572f;font-size:10px;letter-spacing:.2em}.cards h3{font-size:24px;margin:30px 0 9px;color:#e4c487}.cards p{color:#808287;line-height:1.65;font-size:13px}.presets{border-block:1px solid #25272c;background:#0d0f12;padding:120px max(38px,calc((100vw - 1244px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.presets>div:first-child>p{color:#8d8f94;line-height:1.8;max-width:430px}.presetgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292b30;border-left:1px solid #292b30}.presetgrid span{padding:17px 15px;border-right:1px solid #292b30;border-bottom:1px solid #292b30;color:#aaa;font-size:11px}.presetgrid span:first-child{color:#e1b969;background:#15130f}.final{text-align:center;padding:150px 25px}.final>img{width:78px}.final h2{font-size:75px;line-height:.95;font-weight:400;letter-spacing:-.05em;margin:22px 0}.final p{color:#777;margin-bottom:30px}footer{max-width:1380px;margin:auto;padding:45px 38px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #24262a;color:#666;font-size:10px;letter-spacing:.08em}@media(max-width:900px){nav,.status{display:none}.grail,.presets{grid-template-columns:1fr}.sectionhead{display:block}.cards{grid-template-columns:1fr 1fr}.grail{gap:35px}.presets{gap:35px}}@media(max-width:580px){header{padding:0 20px}.hero{height:600px}.hero h1{font-size:72px}.grail,.process{padding-inline:20px}.product-copy h2,.sectionhead h2,.presets h2{font-size:48px}.cards,.presetgrid{grid-template-columns:1fr}.final h2{font-size:55px}footer{flex-direction:column;gap:25px}}
/* v3 premium composition refinements */
.hero{height:720px;padding-top:18px}
.hero-brand{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:25px}
.hero-brand img{width:62px;filter:drop-shadow(0 0 18px rgba(216,170,84,.18))}
.hero-wordmark{font-size:18px;font-weight:700;letter-spacing:.23em;color:#f0eee8}
.hero-wordmark span{font-weight:400;color:#d5aa5c}
.hero h1{font-size:clamp(80px,9.2vw,136px);margin:25px 0 34px}
.hero p{max-width:680px;font-size:16px}
.grail{max-width:1660px;grid-template-columns:.42fr 1.58fr;gap:50px;margin:35px auto 115px;padding:0 44px}
.product-copy{padding-left:12px}
.product-copy h2{font-size:72px}
.product-copy p{font-size:15px;max-width:470px}
.shot{padding:12px;box-shadow:0 48px 125px rgba(0,0,0,.82),0 0 55px rgba(201,152,69,.055)}
.shot img{width:100%;height:auto}
.philosophy{padding:125px 25px}
.process{padding-top:120px;padding-bottom:120px}
.final{padding:125px 25px}
@media(max-width:1200px){.grail{grid-template-columns:.52fr 1.48fr;gap:35px}.product-copy h2{font-size:60px}}
@media(max-width:900px){.hero-brand{margin-bottom:18px}.grail{grid-template-columns:1fr}.product-copy{padding-left:0}.shot{margin-top:8px}}

/* v3.1 — launch polish + ultrawide responsiveness */
:root{--content:1500px;--gold:#d5aa5c}
header,footer{max-width:var(--content)}
.grail{max-width:1800px}
.process{max-width:1560px}
.presets{padding-left:max(38px,calc((100vw - 1500px)/2));padding-right:max(38px,calc((100vw - 1500px)/2))}
.hero .primary,.launch{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.hero .primary:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(213,170,92,.18);background:#e2b865}
.launch:hover{box-shadow:0 0 24px rgba(213,170,92,.11)}
.shot{overflow:visible}
.shot:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:10%;bottom:2%;background:radial-gradient(ellipse at center,rgba(214,164,76,.20),rgba(214,164,76,.05) 45%,transparent 72%);filter:blur(45px)}
.cards article,.presetgrid span{transition:background .18s ease,border-color .18s ease,color .18s ease}
.presetgrid span:hover{background:#15130f;color:#e4c487}
.product-copy p,.sectionhead>p,.presets>div:first-child>p{font-size:15px}
.cards p{font-size:14px}
.presetgrid span{font-size:12px}

/* large desktop */
@media(min-width:1900px){
  :root{--content:1760px}
  header{height:92px;padding-inline:48px}
  .brand{font-size:14px}.brand img{width:44px}
  nav a{font-size:13px}
  .hero{height:780px}
  .hero-brand img{width:70px}.hero-wordmark{font-size:21px}
  .hero h1{font-size:150px}
  .hero p{font-size:18px;max-width:760px}
  .grail{max-width:2050px;grid-template-columns:.40fr 1.60fr;gap:58px;padding-inline:55px}
  .product-copy h2{font-size:82px}
  .product-copy h3{font-size:17px}
  .product-copy p{font-size:16px;max-width:510px}
  .badges i{font-size:9px}
  .process{max-width:1760px}
  .sectionhead h2,.presets h2{font-size:72px}
  .sectionhead>p,.presets>div:first-child>p{font-size:16px}
  .cards article{padding:44px;min-height:210px}
  .cards h3{font-size:27px}.cards p{font-size:15px}
  .presets{padding-left:max(55px,calc((100vw - 1700px)/2));padding-right:max(55px,calc((100vw - 1700px)/2))}
  .presetgrid span{font-size:13px;padding:20px 18px}
}
/* 3440x1440-class ultrawide */
@media(min-width:2800px){
  :root{--content:2050px}
  header{height:96px}
  .hero{height:820px}
  .hero h1{font-size:164px}
  .hero p{font-size:19px;max-width:820px}
  .grail{max-width:2350px;grid-template-columns:.38fr 1.62fr;gap:70px;margin-top:25px}
  .product-copy h2{font-size:92px}
  .product-copy p{font-size:17px;line-height:1.85}
  .shot{padding:15px}
  .process{max-width:2050px}
  .sectionhead h2,.presets h2{font-size:80px}
  .cards article{padding:50px;min-height:225px}
  .cards h3{font-size:29px}
  .cards p{font-size:16px}
  .presets{padding-left:max(65px,calc((100vw - 1980px)/2));padding-right:max(65px,calc((100vw - 1980px)/2));gap:105px}
  .presetgrid span{font-size:14px;padding:22px 20px}
  blockquote{font-size:88px}
  .final h2{font-size:86px}
}
/* laptop/tablet safeguards */
@media(max-width:1100px){.product-copy p{font-size:14px}.presetgrid span{font-size:11px}}
@media(max-width:700px){.hero{height:640px}.hero-brand img{width:50px}.hero-wordmark{font-size:15px}.hero p{padding-inline:18px}.grail{padding-inline:18px}.cards{grid-template-columns:1fr}.presets{padding-inline:22px}.presetgrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.presetgrid{grid-template-columns:1fr}.hero h1{font-size:62px}.hero-wordmark{font-size:13px}}

/* v4 — launch-ready commerce presentation */
.purchase{display:flex;align-items:center;gap:16px;margin-top:27px;flex-wrap:wrap}
.price{min-width:126px}.price small{display:block;color:#777;font-size:8px;letter-spacing:.15em;margin-bottom:5px}.price strong{font-size:28px;font-weight:400;color:#f1e4c8}
.buy{display:inline-block;background:#d6aa57;color:#0b0b0b;padding:16px 19px;text-decoration:none;font-size:9px;letter-spacing:.14em;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.buy b{margin-left:10px}.buy:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(213,170,92,.18);background:#e2b865}
.buy-note{font-size:10px!important;color:#6f7176!important;line-height:1.5!important;margin-top:13px!important;max-width:420px!important}
.disabled{cursor:default;opacity:.72}.final .primary.disabled{display:inline-block;pointer-events:none}
.final-price{color:#e3c27f;font-size:18px;margin:-10px 0 28px}.final-price span{color:#777;font-size:11px;letter-spacing:.04em}
.availability{display:block;margin-top:16px;color:#6f7176;font-size:8px;letter-spacing:.16em}
@media(max-width:580px){.purchase{align-items:flex-start;flex-direction:column}.final-price span{display:block;margin-top:7px}}


/* v4.1 — final launch polish: readability + purchase confidence */
body{color:#f6f3ec}
nav a{color:#b4b5b8}
.hero p{color:#b7b8bb}
.product-copy p,.sectionhead>p,.presets>div:first-child>p{color:#b2b3b7}
.cards p{color:#a8aaae}
.presetgrid span{color:#c1c2c5}
.philosophy p,.final p{color:#9fa1a5}
.buy-note{color:#9b9da1!important}
.price small{color:#aaa}
.price strong{font-size:32px;font-weight:600;color:#f2d99f}
.purchase{padding-top:4px}
.buy{padding:17px 21px;box-shadow:0 9px 28px rgba(213,170,92,.10)}
.badges i{color:#d0d1d3;border-color:#4a4c50}

.details{max-width:1560px;margin:auto;padding:125px 38px 20px}
.details-intro{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:70px;align-items:end;margin-bottom:45px}
.details-intro .kicker{grid-column:1}
.details-intro h2{grid-column:1;font-size:64px;line-height:.96;letter-spacing:-.05em;font-weight:400;margin:18px 0 0}
.details-intro p{grid-column:2;grid-row:1/3;color:#b2b3b7;font-size:15px;line-height:1.8;max-width:520px;margin:0 0 4px auto}
.detailgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2b2d31;border:1px solid #2b2d31}
.detailgrid article{background:#0e1013;padding:31px 28px;min-height:178px}
.detailgrid span{display:block;color:#8c6c37;font-size:9px;font-weight:700;letter-spacing:.2em;margin-bottom:20px}
.detailgrid strong{display:block;color:#e7c67f;font-size:17px;font-weight:600;margin-bottom:12px}
.detailgrid p{margin:0;color:#a8aaae;font-size:13px;line-height:1.65}
.resourcebar{margin-top:28px;border:1px solid #292b30;background:#0d0f12;padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.resourcebar span{display:block;color:#8c6c37;font-size:8px;font-weight:700;letter-spacing:.2em;margin-bottom:7px}
.resourcebar strong{font-size:13px;color:#c7c8ca;font-weight:400}
.resource-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.resource-links a{border:1px solid #4a3a22;color:#d7b56e;text-decoration:none;font-size:8px;font-weight:700;letter-spacing:.15em;padding:11px 13px}
.final{padding-top:120px}
.final-price{font-size:22px;font-weight:600}.final-price span{color:#aaa;font-weight:400}
.availability{color:#999}
footer{color:#8f9195}
@media(min-width:1900px){.details{max-width:1760px}.details-intro h2{font-size:72px}.details-intro p{font-size:16px}.detailgrid article{padding:36px;min-height:190px}.detailgrid strong{font-size:19px}.detailgrid p{font-size:14px}}
@media(min-width:2800px){.details{max-width:2050px}.details-intro h2{font-size:80px}.details-intro p{font-size:17px}.detailgrid article{padding:42px;min-height:205px}.detailgrid strong{font-size:21px}.detailgrid p{font-size:15px}}
@media(max-width:900px){.details-intro{display:block}.details-intro p{margin-top:20px}.detailgrid{grid-template-columns:1fr 1fr}.resourcebar{align-items:flex-start;flex-direction:column}.resource-links{justify-content:flex-start}}
@media(max-width:580px){.details{padding-inline:20px}.details-intro h2{font-size:48px}.detailgrid{grid-template-columns:1fr}.resource-links{flex-direction:column;width:100%}.resource-links a{text-align:center}}


/* v4.2 — legal and support pages */
.footer-right{text-align:right}.footer-links{display:flex;justify-content:flex-end;gap:18px;margin-bottom:10px}.footer-links a{color:#a9aaad;text-decoration:none;font-size:9px;letter-spacing:.08em}.footer-links a:hover{color:#d5aa5c}
.legal-page{max-width:1100px;margin:0 auto;padding:0 38px 110px}.legal-hero{padding:105px 0 55px;border-bottom:1px solid #292b30}.legal-hero h1{font-size:clamp(46px,6vw,78px);line-height:1;letter-spacing:-.045em;font-weight:400;margin:20px 0 18px;max-width:900px}.legal-hero p{color:#929499;font-size:12px;letter-spacing:.06em}.legal-copy{max-width:900px;padding:52px 0;color:#b8b9bc;font-size:15px;line-height:1.82}.legal-copy h2{color:#e4c487;font-size:20px;font-weight:500;margin:43px 0 14px}.legal-copy p{margin:0 0 17px}.legal-copy ul{margin:0 0 20px;padding-left:22px}.legal-copy li{margin:8px 0}.legal-copy a{color:#dfb764;text-decoration:none;border-bottom:1px solid #594523}.legal-copy strong{color:#ece8df}.support-address a{font-size:20px;color:#e4c487}.legal-nav{display:flex}
@media(min-width:1900px){.legal-page{max-width:1280px}.legal-copy{max-width:1040px;font-size:16px}.legal-hero h1{font-size:82px}}
@media(max-width:900px){.legal-nav{display:none}.footer-right{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}
@media(max-width:580px){.legal-page{padding:0 20px 75px}.legal-hero{padding:72px 0 38px}.legal-copy{padding-top:35px;font-size:14px}.legal-copy h2{font-size:18px;margin-top:35px}.footer-links{gap:12px 16px}}

/* The Holy Grail promotional video — v4.4 */
.demo-section{padding:clamp(64px,8vw,120px) clamp(20px,5vw,88px);text-align:center;background:linear-gradient(180deg,#08090c 0%,#11100d 60%,#08090c 100%);color:#f5f0e7}
.demo-heading{max-width:850px;margin:0 auto 34px}
.demo-heading h2{font-size:clamp(32px,4.5vw,66px);line-height:1.1;letter-spacing:-.035em;margin:14px 0 18px;color:#f5f0e7}
.demo-heading h2 em{color:#c9a35a;font-style:normal}
.demo-heading p{max-width:680px;margin:0 auto;color:#bcb6aa;font-size:clamp(15px,1.3vw,19px);line-height:1.7}
.demo-player{width:min(100%,1100px);margin:auto;border:1px solid rgba(201,163,90,.34);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 22px 75px rgba(0,0,0,.48),0 0 48px rgba(201,163,90,.08)}
.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.demo-note{font-size:13px;letter-spacing:.04em;color:#a9a294;margin:17px 0 0}
@media(max-width:640px){.demo-section{padding:62px 16px}.demo-player{border-radius:10px}.demo-heading{margin-bottom:24px}}

/* v4.6 — Console Channel launch section */
.console-section{padding:95px max(38px,calc((100vw - 1500px)/2)) 115px;border-top:1px solid #25272c;border-bottom:1px solid #25272c;background:radial-gradient(ellipse at 55% 25%,#21190f 0,#101013 42%,#090a0c 82%)}
.console-intro{text-align:center;max-width:880px;margin:0 auto 44px}
.console-intro h2{font-size:clamp(46px,6vw,86px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:18px 0 20px}
.console-intro h2 em{font-style:normal;color:#d8aa54}
.console-intro p{color:#b2b3b7;font-size:16px;line-height:1.75;max-width:720px;margin:auto}
.console-showcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:46px;align-items:center}
.console-visual{background:#0b0c0e;border:1px solid #4b3820;padding:10px;box-shadow:0 25px 80px rgba(0,0,0,.7),0 0 55px rgba(213,170,92,.06)}
.console-visual img{display:block;width:100%;height:auto}
.console-info h3{font-size:clamp(32px,3vw,47px);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin:18px 0}
.console-info h3 span{color:#d8aa54}
.console-info>p{font-size:14px;color:#b2b3b7;line-height:1.75}
.console-features{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin:28px 0}
.console-features strong{display:block;color:#e5c17a;font-size:13px;margin-bottom:8px}
.console-features span{display:block;color:#a5a6aa;font-size:12px;line-height:1.6}
.console-info .purchase{margin-top:14px}
.console-info .buy-note{max-width:550px!important}
@media(max-width:1100px){.console-showcase{grid-template-columns:1fr}.console-info{max-width:780px;margin:auto}.console-section{padding-inline:30px}}
@media(max-width:580px){.console-section{padding:70px 18px}.console-intro{margin-bottom:28px}.console-intro p{font-size:14px}.console-features{grid-template-columns:1fr 1fr;gap:17px 12px}.console-features strong{font-size:12px}.console-features span{font-size:11px}}
@media(max-width:380px){.console-features{grid-template-columns:1fr}}

.lab-promo{text-align:center;padding:100px 22px;background:radial-gradient(circle at center,#242016,#0b0c0e 68%);border-top:1px solid #35302a}.lab-promo h2{font-size:clamp(38px,6vw,76px);font-weight:400;letter-spacing:-.05em;margin:20px 0}.lab-promo p{color:#a3a3a6;margin:0 auto 35px;line-height:1.7;max-width:570px}


/* v1.2 — signature VOX launch feature, first product below hero */
html{scroll-padding-top:18px}
.nav-vox{color:#e8bd73;font-weight:700}
.vox-section{border-top:1px solid rgba(213,170,92,.24);border-bottom:1px solid #262323;background:radial-gradient(ellipse at 39% 49%,#211b15 0%,#101012 47%,#090a0c 85%);padding:106px max(36px,calc((100vw - 1520px)/2)) 116px}
.vox-section-header{text-align:center;max-width:870px;margin:0 auto 50px}
.vox-section-header h2{font-size:clamp(47px,6.1vw,89px);font-weight:400;line-height:1.08;letter-spacing:-.065em;margin:22px 0 18px}
.vox-section-header h2 em{font-style:normal;color:#d8aa54}
.vox-section-header>p{font-size:clamp(14px,1.25vw,17px);line-height:1.8;color:#bfc0c4;max-width:710px;margin:0 auto}
.vox-showcase{display:grid;grid-template-columns:minmax(0,1.19fr) minmax(360px,.81fr);gap:clamp(36px,4vw,72px);align-items:center}
.vox-visual{position:relative;margin:0;border:1px solid rgba(221,172,91,.40);background:#090909;padding:10px;box-shadow:0 35px 100px rgba(0,0,0,.64),0 0 80px rgba(209,151,61,.065)}
.vox-visual:after{content:"";position:absolute;inset:-1px;pointer-events:none;border:1px solid rgba(226,184,104,.13)}
.vox-visual img{display:block;width:100%;height:auto}
.vox-visual figcaption{font-size:9px;letter-spacing:.19em;color:#ac926c;padding:17px 13px 6px}
.vox-copy h3{font-size:clamp(32px,3.15vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin:20px 0}
.vox-copy h3 span{color:#ddb565}
.vox-copy>p{font-size:15px;line-height:1.8;color:#b9b9bf;max-width:615px}
.vox-controls{display:grid;gap:0;margin:26px 0 18px;border-top:1px solid #37312c}
.vox-control{display:flex;gap:19px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #37312c}
.vox-control-index{font-size:10px;color:#8c713f;letter-spacing:.1em;font-weight:700;min-width:24px;padding-top:5px}
.vox-control strong{display:block;color:#ecd0a0;font-size:13px;letter-spacing:.15em}
.vox-control p{color:#b1b1b6;font-size:13px;line-height:1.6;margin:7px 0 0}
.vox-copy .vox-trim{font-size:12px;color:#aba9a6;margin-bottom:23px}
.vox-trim strong{color:#d9b46f}
.vox-copy .badges{margin:20px 0 19px}
.vox-purchase{margin-top:0!important;gap:22px}
.vox-copy .price strong{font-size:36px}
.vox-copy .buy-note{max-width:560px!important;font-size:11px!important}
@media(min-width:1900px){.vox-section{padding-left:max(48px,calc((100vw - 1750px)/2));padding-right:max(48px,calc((100vw - 1750px)/2))}.vox-copy>p{font-size:16px}.vox-control p{font-size:14px}}
@media(max-width:1250px) and (min-width:901px){header nav{gap:16px}header{padding-inline:24px}header nav a{font-size:11px}.status{font-size:8px;letter-spacing:.1em}}
@media(max-width:1050px){.vox-showcase{grid-template-columns:1fr}.vox-section{padding:80px 30px}.vox-copy{max-width:790px;margin:0 auto}.vox-visual{max-width:920px;width:100%;margin:0 auto}}
@media(max-width:620px){.vox-section{padding:66px 18px 75px}.vox-section-header{margin-bottom:30px}.vox-section-header h2{font-size:clamp(38px,11vw,56px)}.vox-visual{padding:6px}.vox-visual figcaption{font-size:7px;letter-spacing:.12em;padding:12px 6px 5px}.vox-copy h3{font-size:34px}.vox-control{gap:13px}.vox-copy>p{font-size:14px}.vox-control p{font-size:12px}}

/* Vocal Styles launch — isolated styles preserve existing product layouts. */
.nav-vocal-styles{color:#64ddd4;font-weight:700}
header nav{gap:18px;flex-wrap:wrap;justify-content:center}header{gap:20px;height:auto;min-height:82px;padding-block:18px}header .status{white-space:nowrap}
.vocal-styles-section{padding:100px max(30px,calc((100vw - 1520px)/2));border-block:1px solid #24454b;background:radial-gradient(ellipse at 30% 45%,#132b36,#0b1119 55%,#08090b)}
.vocal-styles-heading{text-align:center;max-width:900px;margin:0 auto 50px}.vocal-styles-section .kicker{color:#67d9d2}.vocal-styles-heading h2{font-size:clamp(42px,6vw,84px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:22px 0}.vocal-styles-heading em{color:#72ded6;font-style:normal}.vocal-styles-heading p{color:#b5c1ca;line-height:1.8;font-size:17px}
.vocal-styles-showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:48px;align-items:center}.vocal-styles-visual{margin:0;border:1px solid #2b575e;padding:8px;background:#080e16;box-shadow:0 30px 80px #0008}.vocal-styles-visual img{display:block;width:100%;height:auto}.vocal-styles-visual figcaption{font-size:9px;letter-spacing:.15em;color:#8fb7bc;padding:14px 8px 6px}.vocal-styles-copy h3{font-size:clamp(30px,3vw,46px);letter-spacing:-.035em;line-height:1.12;font-weight:400;margin:22px 0}.vocal-styles-copy h3 span{color:#79dcd4}.vocal-styles-copy>p{color:#b4bec7;line-height:1.8;font-size:15px}.vocal-styles-features{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin:28px 0}.vocal-styles-features strong{display:block;color:#deecef;font-size:14px;margin-bottom:8px}.vocal-styles-features span{font-size:13px;line-height:1.7;color:#a0afbb}.vocal-styles-section .buy{background:#79ded5;color:#09161b}.vocal-styles-section .buy:hover{background:#a7f0e9}.vocal-styles-copy .buy-note{font-size:12px;color:#a3b5c1}.vocal-styles-included a{color:#8ce2dc}.vocal-styles-copy .vocal-styles-included{font-size:12px}
@media(max-width:1150px){header .status{display:none}.vocal-styles-showcase{grid-template-columns:1fr}.vocal-styles-copy{max-width:800px;margin:auto}.vocal-styles-visual{max-width:980px;margin:auto}.vocal-styles-section{padding:75px 30px}}
@media(max-width:620px){.vocal-styles-section{padding:60px 18px}.vocal-styles-heading{margin-bottom:30px}.vocal-styles-heading p{font-size:15px}.vocal-styles-showcase{gap:32px}.vocal-styles-features{grid-template-columns:1fr}.vocal-styles-visual figcaption{font-size:8px}.vocal-styles-section .purchase{flex-wrap:wrap;gap:20px}.vocal-styles-section .buy{max-width:100%;font-size:11px}}

/* Vocal Styles walkthrough */
.vocal-styles-watch-link a{display:inline-flex;align-items:center;gap:12px;color:#8ce2dc;text-underline-offset:5px;font-weight:700;font-size:14px}
.vocal-styles-watch-link a:hover{color:#c5fff8}
.vocal-styles-watch-link a:focus-visible{outline:2px solid #8ce2dc;outline-offset:6px}
.vocal-styles-tutorial{max-width:1180px;margin:78px auto 0;padding-top:58px;border-top:1px solid #2b5059;scroll-margin-top:30px}
.vocal-styles-tutorial-heading{max-width:760px;margin:0 auto 30px;text-align:center}
.vocal-styles-tutorial-heading h3{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.035em;font-weight:400;margin:18px 0}
.vocal-styles-tutorial-heading h3 span{color:#79dcd4}
.vocal-styles-tutorial-heading p{color:#b4bec7;line-height:1.8;font-size:16px;margin:0}
.vocal-styles-tutorial-player{border:1px solid #35616a;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 25px 65px #0006}
.vocal-styles-tutorial-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.vocal-styles-tutorial-note{max-width:760px;margin:18px auto 0;text-align:center;color:#9db4bf;font-size:13px;line-height:1.7}
@media(max-width:620px){.vocal-styles-tutorial{margin-top:48px;padding-top:38px}.vocal-styles-tutorial-heading{margin-bottom:24px}.vocal-styles-tutorial-heading p{font-size:14px}.vocal-styles-tutorial-player{border-radius:8px}.vocal-styles-tutorial-note{font-size:12px}}
