/* Product-first direction. Editorial type, real interface, no decorative scene. */
.product-redesign{--shell:1440px;--bg:#0d0c10;--muted:#aaa6b1;background:var(--bg)}
.product-redesign .header{border-bottom:1px solid #ffffff10}
.product-redesign .header-row{min-height:84px}
.product-redesign .capability-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-size:12px}
.capability-rail>span{color:#c4bace;font-size:14px}
.capability-rail a{color:#948a9f;transition:color .2s}.capability-rail a:hover{color:#d4b1f5}
.product-redesign .section{padding-block:90px}
.product-redesign h2{font-size:clamp(34px,4.1vw,62px);letter-spacing:-.055em;font-weight:500}
.product-redesign .feature-story{grid-template-columns:.75fr 1.25fr;gap:10%;align-items:center}
.product-redesign .story-art{min-height:340px;background:#161319;border-radius:50%;aspect-ratio:1;max-width:360px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.product-redesign .story-art:before,.product-redesign .story-art:after{display:none}
.product-redesign .story-art img{width:70%;height:auto;max-height:260px;filter:none}
.product-redesign .art-caption{position:static;margin-top:18px;font-size:10px;color:#8c8198;letter-spacing:.03em}
.product-redesign .story-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:50ch}
.product-redesign .story-steps{counter-reset:step;margin-top:28px}
.product-redesign .story-steps article{position:relative;padding:16px 0 16px 48px;border-top:1px solid #ffffff16}
.product-redesign .story-steps article:before{counter-increment:step;content:'0' counter(step);position:absolute;left:0;top:19px;color:#b68ae8;font-size:11px}
.product-redesign .story-steps h3{font-size:18px;margin:0 0 6px}
.product-redesign .story-steps p{font-size:13px;margin:0}
.product-redesign .product-section{background:#131116;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.product-redesign .section-heading{margin-bottom:38px}
.product-redesign .product-tour{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:40px}
.product-redesign .tour-nav{display:flex;flex-direction:column;align-items:stretch;border:0;gap:6px;padding-top:0;overflow:visible}
.product-redesign .tour-nav button{border:0;border-radius:7px;text-align:left;padding:18px 20px;color:#a098aa;background:none;white-space:normal}
.product-redesign .tour-nav button[aria-pressed=true]{color:#e6d2fc;background:#a970ed17}
.product-redesign .tour-nav button:after{display:none}
.product-redesign .tour-panel{margin:0;min-width:0}
.product-redesign .preview-heading{display:block;padding:0 0 24px;min-height:0}
.product-redesign .preview-heading h3{font-size:25px;margin:0 0 8px}
.product-redesign .preview-heading p{font-size:14px;max-width:64ch;line-height:1.6}
.product-redesign .tour-panel img{border:1px solid #ffffff15;border-radius:8px}
.product-redesign .tour-panel figcaption{font-size:10px;color:#89818f}
.product-redesign .clan-band{background:transparent;border-bottom:1px solid #ffffff12}
.product-redesign .clan-layout{grid-template-columns:1fr 1fr;gap:10%}
.product-redesign .clan-details article{border-left:2px solid #b68ae849;padding-left:24px}
.product-redesign .clan-details h3{font-size:24px}
.product-redesign .clan-details p{font-size:15px;line-height:1.7}
.product-redesign .setup-section{padding-block:80px}
.product-redesign .setup-section li{padding-block:18px}
.product-redesign .trial-banner{background:#1c1722;border-radius:8px}
.product-redesign .price{background:transparent;border:1px solid #ffffff18;border-radius:8px;padding:24px 18px}
.product-redesign .price.highlight{background:#21182c;border-color:#b68ae869}
.product-redesign .price-benefits{font-size:12px}
.product-redesign #faq{padding-block:70px}
.product-redesign .closing{background:#b68ae8;color:#170f20;padding-block:75px}
.product-redesign .closing h2{font-size:clamp(42px,6vw,80px);color:#170f20}
.product-redesign .closing p{color:#493856}
.product-redesign .closing .btn-primary{background:#1b1125;color:#f0e3ff;border-color:#1b1125}
.product-redesign .closing:before,.product-redesign .closing:after{display:none}
.product-redesign :focus-visible{outline:2px solid #d4b1f5;outline-offset:5px}

/* Responsive content layouts, separate from the full-screen brand scene. */
@media(max-width:1150px){.product-redesign .product-tour{grid-template-columns:160px minmax(0,1fr);gap:26px}}
@media(max-width:850px){.product-redesign .feature-story{grid-template-columns:1fr 1.4fr;gap:6%}.product-redesign .story-art{min-height:0;grid-row:auto}.product-redesign .product-tour{grid-template-columns:1fr;gap:24px}.product-redesign .tour-nav{flex-direction:row;gap:4px}.product-redesign .tour-nav button{flex:1;text-align:center;padding:14px 8px}.product-redesign .clan-layout{grid-template-columns:1fr;gap:30px}.product-redesign .clan-details{gap:24px}.product-redesign .capability-rail{flex-wrap:wrap}.capability-rail>span{width:100%}}
@media(max-width:560px){.product-redesign .section{padding-block:62px}.product-redesign .capability-rail{gap:18px;padding-block:22px;font-size:10px}.product-redesign .feature-story{display:flex;flex-direction:column-reverse;gap:35px}.product-redesign .story-art{width:210px}.product-redesign .story-art img{max-height:130px}.product-redesign .art-caption{font-size:8px}.product-redesign .tour-nav button{font-size:11px}.product-redesign .preview-heading h3{font-size:23px}.product-redesign .preview-heading p{font-size:13px}.product-redesign .clan-details h3{font-size:21px}.product-redesign .price{padding:20px 14px}.product-redesign .closing{padding-block:65px}}
/* A continuous product-film composition: wordmark, sculpture, then explanation. */
.product-redesign{--bg:#0b0a0d;--shell:1400px;background:var(--bg)}
.product-redesign .header{border:0}.product-redesign .header-row{min-height:94px}
.product-redesign .brand{font-size:18px;letter-spacing:-.02em}.product-redesign .brand img{width:27px;height:27px}
.product-redesign .header-cta{border-radius:30px;background:#ffffff08;border:1px solid #ffffff24;color:#e6dcef;font-size:11px;min-height:38px;padding:10px 20px}
.hero-journey{height:135dvh;position:relative}
.product-redesign .sculpture-hero{position:sticky;top:0;min-height:760px;height:100dvh;display:flex;flex-direction:column;padding:115px 0 24px;overflow:hidden;background:#0b0a0d;isolation:isolate}
.hero-word{position:absolute;left:3.5%;top:22%;z-index:-2;font-size:clamp(80px,14.3vw,250px);font-weight:650;letter-spacing:-.075em;line-height:.9;white-space:nowrap;color:#2a2333;transform:translateY(calc(var(--journey,0) * -35px));user-select:none}
.swipe-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.sculpture-fallback{position:absolute;top:14%;left:54%;font-size:390px;line-height:1;font-weight:600;color:#aa80cf;transform:rotate(-16deg);text-shadow:12px 15px 0 #35263f;z-index:-1}
.has-webgl .sculpture-fallback{display:none}
.sculpture-label{position:absolute;left:61%;top:65%;display:flex;justify-content:space-between;gap:36px;width:30%;font-size:8px;letter-spacing:.15em;color:#85758e;border-top:1px solid #ffffff18;padding-top:14px}
.sculpture-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;padding-bottom:65px;position:relative}
.hero-heading{max-width:510px;padding-top:170px;transform:translateY(calc(var(--journey,0) * -28px))}
.product-redesign .hero-heading .eyebrow{font-size:9px;letter-spacing:.19em;margin:0 0 22px;color:#beadc9}
.product-redesign .hero-heading h1{font-size:clamp(60px,6.1vw,98px);font-weight:500;line-height:.99;letter-spacing:-.065em;margin:0 0 24px;max-width:none;color:#f5eff8}
.product-redesign .hero-heading h1 span{color:#c09be7}
.product-redesign .hero-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aa9fb3;margin-bottom:27px}
.hero-heading .actions{display:flex;align-items:center;gap:26px}
.product-redesign .hero-heading .btn{border-radius:30px;padding:14px 25px;min-height:48px;font-size:13px;gap:28px}
.product-redesign .hero-heading .text-link{font-size:12px;margin:0;border:0}
.hero-feature{justify-self:end;width:100%;max-width:435px;align-self:end;padding-top:390px}
.scene-choices{display:flex;gap:28px;border-bottom:1px solid #ffffff1b;margin-bottom:18px}
.scene-choices button{background:transparent;border:0;color:#8e809a;padding:12px 0;font:500 12px Outfit,sans-serif;cursor:pointer;position:relative;display:flex;align-items:center;gap:9px}
.scene-choices button>span:first-child{font-size:8px;color:#83718f}.scene-choices .choice-line{position:absolute;bottom:-1px;height:2px;left:0;width:100%;background:#bd90e8;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.scene-choices button[aria-pressed=true]{color:#eddef9}.scene-choices button[aria-pressed=true] .choice-line{transform:scaleX(1)}.scene-choices button:hover{color:#f4e8ff}
.product-redesign .scene-explanation h2{font-size:18px;letter-spacing:-.025em;line-height:1.3;margin:0 0 8px;color:#e1d6e8}
.product-redesign .scene-explanation p{font-size:12px;line-height:1.7;margin:0;color:#95879f;min-height:40px;max-width:46ch}
.sculpture-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff10;padding-top:22px;font-size:9px;color:#83738e;position:relative;letter-spacing:.05em}
.meta-dot{padding:0 12px}.scroll-cue{font-size:8px;letter-spacing:.16em}.scroll-cue>span{margin-left:18px;font-size:14px}
.product-redesign .motion-control{font-size:9px;border:0;background:transparent;color:#9786a3;padding:5px 0;cursor:pointer}
.product-redesign .manifesto{padding-block:120px 50px;display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;align-items:end}
.manifesto .eyebrow{grid-column:1/-1}.product-redesign .manifesto h2{font-size:clamp(40px,4.6vw,72px);line-height:1.1;letter-spacing:-.06em}.manifesto h2 span{color:#82718e}.product-redesign .manifesto>p:last-child{font-size:16px;line-height:1.9;max-width:44ch;padding-bottom:6px}
.product-redesign .feature-story{padding-block:75px 120px}.product-redesign .story-art{background:linear-gradient(135deg,#292031,#100e13);border-radius:18px;min-height:360px;max-width:390px;box-shadow:inset 0 1px #ffffff0b}
.product-redesign .story-art img{width:58%;image-rendering:auto;transform:rotate(-8deg);transition:transform .6s}.product-redesign .story-art:hover img{transform:rotate(0) translateY(-8px)}
.product-redesign .story-copy h2{font-size:44px}.product-redesign .story-copy .eyebrow{font-size:9px;margin-bottom:16px}
.product-redesign .product-section{background:#e9e2ed;color:#231a2d;border:0;border-radius:28px 28px 0 0;padding-block:100px}
.product-redesign .product-section h2,.product-redesign .product-section h3{color:#25192d}.product-redesign .product-section p{color:#6e6078}.product-redesign .product-section .eyebrow{color:#785291}
.product-redesign .product-section .section-heading{align-items:end;margin-bottom:50px}.product-redesign .product-section .section-heading>p{max-width:35ch;line-height:1.8}
.product-redesign .product-section .tour-nav button{color:#776380}.product-redesign .product-section .tour-nav button[aria-pressed=true]{color:#382045;background:#d9cbe2}
.product-redesign .product-section .tour-panel img{border-radius:12px;border:0;box-shadow:0 18px 38px #2d183320}
.product-redesign .product-section .tour-panel figcaption{color:#796a81;margin-top:18px}
.product-redesign .clan-band{padding-block:100px;background:#19131f}.product-redesign .clan-details article{border-color:#89659f}
.product-redesign .setup-section{padding-block:110px}.product-redesign .lower-sections{border-top:1px solid #ffffff14}
.product-redesign .trial-banner{border:1px solid #ad83c42a}.product-redesign .price{border:0;border-left:1px solid #ffffff18;border-radius:0;padding:25px 22px}.product-redesign .price.highlight{border-radius:12px;border:1px solid #ae7bda40}
.product-redesign .closing{background:#21172b;border-top:1px solid #a678cd30}.product-redesign .closing h2{color:#dec7f0}.product-redesign .closing .btn-primary{background:#be97e5;color:#1a1023}
@media(min-width:1700px){.hero-word{top:19%}.product-redesign .sculpture-hero{padding-top:145px}.sculpture-content{padding-bottom:90px}.hero-heading{padding-top:220px}.hero-feature{padding-top:470px}}
@media(max-width:1150px){.sculpture-content{gap:6%}.product-redesign .hero-heading h1{font-size:70px}.hero-feature{padding-top:370px}.sculpture-label{left:59%;width:33%}.product-redesign .manifesto{gap:25px 7%}.product-redesign .story-copy h2{font-size:38px}}
@media(max-width:850px){.hero-journey{height:120dvh}.product-redesign .sculpture-hero{height:100dvh;min-height:950px;padding-top:110px}.hero-word{top:18%;font-size:14.1vw;left:4%}.sculpture-content{grid-template-columns:1fr;gap:28px;align-content:end;padding-bottom:35px}.hero-heading{padding-top:320px}.product-redesign .hero-heading h1{font-size:65px}.hero-feature{padding:0;justify-self:start;max-width:none;display:grid;grid-template-columns:1fr 1.1fr;gap:25px;align-items:start}.scene-choices{margin:0}.scene-choices button{font-size:11px}.sculpture-label{left:55%;top:45%;width:38%}.product-redesign .scene-explanation h2{font-size:16px}.product-redesign .manifesto{padding-block:85px 20px}.product-redesign .manifesto>p:last-child{font-size:14px}.product-redesign .feature-story{padding-bottom:85px}.product-redesign .story-art{min-height:260px}.product-redesign .product-section{padding-block:75px}.sculpture-fallback{top:10%;left:54%;font-size:300px}}
@media(max-width:560px){.hero-journey{height:auto}.product-redesign .sculpture-hero{position:relative;height:auto;min-height:100dvh;padding-top:110px;padding-bottom:20px}.hero-word{top:17%;font-size:14vw;left:4%;color:#3b2a46}.sculpture-content{padding-top:220px;padding-bottom:20px;gap:28px}.hero-heading{padding:0}.product-redesign .hero-heading h1{font-size:60px;margin-bottom:18px}.product-redesign .hero-heading .eyebrow{font-size:8px;margin-bottom:16px}.product-redesign .hero-heading>p:not(.eyebrow){font-size:13px;margin-bottom:20px}.hero-heading .actions{gap:23px}.product-redesign .hero-heading .btn{font-size:12px;padding:13px 22px;min-height:44px}.product-redesign .hero-heading .text-link{font-size:11px}.hero-feature{display:block}.scene-choices{gap:28px;margin-bottom:16px}.scene-choices button{font-size:11px}.product-redesign .scene-explanation p{font-size:11px;min-height:36px}.sculpture-label{top:31%;left:57%;width:36%;font-size:7px;gap:10px}.sculpture-label>span:last-child{display:none}.sculpture-meta{padding-top:16px;gap:14px;font-size:8px}.scroll-cue{display:none}.meta-dot{padding:0 7px}.product-redesign .motion-control{font-size:8px}.product-redesign .manifesto{grid-template-columns:1fr;padding-block:75px 20px;gap:18px}.product-redesign .manifesto h2{font-size:39px}.product-redesign .manifesto .eyebrow{margin-bottom:0}.product-redesign .manifesto>p:last-child{font-size:14px;line-height:1.8}.product-redesign .feature-story{padding-top:45px;padding-bottom:70px}.product-redesign .story-copy h2{font-size:36px}.product-redesign .story-art{width:100%;max-width:none;min-height:230px;aspect-ratio:auto;padding:30px}.product-redesign .story-art img{width:130px}.product-redesign .product-section{border-radius:18px 18px 0 0;padding-block:65px}.product-redesign .product-section h2{font-size:36px}.product-redesign .product-section .section-heading{margin-bottom:30px}.product-redesign .product-section .tour-panel img{border-radius:7px}.product-redesign .clan-band,.product-redesign .setup-section{padding-block:65px}.product-redesign .price{padding:22px 15px}.sculpture-fallback{font-size:230px;top:9%;left:43%}}
@media(prefers-reduced-motion:reduce){.hero-journey{height:auto}.product-redesign .sculpture-hero{position:relative}.hero-word,.hero-heading{transform:none!important}}

@media(min-width:851px) and (max-height:780px){.product-redesign .sculpture-hero{min-height:700px;padding-top:105px}.hero-heading{padding-top:150px}.sculpture-content{padding-bottom:28px}.product-redesign .hero-heading h1{font-size:70px}.hero-feature{padding-top:315px}.product-redesign .hero-heading>p:not(.eyebrow){margin-bottom:20px}.sculpture-label{top:65%}}

/* Keep the lavender section within the dark brand palette. */
.product-redesign .header-row{min-height:80px}
.product-redesign .mobile-menu summary{list-style:none}.product-redesign .mobile-menu summary::-webkit-details-marker{display:none}
.product-redesign .product-section{background:#2a2230;color:#ede4f3}
.product-redesign .product-section h2,.product-redesign .product-section h3{color:#f0e8f7}
.product-redesign .product-section p{color:#b9aabe}.product-redesign .product-section .eyebrow{color:#c29cdc}
.product-redesign .product-section .tour-nav button{color:#c1adc9}.product-redesign .product-section .tour-nav button[aria-pressed=true]{color:#f2e5fc;background:#44324f}
.product-redesign .product-section .tour-panel figcaption{color:#b09dbb}
/* Small-screen readability, shorter comparisons and a stable navigation bar. */
.product-redesign .header{position:fixed;z-index:30;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
.product-redesign.past-hero .header{background:#100d15f5;border-bottom-color:#ffffff12;backdrop-filter:blur(14px)}
.product-redesign .nav a[aria-current=location]{color:#dab9f5}
.product-redesign .nav a[aria-current=location]:after{transform:scaleX(1)}
.product-redesign section[id]{scroll-margin-top:98px}
.product-redesign .manifesto{padding-block:90px 35px;display:block;max-width:1400px}
.product-redesign .manifesto h2{font-size:clamp(40px,4.3vw,64px);margin-bottom:25px}
.product-redesign .manifesto>p:last-child{max-width:58ch;font-size:16px;line-height:1.8}
.product-redesign .feature-story{padding-block:40px 95px;gap:8%;grid-template-columns:.7fr 1.3fr}
.product-redesign .story-art{min-height:290px;max-width:320px}
.product-redesign .story-copy h2{font-size:29px;line-height:1.25;letter-spacing:-.04em}
.product-redesign .story-steps{margin-top:22px}
.product-redesign .plan-inclusions{display:flex;flex-wrap:wrap;gap:14px 28px;margin:30px 0 24px;font-size:12px;color:#b4a5be}
.plan-inclusions strong{font-weight:500;color:#eee3f7;margin-right:auto}
.product-redesign .price{min-height:0;display:flex;flex-direction:column}
.product-redesign .price .term{min-height:48px;margin:16px 0 22px}
.product-redesign .price .btn{margin-top:auto;min-height:45px}
.product-redesign .price .amount{font-variant-numeric:tabular-nums}
.product-redesign .tour-panel>a{display:block;cursor:zoom-in;border-radius:12px;transition:box-shadow .25s}
.product-redesign .tour-panel>a:hover{box-shadow:0 0 0 2px #c7a2e385}
.product-redesign .sculpture-meta{font-size:10px;color:#a89ab2}
.product-redesign .motion-control{font-size:10px;min-height:32px;color:#b5a4c0}
.product-redesign .scene-choices button{min-height:44px;color:#ac9bb8}
.product-redesign .scene-explanation p{color:#b1a1bd}
.preview-dialog{position:fixed;inset:0;margin:auto;color:#f2eaf7;background:#17121e;border:1px solid #a782c545;border-radius:16px;padding:0;width:min(1420px,94vw);max-width:94vw;height:min(940px,92dvh);max-height:92dvh;overflow:hidden;box-shadow:0 30px 100px #0009}
.preview-dialog[open]{display:flex;flex-direction:column}
.preview-dialog::backdrop{background:#060409df;backdrop-filter:blur(8px)}
.preview-dialog header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 22px;border-bottom:1px solid #ffffff12}
.preview-dialog h2{font:500 18px Outfit,sans-serif;margin:0;letter-spacing:-.025em}
.preview-dialog .preview-actions{display:flex;gap:10px;flex-shrink:0}
.preview-dialog button{font:500 12px Outfit,sans-serif;cursor:pointer;border:1px solid #ffffff20;border-radius:6px;padding:10px 14px;color:#ebdff4;background:#ffffff07;min-height:40px}
.preview-dialog button:hover{background:#c196e722}.preview-dialog button:focus-visible{outline:2px solid #c196e7;outline-offset:3px}
.preview-viewport{flex:1;min-height:0;overflow:auto;padding:18px;display:grid;place-items:center;overscroll-behavior:contain;background:#0e0b12}
.preview-viewport img{display:block;max-width:100%;max-height:calc(92dvh - 170px);width:auto;height:auto;object-fit:contain;border-radius:6px}
.preview-viewport.is-zoomed{display:block}.preview-viewport.is-zoomed img{width:var(--source-width,1440px);max-width:none;max-height:none;height:auto}
.preview-dialog footer{padding:12px 22px;font:400 11px Outfit,sans-serif;color:#b7a5c4;line-height:1.6}
.preview-dialog .preview-error{display:none;font:400 15px Outfit,sans-serif;color:#e5d6ee}
.preview-dialog.has-error .preview-error{display:block}.preview-dialog.has-error img{display:none}
body.preview-open{overflow:hidden}
@media(max-width:850px){.product-redesign .feature-story{grid-template-columns:.7fr 1.3fr;gap:6%}.product-redesign .story-art{min-height:230px}.product-redesign .mobile-nav{background:#151019;backdrop-filter:none}.preview-dialog h2{font-size:16px}}
@media(max-width:560px){.product-redesign .header{background:#0d0a10e8}.product-redesign .header-row{min-height:72px}.product-redesign .mobile-nav{top:72px}.product-redesign .manifesto{padding-block:62px 20px}.product-redesign .manifesto h2{font-size:38px;margin-bottom:20px}.product-redesign .manifesto>p:last-child{font-size:14px}.product-redesign .feature-story{padding-block:20px 65px;display:flex}.product-redesign .story-copy h2{font-size:25px}.product-redesign .story-art{display:none}.product-redesign .plan-inclusions{gap:10px 20px;font-size:11px;margin:24px 0}.plan-inclusions strong{width:100%;margin:0}.product-redesign .price .term{font-size:11px;min-height:42px;margin-bottom:18px}.product-redesign .sculpture-meta,.product-redesign .motion-control{font-size:9px}.preview-dialog{width:96vw;max-width:96vw;height:88dvh}.preview-dialog header{display:block;padding:14px}.preview-dialog h2{margin-bottom:12px;font-size:17px}.preview-dialog .preview-actions{gap:8px}.preview-dialog button{font-size:11px;padding:9px 12px}.preview-viewport{padding:8px}.preview-viewport img{max-height:calc(88dvh - 185px)}.preview-dialog footer{padding:10px 14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-redesign .header,.product-redesign .tour-panel>a{transition:none}}
/* A resource scene with depth: atmospheric light behind the artwork, clear copy. */
.product-redesign .sculpture-hero{background:radial-gradient(ellipse at 73% 37%,#30203b80 0%,#17111e60 33%,transparent 65%),linear-gradient(135deg,#0c0b10,#17101f 65%,#0e0c13)}
.product-redesign .sculpture-hero:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 36%,#a36adf12,transparent 46%),repeating-linear-gradient(115deg,transparent 0px,transparent 119px,#ccb4eb04 120px,transparent 121px);animation:ambient-light 14s ease-in-out infinite alternate}
@keyframes ambient-light{from{opacity:.45;transform:translate3d(-12px,0,0)}to{opacity:1;transform:translate3d(12px,-8px,0)}}
.product-redesign .hero-word{color:#6d527333;top:23%}
.product-redesign .feature-story{display:block;padding-top:20px;padding-bottom:90px}
.product-redesign .story-copy{max-width:none}
.product-redesign .story-copy h2{font-size:26px;margin-bottom:20px}
.product-redesign .story-steps{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;border-top:1px solid #ffffff16;padding-top:15px}
.product-redesign .story-steps article{border:0;padding-top:16px}
.product-redesign .story-steps h3{font-size:18px}
.product-redesign .story-copy>.text-link{margin-top:28px}
.product-redesign .loot-fallback{width:230px;height:350px;top:20%;left:64%;font-size:0;transform:rotate(12deg);background:linear-gradient(135deg,#c49bed,#66368f 50%,#34184e 51%,#9d69d0);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);text-shadow:none}
.product-redesign .product-section{background:linear-gradient(145deg,#2d2235,#201826)}
@media(max-width:850px){.product-redesign .loot-fallback{width:160px;height:240px;top:12%;left:51%}.product-redesign .story-steps{gap:24px}}
@media(max-width:560px){.product-redesign .story-steps{grid-template-columns:1fr;gap:0}.product-redesign .story-steps article{border-bottom:1px solid #ffffff12;padding-block:20px}.product-redesign .story-steps article:before{top:23px}.product-redesign .feature-story{padding-bottom:65px}.product-redesign .loot-fallback{width:145px;height:200px;top:12%;left:44%}.product-redesign .hero-word{top:17%}}
.scene-offscreen .sculpture-hero:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.product-redesign .sculpture-hero:before{animation:none}}



.product-redesign .hero-heading .hero-requirements{font-size:12px;line-height:1.7;color:#b8a6c3;margin-top:18px;max-width:44ch}
.recorded-demo{padding-block:70px}.demo-heading{display:flex;gap:48px;align-items:end;justify-content:space-between;margin-bottom:28px}.demo-heading h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;margin:12px 0 0}.demo-heading>p{max-width:42ch;color:#bcaac8;font-size:14px;line-height:1.8}.recorded-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#121016;border:1px solid #ffffff18;border-radius:14px}.demo-note{color:#ad99b9;font-size:11px;line-height:1.7;margin-top:14px}
@media(max-width:650px){.recorded-demo{padding-block:45px}.demo-heading{display:block}.demo-heading>p{margin-top:18px}.product-redesign .hero-heading .hero-requirements{font-size:11px}}

/* Mobile composition: headline first, copy and artwork side by side, then CTA.
   Grid keeps the animated scene out of the text without a large empty row. */
@media(max-width:850px){
  .product-redesign main section[id],.product-redesign #screens{scroll-margin-top:96px}
  .product-redesign .hero-journey{height:auto}
  .product-redesign .sculpture-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:12px;align-items:center;height:auto;min-height:0;padding:112px 20px 24px}
  .product-redesign .hero-word{display:none}
  .product-redesign .swipe-canvas{position:relative;inset:auto;grid-column:2;grid-row:3;display:block;width:100%;height:clamp(190px,48vw,270px);z-index:0}
  .product-redesign .sculpture-content,.product-redesign .hero-heading{display:contents}
  .product-redesign .hero-heading .eyebrow{grid-column:1/-1;grid-row:1;margin-bottom:18px}
  .product-redesign .hero-heading h1{grid-column:1/-1;grid-row:2;font-size:clamp(46px,13vw,72px);line-height:1.04;margin-bottom:6px}
  .product-redesign .hero-heading>p:not(.eyebrow):not(.hero-requirements){grid-column:1;grid-row:3;font-size:14px;line-height:1.7;margin:0;color:#bcb0c7}
  .product-redesign .hero-heading>p:not(.eyebrow):not(.hero-requirements) br{display:none}
  .product-redesign .hero-heading .actions{grid-column:1/-1;grid-row:4;flex-wrap:wrap;gap:12px 20px;margin-top:8px}
  .product-redesign .hero-heading .hero-requirements{grid-column:1/-1;grid-row:5;margin:20px 0 28px;font-size:11px;line-height:1.8}
  .product-redesign .hero-heading .text-link{display:inline-flex;align-items:center;min-height:44px}
  .product-redesign .hero-feature{grid-column:1/-1;grid-row:6;padding:0;display:block;max-width:none;justify-self:stretch}
  .product-redesign .scene-choices{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}
  .product-redesign .scene-choices button{min-height:44px}
  .product-redesign .sculpture-meta{grid-column:1/-1;grid-row:7;width:100%;margin-top:24px;flex-wrap:wrap;gap:12px}
  .product-redesign .motion-control,.product-redesign .mobile-menu summary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .product-redesign .mobile-nav{max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain}
  .product-redesign .mobile-nav a{display:block;min-height:44px;padding-block:12px}
  .product-redesign .loot-fallback{position:relative;inset:auto;grid-column:2;grid-row:3;justify-self:center;width:75%;height:150px}
  .product-redesign .sculpture-hero:not(.has-webgl) .swipe-canvas{visibility:hidden}
}
@media(max-width:560px){
  .preview-dialog button{min-height:44px}
  .product-redesign .gallery-slide{flex-basis:100%;padding-inline:16px}
  .product-redesign .gallery-depth{transform:none;opacity:1}
  .product-redesign .gallery-float{animation:none;transform:none}
  .product-redesign .gallery-tabs button,.product-redesign .gallery-arrow{min-height:44px}
  .product-redesign .gallery-arrow{min-width:44px}
  .product-redesign .gallery-controls{gap:4px}
  .product-redesign .gallery-tabs{min-width:0}
  .product-redesign .gallery-tabs button{overflow-wrap:anywhere}
  .product-redesign .workflow-steps{flex-wrap:wrap;gap:10px 18px}
  .product-redesign .workflow-steps button{min-height:44px}
  .product-redesign .footer-links a{display:inline-flex;align-items:center;min-height:44px}
  .product-redesign .footer-links{gap:4px 18px}
  .product-redesign .closing h2{font-size:clamp(38px,11vw,56px)}
  .product-redesign h2{overflow-wrap:break-word}
}