/* Shared cyan / violet / rose lighting for the homepage showcases. */
.hero{min-height:100svh;padding-top:145px;padding-bottom:80px;background:radial-gradient(ellipse at 75% 38%,#2f144a40,transparent 55%)}
.hero-main{grid-template-columns:.8fr 1.2fr;gap:60px;min-height:650px;align-items:center}
.hero-copy{padding-block:20px}.hero h1{font-size:clamp(48px,5.2vw,84px);line-height:1.3}.hero-spectrum-text{background:linear-gradient(110deg,#ccaaf1,#9349e1 25%,#a590ff 65%,#e98cbc);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 25px #9d58df20)}
.hero-detail{max-width:450px;text-wrap:pretty}.hero-download{position:relative;overflow:hidden;background:linear-gradient(110deg,#6d20c2,#a766e6);border:0;box-shadow:0 8px 35px #6b1fbc30;color:#130d18}.hero-download::after{content:"";position:absolute;inset:-100% auto -100% -65%;width:30%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,#ffffff85,transparent);transition:left .75s}.hero-download:hover::after{left:140%}.hero-download:hover{box-shadow:0 10px 40px #8b37de60}.hero-download .icon{width:20px;height:20px}.hero .text-link{border-bottom:1px solid #aa8ac74a}
.hero-showcase{min-width:0}.laptop-stage{perspective:1400px;padding:35px 0 15px;position:relative}.laptop-stage::after{content:"";position:absolute;inset:auto 0 0;height:60px;background:radial-gradient(ellipse,#7c31c928,transparent 70%);filter:blur(14px);z-index:-1}
.laptop{width:92%;margin:auto;transform:rotateY(-11deg) rotateX(7deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-showcase:hover .laptop{transform:rotateY(-4deg) rotateX(3deg)}
.laptop-lid{position:relative;padding:13px 10px 24px;border:1px solid #847593;border-radius:16px 16px 7px 7px;background:linear-gradient(145deg,#6f7a85,#2c2335 5%,#120c17 48%,#62566e);box-shadow:0 35px 70px #00000099,inset 0 0 0 2px #251c2e}
.laptop-camera{position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#23192e;box-shadow:0 0 0 1px #5a636d}
.laptop-screen{position:relative;aspect-ratio:16/10;background:#16111b;overflow:hidden;border:1px solid #08060a;border-radius:5px}
.screen-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--slide)*100%));transition:transform .85s cubic-bezier(.22,.7,.15,1),opacity .65s;opacity:0;pointer-events:none}.screen-slide.is-active{opacity:1}.screen-slide .product-shot{width:100%;height:100%;object-fit:contain}
.laptop-brand{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.14em;color:#8994a2}
.laptop-deck{position:relative;width:112%;margin-left:-6%;height:64px;margin-top:-1px;clip-path:polygon(5.4% 0,94.6% 0,100% 95%,99% 100%,1% 100%,0 95%);background:linear-gradient(#697684,#4c4157 12%,#3e3348 80%,#a0a8b2);border-top:1px solid #a296ad}
.laptop-keys{position:absolute;top:8px;left:17%;width:66%;height:24px;transform:perspective(130px) rotateX(23deg);background:repeating-linear-gradient(0deg,transparent 0 6px,#76808c66 6px 7px),repeating-linear-gradient(90deg,#191120 0 15px,#6c7784 15px 17px);border-radius:3px}
.laptop-trackpad{position:absolute;bottom:7px;left:40%;width:20%;height:19px;border:1px solid #858f9b70;border-radius:3px;background:#5f536b}.laptop-edge{width:112%;margin-left:-6%;height:5px;border-radius:0 0 60% 60%;background:linear-gradient(90deg,#463853,#b7aec0 40%,#5e526a);box-shadow:0 12px 25px #00000088}
.laptop-description{display:flex;align-items:center;gap:25px;margin:24px 10px 18px;min-height:92px}.theme-info{flex:1;min-width:0}.theme-info h2{font-size:23px;margin:0 0 9px;letter-spacing:0}.theme-info p{font-size:15px;margin:0;line-height:1.8;min-height:27px}
.showcase-pause{width:38px;height:38px;flex:0 0 38px;border:1px solid #79658c55;border-radius:50%;display:grid;place-items:center;color:#ab96bf}.showcase-pause .icon{width:14px;height:14px;fill:currentColor;stroke:none}.showcase-pause:hover{border-color:#a263e6;color:#d8bdf4}
.hero-showcase .theme-tabs{gap:8px}.hero-showcase .theme-tab{padding:15px 10px!important;border:1px solid #5c437350;border-radius:10px;gap:10px;align-items:center;justify-content:center;background:#1a122255;transition:background .3s,border-color .3s}.hero-showcase .theme-tab::after{display:none}.hero-showcase .theme-tab strong{font-size:14px;margin:0}.hero-showcase .theme-tab .icon{width:20px;height:20px;margin:0;display:block}.hero-showcase .theme-tab[aria-selected=true]{background:linear-gradient(110deg,#33165050,#37264780);border-color:#8954bd80;color:#dbc3f5}
.tools{overflow:hidden;padding-block:130px 110px;background:#0e0912}.tools .section-heading{text-align:center;position:relative;z-index:2;margin-bottom:32px}.tools .section-heading p{margin:auto}.tools-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.22}.tools-backdrop img{width:100%;height:100%;object-fit:cover}.tools-backdrop::after{background:linear-gradient(#0e0912,transparent 35%,#0e0912)}
.tools-showcase{position:relative}.tool-orbit{position:relative;max-width:1400px;height:510px;margin:55px auto 0;perspective:1300px;isolation:isolate}.tool-orbit::before{content:"";position:absolute;bottom:2%;left:15%;width:70%;height:35%;border-radius:50%;border:1px solid #8836de33;transform:rotateX(68deg);box-shadow:0 0 50px #7023bb15,inset 0 0 45px #8744bd0d}
.orbit-card{position:absolute;top:22%;left:50%;width:min(43vw,550px);padding:0;border:1px solid #65537780;border-radius:12px;overflow:hidden;background:#1b1322;transform:translateX(-50%) translate3d(var(--x),var(--y),var(--z)) rotateY(var(--turn)) scale(var(--scale));filter:brightness(var(--dim));transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s,border-color .6s;box-shadow:0 25px 60px #000000aa;text-align:left;backface-visibility:hidden}.orbit-card.is-active{border-color:#ab72e89c;box-shadow:0 20px 60px #000000bb,0 0 35px #611caa23}.orbit-card-bar{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #88739d26;font-size:12px;color:#d4c1e6;background:linear-gradient(100deg,#261b32,#261a30)}.orbit-card-bar .icon{width:16px;height:16px;color:#aa70e8}.card-dots{margin-left:auto;font-size:22px;line-height:12px;color:#9b88ad}.orbit-card img{width:100%;aspect-ratio:1.74;object-fit:contain;display:block;background:#19151d}
.tool-description-row{display:flex;gap:25px;align-items:center;justify-content:center;max-width:820px;min-height:108px}.tool-info{text-align:center;flex:1;min-width:0}.tool-info h3{font-size:28px;margin:0 0 12px}.tool-info p{font-size:17px;line-height:1.8;margin:0;min-height:30px}.orbit-arrow{border:1px solid #68537d66;width:42px;height:42px;flex:0 0 42px;border-radius:50%;font-size:22px;color:#bba5d1;background:#1d1426}.orbit-arrow:hover{border-color:#a86ee7;color:white}.tool-tabs{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}.tool-tabs button{display:flex;gap:8px;align-items:center;padding:10px 15px;min-height:44px;border:1px solid #5c477144;border-radius:30px;font-size:13px;color:#bbaacb;transition:background .3s,color .3s}.tool-tabs .icon{width:17px;height:17px}.tool-tabs button[aria-pressed=true]{color:#d2b3f3;background:#2f1746;border-color:#7b51a5}.tool-extra{text-align:center;font-size:13px;margin:25px 24px 0;color:#8f7f9e}
.mini{background:radial-gradient(ellipse at 28% 55%,#3d176445,transparent 48%),radial-gradient(ellipse at 64% 38%,#542d7023,transparent 50%)}.mini-layout{gap:75px}.mini-product::before{background:radial-gradient(ellipse,#8331dc25,transparent 65%);inset:-100px -20px}.mini-glass{position:relative;border:1px solid #c7a9e54a;border-radius:24px;padding:28px;background:linear-gradient(130deg,#e8d8f91c,#7f64980f 55%,#d3adff1b);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff33,0 35px 80px #00000066;transform:perspective(1200px) rotateY(5deg) rotateX(3deg);transition:transform .7s,border-color .7s}.mini-glass:hover{transform:perspective(1200px) rotateY(0) rotateX(0);border-color:#d2b2f288}.mini-glass>.icon{color:#b788ea;width:26px;height:26px;margin-bottom:20px}.mini-glass-player{border-radius:12px;overflow:hidden;background:#1b1322a8;box-shadow:0 12px 30px #00000044}.mini-glass-player .shot-mini{mix-blend-mode:screen}.glass-caption{display:flex;align-items:center;gap:10px;font-size:12px;color:#cab6dd;margin-top:20px}.glass-caption .icon{width:16px;height:16px;color:#d2acf1}.mini h2{background:linear-gradient(110deg,#dcc5f5,#d4b2f3 65%,#d6b3f6);background-clip:text;-webkit-text-fill-color:transparent}.mini .plain-list li{color:#d5c4e4}.mini .plain-list li::before{background:linear-gradient(90deg,#a05fe5,#b085ef)}
.chapter-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:24px;border:1px solid #af80df35;border-radius:14px;background:linear-gradient(135deg,#30164b88,#33214f77);color:#c49bef;box-shadow:inset 0 1px 0 #ffffff12}.chapter-mark .icon{width:25px;height:25px;transition:transform .4s}.chapter-mark:hover .icon{transform:rotate(-8deg) scale(1.12)}.split-heading>.chapter-mark{flex:0 0 48px;margin:0 -52px 0 0}.mini .chapter-mark{display:none}.privacy-list li::after{background:linear-gradient(90deg,#8e46df,#9f76eb)}.showcase-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.showcase-reveal.is-seen{opacity:1;transform:translateY(0)}
@media(min-width:1800px){.hero-main{gap:100px}.tool-orbit{height:560px}.laptop-stage{padding-bottom:25px}}
@media(max-width:1199px){.hero-main{gap:35px;grid-template-columns:.85fr 1.15fr}.hero h1{font-size:55px}.laptop-description{min-height:112px}.hero-showcase .theme-tab{flex-direction:column;gap:8px}.tool-orbit{height:430px}.mini-layout{gap:40px}}
@media(max-width:950px){.hero{padding-top:125px}.hero-main{grid-template-columns:1fr;max-width:760px;gap:35px}.hero-copy{max-width:650px}.hero h1{font-size:64px}.hero-showcase{width:100%;max-width:690px;margin:auto}.laptop-stage{padding-top:10px}.laptop-description{min-height:85px}.hero-showcase .theme-tab{flex-direction:row}.tool-orbit{height:390px}.orbit-card{width:52vw}.tool-description-row{gap:14px}.mini-layout{gap:45px}.split-heading>.chapter-mark{margin:0 0 20px}.tools .section-heading{padding:0 10px}.tools .section-heading h2{max-width:none}}
@media(max-width:600px){.hero{padding:110px 0 75px}.hero-main{gap:20px;min-height:0}.hero h1{font-size:46px}.hero-copy{padding:0}.hero .actions{flex-direction:row;align-items:center;gap:20px}.hero-download{padding-inline:18px}.hero .text-link{font-size:14px}.laptop-stage{margin-inline:-8px;padding-top:22px}.laptop{width:94%;transform:rotateY(-5deg) rotateX(4deg)}.laptop-lid{padding:10px 6px 19px;border-radius:10px 10px 5px 5px}.laptop-brand{font-size:7px}.laptop-deck{height:39px}.laptop-keys{top:5px;height:15px;background-size:auto}.laptop-trackpad{height:11px;bottom:4px}.laptop-edge{height:3px}.laptop-description{margin:18px 0;gap:15px;min-height:100px}.theme-info h2{font-size:20px}.theme-info p{font-size:13px}.hero-showcase .theme-tabs{gap:6px}.hero-showcase .theme-tab{flex-direction:column;padding:12px 4px!important}.hero-showcase .theme-tab strong{font-size:12px}.hero-showcase .theme-tab .icon{width:19px;height:19px}.tools{padding-block:80px}.tools .section-heading{padding:0;text-align:left}.tool-orbit{height:295px;margin-top:25px;perspective:850px}.orbit-card{width:72vw;border-radius:8px;top:27%}.orbit-card-bar{padding:7px 10px;font-size:10px}.orbit-card-bar .icon{width:13px;height:13px}.tool-description-row{gap:9px;flex-wrap:wrap;min-height:110px}.tool-info h3{font-size:23px}.tool-info p{font-size:14px;min-height:50px}.orbit-arrow{width:32px;height:32px;flex-basis:32px;font-size:18px}.tool-description-row>.showcase-pause{width:30px;height:30px;flex-basis:30px}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.tool-tabs button{justify-content:center;font-size:12px;padding:9px 7px}.tool-extra{font-size:12px}.mini-glass{padding:18px;border-radius:18px}.mini-glass>.icon{width:21px;height:21px;margin-bottom:14px}.glass-caption{margin-top:14px;font-size:10px}.chapter-mark{width:42px;height:42px;border-radius:12px;margin-bottom:20px}.chapter-mark .icon{width:22px;height:22px}.mini .chapter-mark{display:none}.privacy h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.showcase-reveal{opacity:1;transform:none}.screen-slide,.laptop,.orbit-card,.mini-glass{transition:none}.hero-download::after{display:none}}
/* Full touch targets without expanding the showcase media. */
.showcase-pause{width:44px;height:44px;flex-basis:44px}.orbit-arrow{width:44px;height:44px;flex-basis:44px}
@media(max-width:600px){.tool-description-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}.tool-description-row>.showcase-pause{grid-column:2;justify-self:center;width:44px;height:44px}.orbit-arrow{width:44px;height:44px}.tool-info p{min-height:0}.hero-showcase .theme-tab{min-height:66px}}
/* Feature section: a silver desktop scene and orbital editorial heading. */
.feature-studio{overflow:hidden;background:radial-gradient(ellipse at 15% 30%,#4b168055,transparent 48%),radial-gradient(ellipse at 75% 42%,#60447725,transparent 50%),#100b15;padding-block:105px 110px}
.feature-light-ribs{position:absolute;inset:0 auto 0 0;width:29%;background:repeating-linear-gradient(90deg,#c7a0f008 0 2px,transparent 3px 12px);mask-image:linear-gradient(90deg,black,transparent);pointer-events:none}
.feature-studio-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:center;min-height:610px;margin-bottom:70px}
.desktop-scene{position:relative;padding:32px 0 145px;perspective:1300px;isolation:isolate}
.desktop-scene::before{content:"";position:absolute;inset:5% -10% 5% -15%;background:radial-gradient(ellipse,#ab73e52b,transparent 65%);filter:blur(30px);z-index:-1}
.desktop-monitor{position:relative;padding:11px 11px 35px;border:1px solid #f3eafbbb;border-radius:20px;background:linear-gradient(135deg,#ebe4f3,#a291b2 42%,#e7e2ec);box-shadow:inset 0 0 0 2px #ede6f53d,8px 25px 45px #00000088;transform:rotateZ(-7deg) rotateY(12deg) rotateX(3deg);transition:transform .9s cubic-bezier(.2,.7,.2,1);z-index:3}
.desktop-scene:hover .desktop-monitor{transform:rotateZ(-4deg) rotateY(8deg) rotateX(1deg)}
.desktop-screen{aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:#1a151f;border:1px solid #261a31}.desktop-screen .product-shot{width:100%;height:100%;object-fit:contain}.desktop-chin{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center}.desktop-chin img{width:21px;height:21px;filter:grayscale(1);opacity:.55}
.desktop-stand{position:absolute;left:45%;bottom:90px;width:18%;height:100px;transform:skewX(-12deg);background:linear-gradient(90deg,#ac9eba,#dfd7e8 48%,#867795);z-index:1}.desktop-foot{position:absolute;left:31%;bottom:76px;width:43%;height:20px;border-radius:50%;background:linear-gradient(#ebe5f1,#9585a4);box-shadow:0 18px 25px #00000099;transform:rotateZ(-6deg)}
.desktop-keyboard{position:absolute;left:18%;bottom:12px;width:65%;height:62px;background:linear-gradient(140deg,#f2eef7,#907fa1);border:1px solid #e7def0;border-radius:8px;transform:perspective(400px) rotateX(55deg) rotateZ(-9deg);box-shadow:0 14px 0 -8px #91829f,0 28px 35px #00000088;padding:7px}.desktop-keyboard>div{width:100%;height:100%;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 9px,#998aa9 10px 12px),repeating-linear-gradient(90deg,#e6deee 0 15px,#9282a2 16px 18px)}
.desktop-mouse{position:absolute;right:-4%;bottom:53px;width:67px;height:36px;border:1px solid #d3c1e6;border-radius:55% 55% 42% 42%;background:linear-gradient(170deg,#f9f6fd,#a18db6);transform:rotateZ(-8deg);box-shadow:0 12px 22px #00000077}.desktop-mouse::after{content:"";position:absolute;top:3px;left:50%;height:9px;width:2px;background:#927ea6}
.feature-studio .feature-studio-heading{position:relative;text-align:left;margin:0;z-index:2;padding-block:35px}.feature-studio-heading .chapter-mark{display:none}.feature-studio-heading h2{font-size:clamp(38px,3.8vw,61px);line-height:1.4;max-width:490px;letter-spacing:-.025em;margin-bottom:30px;color:#f7f2fc}.feature-studio-heading p{font-size:20px;line-height:1.9;max-width:400px;color:#cab8dc}
.feature-orbits{position:absolute;inset:-12% -6% 8% -8%;pointer-events:none;z-index:-1;opacity:.7}.feature-orbits i{position:absolute;inset:10% 0;border:1px solid #cda9f131;border-radius:50%;transform:rotate(-24deg)}.feature-orbits i+i{inset:0 12%;transform:rotate(35deg)}.feature-orbits span{position:absolute;right:10%;top:10%;font-size:46px;color:#eadbf9;filter:drop-shadow(0 0 18px #c196ee76)}.feature-orbits span:last-child{top:72%;right:0;font-size:25px;color:#a996f4}
.feature-signature{display:flex;align-items:center;gap:12px;margin-top:55px;color:#e1d0f3;font-size:20px}.feature-signature img{width:28px;height:28px}.feature-signature i{height:1px;width:55px;margin-left:15px;background:linear-gradient(90deg,#b181e1,transparent)}.feature-signature b{font-size:22px;color:#c699ee}
.feature-studio .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 42px;width:100%;max-width:none}.feature-studio .feature-list li{gap:17px;border-top:1px solid #956fbb38;border-bottom:0;padding:27px 0}.feature-studio .feature-number{font-size:19px;flex:0 0 26px;line-height:1.5;color:#ac7adf}.feature-studio .feature-list h3{font-size:20px;margin-bottom:12px}.feature-studio .feature-list p{font-size:14px;line-height:1.9}
@media(max-width:1199px){.feature-studio-hero{gap:65px;min-height:510px}.feature-studio-heading h2{font-size:43px}.feature-studio-heading p{font-size:18px}.desktop-scene{padding-bottom:125px}.desktop-stand{bottom:80px;height:80px}.desktop-foot{bottom:65px}.feature-studio .feature-list{gap:0 28px}}
@media(max-width:950px){.feature-studio-hero{grid-template-columns:1fr;gap:20px;margin-bottom:55px;min-height:0}.feature-studio-heading{grid-row:1}.feature-studio .feature-studio-heading{max-width:610px;width:100%;margin:auto}.feature-studio-heading h2{max-width:540px}.feature-studio-heading p{max-width:550px}.feature-signature{margin-top:30px}.desktop-scene{max-width:600px;width:92%;margin:auto}.feature-studio .feature-list{grid-template-columns:1fr 1fr}.feature-orbits{inset:-10% 0 -5% 30%}.feature-orbits span{font-size:30px}.feature-light-ribs{width:50%}}
@media(max-width:600px){.feature-studio{padding-block:75px 65px}.feature-studio-heading h2{font-size:36px;line-height:1.45;max-width:310px}.feature-studio-heading p{font-size:16px}.feature-signature{font-size:17px;margin-top:25px}.feature-signature img{width:23px;height:23px}.feature-orbits{opacity:.45;inset:0 -5% 0 20%}.feature-orbits span{font-size:25px;right:5%;top:0}.desktop-scene{padding-top:28px;padding-bottom:105px;width:94%}.desktop-monitor{padding:6px 6px 24px;border-radius:12px}.desktop-screen{border-radius:5px}.desktop-chin{bottom:4px}.desktop-chin img{width:16px;height:16px}.desktop-stand{height:55px;bottom:63px}.desktop-foot{height:13px;bottom:53px}.desktop-keyboard{height:43px;bottom:9px;padding:5px}.desktop-keyboard>div{background:repeating-linear-gradient(0deg,transparent 0 6px,#998aa9 7px 8px),repeating-linear-gradient(90deg,#e6deee 0 9px,#9282a2 10px 11px)}.desktop-mouse{width:43px;height:25px;right:-1%;bottom:37px}.feature-studio-hero{margin-bottom:25px}.feature-studio .feature-list{grid-template-columns:1fr;gap:0}.feature-studio .feature-list li{padding:23px 0}.feature-studio .feature-list h3{font-size:19px}.feature-studio .feature-list p{font-size:14px}.feature-studio .feature-number{font-size:18px}}
@media(prefers-reduced-motion:reduce){.desktop-monitor{transition:none}}
/* Studio scene belongs to the privacy section. */
.privacy{overflow:hidden;background:#0c0810}.privacy-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.5}.privacy-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.55)}.privacy-backdrop::after{background:linear-gradient(90deg,#0c0810c7,#0c081070 50%,#0c0810bd),linear-gradient(#0c0810,transparent 30%,transparent 70%,#0c0810)}.privacy .privacy-layout{position:relative;z-index:1}.privacy .privacy-list{background:transparent}.privacy h2,.privacy .privacy-list li{text-shadow:0 2px 18px #000000bb}.tools{background:radial-gradient(ellipse at 50% 55%,#271b3277,transparent 62%),#0e0912}
@media(max-width:600px){.privacy-backdrop img{object-position:42% center}.privacy-backdrop{opacity:.42}}
/* Latest hero reference: left-facing laptop resting on a subwoofer. */
.hero{padding-top:125px;background:radial-gradient(ellipse at 78% 30%,#3d116c5c,transparent 56%),radial-gradient(ellipse at 40% 80%,#42245b44,transparent 55%),#0d0911}.hero-main{grid-template-columns:.9fr 1.1fr;gap:45px}.hero h1{font-size:clamp(60px,6.6vw,106px);line-height:1.14;letter-spacing:-.065em}.hero-copy{position:relative;z-index:3}.hero .sound-field{height:92%;opacity:1;mask-image:linear-gradient(transparent,black 18%,black 82%,transparent)}
.hero .laptop-stage{padding:30px 0 154px;perspective:1300px}.hero .laptop{width:93%;position:relative;z-index:2;transform:rotateY(19deg) rotateX(-3deg) rotateZ(3deg)}.hero-showcase:hover .laptop{transform:rotateY(15deg) rotateX(-2deg) rotateZ(2deg)}.hero .laptop-lid{border-radius:13px 13px 5px 5px;padding:11px 8px 20px}.hero .laptop-deck{height:68px;transform-origin:top;transform:skewX(-13deg);width:115%;margin-left:-3%}.hero .laptop-edge{transform:skewX(-13deg);width:115%;margin-left:-3%}.hero .laptop-keys{opacity:.8}.hero .laptop-stage::after{bottom:25px;height:100px;background:radial-gradient(ellipse,#733ab02b,transparent 65%)}
.hero-subwoofer{position:absolute;left:9%;right:0;bottom:6px;height:154px;z-index:1;perspective:900px}.subwoofer-front{position:absolute;inset:20px 24px 0 0;border:1px solid #57426d;border-radius:9px 2px 12px 12px;background:repeating-linear-gradient(90deg,#0a070e55 0 1px,transparent 1px 4px),linear-gradient(110deg,#271b33,#100c15 60%,#2d1842);box-shadow:0 25px 50px #00000099}.subwoofer-front>span{position:absolute;left:28px;bottom:20px;font-size:10px;letter-spacing:.13em;color:#9579b2}.subwoofer-top{position:absolute;left:0;right:24px;top:0;height:27px;transform:skewX(-35deg);transform-origin:bottom;background:linear-gradient(120deg,#5d4b70,#29183b);border:1px solid #77648a;border-radius:9px 5px 0 0}.subwoofer-side{position:absolute;right:0;top:0;bottom:0;width:25px;background:linear-gradient(90deg,#16101d,#3d2557);clip-path:polygon(0 14%,100% 0,100% 90%,0 100%)}
.woofer-cone{position:absolute;left:43%;top:12px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#100c15 0 17%,#3e2b52 19%,#1f1628 23%,#453556 37%,#120d17 40% 45%,#463458 47%,#0f0a14 49% 62%,#29183b 65%,#0c0810 68%);box-shadow:inset 0 0 15px #000000,0 0 0 1px #5b496e75}.woofer-port{position:absolute;right:8%;top:42%;width:56px;height:23px;border-radius:18px;background:#08050a;box-shadow:inset 0 2px 6px #000000,0 1px 0 #614f7359}
/* Latest feature reference: right-facing slim monitor on a ribbed pedestal. */
.feature-studio{background:radial-gradient(ellipse at 15% 54%,#66351466,transparent 52%),radial-gradient(ellipse at 60% 38%,#37244830,transparent 50%),#100b14}.feature-light-ribs{opacity:.35}.desktop-scene{padding-bottom:175px}.desktop-monitor{padding:7px 7px 15px;border-radius:5px;background:linear-gradient(130deg,#7d858c,#0c0810 3%,#0c0810 93%,#92999d);border:1px solid #71777d;box-shadow:inset -3px 0 0 #a0a5aa55,10px 30px 48px #000000aa;transform:rotateY(-21deg) rotateX(3deg) rotateZ(4deg)}.desktop-scene:hover .desktop-monitor{transform:rotateY(-17deg) rotateX(2deg) rotateZ(3deg)}.desktop-screen{border-radius:1px}.desktop-chin{bottom:3px}.desktop-chin img{width:10px;height:10px;opacity:.3}.desktop-stand{left:48%;bottom:145px;height:80px;width:20%;transform:skewX(10deg);background:linear-gradient(110deg,#24262b,#72716f 40%,#393b3e);z-index:2}.desktop-foot{left:40%;bottom:140px;width:35%;height:28px;border-radius:4px;background:linear-gradient(140deg,#898988,#303437);transform:perspective(250px) rotateX(35deg) rotateZ(5deg);z-index:3}
.desktop-ribbed-plinth{position:absolute;bottom:0;left:-5%;right:-3%;height:135px;background:repeating-linear-gradient(90deg,#09060c 0 4px,#465058 5px,#16101b 6px 10px);border-top:2px solid #7b7871;box-shadow:0 25px 40px #00000099;transform:skewY(5deg);z-index:0}.desktop-ribbed-plinth::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:125px;transform:skewX(-24deg);transform-origin:bottom;background:repeating-linear-gradient(0deg,#0c0810 0 4px,#4e5457 5px,#1d1624 6px 10px);border:2px solid #646563}.desktop-ribbed-plinth i{position:absolute;inset:0;background:linear-gradient(100deg,transparent,#a45e2826,transparent)}
@media(max-width:1199px){.hero h1{font-size:clamp(53px,6.3vw,78px)}.hero .laptop-stage{padding-bottom:135px}.hero-subwoofer{height:135px}.woofer-cone{width:90px;height:90px;left:37%}.woofer-port{width:38px}.desktop-scene{padding-bottom:165px}}
@media(max-width:950px){.hero-main{grid-template-columns:1fr}.hero h1{font-size:76px}.hero .laptop-stage{max-width:640px;margin:auto}.hero-subwoofer{left:8%;right:4%}.desktop-ribbed-plinth{left:0;right:0}}
@media(max-width:600px){.hero{padding-top:110px}.hero h1{font-size:58px}.hero .laptop-stage{padding:22px 0 95px}.hero .laptop{width:92%;transform:rotateY(15deg) rotateX(-2deg) rotateZ(2deg)}.hero-showcase:hover .laptop{transform:rotateY(15deg) rotateX(-2deg) rotateZ(2deg)}.hero .laptop-lid{padding:8px 5px 16px;border-radius:9px 9px 3px 3px}.hero .laptop-deck{height:37px}.hero-subwoofer{height:99px;left:8%;right:2%;bottom:0}.subwoofer-front{right:16px;top:16px}.subwoofer-top{right:16px;height:20px}.subwoofer-side{width:17px}.woofer-cone{height:62px;width:62px;top:8px;left:40%}.woofer-port{width:28px;height:14px}.subwoofer-front>span{font-size:7px;left:15px;bottom:15px}.desktop-scene{padding-bottom:119px}.desktop-monitor{padding:4px 4px 10px;border-radius:4px}.desktop-stand{height:45px;bottom:95px}.desktop-foot{height:19px;bottom:85px}.desktop-ribbed-plinth{height:85px}.desktop-ribbed-plinth::before{height:70px}.desktop-chin img{width:7px;height:7px}}

/* Selected reference: a floating application plane on a slate editorial canvas. */
.feature-poster{overflow:hidden;background:radial-gradient(ellipse at 0 0,#3c3147,#2b2233 65%);padding-block:95px 100px}.feature-poster-heading{position:relative;z-index:2}.feature-poster .feature-poster-heading{text-align:left;margin:0}.feature-poster-heading .chapter-mark{display:none}.feature-poster-brand{font-size:29px;color:#ede8f2;letter-spacing:-.045em;display:block;margin-bottom:30px}.feature-poster-heading h2{font-size:clamp(34px,4.1vw,65px);margin:0 0 24px}.feature-poster .feature-poster-heading p{margin:0;max-width:none;font-size:18px;color:#bdb0ca}
.feature-interface-stage{position:relative;aspect-ratio:1.65;margin:20px 0 25px;perspective:1800px;isolation:isolate}.feature-interface-stage::before{content:"";position:absolute;left:-30%;right:-25%;height:50%;top:40%;border:2px solid #8c43d24a;border-radius:50%;transform:rotate(-8deg);z-index:-1}.feature-interface-plane{position:absolute;width:81%;left:10%;top:10%;transform:rotateX(18deg) rotateY(-9deg) rotateZ(-13deg);transform-style:preserve-3d;box-shadow:-7px 9px 0 #1a1221,-12px 15px 0 #15101a,0 50px 60px #100b1570;transition:transform .8s cubic-bezier(.2,.7,.2,1);background:#201926}.feature-interface-plane:hover{transform:rotateX(14deg) rotateY(-7deg) rotateZ(-10deg)}.feature-interface-crop{position:relative;aspect-ratio:1384/832;overflow:hidden;border:1px solid #5a4c6655}.feature-interface-crop img{position:absolute;max-width:none;width:104.92%;height:auto;left:-2.17%;top:-7.1%}
.feature-poster .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 42px}.feature-poster .feature-list li{padding:26px 0;border-top:1px solid #bda6d22b;border-bottom:0;gap:17px}.feature-poster .feature-number{font-size:19px;flex:0 0 26px;color:#b582e7}.feature-poster .feature-list h3{font-size:20px}.feature-poster .feature-list p{font-size:14px;color:#bfb1cd}
/* Mini reference: restrained color artwork above a large black product panel. */
.mini-editorial{position:relative;overflow:hidden;background:#1a161e;padding:100px 0;isolation:isolate}.mini-editorial-art{position:absolute;inset:0 0 auto;width:100%;height:auto;z-index:-1;mask-image:linear-gradient(black 0 68%,transparent 100%)}.mini-editorial-content{max-width:1160px}.mini-editorial-heading{min-height:250px;max-width:610px;padding-right:25px}.mini-editorial-heading .mini-label{font-size:14px;letter-spacing:.15em;color:#c7bcd2;display:block;margin-bottom:25px}.mini-editorial .mini-editorial-heading h2{font-size:clamp(35px,4.2vw,60px);max-width:610px;line-height:1.38;margin:0;background:linear-gradient(110deg,#f3f0f5,#b4a7c1);background-clip:text;-webkit-text-fill-color:transparent}.mini-editorial-panel{position:relative;background:#070508;border:1px solid #555e6929;box-shadow:0 30px 80px #00000044;min-height:470px;padding:45px clamp(30px,6vw,95px) 38px}.mini-panel-heading{display:flex;align-items:center;gap:9px;font-size:19px;line-height:1.2;color:#d1c4df}.mini-panel-heading img{width:26px;height:26px}.mini-panel-heading small{font-size:12px;color:#907fa0;font-weight:400;margin-left:6px}.mini-panel-description{font-size:15px;color:#9989a9;margin:18px 0 40px}.mini-editorial-player{position:relative;max-width:650px;width:78%;margin:0 auto 45px;border:1px solid #c8b3dd55;border-radius:14px;padding:9px;background:#bc96e31a;box-shadow:0 20px 45px #00000099,inset 0 1px 0 #e6d3f833;transition:transform .5s}.mini-editorial-player:hover{transform:translateY(-5px)}.mini-editorial-player .shot-mini{width:100%;height:auto;border-radius:6px;mix-blend-mode:screen}.mini-editorial .plain-list{display:flex;justify-content:space-between;gap:30px;margin:0}.mini-editorial .plain-list li{font-size:13px;color:#ae9ebd;border:0;padding:10px 0;gap:13px}.mini-editorial .plain-list li::before{width:16px}
@media(max-width:950px){.feature-poster,.mini-editorial{padding-block:80px}.feature-poster .feature-list{grid-template-columns:1fr 1fr;gap:0 28px}.feature-interface-stage{aspect-ratio:1.45;margin-top:35px}.feature-interface-plane{width:86%;left:7%;top:12%}.mini-editorial-heading{min-height:230px;max-width:60%;padding:0}.mini-editorial-heading h2{font-size:42px}.mini-editorial-art{height:600px;object-fit:cover;object-position:65% top}.mini-editorial-panel{padding:35px}.mini-editorial-player{width:88%}}
@media(max-width:600px){.feature-poster,.mini-editorial{padding-block:70px}.feature-poster-brand{font-size:22px;margin-bottom:25px}.feature-poster-heading h2{font-size:34px;line-height:1.4;max-width:330px}.feature-poster .feature-poster-heading p{font-size:16px;line-height:1.8}.feature-interface-stage{aspect-ratio:1.2;margin:28px -12px 12px;perspective:800px}.feature-interface-plane{width:90%;left:5%;top:17%;transform:rotateX(12deg) rotateY(-6deg) rotateZ(-10deg)}.feature-poster .feature-list{grid-template-columns:1fr}.feature-poster .feature-list li{padding:23px 0}.feature-poster .feature-list h3{font-size:19px}.mini-editorial-art{height:440px;object-position:62% top;opacity:.65}.mini-editorial-heading{max-width:83%;min-height:230px}.mini-editorial .mini-editorial-heading h2{font-size:34px}.mini-editorial-heading .mini-label{font-size:12px;margin-bottom:20px}.mini-editorial-panel{padding:25px 20px;min-height:0;margin-inline:-8px}.mini-panel-description{font-size:13px;line-height:1.8;margin:17px 0 30px}.mini-panel-heading{font-size:16px}.mini-editorial-player{width:100%;padding:4px;border-radius:8px;margin-bottom:30px}.mini-editorial .plain-list{flex-direction:column;gap:3px}.mini-editorial .plain-list li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-interface-plane,.mini-editorial-player{transition:none}.mini-editorial-player:hover{transform:none}}

/* Hero: photographed silver desktop housing; live HTML slides stay inside the display. */
.hero-main{grid-template-columns:.85fr 1.15fr;gap:35px}.hero-monitor-stage{position:relative;width:120%;margin:0 0 0 -10%;isolation:isolate}.hero-monitor-art{width:100%;height:auto;display:block;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.hero-monitor-stage .laptop-screen{position:absolute;left:15.1%;top:11.13%;width:69.4%;height:56.84%;aspect-ratio:auto;border:0;border-radius:0;background:#16111b}.hero-monitor-stage .screen-slide{padding:1.5%}.hero-monitor-stage .screen-slide .product-shot{object-fit:contain}.hero .laptop-description{margin-top:8px}.hero-monitor-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0d0911,transparent 8%,transparent 91%,#0d0911);opacity:.55}
@media(max-width:950px){.hero-main{grid-template-columns:1fr}.hero-monitor-stage{width:110%;margin-left:-5%}}
@media(max-width:600px){.hero-monitor-stage{width:120%;margin-left:-10%}.hero .laptop-description{margin-top:4px}}
.hero-monitor-art{mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent),linear-gradient(transparent,black 8%,black 88%,transparent);mask-composite:intersect}.hero-monitor-stage::after{display:none}
@media(min-width:951px){.feature-interface-stage{margin-bottom:115px}}