:root{--bg:#0a0a0b;--bg2:#111114;--bg3:#17171c;--line:rgba(255,255,255,0.07);--line2:rgba(255,255,255,0.13);--text:#f0ede8;--muted:#918f89;--accent:#d4a85a;--white:#ffffff;--card-bg:#141418;--nav-height:72px;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;display:flex;flex-direction:column;}
img,video,iframe{max-width:100%;}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9000;opacity:0.4}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:1.2rem clamp(1.5rem,3.5vw,3.5rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background 0.4s,border-color 0.4s;border-bottom:1px solid transparent;}
nav.scrolled{background:rgba(10,10,11,0.92);border-color:var(--line);backdrop-filter:blur(16px);}
.logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:0.08em;color:var(--white);text-decoration:none;cursor:pointer;}
.logo span{color:var(--accent);}
nav ul{list-style:none;display:flex;gap:2rem;align-items:center;}
nav ul a{position:relative;color:var(--muted);text-decoration:none;font-size:0.82rem;font-weight:400;letter-spacing:0.06em;text-transform:uppercase;transition:color 0.2s;cursor:pointer;}
nav ul a:hover,nav ul a.active{color:var(--white);}
nav ul a.active::after{content:"";position:absolute;left:50%;bottom:-0.7rem;width:1.45rem;height:2px;background:var(--accent);transform:translateX(-50%);box-shadow:0 0 7px rgba(212,168,90,0.28);}
.nav-cta{min-height:44px;background:var(--accent)!important;color:#1a1200!important;padding:0.45rem 1.1rem;border-radius:2px;font-weight:500!important;display:inline-flex;align-items:center;justify-content:center;}
.nav-cta:hover{opacity:0.85;}
.nav-products-menu{position:relative;}
.nav-products-entry{display:flex;align-items:center;gap:0;min-height:44px;}
.nav-products-entry>a{min-height:44px;display:inline-flex;align-items:center;}
.nav-products-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;transition:color 0.2s,transform 0.2s;}
.nav-products-toggle:hover,.nav-products-toggle:focus-visible{color:var(--white);}
.nav-products-menu.is-open .nav-products-toggle{transform:rotate(180deg);color:var(--white);}
.nav-products-dropdown{position:absolute;z-index:2;top:100%;left:50%;width:190px;padding:0.45rem;background:rgba(15,15,18,0.98);border:1px solid var(--line2);box-shadow:0 18px 44px rgba(0,0,0,0.42);opacity:0;visibility:hidden;transform:translate(-50%,-6px);pointer-events:none;transition:opacity 0.16s,transform 0.16s,visibility 0.16s;}
.nav-products-dropdown::before{content:"";position:absolute;left:0;right:0;top:-0.5rem;height:0.5rem;}
.nav-products-dropdown a{min-height:44px;display:flex;align-items:center;padding:0.65rem 0.75rem;text-transform:none;letter-spacing:0.02em;}
.nav-products-dropdown a:hover,.nav-products-dropdown a:focus-visible{color:var(--white);background:rgba(255,255,255,0.045);}
.nav-products-menu.is-open .nav-products-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;}
@media(hover:hover) and (min-width:901px){
  .nav-products-menu:hover .nav-products-dropdown,.nav-products-menu:focus-within .nav-products-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto;}
}

/* PAGE SYSTEM */
.page{display:none;min-width:0;min-height:0;padding-top:var(--nav-height);flex:1 0 auto;}
.page.active{display:block;}

/* BUTTONS */
.btn-primary{min-height:44px;background:var(--accent);color:#1a1200;padding:0.8rem 1.8rem;font-family:'DM Sans',sans-serif;font-weight:500;font-size:0.88rem;letter-spacing:0.04em;border:none;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:opacity 0.2s,transform 0.2s;}
.btn-primary:hover{opacity:0.85;transform:translateY(-1px);}
.btn-ghost{min-height:44px;background:transparent;color:var(--muted);padding:0.8rem 1.8rem;font-family:'DM Sans',sans-serif;font-weight:400;font-size:0.88rem;letter-spacing:0.04em;border:1px solid var(--line2);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:color 0.2s,border-color 0.2s;}
.btn-ghost:hover{color:var(--white);border-color:rgba(255,255,255,0.25);}

/* SECTION UTILS */
.section-label{font-size:0.7rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);margin-bottom:0.75rem;}
.section-title{font-family:'Syne',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.05;color:var(--white);margin-bottom:1.2rem;letter-spacing:-0.02em;}
.section-desc{font-size:0.95rem;color:var(--muted);max-width:480px;line-height:1.8;}
.tag{font-size:0.68rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:0.22rem 0.6rem;border-radius:2px;background:rgba(212,168,90,0.1);color:var(--accent);display:inline-block;}
.tag-green{background:rgba(80,200,120,0.08);color:#5dc878;}
.tag-blue{background:rgba(80,150,255,0.08);color:#5a9fff;}
.responsive-product-picture{display:block;width:100%;height:100%;}
.responsive-product-picture>img{display:block;width:100%;height:100%;}

/* HERO */
.hero{display:flex;align-items:center;position:relative;padding:clamp(5rem,10svh,7rem) clamp(1.5rem,3.5vw,3.5rem);overflow:hidden;}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 30%,transparent 100%);pointer-events:none;}
.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(212,168,90,0.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.hero-content{position:relative;z-index:2;width:min(100%,860px);min-width:0;}
.hero-tag{display:inline-block;max-width:100%;font-size:0.68rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(212,168,90,0.3);padding:0.3rem 0.85rem;border-radius:2px;margin-bottom:1.8rem;white-space:normal;overflow-wrap:anywhere;}
h1{font-family:'Syne',sans-serif;font-size:clamp(3.2rem,7.5vw,6.5rem);font-weight:800;line-height:0.95;letter-spacing:-0.02em;color:var(--white);margin-bottom:1.4rem;}
h1 em{font-style:normal;color:var(--accent);}
.hero-sub{font-size:1.1rem;color:var(--muted);max-width:500px;line-height:1.7;margin-bottom:2.5rem;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;}
.hero-stats{position:absolute;right:3.5rem;bottom:3.5rem;display:flex;flex-direction:column;gap:1.8rem;}
.stat-num{font-family:'Syne',sans-serif;font-size:2.2rem;font-weight:700;color:var(--white);line-height:1;}
.stat-lbl{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:0.25rem;}

/* MARQUEE */
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0;overflow:hidden;}
.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;}
.marquee-group{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem;white-space:nowrap;}
.marquee-wrap:hover .marquee-track{animation-play-state:paused;}
.m-item{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:#9a9aa2;flex-shrink:0;}
.m-dot{display:inline-block;width:3px;height:3px;background:var(--accent);border-radius:50%;flex-shrink:0;}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .marquee-track{width:100%;animation:none;}
  .marquee-group{width:100%;justify-content:center;flex-wrap:wrap;white-space:normal;padding:0.75rem 1rem;}
  .marquee-group[aria-hidden="true"]{display:none;}
}

/* FEATURES STRIP */
.feat-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2);}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.feat-item{padding:2.5rem 2rem;border-right:1px solid var(--line);}
.feat-item:last-child{border-right:none;}
.feat-icon{width:36px;height:36px;border:1px solid var(--line2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:1.2rem;}
.feat-title{font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:600;color:var(--white);margin-bottom:0.5rem;}
.feat-text{font-size:0.82rem;color:var(--muted);line-height:1.7;}

/* PLUGINS PAGE */
.page-hero{padding:5rem 3.5rem 3rem;border-bottom:1px solid var(--line);}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1px;background:var(--line);}
.product-card{background:var(--card-bg);padding:2.2rem;position:relative;overflow:hidden;transition:background 0.3s;text-decoration:none;display:block;cursor:pointer;}
.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform 0.35s;}
.product-card:hover{background:#1a1a20;}
.product-card:hover::before{transform:scaleX(1);}
.card-icon{width:44px;height:44px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.3rem;}
.icon-maya{background:rgba(100,180,255,0.1);}
.icon-max{background:rgba(100,220,150,0.1);}
.card-title{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:700;color:var(--white);margin-bottom:0.5rem;letter-spacing:-0.01em;}
.card-desc{font-size:0.85rem;color:var(--muted);line-height:1.7;margin-bottom:1.8rem;}
.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1.1rem;}
.card-price{font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:700;color:var(--accent);}
.card-price small{font-size:0.68rem;color:var(--muted);font-weight:400;margin-left:0.25rem;font-family:'DM Sans',sans-serif;}
.card-arrow{font-size:0.75rem;color:var(--muted);transition:color 0.2s,transform 0.2s;letter-spacing:0.08em;text-transform:uppercase;}
.product-card:hover .card-arrow{color:var(--accent);transform:translate(2px,-2px);}

/* PRODUCT DETAIL PAGE */
.pd-hero{padding:4rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;border-bottom:1px solid var(--line);}
.pd-hero>*{min-width:0;}
.pd-visual{border-radius:6px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,0.6);}
.pd-visual img{width:100%;display:block;}
.pd-badge{display:inline-block;font-size:0.62rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;background:var(--accent);color:#1a1200;padding:0.28rem 0.75rem;border-radius:2px;margin-bottom:1.5rem;}
.pd-title{font-family:'Syne',sans-serif;font-size:3rem;font-weight:800;color:var(--white);line-height:1;margin-bottom:0.6rem;letter-spacing:-0.02em;}
.pd-sub{font-size:0.95rem;color:var(--muted);line-height:1.8;margin-bottom:2rem;}
.pd-features{list-style:none;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:0.65rem;}
.pd-features li{font-size:0.85rem;color:var(--muted);display:flex;align-items:flex-start;gap:0.65rem;}
.fd{width:5px;height:5px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px;}
.pd-price-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,22rem);gap:clamp(1.5rem,3vw,2.5rem);align-items:end;}
.page-product-timeline-memory .pd-hero{width:100%;max-width:1500px;margin-right:auto;margin-left:auto;grid-template-columns:minmax(0,1.15fr) minmax(0,0.95fr);gap:clamp(3rem,4vw,4.5rem);}
.page-product-timeline-memory .pd-price-row{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:32rem;}
.page-product-timeline-memory .pd-cta-group{width:100%;max-width:32rem;flex:none;}
.pd-price{font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;color:var(--white);}
.pd-tabs{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:1px solid var(--line);}
.pd-tab{min-height:48px;flex:0 0 auto;padding:0.9rem clamp(1rem,2.25vw,2rem);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:0.8rem;letter-spacing:0.06em;text-align:center;text-transform:uppercase;cursor:pointer;transition:color 0.2s,border-color 0.2s,background 0.2s;white-space:nowrap;}
.pd-tab:hover,.pd-tab:focus-visible{color:var(--white);background:rgba(255,255,255,0.025);}
.pd-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;}
.pd-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.pd-tab-content{padding:3rem 3.5rem;display:none;}
.pd-tab-content.active{display:block;}
.changelog-item{border-left:1px solid var(--line2);padding:0 0 2rem 1.5rem;position:relative;margin-bottom:0;}
.changelog-item::before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%;position:absolute;left:-4px;top:4px;}
.cl-version{font-family:'Syne',sans-serif;font-size:0.85rem;font-weight:700;color:var(--accent);margin-bottom:0.25rem;}
.cl-date{font-size:0.75rem;color:var(--muted);margin-bottom:0.75rem;}
.cl-list{list-style:none;display:flex;flex-direction:column;gap:0.4rem;}
.cl-list li{font-size:0.85rem;color:var(--muted);padding-left:1rem;position:relative;}
.cl-list li::before{content:'→';position:absolute;left:0;color:var(--accent);font-size:0.8rem;}
.compat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:1px;background:var(--line);margin-top:1.5rem;}
.compat-cell{background:var(--card-bg);padding:1.2rem 1.5rem;}
.compat-app{font-family:'Syne',sans-serif;font-size:0.85rem;font-weight:600;color:var(--white);margin-bottom:0.3rem;}
.compat-ver{font-size:0.78rem;color:var(--muted);}
.compat-ok{color:#5dc878;font-size:0.7rem;margin-top:0.25rem;}

/* ABOUT PAGE */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;padding:5rem 3.5rem;}
.about-quote{font-family:'Syne',sans-serif;font-size:1.6rem;font-weight:700;color:var(--white);line-height:1.3;border-left:2px solid var(--accent);padding-left:1.8rem;margin-bottom:2.5rem;}
.timeline{display:flex;flex-direction:column;gap:0;}
.tl-item{display:flex;gap:1.5rem;padding-bottom:2rem;position:relative;}
.tl-item::before{content:'';position:absolute;left:15px;top:28px;bottom:0;width:1px;background:var(--line2);}
.tl-dot{width:32px;height:32px;border-radius:50%;background:var(--bg2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--accent);font-family:'Syne',sans-serif;font-weight:700;flex-shrink:0;}
.tl-content{}
.tl-year{font-size:0.72rem;letter-spacing:0.12em;color:var(--accent);text-transform:uppercase;margin-bottom:0.2rem;}
.tl-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:600;color:var(--white);margin-bottom:0.3rem;}
.tl-text{font-size:0.84rem;color:var(--muted);line-height:1.7;}
.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:2rem;}
.skill-item{background:var(--card-bg);padding:1.2rem 1.5rem;}
.skill-name{font-size:0.82rem;font-weight:500;color:var(--white);margin-bottom:0.25rem;}
.skill-bar{height:2px;background:var(--line2);border-radius:1px;margin-top:0.5rem;}
.skill-fill{height:100%;background:var(--accent);border-radius:1px;}

/* DOCS PAGE */
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;}
.docs-sidebar{background:var(--bg2);border-right:1px solid var(--line);padding:2rem 0;position:sticky;top:var(--nav-height);height:calc(100dvh - var(--nav-height));overflow-y:auto;}
.docs-nav-section{margin:0 0 0.35rem;}
.docs-nav-section>summary{list-style:none;}
.docs-nav-section>summary::-webkit-details-marker{display:none;}
.dns-label{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);padding:0.65rem 1.5rem;cursor:pointer;user-select:none;transition:color 0.2s,background 0.2s;}
.dns-label::after{content:"›";font-size:0.9rem;line-height:1;color:var(--muted);transform:rotate(0deg);transition:transform 0.18s ease,color 0.18s ease;}
.docs-nav-section[open]>.dns-label::after{transform:rotate(90deg);color:var(--accent);}
.dns-label:hover{color:var(--white);background:rgba(255,255,255,0.025);}
.docs-nav-items{padding:0.1rem 0 0.45rem;}
.dns-item{padding:0.45rem 1.5rem;font-size:0.82rem;color:var(--muted);cursor:pointer;transition:all 0.2s;border-left:2px solid transparent;}
.dns-item:hover{color:var(--white);background:rgba(255,255,255,0.03);}
.dns-item.active{color:var(--white);border-left-color:var(--accent);background:rgba(212,168,90,0.05);}
.dns-item.is-disabled{cursor:default;color:rgba(255,255,255,0.28);}
.dns-item.is-disabled:hover{color:rgba(255,255,255,0.28);background:transparent;}
.docs-content{padding:3rem 4rem;max-width:780px;}
.docs-section{margin-bottom:3.5rem;display:none;}
.docs-section.active{display:block;}
.docs-section h2{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:-0.01em;}
.docs-section h3{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:600;color:var(--white);margin:1.5rem 0 0.6rem;}
.docs-section p{font-size:0.9rem;color:var(--muted);line-height:1.85;margin-bottom:1rem;}
.code-block{background:#0d0d10;border:1px solid var(--line2);border-radius:4px;padding:1.2rem 1.5rem;font-family:'Courier New',monospace;font-size:0.82rem;color:#c0c8d8;margin:1rem 0;overflow-x:auto;line-height:1.7;}
.code-block .cm{color:#555;}
.code-block .ck{color:#5a9fff;}
.code-block .cv{color:#d4a85a;}
.code-block .cs{color:#5dc878;}
.step-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin:1rem 0;}
.step-item{display:flex;gap:1rem;align-items:flex-start;}
.step-num{width:26px;height:26px;background:rgba(212,168,90,0.1);border:1px solid rgba(212,168,90,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;color:var(--accent);flex-shrink:0;}
.step-text{font-size:0.88rem;color:var(--muted);line-height:1.7;padding-top:3px;}
.callout{background:rgba(212,168,90,0.06);border:1px solid rgba(212,168,90,0.2);border-radius:4px;padding:1rem 1.2rem;margin:1rem 0;font-size:0.85rem;color:var(--text);line-height:1.7;}
.callout-blue{background:rgba(80,150,255,0.06);border-color:rgba(80,150,255,0.2);}
.lookdev-docs-content{max-width:min(100%,72rem);}
.lookdev-doc-figure{margin:1.4rem 0 2rem;border:1px solid rgba(105,213,199,.26);border-radius:6px;overflow:hidden;background:#242526;box-shadow:0 18px 44px rgba(0,0,0,.2);}
.lookdev-doc-figure img{display:block;width:100%;height:auto;}
.lookdev-doc-figure figcaption{padding:.65rem .9rem;color:var(--muted);font-size:.72rem;border-top:1px solid rgba(255,255,255,.08);}
.lookdev-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.6rem;}
.lookdev-controls>div{padding:.9rem 1rem;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.018);}
.lookdev-controls dt{color:var(--text);font-size:.82rem;font-weight:600;line-height:1.35;}
.lookdev-controls dd{margin:.35rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.55;}

/* CONTACT PAGE */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);padding:5rem 3.5rem;align-items:start;}
.contact-grid>*{min-width:0;}
.contact-form{min-width:0;display:flex;flex-direction:column;gap:1.2rem;}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.form-group{min-width:0;display:flex;flex-direction:column;gap:0.4rem;}
.form-label{font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.form-input{width:100%;min-width:0;background:var(--bg2);border:1px solid var(--line2);border-radius:3px;padding:0.75rem 1rem;color:var(--text);font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none;transition:border-color 0.2s;}
.form-input:focus{border-color:var(--accent);}
.form-textarea{resize:vertical;min-height:140px;}
.form-select{width:100%;min-width:0;background:var(--bg2);border:1px solid var(--line2);border-radius:3px;padding:0.75rem 1rem;color:var(--text);font-family:'DM Sans',sans-serif;font-size:0.9rem;outline:none;cursor:pointer;}
.contact-info{display:flex;flex-direction:column;gap:2rem;}
.ci-item{border-bottom:1px solid var(--line);padding-bottom:1.5rem;}
.ci-label{font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:0.4rem;}
.ci-value{font-size:0.95rem;color:var(--text);}
.ci-sub{font-size:0.82rem;color:var(--muted);margin-top:0.2rem;}
.social-links{display:flex;gap:0.75rem;margin-top:0.75rem;}
.slink{border:1px solid var(--line2);padding:0.4rem 0.9rem;border-radius:2px;font-size:0.78rem;color:var(--muted);text-decoration:none;transition:all 0.2s;cursor:pointer;}
.slink:hover{border-color:var(--accent);color:var(--accent);}

/* REVIEWS PAGE */
.reviews-hero{padding:5rem 3.5rem 3rem;border-bottom:1px solid var(--line);}
.reviews-summary{display:grid;grid-template-columns:200px 1fr;gap:4rem;padding:3rem 3.5rem;border-bottom:1px solid var(--line);}
.big-score{font-family:'Syne',sans-serif;font-size:5rem;font-weight:800;color:var(--white);line-height:1;}
.stars-row{display:flex;gap:3px;margin:0.5rem 0;}
.star{color:var(--accent);font-size:1.1rem;}
.star-empty{color:var(--line2);}
.rating-bars{display:flex;flex-direction:column;gap:0.6rem;}
.rb-row{display:flex;align-items:center;gap:0.75rem;}
.rb-label{font-size:0.78rem;color:var(--muted);width:24px;text-align:right;}
.rb-track{flex:1;height:4px;background:var(--line2);border-radius:2px;}
.rb-fill{height:100%;background:var(--accent);border-radius:2px;}
.rb-count{font-size:0.75rem;color:var(--muted);width:20px;}
.reviews-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}
.review-card{background:var(--card-bg);padding:2rem;}
.rv-stars{display:flex;gap:2px;margin-bottom:0.85rem;}
.rv-text{font-size:0.87rem;color:var(--muted);line-height:1.8;margin-bottom:1.5rem;font-style:italic;}
.rv-author{display:flex;align-items:center;gap:0.7rem;}
.rv-avatar{width:32px;height:32px;border-radius:50%;background:rgba(212,168,90,0.12);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:0.68rem;font-weight:700;color:var(--accent);flex-shrink:0;}
.rv-name{font-size:0.84rem;font-weight:500;color:var(--text);}
.rv-role{font-size:0.74rem;color:var(--muted);}

/* WORKS / PORTFOLIO PAGE */
.works-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:clamp(2rem,7vw,7rem);align-items:end;}
.works-intro .section-desc{max-width:620px;}
.works-note{padding-left:1.25rem;border-left:1px solid rgba(212,168,90,0.35);color:var(--muted);font-size:0.82rem;line-height:1.75;}
.works-collection{padding:clamp(3rem,6vw,6rem) clamp(1.5rem,3.5vw,3.5rem) clamp(4rem,8vw,8rem);}
.works-collection-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;}
.works-collection-head h2{font-family:'Syne',sans-serif;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.1;color:var(--white);}
.works-collection-head p{max-width:430px;color:var(--muted);font-size:0.85rem;line-height:1.7;}
.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.25vw,2rem);}
.work-card{min-width:0;background:var(--card-bg);border:0;overflow:hidden;}
.work-card--featured{grid-column:1/-1;}
.work-card-trigger{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;}
.work-card-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
.work-card-media{display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg2);}
.work-card-media img{display:block;width:100%;height:auto;}
.work-card-copy{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding:1.25rem 1.4rem;border-top:1px solid var(--line);}
.work-card-copy h3{font-family:'Syne',sans-serif;font-size:1rem;color:var(--white);line-height:1.2;}
.work-card-copy p{margin-top:0.3rem;color:var(--muted);font-size:0.76rem;}
@media(hover:hover) and (pointer:fine){
  .work-card-media img{filter:grayscale(1);transition:filter 0.42s ease;}
  .work-card:hover .work-card-media img,.work-card-trigger:focus-visible .work-card-media img{filter:grayscale(0);}
}

/* PORTFOLIO GRID TO FULL PREVIEW:START */
body.works-preview-open{overflow:hidden;}
.works-preview{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(1rem,3vw,2.5rem);border:0;background:rgba(5,5,7,.985);color:var(--text);overflow:hidden;opacity:0;transition:opacity .18s ease;}
.works-preview[open]{display:flex;align-items:center;justify-content:center;}
.works-preview::backdrop{background:rgba(0,0,0,.72);}
.works-preview.is-open{opacity:1;}
.works-preview-stage{display:grid;place-items:center;width:min(92vw,1600px);height:calc(100dvh - clamp(5rem,10vw,8rem));pointer-events:auto;}
.works-preview-stage img{grid-area:1/1;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;box-shadow:0 28px 80px rgba(0,0,0,.42);will-change:transform,opacity,filter;}
.works-preview-close,.works-preview-nav{position:fixed;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(12,12,15,.72);color:var(--white);font:400 1rem/1 'DM Sans',sans-serif;cursor:pointer;transition:color .2s,border-color .2s,background .2s;}
.works-preview-close{top:clamp(1rem,2.5vw,2rem);right:clamp(1rem,2.5vw,2rem);font-size:.8rem;}
.works-preview-prev{left:clamp(1rem,2.5vw,2rem);top:50%;transform:translateY(-50%);}
.works-preview-next{right:clamp(1rem,2.5vw,2rem);top:50%;transform:translateY(-50%);}
.works-preview-close:hover,.works-preview-nav:hover,.works-preview-close:focus-visible,.works-preview-nav:focus-visible{color:var(--accent);border-color:rgba(212,168,90,.65);background:rgba(18,18,22,.94);outline:none;}
.works-preview-count{position:fixed;left:50%;bottom:clamp(1rem,2.5vw,2rem);transform:translateX(-50%);font-size:.7rem;letter-spacing:.16em;color:rgba(255,255,255,.62);}
@media(max-width:600px){
  .works-preview{padding:1rem;}
  .works-preview-stage{width:94vw;height:calc(100dvh - 8rem);}
  .works-preview-prev,.works-preview-next{top:auto;bottom:1rem;transform:none;}
  .works-preview-prev{left:1rem;}
  .works-preview-next{right:1rem;}
  .works-preview-count{bottom:1.9rem;}
}
@media(prefers-reduced-motion:reduce){
  .works-preview{transition:none;}
}
/* PORTFOLIO GRID TO FULL PREVIEW:END */

/* FOOTER */
footer{margin-top:auto;border-top:1px solid var(--line);padding:2.5rem 3.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.footer-logo{font-family:'Syne',sans-serif;font-weight:800;font-size:0.9rem;letter-spacing:0.08em;color:var(--muted);}
.footer-logo span{color:var(--accent);}
.footer-copy{font-size:0.78rem;color:var(--muted);}
.footer-links{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem;}
.footer-links a,.footer-links button{padding:0;border:0;background:transparent;font:inherit;font-size:0.78rem;color:var(--muted);text-decoration:none;cursor:pointer;transition:color 0.2s;}
.footer-links a:hover,.footer-links button:hover{color:var(--accent);}

/* PRIVACY */
.privacy-effective{margin-top:1rem;color:var(--muted);font-size:0.78rem;letter-spacing:0.04em;}
.privacy-content{width:min(100% - 3rem,860px);margin:0 auto;padding:clamp(3rem,6vw,6rem) 0 clamp(4rem,8vw,8rem);}
.privacy-content section{padding:0 0 2.4rem;margin:0 0 2.4rem;border-bottom:1px solid var(--line);}
.privacy-content section:last-child{margin-bottom:0;border-bottom:0;}
.privacy-content h2{margin-bottom:0.9rem;color:var(--white);font-family:'Syne',sans-serif;font-size:clamp(1.15rem,2.3vw,1.65rem);line-height:1.2;}
.privacy-content p{margin-bottom:0.85rem;color:var(--muted);font-size:0.92rem;line-height:1.85;}
.privacy-content a,.form-privacy-notice a,.email-signup-consent a,.privacy-banner a{color:#e5bd74;text-underline-offset:0.2em;}
.privacy-content a:hover,.form-privacy-notice a:hover,.email-signup-consent a:hover,.privacy-banner a:hover{color:var(--white);}
.privacy-content code{padding:0.12rem 0.35rem;border:1px solid var(--line2);border-radius:3px;background:var(--bg2);color:var(--text);font-size:0.84em;}
.privacy-settings-inline{min-height:40px;margin-top:0.6rem;padding:0.55rem 0.85rem;border-color:rgba(255,255,255,0.14);color:var(--muted);font-size:0.75rem;letter-spacing:0.02em;}
.form-privacy-notice{color:var(--muted);font-size:0.75rem;line-height:1.6;}

.privacy-banner{position:fixed;z-index:10000;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);left:auto;display:block;box-sizing:border-box;width:min(calc(100vw - 2rem),430px);margin:0;padding:1.1rem;border:1px solid rgba(212,168,90,0.28);border-radius:5px;background:rgba(14,14,17,0.98);box-shadow:0 18px 48px rgba(0,0,0,0.52);opacity:0;transform:translateY(6px);transition:opacity 0.18s ease,transform 0.18s ease;}
.privacy-banner[hidden]{display:none;}
.privacy-banner.is-visible{opacity:1;transform:translateY(0);}
.privacy-banner__copy strong{display:block;margin-bottom:0.35rem;color:var(--white);font-family:'Syne',sans-serif;font-size:1rem;}
.privacy-banner__copy p{margin:0 0 0.45rem;color:var(--muted);font-size:0.78rem;line-height:1.55;}
.privacy-banner__copy a{font-size:0.75rem;}
.privacy-banner__actions{display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;margin-top:0.95rem;}
.privacy-banner__actions .privacy-choice{width:100%;min-height:44px;padding:0.65rem 0.9rem;font-size:0.76rem;white-space:nowrap;}
.privacy-banner__actions .btn-primary{box-shadow:none;}
.privacy-banner__actions .btn-primary:hover{transform:none;}
@media(max-width:760px){
  .privacy-banner{right:0.75rem;bottom:max(0.75rem,env(safe-area-inset-bottom));left:0.75rem;width:auto;max-width:none;padding:1rem;}
}
@media(prefers-reduced-motion:reduce){
  .privacy-banner{transition:none;transform:none;}
}

/* BACK BUTTON */
.back-btn{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color 0.2s;margin-bottom:1.5rem;}
.back-btn:hover{color:var(--accent);}

/* FORM SUBMIT FEEDBACK */
.form-success{background:rgba(80,200,120,0.08);border:1px solid rgba(80,200,120,0.25);border-radius:3px;padding:1rem 1.2rem;font-size:0.88rem;color:#5dc878;display:none;}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}

@media(max-width:900px){
  nav{padding:1rem 1.5rem;}
  nav ul{display:none;}
  .hero{padding:clamp(4rem,8svh,5rem) 1.5rem;}
  .hero-stats{display:none;}
  .feat-grid{grid-template-columns:1fr 1fr;}
  .page-hero,.about-grid,.contact-grid,.pd-hero{padding:3rem 1.5rem;grid-template-columns:1fr;gap:2rem;}
  .latest-product-section>.reveal{grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;}
  .pd-tab-content>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:2rem!important;}
  .page>.breadcrumbs+div{padding:2rem 1.5rem 0!important;}
  .docs-layout{grid-template-columns:minmax(0,1fr);}
  .docs-sidebar{display:none;}
  .docs-content{min-width:0;padding:2rem 1.5rem;}
  .lookdev-controls{grid-template-columns:minmax(0,1fr);}
  .reviews-grid-full{grid-template-columns:1fr;}
  .reviews-summary{grid-template-columns:1fr;gap:2rem;}
  footer{padding:2rem 1.5rem;}
}

/* ═══ VIDEO POPUP ═══ */
.video-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.88);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.video-overlay.open{opacity:1;pointer-events:auto;}
.video-box{position:relative;width:min(860px,92vw);aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);}
.video-close{position:absolute;top:-38px;right:0;background:none;border:none;color:rgba(255,255,255,0.6);font-size:1.1rem;cursor:pointer;letter-spacing:0.06em;font-family:'DM Sans',sans-serif;transition:color 0.2s;}
.video-close:hover{color:#fff;}
.video-box iframe{width:100%;height:100%;border:none;display:block;}
.btn-demo{background:rgba(255,255,255,0.07);color:var(--text);padding:0.8rem 1.8rem;font-family:'DM Sans',sans-serif;font-weight:400;font-size:0.88rem;letter-spacing:0.05em;border:1px solid var(--line2);border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:background 0.2s,border-color 0.2s;}
.btn-demo:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);}
.btn-demo svg{width:14px;height:14px;fill:var(--accent);}

/* ═══ NEWSLETTER FLOATING BAR ═══ */
.nl-bar{position:fixed;bottom:0;left:0;right:0;z-index:500;background:#0f0f13;border-top:1px solid var(--line2);padding:1rem 3.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.nl-bar.visible{transform:translateY(0);}
.nl-bar.dismissed{display:none;}
.nl-text{font-size:0.85rem;color:var(--muted);flex:1;min-width:200px;}
.nl-text strong{color:var(--text);font-weight:500;}
.nl-form{display:flex;gap:0.5rem;flex:2;min-width:260px;}
.nl-input{flex:1;background:rgba(255,255,255,0.07);border:1px solid var(--line2);border-radius:2px;padding:0.6rem 1rem;color:var(--text);font-family:'DM Sans',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s;}
.nl-input:focus{border-color:var(--accent);}
.nl-btn{background:var(--accent);color:#1a1200;border:none;border-radius:2px;padding:0.6rem 1.4rem;font-family:'DM Sans',sans-serif;font-weight:500;font-size:0.85rem;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;}
.nl-btn:hover{opacity:0.85;}
.nl-dismiss{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.2rem;padding:0.2rem 0.4rem;transition:color 0.2s;flex-shrink:0;}
.nl-dismiss:hover{color:var(--white);}
.nl-success{font-size:0.85rem;color:#5dc878;display:none;}

/* ═══ SCROLL PROGRESS BAR ═══ */
.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),#c96a3a);z-index:9999;width:0%;transition:width 0.1s;}

/* ═══ ADVANCED SCROLL ANIMATIONS ═══ */
.reveal-scale{opacity:0;transform:scale(0.94);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1);}
.reveal-scale.visible{opacity:1;transform:scale(1);}
.stagger-child{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1),transform 0.5s cubic-bezier(0.16,1,0.3,1);}
.stagger-child.visible{opacity:1;transform:translateY(0);}
.text-reveal{overflow:hidden;}
.text-reveal-inner{display:block;transform:translateY(100%);transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);}
.text-reveal.visible .text-reveal-inner{transform:translateY(0);}

/* ═══ STRIPE PAYMENT MODAL ═══ */
.pay-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.pay-overlay.open{opacity:1;pointer-events:auto;}
.pay-modal{background:#16161c;border:1px solid var(--line2);border-radius:8px;width:min(480px,94vw);padding:2.5rem;position:relative;}
.pay-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.2rem;transition:color 0.2s;}
.pay-close:hover{color:var(--white);}
.pay-modal-title{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:700;color:var(--white);margin-bottom:0.25rem;}
.pay-modal-sub{font-size:0.85rem;color:var(--muted);margin-bottom:2rem;}
.pay-product-select{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem;}
.pay-product-opt{border:1px solid var(--line2);border-radius:4px;padding:0.85rem 1rem;cursor:pointer;transition:border-color 0.2s,background 0.2s;display:flex;justify-content:space-between;align-items:center;}
.pay-product-opt:hover{border-color:var(--line2);background:rgba(255,255,255,0.04);}
.pay-product-opt.selected{border-color:var(--accent);background:rgba(212,168,90,0.07);}
.pay-product-name{font-size:0.88rem;font-weight:500;color:var(--text);}
.pay-product-price{font-family:'Syne',sans-serif;font-size:0.9rem;font-weight:700;color:var(--accent);}
.pay-divider{height:1px;background:var(--line);margin:1.2rem 0;}
.pay-form{display:flex;flex-direction:column;gap:1rem;}
.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.pay-label{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:0.3rem;}
.pay-input{width:100%;background:rgba(255,255,255,0.06);border:1px solid var(--line2);border-radius:3px;padding:0.65rem 0.9rem;color:var(--text);font-family:'DM Sans',sans-serif;font-size:0.88rem;outline:none;transition:border-color 0.2s;}
.pay-input:focus{border-color:var(--accent);}
.pay-card-mock{background:rgba(255,255,255,0.06);border:1px solid var(--line2);border-radius:3px;padding:0.65rem 0.9rem;font-size:0.88rem;color:var(--muted);display:flex;align-items:center;gap:0.5rem;}
.pay-card-icon{font-size:1rem;}
.pay-total{display:flex;justify-content:space-between;align-items:center;}
.pay-total-label{font-size:0.85rem;color:var(--muted);}
.pay-total-price{font-family:'Syne',sans-serif;font-size:1.5rem;font-weight:800;color:var(--white);}
.pay-submit{width:100%;background:var(--accent);color:#1a1200;border:none;border-radius:3px;padding:0.9rem;font-family:'DM Sans',sans-serif;font-weight:600;font-size:0.95rem;cursor:pointer;transition:opacity 0.2s,transform 0.15s;letter-spacing:0.02em;margin-top:0.5rem;}
.pay-submit:hover{opacity:0.88;transform:translateY(-1px);}
.pay-submit.processing{opacity:0.7;cursor:not-allowed;}
.pay-secure{text-align:center;font-size:0.72rem;color:var(--muted);margin-top:0.75rem;}
.pay-gumroad-note{font-size:0.78rem;color:var(--muted);text-align:center;margin-top:0.5rem;}
.pay-gumroad-note a{color:var(--accent);text-decoration:none;}

/* ═══ PAYMENT METHOD TABS ═══ */
.pm-tabs{display:flex;gap:0.5rem;margin-bottom:1.2rem;}
.pm-tab{flex:1;border:1px solid var(--line2);border-radius:6px;padding:0.7rem 0.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0.35rem;background:transparent;transition:border-color 0.2s,background 0.2s;position:relative;}
.pm-tab:hover{background:rgba(255,255,255,0.04);}
.pm-tab.active{border-color:var(--accent);background:rgba(212,168,90,0.08);}
.pm-tab-icon{font-size:1.3rem;line-height:1;}
.pm-tab-label{font-size:0.65rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);font-family:'DM Sans',sans-serif;}
.pm-tab.active .pm-tab-label{color:var(--accent);}
.pm-tab-check{position:absolute;top:5px;right:6px;width:14px;height:14px;background:var(--accent);border-radius:50%;display:none;align-items:center;justify-content:center;}
.pm-tab.active .pm-tab-check{display:flex;}
.pm-tab-check::after{content:'✓';font-size:9px;color:#1a1200;font-weight:700;}
/* method panels */
.pm-panel{display:none;}
.pm-panel.active{display:flex;flex-direction:column;gap:1rem;}
/* PayPal button */
.btn-paypal{width:100%;background:#ffc439;color:#003087;border:none;border-radius:4px;padding:0.9rem;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;font-family:'DM Sans',sans-serif;transition:opacity 0.2s,transform 0.15s;margin-top:0.5rem;}
.btn-paypal:hover{opacity:0.9;transform:translateY(-1px);}
.btn-paypal svg{width:60px;height:16px;}
/* GPay button */
.btn-gpay{width:100%;background:#000;color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:4px;padding:0.9rem;font-weight:500;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;font-family:'DM Sans',sans-serif;transition:opacity 0.2s,transform 0.15s;margin-top:0.5rem;}
.btn-gpay:hover{opacity:0.9;transform:translateY(-1px);}
.btn-gpay img{height:18px;}
.pm-info-note{font-size:0.78rem;color:var(--muted);text-align:center;padding:0.75rem;background:rgba(255,255,255,0.03);border-radius:4px;border:1px solid var(--line);}


/* Multi-page structure and accessibility */
html{overflow-y:scroll;scrollbar-gutter:stable;background:var(--bg);}
body{background:var(--bg);}
.feat-grid-factual{grid-template-columns:repeat(3,minmax(0,1fr));}
.about-grid-factual{align-items:start;}
.about-summary h2{margin:0 0 1rem;font-family:'Syne',sans-serif;font-size:1.35rem;color:var(--white);}
.about-summary p{margin:0 0 0.9rem;max-width:620px;color:var(--muted);font-size:0.9rem;line-height:1.75;}
.about-actions{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.75rem;}
.about-current-work{padding-left:2rem;border-left:1px solid var(--line);}
.about-work-list{margin:1rem 0 0;}
.about-work-list>div{padding:0.9rem 0;border-top:1px solid var(--line);}
.about-work-list>div:last-child{border-bottom:1px solid var(--line);}
.about-work-list dt{margin-bottom:0.3rem;color:var(--white);font-family:'Syne',sans-serif;font-size:0.9rem;font-weight:650;}
.about-work-list dd{margin:0;color:var(--muted);font-size:0.78rem;line-height:1.55;}
.page{display:block;position:relative;isolation:isolate;}
.page:not(.page-home)::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,0.72) 42%,transparent 100%);opacity:0.72;pointer-events:none;z-index:-1;}
.reveal,.feat-item,.review-card{opacity:1!important;transform:none!important;}
.page-transition-cover{position:fixed;top:var(--nav-height);right:0;bottom:0;left:0;background:var(--bg);opacity:0;pointer-events:none;z-index:190;transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1);}
body.route-covered .page-transition-cover{opacity:1;pointer-events:auto;}
.logo{display:block;}
nav>ul{margin-left:auto;}
.nav-toggle{margin-left:auto;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.nav-toggle{display:none;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--line2);border-radius:3px;color:var(--white);font-size:1.15rem;padding:0.35rem 0.65rem;cursor:pointer;}
.breadcrumbs{position:relative;padding:1.25rem 3.5rem 0;border:0;}
.breadcrumbs ol{display:flex;align-items:center;gap:0.55rem;list-style:none;flex-wrap:wrap;}
.breadcrumbs li{font-size:0.75rem;color:var(--muted);}
.breadcrumbs li+li::before{content:"/";margin-right:0.55rem;color:rgba(255,255,255,0.25);}
.breadcrumbs a{color:var(--muted);text-decoration:none;}
.breadcrumbs a:hover{color:var(--accent);}
.product-card[href]{color:inherit;}
.compat-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;}
.back-btn{text-decoration:none;}
.docs-sidebar .dns-item{display:block;text-decoration:none;}
.docs-section h1{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:1rem;letter-spacing:-0.01em;}
.docs-mobile-nav{display:none;}
.docs-mobile-nav summary{cursor:pointer;color:var(--white);font-family:'Syne',sans-serif;font-weight:600;}
.docs-mobile-nav>nav{position:static;padding:0.75rem 0 0;display:grid;gap:0.2rem;border:0;}
.docs-mobile-group{border-top:1px solid var(--line);padding:0.15rem 0;}
.docs-mobile-group:first-child{border-top:0;}
.docs-mobile-group>summary{list-style:none;padding:0.55rem 0;font-size:0.78rem;}
.docs-mobile-group>summary::-webkit-details-marker{display:none;}
.docs-mobile-group>summary::after{content:"›";float:right;color:var(--muted);transition:transform 0.18s ease;}
.docs-mobile-group[open]>summary::after{transform:rotate(90deg);color:var(--accent);}
.docs-mobile-nav a,.docs-mobile-disabled{display:block;color:var(--muted);text-decoration:none;padding:0.4rem 0.75rem;font-size:0.78rem;}
.docs-mobile-disabled{color:rgba(255,255,255,0.3);}
.docs-mobile-nav a[aria-current="page"]{color:var(--accent);}
.btn-demo[disabled]{cursor:not-allowed;opacity:0.58;}
.maya-version-picker{margin:1.8rem 0 1.35rem;padding:1.15rem;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,0.018);}
.maya-version-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;margin-bottom:0.9rem;}
.maya-version-eyebrow{display:block;margin-bottom:0.28rem;color:var(--accent);font-size:0.58rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}
.maya-version-heading h2{font-family:'Syne',sans-serif;font-size:0.98rem;font-weight:650;color:var(--white);}
.maya-version-included{max-width:210px;color:var(--muted);font-size:0.64rem;line-height:1.45;text-align:right;}
.maya-version-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.55rem;}
.maya-version-option{position:relative;min-height:92px;padding:0.82rem;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line2);border-radius:5px;background:rgba(8,9,11,0.38);cursor:pointer;transition:border-color 0.18s,background 0.18s,transform 0.18s;}
.maya-version-option:hover{border-color:rgba(255,255,255,0.24);transform:translateY(-1px);}
.maya-version-option:focus-within{outline:2px solid rgba(212,168,90,0.38);outline-offset:2px;}
.maya-version-option.is-selected{border-color:var(--accent);background:rgba(212,168,90,0.08);box-shadow:inset 0 0 0 1px rgba(212,168,90,0.18);}
.maya-version-option input{position:absolute;opacity:0;pointer-events:none;}
.maya-version-number{font-family:'Syne',sans-serif;font-size:0.83rem;font-weight:700;color:var(--white);}
.maya-version-state{margin-top:0.35rem;font-size:0.62rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}
.maya-version-detail{margin-top:auto;padding-top:0.45rem;color:var(--muted);font-size:0.61rem;line-height:1.35;}
.maya-version-option.is-supported .maya-version-state{color:#72d69b;}
.maya-version-message{margin-top:0.72rem;color:var(--muted);font-size:0.67rem;line-height:1.45;}
.lookdev-early-access{margin:1.4rem 0 1rem;padding:1rem 1.1rem;display:grid;grid-template-columns:minmax(150px,0.34fr) minmax(260px,1fr);gap:1.2rem;align-items:center;border-top:1px solid rgba(212,168,90,0.38);border-bottom:1px solid var(--line2);background:linear-gradient(90deg,rgba(212,168,90,0.07),rgba(212,168,90,0.015));}
.lookdev-early-access>div{display:grid;gap:0.28rem;}
.lookdev-early-access-label{color:var(--accent);font-size:0.58rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;}
.lookdev-early-access strong{color:var(--white);font-family:'Syne',sans-serif;font-size:0.88rem;}
.lookdev-early-access p{margin:0;color:var(--muted);font-size:0.74rem;line-height:1.65;}
.portfolio-category-nav{display:flex;gap:0.75rem;padding:1.5rem 3.5rem;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.portfolio-category-nav .btn-primary,.portfolio-category-nav .btn-ghost{font-size:0.78rem;padding:0.45rem 1.1rem;}
.site-map{padding:3rem 3.5rem 6rem;max-width:980px;}
.site-map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;background:var(--line);}
.site-map-group{background:var(--card-bg);padding:1.75rem;}
.site-map-group h2{font-family:'Syne',sans-serif;font-size:1rem;color:var(--white);margin-bottom:0.9rem;}
.site-map-group ul{list-style:none;display:grid;gap:0.55rem;}
.site-map-group a{color:var(--muted);font-size:0.85rem;text-decoration:none;}
.site-map-group a:hover{color:var(--accent);}
.latest-product-section{position:relative;isolation:isolate;overflow:hidden;padding:6rem 3.5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 38%,rgba(90,159,255,0.075),transparent 28%),radial-gradient(circle at 17% 82%,rgba(212,168,90,0.065),transparent 31%),linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.018) 1px,transparent 1px),#0b0c0f;background-size:auto,auto,72px 72px,72px 72px,auto;}
.latest-product-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,10,0.12),rgba(7,8,10,0.58) 48%,rgba(7,8,10,0.08));pointer-events:none;}
.timeline-preview-placeholder{min-height:500px;padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 20%,rgba(90,159,255,0.12),transparent 34%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),#111217;background-size:auto,48px 48px,48px 48px,auto;}
.timeline-preview-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:0.65rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);}
.timeline-preview-status{display:flex;align-items:center;gap:0.5rem;}
.timeline-preview-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#5a9fff;box-shadow:0 0 14px rgba(90,159,255,0.7);}
.timeline-preview-core{padding:3rem 0;}
.timeline-preview-mark{width:72px;height:72px;margin-bottom:1.5rem;display:grid;place-items:center;border:1px solid rgba(90,159,255,0.35);border-radius:12px;background:rgba(90,159,255,0.1);font-family:'Syne',sans-serif;font-size:1.25rem;font-weight:800;color:#8ab4ff;}
.timeline-preview-core h2{font-family:'Syne',sans-serif;font-size:2rem;color:var(--white);letter-spacing:-0.02em;}
.timeline-preview-core p{margin-top:0.55rem;color:var(--muted);font-size:0.9rem;}
.timeline-preview-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);}
.timeline-preview-footer span{padding:0.85rem 0.65rem;background:rgba(17,18,23,0.92);text-align:center;color:var(--muted);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;}
.timeline-product-preview{width:100%;max-width:470px;min-height:0;padding:1rem;justify-self:center;display:flex;flex-direction:column;gap:0.75rem;background:linear-gradient(145deg,#17181d,#0c0d10);}
.timeline-product-main{min-height:clamp(22rem,38vw,32.5rem);display:grid;place-items:center;}
.timeline-product-main-image{display:block!important;width:min(var(--timeline-shot-width),100%)!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;opacity:1;transform:scale(1);transition:opacity 0.18s ease,transform 0.18s ease;box-shadow:0 16px 36px rgba(0,0,0,0.34);}
.timeline-product-main-image.is-switching{opacity:0.16;transform:scale(0.985);}
.timeline-product-preview-single .timeline-product-main{min-height:clamp(22rem,38vw,32.5rem);}
.timeline-product-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.5rem;}
.timeline-product-thumb{min-height:84px;padding:0.35rem 0.3rem 0.45rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0.35rem;overflow:hidden;border:1px solid var(--line2);border-radius:3px;background:#0d0e11;cursor:pointer;transition:border-color 0.18s,background 0.18s;}
.timeline-product-thumb:hover{border-color:rgba(90,159,255,0.42);background:#181a20;}
.timeline-product-thumb.active{border-color:#5a9fff;box-shadow:inset 0 0 0 1px rgba(90,159,255,0.24);}
.timeline-product-thumb img{display:block!important;width:auto!important;height:52px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;}
.timeline-product-thumb span{font-family:'DM Sans',sans-serif;color:var(--muted);font-size:0.58rem;line-height:1;white-space:nowrap;}
.timeline-product-thumb:hover span,.timeline-product-thumb.active span{color:#8ab4ff;}
.timeline-featured-banner{width:calc(100% - 7rem);max-width:1080px;margin:0 auto 3rem;overflow:hidden;border:1px solid var(--line2);background:#0c0d10;}
.timeline-featured-banner img,.timeline-featured-banner video{display:block;width:100%;height:auto;}
.pd-visual.timeline-home-preview{width:100%;max-width:760px;padding:0.7rem;justify-self:center;overflow:hidden;background:linear-gradient(145deg,#17181d,#0c0d10);}
.pd-visual.timeline-home-preview>img{display:block;width:100%;height:auto;aspect-ratio:1360/800;object-fit:contain;object-position:center;}
.pd-visual.lookdev-product-visual{width:min(100%,920px);max-width:920px;padding:0.75rem;justify-self:center;align-self:start;overflow:visible;background:linear-gradient(145deg,#17181d,#0c0d10);}
.pd-visual.lookdev-product-visual>img{display:block;width:100%;height:auto;max-width:100%;max-height:none;aspect-ratio:1383/790;object-fit:contain;object-position:center;border:1px solid rgba(255,255,255,0.08);}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.contact-submit[disabled]{cursor:wait;opacity:0.62;}
.form-success{display:none;}
.form-success.is-visible{display:block;}
.form-success.is-error{color:#f0aaaa;border-color:rgba(210,76,76,0.45);background:rgba(90,24,24,0.2);}
.contact-info a{color:inherit;text-decoration:none;}
.contact-info a:hover{text-decoration:underline;}
.timeline-video-section{display:grid;grid-template-columns:minmax(220px,0.55fr) minmax(0,1.45fr);gap:2.5rem;align-items:center;padding:0 3.5rem 3.5rem;border-bottom:1px solid var(--line);}
.timeline-video-copy h2{font-family:'Syne',sans-serif;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08;color:var(--white);margin-bottom:0.85rem;}
.timeline-video-copy p{max-width:430px;color:var(--muted);font-size:0.9rem;line-height:1.75;}
.timeline-video-frame{padding:0.65rem;border:1px solid var(--line2);border-radius:5px;background:linear-gradient(145deg,#17181d,#090a0d);box-shadow:0 22px 54px rgba(0,0,0,0.34);}
.timeline-product-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050607;border-radius:3px;}
@media(max-width:700px){
  .timeline-product-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));}
  .feat-grid-factual{grid-template-columns:1fr;}
  .about-current-work{padding-left:0;border-left:0;}
  .latest-product-section{padding:4rem 1.25rem;background-size:auto,auto,54px 54px,54px 54px,auto;}
  .timeline-product-preview{min-height:0;padding:1rem;}
  .timeline-product-main,.timeline-product-preview-single .timeline-product-main{min-height:clamp(18rem,88vw,21.25rem);}
  .timeline-product-main-image{width:min(var(--timeline-shot-width),70vw)!important;}
  .timeline-product-thumb{min-height:74px;}
  .timeline-product-thumb img{height:44px!important;}
  .timeline-featured-banner{width:calc(100% - 2.5rem);margin:0 auto 2.5rem;}
  .timeline-video-section{grid-template-columns:1fr;gap:1.25rem;padding:0 1.25rem 2.5rem;}
}
@media(prefers-reduced-motion:reduce){
  .timeline-product-main-image{transition:none;}
}
.latest-product-price{font-family:'Syne',sans-serif;font-size:2.5rem;font-weight:800;color:var(--white);}
.price-offer{display:grid;gap:0.55rem;min-width:0;}
.price-offer-main{display:flex;align-items:flex-end;gap:0.8rem;min-width:0;}
.pd-cta-group{display:grid;grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:0.5rem 0.75rem;align-items:end;flex:1 1 18rem;max-width:22rem;}
.checkout-action,.trial-action{display:grid;grid-template-rows:auto 44px;align-items:end;gap:0.45rem;min-width:0;}
.checkout-availability{color:var(--muted);font-size:0.62rem;font-weight:400;line-height:1;letter-spacing:0.05em;}
.trial-availability{color:var(--accent);font-size:0.62rem;font-weight:500;line-height:1;letter-spacing:0.08em;text-transform:uppercase;}
.pd-cta-group .btn-primary,.pd-cta-group .btn-ghost{width:100%;padding-right:1.1rem;padding-left:1.1rem;}
.trial-download-button{color:var(--white);}
.trial-note{grid-column:1/-1;color:var(--muted);font-size:0.62rem;line-height:1.45;letter-spacing:0.025em;}
.checkout-alternative{grid-column:1/-1;width:max-content;max-width:100%;color:rgba(255,255,255,0.72);font-size:0.8rem;font-weight:500;line-height:1.5;letter-spacing:0.035em;text-decoration:none;transition:color 0.18s ease;}
.checkout-alternative-brand{color:#ff5a64;font-weight:600;}
.checkout-alternative:hover,.checkout-alternative:focus-visible{color:var(--white);}
.checkout-alternative:hover .checkout-alternative-brand,.checkout-alternative:focus-visible .checkout-alternative-brand{color:#ff7a82;}
.price-regular-group{display:flex;flex-direction:column;gap:0.18rem;}
.price-intro-group{display:grid;grid-template-columns:auto auto;column-gap:0.08em;row-gap:0.22rem;align-items:start;}
.price-intro-group .price-label{grid-column:2;justify-self:center;text-align:center;}
.price-label{font-size:0.58rem;line-height:1;text-transform:uppercase;letter-spacing:0.12em;color:var(--muted);}
.price-regular{position:relative;display:inline-block;font-family:'Syne',sans-serif;font-size:1.55rem;line-height:1;font-weight:700;color:var(--muted);}
.price-regular::after{content:"";position:absolute;left:-5%;right:-5%;top:50%;height:2px;background:var(--accent);transform:rotate(-12deg);transform-origin:center;}
.price-intro-currency{padding-top:0.12em;font-family:'Syne',sans-serif;font-size:1.55rem;line-height:1;font-weight:700;color:var(--white);}
.price-intro-value{font-family:'Syne',sans-serif;font-size:2.35rem;line-height:0.9;font-weight:800;letter-spacing:-0.035em;color:var(--white);}
.price-offer-badge{margin-bottom:0.05rem;padding:0.26rem 0.4rem;background:rgba(218,167,75,0.12);color:var(--accent);font-size:0.58rem;font-weight:700;letter-spacing:0.08em;line-height:1;text-transform:uppercase;white-space:nowrap;}
.price-coupon-details{display:flex;flex-wrap:wrap;align-items:center;gap:0.2rem 0.45rem;font-size:0.68rem;line-height:1.35;color:#b9b7b1;}
.price-coupon-details b{color:var(--white);font-weight:700;letter-spacing:0.06em;}
.price-coupon-details small{color:#777;font-size:0.6rem;}
.price-coupon-details small::before{content:"·";margin-right:0.45rem;color:var(--accent);}
.price-offer-compact{gap:0.65rem;align-items:flex-end;}
.price-offer-compact .price-regular{font-size:0.92rem;}
.price-offer-compact .price-intro-currency{font-size:0.82rem;}
.price-offer-compact .price-intro-value{font-size:1.2rem;}
.price-offer-compact .price-label{font-size:0.5rem;}
.product-faq{padding:4rem 3.5rem 6rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.product-faq.product-faq-tab{padding:0;border:0;}
.product-faq-head{max-width:760px;margin-bottom:2rem;}
.product-faq-head h2{font-family:'Syne',sans-serif;font-size:2rem;color:var(--white);letter-spacing:-0.02em;}
.product-faq-head p{margin-top:0.7rem;color:var(--muted);font-size:0.9rem;line-height:1.75;}
.faq-list{max-width:980px;border-top:1px solid var(--line2);}
.faq-item{border-bottom:1px solid var(--line2);}
.faq-item summary{position:relative;padding:1.25rem 3rem 1.25rem 0;cursor:pointer;list-style:none;font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:600;color:var(--white);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.35rem;font-weight:400;color:var(--accent);}
.faq-item[open] summary::after{content:"\2212";}
.faq-item p{max-width:820px;padding:0 3rem 1.35rem 0;color:var(--muted);font-size:0.86rem;line-height:1.8;}
.faq-more{max-width:980px;margin-top:1.5rem;color:var(--muted);font-size:0.82rem;}
.faq-more a{color:var(--accent);text-decoration:none;}
.docs-faq-list{margin-top:1.5rem;}
.product-guide-prompt{margin:-0.75rem 0 1.6rem;color:var(--muted);font-size:0.82rem;line-height:1.7;}
.product-guide-prompt a{color:var(--accent);text-decoration:none;}
.product-guide-prompt a:hover{color:var(--white);}
.guide-article{max-width:980px;padding:3rem 3.5rem 7rem;}
.guide-header{max-width:900px;margin-bottom:2.5rem;}
.guide-header .section-label{margin-bottom:1rem;}
.guide-header h1{font-family:'Syne',sans-serif;font-size:clamp(1.9rem,2.45vw,2.35rem);font-weight:800;line-height:1.12;letter-spacing:-0.025em;color:var(--white);text-wrap:balance;}
.guide-lead{max-width:820px;margin-top:1.5rem;color:var(--muted);font-size:1.02rem;line-height:1.85;}
.guide-article section{margin-top:4rem;scroll-margin-top:6rem;}
.guide-article h2{margin-bottom:1rem;font-family:'Syne',sans-serif;font-size:clamp(1.4rem,2vw,1.85rem);line-height:1.18;color:var(--white);letter-spacing:-0.02em;}
.guide-article h3{margin:2rem 0 0.65rem;font-family:'Syne',sans-serif;font-size:1.05rem;color:var(--white);}
.guide-article p,.guide-article li{color:var(--muted);font-size:0.92rem;line-height:1.85;}
.guide-article p+p{margin-top:1rem;}
.guide-article ul,.guide-article ol{margin:0.9rem 0 0 1.2rem;}
.guide-article li+li{margin-top:0.55rem;}
.guide-article a{color:var(--accent);text-underline-offset:0.18em;}
.guide-article .btn-primary{color:#1a1200;text-decoration:none;}
.guide-article .btn-ghost{color:var(--muted);text-decoration:none;}
.guide-article .btn-ghost:hover{color:var(--white);}
.guide-article strong{color:var(--white);font-weight:600;}
.guide-steps{margin-top:1.3rem;border-top:1px solid var(--line2);}
.guide-step{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.2rem;padding:1.45rem 0;border-bottom:1px solid var(--line2);}
.guide-step-number{padding-top:0.1rem;font-family:'Syne',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;color:var(--accent);}
.guide-step h3{margin:0 0 0.4rem;}
.guide-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;}
.guide-video{margin-top:1.5rem;padding:0.65rem;border:1px solid var(--line2);border-radius:5px;background:linear-gradient(145deg,#17181d,#090a0d);box-shadow:0 22px 54px rgba(0,0,0,0.34);}
.guide-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050607;border-radius:3px;}
.guide-sources{padding-top:2rem;border-top:1px solid var(--line);}
.hero-facts .stat-num{max-width:210px;font-size:1.05rem;line-height:1.15;overflow-wrap:anywhere;}
.honest-reviews-page{min-height:0;}
.honest-reviews-empty{padding:5rem 3.5rem 7rem;max-width:1120px;}
.honest-reviews-badge{display:inline-block;margin-bottom:1.25rem;padding:0.3rem 0.7rem;border:1px solid rgba(212,168,90,0.28);border-radius:999px;background:rgba(212,168,90,0.07);color:var(--accent);font-size:0.6rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;}
.honest-reviews-empty>h2{max-width:720px;font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.12;color:var(--white);letter-spacing:-0.02em;}
.honest-reviews-empty>p{max-width:700px;margin:1rem 0 2.5rem;color:var(--muted);font-size:0.92rem;line-height:1.8;}
.honest-review-standards{margin-bottom:2.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2);border:1px solid var(--line2);}
.honest-review-standards>div{min-height:190px;padding:1.6rem;background:var(--card-bg);}
.honest-review-standards span{display:block;margin-bottom:1.8rem;color:var(--accent);font-size:0.65rem;letter-spacing:0.12em;}
.honest-review-standards strong{display:block;margin-bottom:0.55rem;font-family:'Syne',sans-serif;font-size:0.95rem;color:var(--white);}
.honest-review-standards p{color:var(--muted);font-size:0.78rem;line-height:1.7;}

@media(max-width:900px){
  .nav-toggle{display:block;}
  nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,11,0.98);border-bottom:1px solid var(--line);padding:1rem 1.5rem 1.5rem;flex-direction:column;align-items:stretch;gap:0.25rem;}
  nav ul.open{display:flex;}
  nav ul a{display:block;padding:0.7rem 0;}
  .nav-products-entry{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;}
  .nav-products-toggle{width:44px;height:44px;display:inline-flex;justify-self:end;}
  .nav-products-dropdown{position:static;width:100%;display:none;padding:0 0 0.4rem 0.8rem;border:0;border-left:1px solid var(--line2);box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none;}
  .nav-products-menu.is-open .nav-products-dropdown{display:grid;transform:none;}
  .nav-products-dropdown a{padding:0.5rem 0.75rem;}
  .nav-cta{text-align:center;margin-top:0.5rem;}
  .breadcrumbs{padding:1rem 1.5rem 0;}
  .portfolio-category-nav{padding:1.25rem 1.5rem;}
  .works-intro{grid-template-columns:1fr;gap:1.5rem;}
  .works-collection-head{align-items:start;flex-direction:column;gap:0.75rem;}
  .docs-mobile-nav{display:block;margin-bottom:1.5rem;padding:1rem;border:1px solid var(--line2);background:var(--bg2);border-radius:4px;}
  .site-map{padding:2rem 1.5rem 4rem;}
  .product-faq{padding:3rem 1.5rem 4rem;}
  .pd-tab-content{padding:2.5rem 1.5rem;}
  .reviews-hero{padding:3rem 1.5rem;}
  .reviews-summary{padding:2.5rem 1.5rem;}
  .maya-version-heading{align-items:flex-start;flex-direction:column;gap:0.45rem;}
  .maya-version-included{max-width:none;text-align:left;}
  .maya-version-options{grid-template-columns:1fr;}
  .maya-version-option{min-height:82px;}
  .compat-grid-compact{grid-template-columns:1fr;max-width:100%;}
  .lookdev-early-access{grid-template-columns:1fr;gap:0.65rem;}
  .honest-reviews-empty{padding:3rem 1.5rem 5rem;}
  .honest-review-standards{grid-template-columns:1fr;}
  .honest-review-standards>div{min-height:0;}
  .guide-article{padding:2.5rem 1.5rem 5rem;}
  .guide-header h1{font-size:clamp(1.85rem,6.4vw,2.15rem);overflow-wrap:normal;word-break:normal;}
  .guide-step{grid-template-columns:2rem minmax(0,1fr);gap:0.8rem;}
  .page-product-timeline-memory .pd-hero{grid-template-columns:minmax(0,1fr);gap:2rem;}
}

@media(max-width:620px){
  .works-grid{grid-template-columns:1fr;}
  .work-card--featured{grid-column:auto;}
  .work-card-copy{align-items:start;flex-direction:column;gap:0.7rem;}
}

@media(max-width:700px){
  .form-row{grid-template-columns:minmax(0,1fr);}
  .pd-price-row{grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:stretch;}
  .hero-btns{align-items:stretch;}
  .pd-price-row .btn-primary,.pd-price-row .btn-ghost,.hero-btns .btn-primary,.hero-btns .btn-ghost{width:100%;}
  .pd-cta-group{width:100%;max-width:none;flex-basis:100%;}
  .page-product-timeline-memory .pd-price-row,.page-product-timeline-memory .pd-cta-group{max-width:none;}
  .price-offer-main{align-items:flex-end;}
  .footer-links{width:100%;}
}

@media(max-width:390px){
  .price-offer-main{gap:0.55rem;flex-wrap:wrap;}
  .price-offer-badge{margin-bottom:0.2rem;}
  .price-coupon-details{padding-top:0.55rem;border-top:1px solid rgba(218,167,75,0.28);}
}

@media(max-width:480px){
  nav{padding:0.85rem 1rem;gap:0.65rem;}
  .logo{min-width:0;font-size:clamp(0.78rem,4.2vw,1rem);letter-spacing:0.055em;white-space:nowrap;}
  .hero{padding:clamp(3.5rem,8svh,4.5rem) 1rem;}
  h1{font-size:clamp(2.55rem,14vw,3.2rem);overflow-wrap:anywhere;}
  .hero-sub{font-size:1rem;}
  .page-hero,.about-grid,.contact-grid,.pd-hero{padding-right:1rem;padding-left:1rem;}
  .breadcrumbs{padding-right:1rem;padding-left:1rem;}
  .page>.breadcrumbs+div{padding-right:1rem!important;padding-left:1rem!important;}
  .pd-title{font-size:clamp(2.25rem,12vw,3rem);overflow-wrap:anywhere;}
  .pd-tab-content,.docs-content{padding-right:1rem;padding-left:1rem;}
  .latest-product-section{padding-right:1rem;padding-left:1rem;}
  .page-product-timeline-memory .pd-cta-group{grid-template-columns:minmax(0,1fr);}
  .site-map,.product-faq,.guide-article,.honest-reviews-empty{padding-right:1rem;padding-left:1rem;}
  .guide-header h1{font-size:1.6rem;line-height:1.12;letter-spacing:-0.02em;}
  footer{padding-right:1rem;padding-left:1rem;align-items:flex-start;}
  .footer-links{gap:0.65rem 1rem;}
}

@media(max-width:340px){
  .timeline-product-thumbs{gap:0.25rem;}
}

@media(max-width:300px){
  .timeline-product-thumbs{grid-template-columns:repeat(2,minmax(64px,1fr));}
  .docs-content,.docs-content *{min-width:0;overflow-wrap:anywhere;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .page-transition-cover{transition:none;}
}

/* Homepage product showcase */
.page-home .hero{display:block;padding:clamp(2.4rem,4.5svh,3.5rem) clamp(1.5rem,3.5vw,3.5rem);}
.page-home .hero{isolation:isolate;min-height:clamp(31rem,38vw,35.5rem);background:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,0.9) 32%,rgba(8,9,11,0.48) 66%,#08090b 100%);}
.page-home .hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,6,8,0.98) 0%,rgba(5,6,8,0.84) 35%,rgba(5,6,8,0.18) 70%,rgba(5,6,8,0.62) 100%),linear-gradient(0deg,rgba(5,6,8,0.77),transparent 42%,rgba(5,6,8,0.24));pointer-events:none;}
.hero-media{position:absolute;z-index:0;inset:0;display:block;overflow:hidden;background:#050608;pointer-events:none;transition:opacity 0.8s ease;}
.page-home .hero.has-ready-video .hero-media{opacity:0;}
.page-home .hero.has-ready-video::before{background:linear-gradient(90deg,rgba(5,6,8,0.96) 0%,rgba(5,6,8,0.8) 35%,rgba(5,6,8,0.18) 70%,rgba(5,6,8,0.62) 100%),linear-gradient(0deg,rgba(5,6,8,0.68),transparent 42%,rgba(5,6,8,0.22));}
.hero-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:brightness(0.87) saturate(0.9) contrast(0.96);transform:scale(0.94);transform-origin:center;}
.hero-recovery-loop{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#050608;opacity:0;filter:brightness(0.58) saturate(0.78);transform:scale(0.94);transform-origin:center;pointer-events:none;transition:opacity 0.8s ease;}
.hero-recovery-loop.is-ready{opacity:1;filter:brightness(0.76) saturate(0.84);}
.hero-media-switcher{position:absolute;z-index:3;left:50%;bottom:1rem;display:flex;align-items:center;gap:0.2rem;transform:translateX(-50%);}
.hero-media-choice{display:grid;place-items:center;width:1.75rem;height:1.4rem;border:0;background:transparent;cursor:pointer;}
.hero-media-choice span{display:block;width:0.55rem;height:0.55rem;border:1px solid rgba(255,255,255,0.56);border-radius:2px;background:rgba(8,9,11,0.72);transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;}
.hero-media-choice:hover span,.hero-media-choice:focus-visible span{border-color:var(--accent);transform:scale(1.12);}
.hero-media-choice:focus-visible{outline:0;}
.hero-media-choice.is-active span{border-color:var(--accent);background:var(--accent);}
.page-home .hero-grid{z-index:1;opacity:0.38;mask-image:linear-gradient(90deg,rgba(0,0,0,0.15),transparent 72%);}
.page-home .hero-glow{display:none;}
.hero-layout{position:relative;z-index:2;width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,0.86fr);gap:clamp(2.5rem,5vw,6rem);align-items:center;}
.page-home .hero-content{width:auto;min-width:0;}
.page-home .hero h1{max-width:10ch;font-size:clamp(3.2rem,5.6vw,5.4rem);text-wrap:balance;}
.page-home .hero-sub{max-width:560px;}
.page-home .hero-btns .btn-primary span{margin-left:0.55rem;}
.page-home .hero-btns .btn-ghost{border-color:rgba(255,255,255,0.4);background:rgba(8,9,11,0.34);color:var(--white);}
.page-home .hero-btns .btn-ghost:hover{border-color:rgba(212,168,90,0.7);background:rgba(255,255,255,0.1);}
.hero-recovery{position:relative;min-width:0;width:92%;justify-self:end;transform:translateY(1.25rem);padding:clamp(1.15rem,2vw,1.55rem);border:1px solid rgba(228,183,96,0.74);border-radius:10px;background:linear-gradient(150deg,rgba(24,25,30,0.95),rgba(8,9,12,0.98));box-shadow:0 24px 56px rgba(0,0,0,0.48),0 0 10px rgba(224,177,88,0.38),0 0 30px rgba(212,168,90,0.18),inset 0 0 18px rgba(212,168,90,0.045);}
.hero-recovery::before{content:"";position:absolute;z-index:2;top:-2px;left:4%;right:4%;height:2px;pointer-events:none;background:radial-gradient(circle at 20% 50%,#fff1ca 0 1px,rgba(245,205,126,0.86) 2px,rgba(218,169,79,0.34) 5px,transparent 13px),linear-gradient(90deg,transparent,rgba(212,168,90,0.34) 12%,rgba(255,230,177,0.94) 50%,rgba(212,168,90,0.34) 88%,transparent);filter:drop-shadow(0 0 5px rgba(242,198,110,0.62)) drop-shadow(0 0 12px rgba(212,168,90,0.28));}
.hero-recovery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);}
.hero-recovery-kicker{display:block;margin-bottom:0.25rem;color:var(--accent);font-size:0.58rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;}
.hero-recovery-head h2{font-family:'Syne',sans-serif;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.12;color:var(--white);}
.hero-recovery-hosts{flex:0 0 auto;color:var(--muted);font-size:0.58rem;letter-spacing:0.08em;text-transform:uppercase;text-align:right;}
.hero-recovery-flow{--hero-recovery-cycle:10s;--hero-first-row-drop-y:5.55rem;position:relative;display:grid;gap:0.5rem;padding:1rem 0 0.85rem;overflow:hidden;}
.hero-recovery-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(105px,0.4fr) minmax(0,1fr);gap:0.8rem;align-items:center;padding:0.72rem;border:1px solid var(--line);border-radius:5px;background:rgba(7,8,10,0.82);transition:border-color 0.35s ease,background 0.35s ease,box-shadow 0.35s ease;}
.hero-recovery-label{display:grid;gap:0.08rem;min-width:0;}
.hero-recovery-label span{font-family:'Syne',sans-serif;color:var(--white);font-size:0.68rem;font-weight:650;line-height:1.15;}
.hero-recovery-label small{color:var(--muted);font-size:0.54rem;line-height:1.25;}
.hero-mini-timeline{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;isolation:isolate;}
.hero-mini-timeline span,.hero-mini-composition{position:relative;min-width:0;padding:0.56rem 0.3rem;border:1px solid rgba(255,255,255,0.11);border-radius:3px;background:linear-gradient(180deg,#41434a,#2c2e34);color:#d8d8da;font-size:0.56rem;font-weight:650;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:center;will-change:transform,opacity,filter;}
.hero-mini-timeline span:nth-child(2){z-index:2;}
.hero-mini-composition{background:linear-gradient(180deg,rgba(153,43,74,0.95),rgba(114,29,55,0.96));border-color:rgba(237,82,125,0.4);color:#fff;will-change:clip-path,opacity;animation:hero-composition-merge var(--hero-recovery-cycle) cubic-bezier(0.65,0,0.35,1) infinite;}
.hero-mini-timeline-recovered span{background:linear-gradient(180deg,rgba(35,103,154,0.95),rgba(22,71,116,0.96));border-color:rgba(90,159,255,0.36);}
.hero-recovery-stage-original .hero-mini-timeline span:nth-child(1){animation:hero-clip-a-merge var(--hero-recovery-cycle) cubic-bezier(0.65,0,0.35,1) infinite;}
.hero-recovery-stage-original .hero-mini-timeline span:nth-child(2){animation:hero-clip-b-merge var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-stage-original .hero-mini-timeline span:nth-child(3){animation:hero-clip-c-merge var(--hero-recovery-cycle) cubic-bezier(0.65,0,0.35,1) infinite;}
.hero-mini-timeline-recovered span:nth-child(1){animation:hero-clip-a-restore var(--hero-recovery-cycle) cubic-bezier(0.22,1,0.36,1) infinite;}
.hero-mini-timeline-recovered span:nth-child(2){animation:hero-clip-b-restore var(--hero-recovery-cycle) ease-out infinite;}
.hero-mini-timeline-recovered span:nth-child(3){animation:hero-clip-c-restore var(--hero-recovery-cycle) cubic-bezier(0.22,1,0.36,1) infinite;}
.hero-recovery-link{position:relative;z-index:1;height:19px;display:flex;align-items:center;justify-content:center;color:#c96a82;font-size:0.5rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}
.hero-recovery-link::before{content:"";position:absolute;top:-0.5rem;bottom:-0.5rem;left:50%;width:1px;background:linear-gradient(rgba(201,74,105,0.12),rgba(201,74,105,0.9),rgba(201,74,105,0.12));}
.hero-recovery-link span{position:relative;padding:0 0.45rem;background:#0d0e11;}
.hero-recovery-link-blue{color:#63b7ec;}
.hero-recovery-link-blue::before{background:linear-gradient(rgba(72,154,209,0.12),rgba(72,154,209,0.95),rgba(72,154,209,0.12));}
.hero-recovery-link:not(.hero-recovery-link-blue)::before,.hero-recovery-link:not(.hero-recovery-link-blue) span{animation:hero-link-to-ae var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-link-blue::before,.hero-recovery-link-blue span{animation:hero-link-to-timeline var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-stage-original{z-index:2;animation:hero-stage-original var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-stage-linked{animation:hero-stage-linked var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-stage-restored{animation:hero-stage-restored var(--hero-recovery-cycle) ease-in-out infinite;}
.hero-recovery-stage-restored::after{content:"";position:absolute;z-index:4;inset:-1px;padding:1px;border-radius:5px;background:conic-gradient(from var(--hero-trace-angle),transparent 0 82%,rgba(212,168,90,0.16) 86%,rgba(242,197,111,0.96) 91%,#fff0c2 92%,transparent 96%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;filter:drop-shadow(0 0 5px rgba(212,168,90,0.72));pointer-events:none;animation:hero-recovery-gold-trace var(--hero-recovery-cycle) linear infinite;}
.hero-recovery-note{padding-top:0.85rem;border-top:1px solid var(--line);color:var(--muted);font-size:0.7rem;line-height:1.55;}

/* Style B product journey: real registry products only, immediately after the locked Hero. */
.product-journey{position:relative;min-height:var(--journey-height,130svh);background:radial-gradient(circle at 78% 18%,rgba(132,72,174,0.14),transparent 29%),linear-gradient(135deg,#0d0e12,#08090c 56%,#0b0c10);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.product-journey-sticky{position:sticky;top:0;display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:clamp(1rem,2.5vw,3rem);align-items:center;min-height:100svh;padding:clamp(2.25rem,5vw,5.5rem) clamp(1.25rem,4vw,4.5rem);overflow:hidden;}
.product-journey-nav{position:relative;z-index:3;display:grid;align-content:center;min-height:18rem;}
.product-journey-nav::before{content:"";position:absolute;left:0.72rem;top:1.35rem;bottom:1.35rem;width:1px;background:rgba(255,255,255,0.22);}
.product-journey-nav-item{position:relative;z-index:1;display:flex;align-items:center;min-height:4.25rem;padding:0;background:transparent;border:0;color:var(--muted);font:700 0.75rem/1 'DM Sans',sans-serif;letter-spacing:0.08em;cursor:pointer;text-align:left;}
.product-journey-nav-item span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid rgba(255,255,255,0.28);border-radius:50%;background:#0b0c10;transition:color 0.35s ease,border-color 0.35s ease,background 0.35s ease,box-shadow 0.35s ease;}
.product-journey-nav-item i{position:absolute;left:0.72rem;width:1px;height:1.45rem;background:transparent;transform:translateX(-50%);transition:background 0.35s ease,box-shadow 0.35s ease;}
.product-journey-nav-item.is-active{color:#fff;}.product-journey-nav-item.is-active span{border-color:#b576e7;background:#a25bdd;box-shadow:0 0 0 4px rgba(162,91,221,0.16),0 0 20px rgba(162,91,221,0.42);}.product-journey-nav-item.is-active i{background:#d5a6fa;box-shadow:0 0 13px rgba(191,116,241,0.88);}.product-journey-nav-item:focus-visible{outline:0;color:var(--accent);}
.product-journey-stage{position:relative;width:min(100%,1360px);height:clamp(27rem,56vh,38rem);margin-left:auto;}
.product-journey-card{position:absolute;top:0;bottom:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,0.88fr);width:66%;overflow:hidden;border:1px solid rgba(255,255,255,0.16);border-radius:7px;background:linear-gradient(145deg,rgba(20,21,27,0.96),rgba(7,8,11,0.98));box-shadow:0 26px 80px rgba(0,0,0,0.34);transition:left 0.72s cubic-bezier(0.22,1,0.36,1),width 0.72s cubic-bezier(0.22,1,0.36,1),transform 0.72s cubic-bezier(0.22,1,0.36,1),opacity 0.5s ease,filter 0.5s ease;}
.product-journey-card.is-active{z-index:2;left:0;opacity:1;filter:none;transform:translateX(0) scale(1);}.product-journey-card.is-next,.product-journey-card.is-previous{z-index:1;left:69%;width:31%;opacity:0.68;filter:saturate(0.74);transform:translateY(1rem) scale(0.94);pointer-events:none;}.product-journey-card.is-previous{transform:translateY(-1rem) scale(0.9);opacity:0.42;}
.product-journey-visual{position:relative;display:block;min-height:0;overflow:hidden;background:#111;}.product-journey-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,rgba(8,9,12,0.52));pointer-events:none;}.product-journey-visual .responsive-product-picture,.product-journey-visual img{display:block;width:100%;height:100%;}.product-journey-visual img{object-fit:cover;transition:transform 0.8s ease;}.product-journey-card.is-active:hover .product-journey-visual img{transform:scale(1.035);}
.product-journey-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.35rem,2.6vw,2.8rem);}.product-journey-meta{display:flex;align-items:center;gap:0.7rem;color:#cfa4f2;font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}.product-journey-number{font-family:'Syne',sans-serif;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500;letter-spacing:-0.05em;}.product-journey-body h2{margin:clamp(1.25rem,3.5vw,4rem) 0 0.75rem;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.35rem,2.35vw,2.35rem);line-height:1.04;letter-spacing:-0.04em;}.product-journey-body p{max-width:34ch;color:var(--muted);font-size:0.82rem;line-height:1.65;}.product-journey-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin:1.25rem 0;}.product-journey-tags .tag{font-size:0.56rem;}.product-journey-body .ecosystem-text-link{margin-top:auto;color:#d9a4ff;font-size:0.68rem;}
.product-journey-card.is-next,.product-journey-card.is-previous{grid-template-columns:1fr;}.product-journey-card.is-next .product-journey-visual,.product-journey-card.is-previous .product-journey-visual{position:absolute;inset:0;}.product-journey-card.is-next .product-journey-visual::after,.product-journey-card.is-previous .product-journey-visual::after{background:linear-gradient(180deg,rgba(8,9,12,0.12),rgba(8,9,12,0.92));}.product-journey-card.is-next .product-journey-body,.product-journey-card.is-previous .product-journey-body{justify-content:flex-end;padding:1.15rem;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(8,9,12,0.94));}.product-journey-card.is-next .product-journey-body h2,.product-journey-card.is-previous .product-journey-body h2{margin:0.75rem 0 0;font-size:clamp(1rem,1.45vw,1.35rem);}.product-journey-card.is-next .product-journey-body p,.product-journey-card.is-next .product-journey-tags,.product-journey-card.is-next .ecosystem-text-link,.product-journey-card.is-previous .product-journey-body p,.product-journey-card.is-previous .product-journey-tags,.product-journey-card.is-previous .ecosystem-text-link{display:none;}
.product-journey[data-journey-motion="true"] .product-journey-card{will-change:left,width,transform,opacity;}

/* Connected product track: vertical scroll drives one horizontal product sequence. */
.product-story{position:relative;min-height:calc(100svh + var(--story-scroll,55svh));background:radial-gradient(circle at 82% 44%,rgba(132,72,174,0.1),transparent 31%),linear-gradient(135deg,#0d0e12,#08090c 58%,#0b0c10);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.product-story-stage{position:sticky;top:0;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:clamp(1rem,2.6vw,3rem);align-items:center;min-height:100svh;padding:clamp(2rem,4.5vw,4.5rem) clamp(1.25rem,4vw,4.5rem);overflow:hidden;}
.product-story-progress{position:relative;z-index:2;display:grid;align-content:center;gap:2.4rem;min-height:13rem;}
.product-story-progress::before,.product-story-progress::after{content:"";position:absolute;left:0.72rem;width:1px;}
.product-story-progress::before{top:1.4rem;bottom:1.4rem;background:rgba(255,255,255,0.22);}
.product-story-progress::after{top:1.4rem;height:var(--story-progress,0px);background:#c990f5;box-shadow:0 0 12px rgba(201,144,245,0.72);}
.product-story-progress-item{position:relative;z-index:1;display:grid;place-items:center;width:1.45rem;height:1.45rem;padding:0;border:1px solid rgba(255,255,255,0.3);border-radius:50%;background:#0b0c10;color:var(--muted);font:700 0.61rem/1 'DM Sans',sans-serif;letter-spacing:0.04em;cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;}
.product-story-progress-item.is-active{border-color:#bd7bea;background:#a25bdd;color:#fff;box-shadow:0 0 0 4px rgba(162,91,221,0.15),0 0 18px rgba(162,91,221,0.36);}
.product-story-progress-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
.product-story-viewport{position:relative;width:100%;overflow:visible;}
.product-story-track{display:flex;align-items:stretch;gap:clamp(1.25rem,4vw,4.5rem);width:max-content;will-change:transform;}
.product-story-frame{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(19rem,0.88fr);flex:0 0 min(72vw,970px);min-height:clamp(27rem,56vh,38rem);overflow:hidden;border:1px solid rgba(255,255,255,0.17);border-radius:7px;background:linear-gradient(145deg,rgba(20,21,27,0.97),rgba(7,8,11,0.985));box-shadow:0 26px 80px rgba(0,0,0,0.36);}
.product-story-visual{position:relative;display:block;min-width:0;overflow:hidden;background:#101114;}.product-story-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 51%,rgba(8,9,12,0.56));pointer-events:none;}.product-story-visual .responsive-product-picture,.product-story-visual img{display:block;width:100%;height:100%;}.product-story-visual img{object-fit:cover;}
.product-story-body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.35rem,2.6vw,2.8rem);transition:opacity .18s linear,transform .18s linear;}
.product-story-meta{display:flex;align-items:center;gap:0.7rem;color:#cfa4f2;font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}.product-story-number{font-family:'Syne',sans-serif;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500;letter-spacing:-0.05em;}.product-story-body h2{margin:clamp(1.25rem,3.5vw,4rem) 0 0.75rem;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.35rem,2.35vw,2.35rem);line-height:1.04;letter-spacing:-0.04em;}.product-story-body p{max-width:34ch;color:var(--muted);font-size:0.82rem;line-height:1.65;}.product-story-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin:1.25rem 0;}.product-story-tags .tag{font-size:0.56rem;}.product-story-body .ecosystem-text-link{margin-top:auto;color:#d9a4ff;font-size:0.68rem;}

/* Timeline Memory story: one large product visual with a changing detail card below it. */
.timeline-story{position:relative;min-height:calc(100svh + var(--timeline-story-scroll,84svh));background:radial-gradient(circle at 78% 42%,rgba(132,72,174,0.08),transparent 34%),linear-gradient(135deg,#0d0e12,#08090c 58%,#0b0c10);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.timeline-story-stage{position:sticky;top:0;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:clamp(1rem,2.6vw,3rem);align-items:center;min-height:100svh;padding:clamp(2rem,4.5vw,4.5rem) clamp(1.25rem,4vw,4.5rem);overflow:hidden;}
.timeline-story-progress{position:relative;z-index:2;display:grid;align-content:center;gap:2rem;min-height:15rem;}
.timeline-story-progress::before,.timeline-story-progress::after{content:"";position:absolute;left:0.72rem;width:1px;}.timeline-story-progress::before{top:1.4rem;bottom:1.4rem;background:rgba(255,255,255,0.22);}.timeline-story-progress::after{top:1.4rem;height:var(--timeline-story-progress,0px);background:#c990f5;box-shadow:0 0 12px rgba(201,144,245,0.72);}
.timeline-story-progress-item{position:relative;z-index:1;display:grid;place-items:center;width:1.45rem;height:1.45rem;padding:0;border:1px solid rgba(255,255,255,0.3);border-radius:50%;background:#0b0c10;color:var(--muted);font:700 0.61rem/1 'DM Sans',sans-serif;letter-spacing:0.04em;cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease;}.timeline-story-progress-item.is-active{border-color:#bd7bea;background:#a25bdd;color:#fff;box-shadow:0 0 0 4px rgba(162,91,221,0.15),0 0 18px rgba(162,91,221,0.36);}.timeline-story-progress-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px;}
.timeline-story-viewport{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(100%,1180px);height:clamp(32rem,72vh,46rem);margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,0.17);border-radius:7px;background:#090a0d;box-shadow:0 26px 80px rgba(0,0,0,0.36);}
.timeline-story-visual{position:relative;display:block;min-height:0;overflow:hidden;background:#050506;}.timeline-story-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,11,0.12),transparent 28%,rgba(7,8,11,0.3));pointer-events:none;}.timeline-story-visual .responsive-product-picture,.timeline-story-visual img{display:block;width:100%;height:100%;}.timeline-story-visual img{object-fit:contain;object-position:center;background:#050506;}
.timeline-story-details{position:relative;min-height:11.7rem;border-top:1px solid rgba(255,255,255,0.13);background:linear-gradient(110deg,rgba(18,19,25,0.99),rgba(8,9,12,0.99));}
.timeline-story-detail-card{position:absolute;inset:0;display:grid;grid-template-columns:auto minmax(14rem,0.85fr) minmax(15rem,1.2fr) auto;align-items:center;gap:clamp(1rem,2.4vw,2.5rem);padding:clamp(1rem,2.3vw,2rem);opacity:0;transform:translate3d(0,1.25rem,0);pointer-events:none;transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1);}.timeline-story-detail-card.is-active{opacity:1;transform:translate3d(0,0,0);pointer-events:auto;}
.timeline-story-meta{display:grid;gap:0.28rem;color:#cfa4f2;font-size:0.6rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}.timeline-story-meta>span:first-child{font-family:'Syne',sans-serif;font-size:clamp(1.55rem,2.5vw,2.3rem);font-weight:500;letter-spacing:-0.05em;}.timeline-story-detail-card h2{margin:0;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.2rem,2.1vw,2rem);line-height:1.04;letter-spacing:-0.04em;}.timeline-story-detail-card p{max-width:34ch;color:var(--muted);font-size:0.79rem;line-height:1.6;}.timeline-story-capabilities{display:flex;flex-wrap:wrap;gap:0.45rem;}.timeline-story-capabilities span{padding:0.45rem 0.6rem;border:1px solid rgba(255,255,255,0.14);color:#d7d6d3;font-size:0.61rem;letter-spacing:0.04em;}.timeline-story-detail-card .ecosystem-text-link{justify-self:end;white-space:nowrap;color:#d9a4ff;font-size:0.68rem;}

/* The recovery details are intentionally a normal vertical stack: no pinned card swapping. */
.timeline-story{min-height:0;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4vw,4.5rem);}
.timeline-story-layout{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:clamp(1rem,2.6vw,3rem);align-items:start;}
.timeline-story-progress{position:sticky;top:7rem;display:grid;align-content:start;gap:2rem;min-height:0;padding-top:clamp(3rem,8vw,7rem);}
.timeline-story-progress::before{top:calc(clamp(3rem,8vw,7rem) + 0.72rem);bottom:auto;height:calc(100% - clamp(3rem,8vw,7rem) - 1.44rem);}.timeline-story-progress::after{display:none;}
.timeline-story-progress-item{display:grid;place-items:center;text-decoration:none;}.timeline-story-progress-item:hover{border-color:#bd7bea;color:#fff;}
.timeline-story-viewport{display:block;width:100%;height:auto;margin:0;overflow:hidden;}
.timeline-story-visual{display:block;min-height:clamp(24rem,47vw,39rem);border-bottom:1px solid rgba(255,255,255,0.13);}
.timeline-story-details{display:grid;min-height:0;background:transparent;}
.timeline-story-detail-card{position:relative;display:grid;grid-template-columns:auto minmax(15rem,0.9fr) minmax(16rem,1.25fr) auto;min-height:11.8rem;gap:clamp(1rem,2.4vw,2.5rem);padding:clamp(1.2rem,2.6vw,2.25rem);opacity:1;transform:none;pointer-events:auto;border-top:1px solid rgba(255,255,255,0.13);scroll-margin-top:6.5rem;transition:border-color .2s ease,background .2s ease;}
.timeline-story-detail-card:first-child{border-top:0;}.timeline-story-detail-card:hover{background:rgba(255,255,255,0.018);border-color:rgba(201,144,245,0.36);}

/* Product numbers identify products only; Timeline Memory details live between product 01 and product 02. */
.product-sequence{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4vw,4.5rem);background:linear-gradient(135deg,#0d0e12,#08090c 58%,#0b0c10);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.product-sequence-layout{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:clamp(1rem,2.6vw,3rem);align-items:start;}
.product-sequence-index{position:sticky;top:7rem;display:grid;align-content:start;gap:2rem;padding-top:clamp(3rem,8vw,7rem);}
.product-sequence-index::before{content:"";position:absolute;left:0.72rem;top:calc(clamp(3rem,8vw,7rem) + 0.72rem);bottom:0.72rem;width:1px;background:rgba(255,255,255,0.22);}
.product-sequence-index-item{position:relative;z-index:1;display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid rgba(255,255,255,0.3);border-radius:50%;background:#0b0c10;color:var(--muted);font:700 0.61rem/1 'DM Sans',sans-serif;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease;}.product-sequence-index-item:hover,.product-sequence-index-item:focus-visible{border-color:#bd7bea;background:#a25bdd;color:#fff;outline:0;}
.product-sequence-content{display:grid;gap:clamp(2.5rem,5vw,5rem);}
.product-sequence-card{overflow:hidden;border:1px solid rgba(255,255,255,0.17);border-radius:7px;background:linear-gradient(145deg,rgba(20,21,27,0.97),rgba(7,8,11,0.985));scroll-margin-top:6.5rem;}
.product-sequence-visual{position:relative;display:block;min-height:clamp(24rem,47vw,39rem);overflow:hidden;background:#050506;}.product-sequence-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,11,0.1),transparent 28%,rgba(7,8,11,0.3));pointer-events:none;}.product-sequence-visual .responsive-product-picture,.product-sequence-visual img{display:block;width:100%;height:100%;}.product-sequence-visual img{object-fit:contain;background:#050506;}
.product-sequence-card-copy{display:grid;grid-template-columns:auto minmax(15rem,0.95fr) minmax(16rem,1.25fr) auto;align-items:center;gap:clamp(1rem,2.4vw,2.5rem);padding:clamp(1.2rem,2.6vw,2.25rem);border-top:1px solid rgba(255,255,255,0.13);}.product-sequence-meta{display:grid;gap:0.28rem;color:#cfa4f2;font-size:0.6rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}.product-sequence-meta>span:first-child{font-family:'Syne',sans-serif;font-size:clamp(1.55rem,2.5vw,2.3rem);font-weight:500;letter-spacing:-0.05em;}.product-sequence-card-copy h2{margin:0;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.2rem,2.1vw,2rem);line-height:1.04;letter-spacing:-0.04em;}.product-sequence-card-copy p{max-width:38ch;color:var(--muted);font-size:0.79rem;line-height:1.6;}.product-sequence-tags{display:flex;flex-wrap:wrap;gap:0.35rem;}.product-sequence-tags .tag{font-size:0.56rem;}.product-sequence-card-copy .ecosystem-text-link{justify-self:end;white-space:nowrap;color:#d9a4ff;font-size:0.68rem;}
.product-sequence-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,0.13);}.product-sequence-detail{min-width:0;padding:clamp(1.25rem,2.8vw,2.5rem);border-left:1px solid rgba(255,255,255,0.1);}.product-sequence-detail:first-child{border-left:0;}.product-sequence-detail h3{margin-bottom:0.65rem;color:#fff;font-family:'Syne',sans-serif;font-size:1rem;line-height:1.12;}.product-sequence-detail p{min-height:2.8em;color:var(--muted);font-size:0.75rem;line-height:1.55;}.product-sequence-detail>div{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem;}.product-sequence-detail span{padding:0.4rem 0.5rem;border:1px solid rgba(255,255,255,0.14);color:#d7d6d3;font-size:0.58rem;letter-spacing:0.04em;}.product-sequence-details>.ecosystem-text-link{margin:0 clamp(1.25rem,2.8vw,2.5rem) clamp(1.25rem,2.3vw,2rem);color:#d9a4ff;font-size:0.68rem;}
.product-sequence-index{gap:0.5rem;}.product-sequence-index-item.is-main{width:1.65rem;height:1.65rem;margin:1.5rem 0 0.4rem;font-size:0.66rem;border-color:rgba(255,255,255,0.38);}.product-sequence-index-item.is-main:first-child{margin-top:0;}.product-sequence-index-item.is-milestone{display:flex;align-items:center;gap:0.55rem;width:max-content;height:1.15rem;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,0.42);font-size:0.58rem;font-weight:500;letter-spacing:0.045em;white-space:nowrap;}.product-sequence-index-item.is-milestone i{width:5px;height:5px;border:1px solid rgba(255,255,255,0.48);border-radius:50%;background:#0b0c10;}.product-sequence-index-item.is-milestone b{font:inherit;}.product-sequence-index-item.is-active.is-main{border-color:#bd7bea;background:#a25bdd;color:#fff;box-shadow:0 0 0 4px rgba(162,91,221,0.15),0 0 18px rgba(162,91,221,0.36);}.product-sequence-index-item.is-active.is-milestone{color:#dec0f6;}.product-sequence-index-item.is-active.is-milestone i{border-color:#d7a2ff;background:#b26ce8;box-shadow:0 0 10px rgba(191,116,241,0.78);}
.product-sequence-details{grid-template-columns:minmax(0,1fr);}.product-sequence-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(13rem,0.9fr);align-items:center;gap:clamp(1.25rem,4vw,4rem);padding:clamp(1.35rem,3.5vw,3rem);border-left:0;border-top:1px solid rgba(255,255,255,0.1);scroll-margin-top:7rem;}.product-sequence-detail:first-child{border-top:0;}.product-sequence-detail-copy h3{margin-bottom:0.65rem;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.08;letter-spacing:-0.035em;}.product-sequence-detail-copy p{max-width:46ch;color:var(--muted);font-size:0.84rem;line-height:1.68;}.product-sequence-detail-copy>div{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem;}.product-sequence-detail-copy span{padding:0.42rem 0.55rem;border:1px solid rgba(255,255,255,0.14);color:#d7d6d3;font-size:0.6rem;letter-spacing:0.04em;}.product-sequence-detail img{display:block;width:100%;max-height:22rem;object-fit:contain;background:#07080b;border:1px solid rgba(255,255,255,0.12);}.product-sequence-detail-3 .product-sequence-detail-copy{order:2;}.product-sequence-detail-3 img{order:1;}.product-sequence-details>.ecosystem-text-link{margin:0 clamp(1.35rem,3.5vw,3rem) clamp(1.35rem,3vw,2.5rem);color:#d9a4ff;font-size:0.68rem;}
@media(prefers-reduced-motion:no-preference){html.product-sequence-motion [data-product-sequence-reveal]{opacity:0;transform:translate3d(0,2rem,0);transition:opacity .58s ease,transform .68s cubic-bezier(.22,1,.36,1);}html.product-sequence-motion [data-product-sequence-reveal].is-revealed{opacity:1;transform:translate3d(0,0,0);}html.product-sequence-motion .product-sequence-detail img{opacity:0;transform:translate3d(1.25rem,0,0);transition:opacity .6s ease .1s,transform .7s cubic-bezier(.22,1,.36,1) .1s;}html.product-sequence-motion .product-sequence-detail.is-revealed img{opacity:1;transform:translate3d(0,0,0);}}

/* Homepage product story: one scroll-controlled presentation, not a stack of cards. */
.product-story{padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4vw,4.5rem);}
.product-story-layout{width:min(100%,1320px);margin:0 auto;display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:clamp(1.25rem,3vw,3.5rem);align-items:start;}
.product-story .product-sequence-index{position:sticky;top:7rem;grid-column:1;grid-row:1;align-self:start;width:13.5rem;min-height:29rem;padding:0;gap:0.6rem;z-index:3;overflow:visible;}
.product-story .product-sequence-index::before{top:2.2rem;bottom:.55rem;left:0.82rem;background:rgba(255,255,255,.18);}
.product-story .product-sequence-index::after{content:"";position:absolute;z-index:-1;top:2.2rem;bottom:.55rem;left:0.82rem;width:1px;height:auto;background:linear-gradient(#d4a85a,#bd7bea);box-shadow:0 0 9px rgba(189,123,234,.42);transform:scaleY(var(--product-story-progress,0));transform-origin:top;transition:transform .2s linear;}
.product-story .product-sequence-index-item{justify-self:start;appearance:none;padding:0;cursor:pointer;text-align:left;}
.product-story .product-sequence-index-item.is-main{margin:1.35rem 0 .5rem;}
.product-story .product-sequence-index-item.is-main:first-child{margin-top:0;}
.product-story .product-sequence-index-item.is-main{display:flex;align-items:center;gap:.62rem;width:max-content;height:1.65rem;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--muted);}
.product-story .product-sequence-index-number{display:grid;place-items:center;width:1.65rem;height:1.65rem;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:#0b0c10;font:700 .66rem/1 'DM Sans',sans-serif;transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease;}
.product-story .product-sequence-index-main-label{font:700 .57rem/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
.product-story .product-sequence-index-item.is-main[data-sequence-target="timeline-memory"]{color:#b9ddf6;}
.product-story .product-sequence-index-item.is-main[data-sequence-target="timeline-memory"] .product-sequence-index-number{border-color:rgba(76,167,232,.72);}
.product-story .product-sequence-index-item.is-main[data-sequence-target="timeline-memory"].is-active{color:#fff;}
.product-story .product-sequence-index-item.is-main[data-sequence-target="timeline-memory"].is-active .product-sequence-index-number{border-color:#4ca7e8;background:#247bb2;box-shadow:0 0 0 4px rgba(76,167,232,.15),0 0 18px rgba(76,167,232,.36);}
.product-story .product-sequence-index-item.is-main[data-sequence-target="lookdev-maya"]{color:#a4e7dd;}
.product-story .product-sequence-index-item.is-main[data-sequence-target="lookdev-maya"] .product-sequence-index-number{border-color:rgba(105,213,199,.55);}
.product-story .product-sequence-index-item.is-main[data-sequence-target="lookdev-maya"].is-active{color:#fff;}
.product-story .product-sequence-index-item.is-main[data-sequence-target="lookdev-maya"].is-active .product-sequence-index-number{border-color:#69d5c7;background:#23796f;box-shadow:0 0 0 4px rgba(105,213,199,.13),0 0 18px rgba(105,213,199,.28);}
.product-story .product-sequence-index-item.is-main[data-sequence-target="lookdev-maya"]{margin-top:2.8rem;}
.product-story .product-sequence-index-item.is-milestone{padding-left:1.15rem;}
.product-story-canvas{position:relative;grid-column:2;grid-row:1;display:grid;gap:1.25rem;min-width:0;overflow:visible;isolation:isolate;}
.product-story-product-break{position:relative;height:2rem;margin:.75rem 0 .35rem;}
.product-story-product-break::after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(105,213,199,.48) 18%,rgba(105,213,199,.48) 82%,transparent);}
.lookdev-story-hero{position:relative;display:block;width:100%;min-height:clamp(17rem,28vw,25rem);margin:0;overflow:hidden;border:1px solid rgba(105,213,199,.28);border-radius:8px;background:#071014;}
.lookdev-story-hero img{display:block;width:100%;height:100%;min-height:inherit;object-fit:contain;object-position:center;}
.lookdev-story-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,12,14,.2),transparent 34%,rgba(5,12,14,.12)),linear-gradient(0deg,rgba(4,10,12,.28),transparent 45%);}
.product-story-state{display:grid;grid-template-columns:minmax(15rem,.82fr) minmax(20rem,1.18fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:center;min-height:clamp(29rem,48vw,38rem);padding:clamp(1.4rem,3vw,3rem);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:radial-gradient(circle at 76% 44%,rgba(91,63,137,.1),transparent 33%),linear-gradient(135deg,rgba(21,22,29,.98),rgba(7,8,11,.99));}
.product-story-copy{position:relative;z-index:1;min-width:0;}
.product-story-meta{display:flex;align-items:baseline;gap:.7rem;margin-bottom:1.1rem;color:#cfa4f2;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.product-story-meta>span:first-child{font-family:'Syne',sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;letter-spacing:-.06em;}
.product-story-copy h2{max-width:13ch;margin:0 0 .9rem;color:#fff;font-family:'Syne',sans-serif;font-size:clamp(1.75rem,3.1vw,3.25rem);line-height:1.03;letter-spacing:-.055em;text-wrap:balance;}
.product-story-copy p{max-width:48ch;color:var(--muted);font-size:clamp(.82rem,1vw,.98rem);line-height:1.7;}
.product-story-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0 1.6rem;}
.product-story-tags .tag{font-size:.58rem;}
.product-story-benefit{display:grid;grid-template-columns:1.7rem minmax(0,1fr);align-items:center;gap:.7rem;max-width:34rem;margin:.25rem 0 1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);color:#cfa4f2;}
.product-story-benefit.is-text-only{grid-template-columns:minmax(0,1fr);}
.product-story-benefit svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.product-story-benefit strong,.product-story-benefit span{display:block;}
.product-story-benefit strong{margin-bottom:.2rem;color:var(--white);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.product-story-benefit span{color:var(--muted);font-size:.7rem;line-height:1.45;}
.product-story-state[data-product-story-main="lookdev-maya"] .product-story-benefit{color:#9ee6da;}
.product-story-copy .ecosystem-text-link{color:#d9a4ff;font-size:.7rem;}
.product-story-action-lead{margin:.15rem 0 .65rem!important;color:#fff!important;font-family:'Syne',sans-serif;font-size:clamp(.92rem,1.25vw,1.15rem)!important;line-height:1.2!important;}
.product-story-primary-cta{display:inline-flex;align-items:center;gap:.45rem;min-height:2.2rem;padding:.55rem .82rem;font-size:.68rem;line-height:1;}
.product-story-visual{display:grid;place-items:center;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#06070a;text-decoration:none;}
.product-story-visual picture,.product-story-visual img{display:block;width:100%;height:100%;}
.product-story-visual img{object-fit:contain;background:#06070a;}
.product-story-visual::after{content:"";grid-area:1/1;align-self:stretch;justify-self:stretch;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,11,.12),transparent 35%,rgba(7,8,11,.08));}

@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  html.product-story-motion .product-story{height:calc(var(--product-story-states) * 100svh);padding:0 clamp(1.25rem,4vw,4.5rem);}
  html.product-story-motion .product-story-stage{position:sticky;top:0;height:100svh;display:grid;align-items:center;isolation:isolate;}
  html.product-story-motion .product-story-layout{height:min(78svh,45rem);}
  html.product-story-motion .product-story .product-sequence-index{height:100%;min-height:0;align-self:stretch;}
  html.product-story-motion .product-story-canvas{height:min(78svh,45rem);min-height:29rem;display:block;overflow:hidden;isolation:isolate;}
  html.product-story-motion .product-story-state{position:absolute;inset:0;display:grid;min-height:0;opacity:var(--product-story-opacity,0);transform:translate3d(0,var(--product-story-translate,2rem),0);pointer-events:none;will-change:opacity,transform;transition:opacity 80ms linear,transform 80ms linear;}
  /* The active state always has a visible CSS fallback while rAF catches up. */
  html.product-story-motion .product-story-state:first-child{--product-story-opacity:1;--product-story-translate:0px;}
  html.product-story-motion .product-story-state.is-active{opacity:1!important;transform:translate3d(0,0,0)!important;pointer-events:auto;}
  html.product-story-motion .product-story-state.is-active .product-story-visual{box-shadow:0 24px 60px rgba(0,0,0,.34);}
}

@media(max-width:900px){
  .product-story{padding:3.25rem 1rem;}
  .product-story-layout{grid-template-columns:minmax(0,1fr);}
  .product-story .product-sequence-index{display:none;}
  .product-story-state{grid-template-columns:minmax(0,1fr);min-height:0;padding:1.25rem;}
  .product-story-copy h2{max-width:16ch;}
  .product-story-visual{min-height:16rem;max-height:26rem;}
}

@media(prefers-reduced-motion:reduce){
  .product-story .product-sequence-index::after{display:none;}
}

/* The factual benefits band follows the product journey and keeps the dark Style B treatment. */
.home-benefits{background:linear-gradient(90deg,#0b0c10,#101016);color:var(--white);padding:clamp(3rem,5vw,4.75rem) clamp(1.5rem,3.5vw,3.5rem);border-bottom:1px solid var(--line);}
.home-benefits-inner{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,1.9fr) repeat(4,minmax(0,1fr));align-items:stretch;}
.home-benefits-intro{padding:0.5rem clamp(1.5rem,3vw,3.5rem) 0.5rem 0;}
.home-benefits-intro .section-label{color:#cfa4f2;}
.home-benefits-intro h2{font-family:'Syne',sans-serif;font-size:clamp(1.7rem,2.7vw,2.65rem);line-height:1.18;letter-spacing:-0.03em;color:var(--white);}
.home-benefit{min-width:0;padding:0.4rem clamp(1rem,2vw,1.85rem);border-left:1px solid rgba(255,255,255,0.1);text-align:center;}
.home-benefit svg{width:2.55rem;height:2.55rem;margin:0 auto 1rem;fill:none;stroke:#cfa4f2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.home-benefit h3{margin-bottom:0.55rem;color:var(--white);font-size:0.74rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;}
.home-benefit p{color:var(--muted);font-size:0.78rem;line-height:1.55;}
@property --hero-trace-angle{syntax:"<angle>";inherits:false;initial-value:0deg;}
@keyframes hero-clip-a-merge{0%,14%,100%{transform:translateX(0);opacity:1;visibility:visible}30%,99.5%{transform:translateX(calc(100% + 3px));opacity:0;visibility:hidden}}
@keyframes hero-clip-c-merge{0%,14%,100%{transform:translateX(0);opacity:1;visibility:visible}30%,99.5%{transform:translateX(calc(-100% - 3px));opacity:0;visibility:hidden}}
@keyframes hero-clip-b-merge{0%,18%,100%{transform:translateY(0) scale(1);opacity:1;visibility:visible;filter:none;border-color:rgba(255,255,255,0.11);box-shadow:none}26%,30%{transform:translateY(0) scale(1.035);opacity:1;visibility:visible;border-color:rgba(212,168,90,0.72);box-shadow:0 0 14px rgba(212,168,90,0.24)}40%{transform:translateY(var(--hero-first-row-drop-y)) scale(1);opacity:1;visibility:visible;border-color:rgba(212,168,90,0.62);box-shadow:0 0 12px rgba(212,168,90,0.18)}43%,99.5%{transform:translateY(var(--hero-first-row-drop-y)) scale(1);opacity:0;visibility:hidden;border-color:rgba(212,168,90,0.4);box-shadow:none}}
@keyframes hero-composition-merge{0%,29%,100%{clip-path:inset(0 49% 0 49% round 3px);opacity:0;color:transparent}37%{clip-path:inset(0 round 3px);opacity:0.9;color:transparent}41%,64%{clip-path:inset(0 round 3px);opacity:1;color:#fff;box-shadow:0 0 16px rgba(201,74,105,0.22)}76%,88%{clip-path:inset(0 49% 0 49% round 3px);opacity:0;color:transparent}}
@keyframes hero-clip-a-restore{0%,62%,100%{transform:translateX(calc(100% + 3px));opacity:0}76%,95%{transform:translateX(0);opacity:1}}
@keyframes hero-clip-b-restore{0%,62%,100%{transform:scale(0.82);opacity:0}68%,95%{transform:scale(1);opacity:1;box-shadow:0 0 13px rgba(72,154,209,0.24)}}
@keyframes hero-clip-c-restore{0%,62%,100%{transform:translateX(calc(-100% - 3px));opacity:0}76%,95%{transform:translateX(0);opacity:1}}
@keyframes hero-link-to-ae{0%,27%,52%,100%{opacity:0.32}34%,46%{opacity:1;filter:drop-shadow(0 0 4px rgba(201,74,105,0.7))}}
@keyframes hero-link-to-timeline{0%,59%,88%,100%{opacity:0.28}68%,82%{opacity:1;filter:drop-shadow(0 0 4px rgba(72,154,209,0.72))}}
@keyframes hero-stage-original{0%,30%,100%{border-color:rgba(212,168,90,0.4);background:rgba(212,168,90,0.035)}43%,99.5%{border-color:var(--line);background:rgba(7,8,10,0.82)}}
@keyframes hero-stage-linked{0%,31%,68%,100%{border-color:var(--line);background:rgba(7,8,10,0.82)}38%,58%{border-color:rgba(201,74,105,0.46);background:rgba(201,74,105,0.065)}}
@keyframes hero-stage-restored{0%,58%,100%{border-color:var(--line);background:rgba(7,8,10,0.82)}68%,96%{border-color:rgba(90,159,255,0.52);background:rgba(35,116,178,0.075);box-shadow:0 0 24px rgba(43,133,198,0.09)}}
@keyframes hero-recovery-gold-trace{0%,68%{--hero-trace-angle:0deg;opacity:0}70%{--hero-trace-angle:0deg;opacity:0.92}96%{--hero-trace-angle:360deg;opacity:0.92}99%,100%{--hero-trace-angle:400deg;opacity:0}}

.latest-product-section{padding:clamp(4rem,7vw,6rem) clamp(1.5rem,3.5vw,3.5rem);}
.latest-product-heading{width:min(100%,1500px);margin:0 auto clamp(2rem,4vw,3rem);display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;}
.latest-product-heading .section-title{margin-bottom:0;}
.latest-product-layout{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,0.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;}
.latest-product-copy{min-width:0;}
.latest-product-eyebrows{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.15rem;}
.latest-product-hook{max-width:620px;margin-bottom:0.9rem;font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.05;letter-spacing:-0.025em;color:var(--white);text-wrap:balance;}
.latest-product-description{max-width:560px;margin-bottom:1.4rem;color:var(--muted);font-size:1rem;line-height:1.8;}
.latest-product-benefits{list-style:none;display:grid;gap:0.65rem;margin-bottom:2rem;}
.latest-product-benefits li{position:relative;padding-left:1.1rem;color:var(--muted);font-size:0.85rem;line-height:1.55;}
.latest-product-benefits li::before{content:"";position:absolute;top:0.52em;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);}
.latest-product-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.latest-product-layout .timeline-home-preview{transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;}
@media(hover:hover){
  .latest-product-layout .timeline-home-preview:hover{transform:translateY(-4px);border-color:rgba(212,168,90,0.32);box-shadow:0 34px 80px rgba(0,0,0,0.52);}
}

@media(max-width:1100px){
  .hero-layout{grid-template-columns:minmax(0,0.95fr) minmax(350px,0.9fr);gap:2.5rem;}
  .page-home .hero h1{font-size:clamp(3.1rem,6vw,5rem);}
}
@media(max-width:900px){
  .product-sequence{padding:3.25rem 1rem;}.product-sequence-layout{grid-template-columns:minmax(0,1fr);}.product-sequence-index{display:none;}.product-sequence-card-copy,.product-sequence-detail{grid-template-columns:minmax(0,1fr);}.product-sequence-card-copy .ecosystem-text-link{justify-self:start;}.product-sequence-detail-3 .product-sequence-detail-copy,.product-sequence-detail-3 img{order:initial;}.product-sequence-detail img{max-height:20rem;}
  .page-home .hero{min-height:0;}
  .hero-media img{object-position:68% center;filter:brightness(0.45) saturate(0.5);transform:scale(0.94);}
  .hero-recovery-loop,.hero-media-switcher{display:none;}
  .product-story{min-height:0;}
  .product-story-stage{position:relative;display:block;min-height:0;padding:3.25rem 1rem;overflow:visible;}
  .product-story-progress{display:flex;justify-content:center;gap:0.8rem;min-height:0;margin-bottom:1.25rem;}
  .product-story-progress::before,.product-story-progress::after{display:none;}
  .product-story-viewport{overflow:visible;}
  .product-story-track{display:grid;gap:1rem;width:100%;transform:none!important;}
  .product-story-frame{grid-template-columns:minmax(0,1fr);min-height:0;width:100%;flex:auto;}
  .product-story-visual{min-height:13rem;}
  .product-story-body{padding:1.25rem!important;opacity:1!important;transform:none!important;}
  .product-story-body h2{margin:0.75rem 0;font-size:1.45rem;}
  .timeline-story{min-height:0;}
  .timeline-story-stage{position:relative;display:block;min-height:0;padding:3.25rem 1rem;overflow:visible;}
  .timeline-story-progress{display:flex;justify-content:center;gap:0.8rem;min-height:0;margin-bottom:1.25rem;}
  .timeline-story-progress::before,.timeline-story-progress::after{display:none;}
  .timeline-story-viewport{display:block;width:100%;height:auto;margin:0;overflow:hidden;}
  .timeline-story-visual{min-height:14rem;}
  .timeline-story-details{display:grid;min-height:0;}
  .timeline-story-detail-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0.75rem;padding:1.25rem;opacity:1;transform:none;pointer-events:auto;border-top:1px solid rgba(255,255,255,0.1);}
  .timeline-story-detail-card:first-child{border-top:0;}
  .timeline-story-detail-card .ecosystem-text-link{justify-self:start;}
  .product-journey{min-height:0;}
  .product-journey-sticky{position:relative;display:block;min-height:0;padding:3.25rem 1rem;overflow:visible;}
  .product-journey-nav{display:grid;grid-template-columns:repeat(var(--journey-count),minmax(0,1fr));min-height:0;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,0.16);}
  .product-journey-nav::before{display:none;}
  .product-journey-nav-item{justify-content:center;min-height:2.8rem;}
  .product-journey-nav-item i{display:none;}
  .product-journey-stage{display:grid;gap:1rem;width:100%;height:auto;}
  .product-journey-card,.product-journey-card.is-active,.product-journey-card.is-next,.product-journey-card.is-previous{position:relative;left:auto;bottom:auto;display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-height:0;opacity:1;filter:none;transform:none;pointer-events:auto;}
  .product-journey-card.is-next .product-journey-visual,.product-journey-card.is-previous .product-journey-visual{position:relative;min-height:13rem;}
  .product-journey-card.is-next .product-journey-body,.product-journey-card.is-previous .product-journey-body{display:flex;justify-content:flex-start;padding:1.25rem;pointer-events:auto;background:transparent;}
  .product-journey-card.is-next .product-journey-body h2,.product-journey-card.is-previous .product-journey-body h2{margin:0.75rem 0;font-size:1.45rem;}
  .product-journey-card.is-next .product-journey-body p,.product-journey-card.is-next .product-journey-tags,.product-journey-card.is-next .ecosystem-text-link,.product-journey-card.is-previous .product-journey-body p,.product-journey-card.is-previous .product-journey-tags,.product-journey-card.is-previous .ecosystem-text-link{display:flex;}
  .home-benefits-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}
  .home-benefits-intro{grid-column:1/-1;padding:0 0 2rem;}
  .home-benefit:nth-of-type(2){border-left:0;}
  .page-home .hero{padding-top:3.5rem;padding-bottom:3.5rem;}
  .hero-layout,.latest-product-layout{grid-template-columns:minmax(0,1fr);}
  .hero-recovery{width:min(100%,720px);transform:none;}
  .latest-product-layout{gap:2rem;}
  .latest-product-layout .timeline-home-preview{width:min(100%,760px);}
}
@media(prefers-reduced-motion:reduce){.hero-media-switcher{display:none;}}
@media(max-width:700px){
  .latest-product-actions{align-items:stretch;}
  .latest-product-actions .btn-primary,.latest-product-actions .btn-ghost{width:100%;}
}
@media(max-width:480px){
  .page-home .hero::before{background:linear-gradient(90deg,rgba(5,6,8,0.96),rgba(5,6,8,0.86)),linear-gradient(0deg,rgba(5,6,8,0.84),transparent 55%);}
  .hero-media img{object-position:70% center;opacity:0.64;}
  .product-story-stage{padding:2.75rem 1rem;}
  .timeline-story-stage{padding:2.75rem 1rem;}
  .product-journey-sticky{padding:2.75rem 1rem;}
  .product-journey-card.is-next .product-journey-body p,.product-journey-card.is-previous .product-journey-body p{display:block;}
  .home-benefits{padding:2.75rem 1rem;}
  .home-benefits-inner{grid-template-columns:minmax(0,1fr);}
  .home-benefit{padding:1.25rem 0;border-top:1px solid rgba(23,23,25,0.12);border-left:0;}
  .home-benefit:nth-of-type(2){border-left:0;}
  .page-home .hero{padding:3rem 1rem;}
  .page-home .hero h1{max-width:100%;font-size:clamp(2.1rem,9.2vw,2.35rem);line-height:0.98;letter-spacing:-0.035em;overflow-wrap:anywhere;text-wrap:pretty;}
  .page-home .hero-sub{font-size:0.96rem;}
  .hero-recovery{padding:0.85rem;}
  .hero-recovery-flow{--hero-first-row-drop-y:5.3rem;}
  .hero-recovery-head{align-items:flex-start;flex-direction:column;gap:0.45rem;}
  .hero-recovery-hosts{text-align:left;}
  .hero-recovery-stage{grid-template-columns:minmax(88px,0.42fr) minmax(0,1fr);gap:0.55rem;padding:0.62rem;}
  .hero-recovery-label span{font-size:0.62rem;}
  .hero-mini-timeline span,.hero-mini-composition{padding:0.5rem 0.2rem;font-size:0.5rem;}
  .latest-product-heading{align-items:stretch;}
  .latest-product-heading>.btn-ghost{width:100%;}
  .latest-product-hook{font-size:clamp(1.7rem,9vw,2.2rem);}
}
@media(prefers-reduced-motion:reduce){
  .hero-recovery-stage-original,.hero-recovery-stage-linked,.hero-recovery-stage-restored,.hero-recovery-stage-original .hero-mini-timeline span,.hero-mini-composition,.hero-mini-timeline-recovered span,.hero-recovery-link::before,.hero-recovery-link span{animation:none;}
  .hero-recovery-stage-restored::after{animation:none;opacity:0;}
  .hero-recovery-stage-original .hero-mini-timeline span,.hero-mini-composition,.hero-mini-timeline-recovered span{transform:none;clip-path:none;opacity:1;filter:none;}
  .hero-recovery-stage-restored{border-color:rgba(90,159,255,0.42);background:rgba(35,116,178,0.065);}
  .latest-product-layout .timeline-home-preview{transition:none;}
  .latest-product-layout .timeline-home-preview:hover{transform:none;}
  .product-journey-card,.product-journey-visual img{transition:none;}
}

/* PRODUCT ECOSYSTEM - generated content uses the existing visual system */
.ecosystem-section{position:relative;padding:clamp(4rem,7vw,6.5rem) clamp(1.25rem,3.5vw,3.5rem);border-bottom:1px solid var(--line);overflow:hidden;}
.ecosystem-section-head{width:min(100%,1500px);margin:0 auto clamp(2rem,4vw,3rem);display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;}
.ecosystem-section-head .section-title{margin-bottom:0;}
.ecosystem-section-head>p{max-width:500px;color:var(--muted);font-size:0.92rem;line-height:1.75;}
.ecosystem-featured{padding-top:clamp(3rem,5vw,4.25rem);padding-bottom:clamp(3rem,5vw,4.25rem);background:linear-gradient(180deg,rgba(255,255,255,0.012),transparent 34%),var(--bg);}
.ecosystem-featured .ecosystem-section-head{margin-bottom:clamp(1.4rem,2.5vw,2rem);}
.ecosystem-featured-grid{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.ecosystem-product-card{min-width:0;background:linear-gradient(145deg,rgba(24,24,29,0.98),rgba(13,14,17,0.98));display:grid;grid-template-rows:auto 1fr;position:relative;overflow:hidden;}
.ecosystem-product-card::before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 76%);}
.ecosystem-product-card.ecosystem-accent-blue::before{background:linear-gradient(90deg,#5a9fff,transparent 76%);}
.ecosystem-card-visual{display:flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:16/8.4;padding:clamp(0.75rem,2vw,1.5rem);background:rgba(7,8,10,0.72);border-bottom:1px solid var(--line);overflow:hidden;}
.ecosystem-card-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 0.35s ease;}
.ecosystem-card-body{display:flex;flex-direction:column;min-width:0;padding:clamp(1.35rem,2.6vw,2.25rem);}
.ecosystem-card-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:0.9rem;color:var(--accent);font-size:0.62rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;}
.ecosystem-accent-blue .ecosystem-card-meta{color:#76b4ff;}
.ecosystem-card-meta span:last-child{color:var(--muted);}
.ecosystem-card-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:1rem;}
.ecosystem-card-body h3{font-family:'Syne',sans-serif;font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.1;margin-bottom:0.7rem;}
.ecosystem-card-body h3 a{color:var(--white);text-decoration:none;}
.ecosystem-card-body>p{max-width:650px;color:var(--muted);font-size:0.9rem;line-height:1.75;margin-bottom:1.7rem;}
.ecosystem-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--line);}
.ecosystem-card-action{display:flex;flex-direction:column;align-items:flex-end;gap:0.2rem;max-width:18rem;text-align:right;}
.ecosystem-card-trial{color:#aaa9a5;font-size:0.72rem;line-height:1.45;}
.ecosystem-price{display:grid;grid-template-columns:auto auto;align-items:start;font-family:'Syne',sans-serif;font-size:2rem;font-weight:800;line-height:1;color:var(--white);white-space:nowrap;}
.ecosystem-price>span{font-size:0.7em;margin-right:0.08em;}
.ecosystem-price small{grid-column:1/-1;margin-top:0.45rem;font-family:'DM Sans',sans-serif;font-size:0.62rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.ecosystem-price-promotion{display:flex;flex-direction:column;align-items:flex-start;white-space:normal;}
.ecosystem-price-row{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;}
.ecosystem-price-regular{position:relative;color:#858585;font-family:'DM Sans',sans-serif;font-size:0.62em;font-weight:500;line-height:1;}
.ecosystem-price-regular::after{content:"";position:absolute;left:-0.08em;right:-0.08em;top:50%;height:1.5px;background:var(--accent);transform:rotate(-8deg);transform-origin:center;}
.ecosystem-price-current{display:inline-flex;align-items:flex-start;color:var(--white);font:inherit;font-size:1em;line-height:1;}
.ecosystem-price-current .ecosystem-price-currency{padding-top:0.04em;margin-right:0.08em;font-size:0.7em;line-height:1;}
.ecosystem-discount-badge{display:inline-flex;align-items:center;gap:0.3rem;min-height:1.6rem;padding:0.22rem 0.45rem;border:1px solid rgba(218,167,75,0.42);background:rgba(218,167,75,0.1);color:var(--accent);font-family:'DM Sans',sans-serif;font-size:0.58rem;font-weight:700;letter-spacing:0.07em;line-height:1;text-transform:uppercase;}
.ecosystem-discount-badge>span{padding-right:0.3rem;border-right:1px solid rgba(218,167,75,0.35);color:#aaa9a5;font-size:0.88em;}
.ecosystem-text-link{min-height:44px;display:inline-flex;align-items:center;gap:0.45rem;color:var(--white);font-size:0.78rem;font-weight:500;letter-spacing:0.07em;text-decoration:none;text-transform:uppercase;}
.ecosystem-text-link span{color:var(--accent);transition:transform 0.2s ease;}
.ecosystem-text-link:hover span{transform:translateX(3px);}
.ecosystem-featured .ecosystem-card-visual{aspect-ratio:16/6.8;padding:clamp(0.65rem,1.4vw,1rem);}
.ecosystem-featured .ecosystem-card-body{padding:clamp(1.1rem,1.8vw,1.55rem);}
.ecosystem-featured .ecosystem-card-meta{margin-bottom:0.65rem;}
.ecosystem-featured .ecosystem-card-tags{margin-bottom:0.7rem;}
.ecosystem-featured .ecosystem-card-body h3{font-size:clamp(1.3rem,1.9vw,1.7rem);margin-bottom:0.5rem;}
.ecosystem-featured .ecosystem-card-body>p{font-size:0.82rem;line-height:1.6;margin-bottom:1rem;}
.ecosystem-featured .ecosystem-card-footer{padding-top:0.85rem;}
.ecosystem-featured .ecosystem-price{font-size:1.65rem;}
@media(hover:hover){
  .ecosystem-product-card:hover .ecosystem-card-visual img{transform:scale(1.012);}
}

.ecosystem-platforms{background:var(--bg2);}
.platform-grid{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.platform-card{min-width:0;background:var(--card-bg);padding:clamp(1.5rem,3vw,2.5rem);}
.platform-card-label,.workflow-product-name,.guide-card-product{font-size:0.64rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent);}
.platform-card h3{font-family:'Syne',sans-serif;color:var(--white);font-size:clamp(1.35rem,2vw,1.8rem);margin:0.45rem 0 0.35rem;}
.platform-card>p{min-height:2.7em;color:var(--muted);font-size:0.82rem;line-height:1.65;margin-bottom:1.5rem;}
.platform-product-links{display:grid;border-top:1px solid var(--line);}
.platform-product-links a{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;color:var(--white);text-decoration:none;border-bottom:1px solid var(--line);}
.platform-product-links a small{color:var(--muted);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;}
.platform-product-links a b{color:var(--accent);font-weight:400;transition:transform 0.2s ease;}
.platform-product-links a:hover b{transform:translateX(3px);}

.ecosystem-workflows{background:linear-gradient(180deg,rgba(90,159,255,0.025),transparent 48%),var(--bg);}
.workflow-grid{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:transparent;border:1px solid var(--line2);}
.workflow-card{min-width:0;background:var(--card-bg);display:grid;grid-template-rows:auto 1fr;}
.workflow-card+.workflow-card{border-left:1px solid rgba(255,255,255,0.18);}
.workflow-demo-visual{position:relative;display:block;aspect-ratio:16/8.4;padding:0.75rem;background:#0b0c0f;border-bottom:1px solid var(--line);overflow:hidden;}
.workflow-demo-visual img{display:block;width:100%;height:100%;object-fit:contain;}
.workflow-demo-visual span{position:absolute;left:1.35rem;bottom:1.25rem;padding:0.4rem 0.65rem;background:rgba(7,8,10,0.88);border:1px solid var(--line2);color:var(--white);font-size:0.64rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;}
.workflow-video-preview,.workflow-image-preview{display:flex;align-items:center;justify-content:center;}
.workflow-video-preview .timeline-product-video{display:block;width:100%;height:100%;object-fit:contain;background:#08090b;}
.workflow-image-preview img{display:block;width:100%;height:100%;object-fit:contain;}
.workflow-card-content{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.5rem);}
.workflow-card-content h3{font-family:'Syne',sans-serif;color:var(--white);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15;margin:0.55rem 0 0.8rem;}
.workflow-card-content>p{color:var(--muted);font-size:0.88rem;line-height:1.75;margin-bottom:1.4rem;}
.workflow-capabilities{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 1.6rem;border-top:1px solid var(--line);}
.workflow-capabilities li{min-height:50px;display:flex;align-items:center;padding:0.7rem 0.75rem 0.7rem 1.2rem;position:relative;color:#aaa9a5;font-size:0.8rem;border-bottom:1px solid var(--line);}
.workflow-capabilities li:nth-child(odd){border-right:1px solid var(--line);}
.workflow-capabilities li::before{content:"";position:absolute;left:0.5rem;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(212,168,90,0.35);}
.workflow-card-content .ecosystem-text-link{align-self:flex-start;margin-top:auto;}
.workflow-demo-cta{padding:0;}

.ecosystem-guides{background:var(--bg2);}
.guide-grid{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);}
.guide-card{min-height:250px;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(145deg,#17171c,#111114);color:inherit;text-decoration:none;}
.guide-card h3{max-width:720px;margin:0.65rem 0 0.8rem;font-family:'Syne',sans-serif;color:var(--white);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15;}
.guide-card p{max-width:720px;color:var(--muted);font-size:0.9rem;line-height:1.75;}
.guide-card b{margin-top:auto;padding-top:1.5rem;color:var(--white);font-size:0.76rem;letter-spacing:0.08em;text-transform:uppercase;}

/* HOMEPAGE EMAIL SIGNUP */
.email-signup-strip{position:relative;padding:clamp(2.25rem,4vw,3.5rem) clamp(1.25rem,3.5vw,3.5rem);border-bottom:1px solid var(--line);background:linear-gradient(100deg,rgba(212,168,90,0.09),rgba(90,159,255,0.035) 55%,transparent),var(--bg);overflow:hidden;}
.email-signup-strip::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);box-shadow:0 0 22px rgba(212,168,90,0.28);}
.email-signup-inner{width:min(100%,1500px);margin:0 auto;display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:center;}
.email-signup-copy h2{font-family:'Syne',sans-serif;color:var(--white);font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.08;letter-spacing:-0.02em;}
.email-signup-copy p{max-width:560px;margin-top:0.65rem;color:var(--muted);font-size:0.88rem;line-height:1.7;}
.email-signup-form{min-width:0;display:grid;grid-template-columns:minmax(12rem,1fr) auto;gap:0.7rem 0.75rem;align-items:start;}
.email-signup-input,.email-signup-button{min-height:48px;}
.email-signup-button{white-space:nowrap;}
.email-signup-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:0.55rem;color:var(--muted);font-size:0.72rem;line-height:1.45;cursor:pointer;}
.email-signup-consent input{width:15px;height:15px;margin-top:0.08rem;accent-color:var(--accent);flex:0 0 auto;}
.email-signup-feedback{grid-column:1/-1;margin-top:0.1rem;}
.email-signup-button[disabled]{cursor:wait;opacity:0.62;}
.guide-card b span{color:var(--accent);}

.product-catalog-hero{padding-bottom:2rem;}
.product-catalog-hero .section-title{margin-bottom:0.75rem;}
.catalog-filter-bar{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1.65rem;}
.catalog-filter{min-height:44px;padding:0.65rem 1rem;border:1px solid var(--line2);border-radius:2px;background:rgba(255,255,255,0.018);color:var(--muted);font-family:'DM Sans',sans-serif;font-size:0.76rem;letter-spacing:0.04em;cursor:pointer;transition:color 0.18s,border-color 0.18s,background 0.18s;}
.catalog-filter:hover,.catalog-filter:focus-visible{color:var(--white);border-color:rgba(255,255,255,0.24);}
.catalog-filter.is-active{color:#1a1200;background:var(--accent);border-color:var(--accent);font-weight:600;}
.catalog-products{padding:clamp(1.25rem,3.5vw,3.5rem);background:var(--bg);}
.catalog-grid{width:min(100%,1500px);margin:0 auto;display:grid;gap:1px;background:transparent;border:0;}
.catalog-grid[data-catalog-layout="one"]{width:min(100%,560px);margin-left:0;margin-right:auto;grid-template-columns:minmax(0,1fr);}
.catalog-grid[data-catalog-layout="two"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.catalog-grid[data-catalog-layout="three"],.catalog-grid[data-catalog-layout="many"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.catalog-product-card{min-width:0;display:grid;grid-template-rows:auto 1fr;position:relative;background:linear-gradient(145deg,rgba(23,23,28,0.98),rgba(13,14,17,0.98));border:1px solid var(--line);overflow:hidden;}
.catalog-product-card[hidden]{display:none!important;}
.catalog-product-card::before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 72%);}
.catalog-product-card.ecosystem-accent-blue::before{background:linear-gradient(90deg,#5a9fff,transparent 72%);}
.catalog-card-visual{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:0.65rem;background:#0b0c0f;border-bottom:1px solid var(--line);overflow:hidden;}
.catalog-card-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform 0.25s ease;}
.catalog-card-body{min-width:0;display:flex;flex-direction:column;padding:1.25rem;}
.catalog-card-meta{display:flex;justify-content:space-between;gap:0.75rem;margin-bottom:0.55rem;color:var(--accent);font-size:0.58rem;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;}
.catalog-product-card.ecosystem-accent-blue .catalog-card-meta{color:#76b4ff;}
.catalog-card-meta span:last-child{color:var(--muted);}
.catalog-card-body h2{font-family:'Syne',sans-serif;font-size:1.25rem;line-height:1.15;margin-bottom:0.45rem;}
.catalog-card-body h2 a{color:var(--white);text-decoration:none;}
.catalog-card-body>p{color:var(--muted);font-size:0.78rem;line-height:1.58;margin-bottom:0.85rem;}
.catalog-card-tags{display:flex;gap:0.35rem;flex-wrap:wrap;margin-bottom:1rem;}
.catalog-card-tags .tag{font-size:0.6rem;}
.catalog-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:0.9rem;border-top:1px solid var(--line);}
.catalog-card-footer .ecosystem-price{font-size:1.5rem;}
.catalog-card-footer .ecosystem-price-row{gap:0.45rem;}
.catalog-card-footer .ecosystem-discount-badge{font-size:0.52rem;}
.catalog-card-footer .ecosystem-text-link{font-size:0.68rem;}
@media(hover:hover){
  .catalog-product-card:hover .catalog-card-visual img{transform:scale(1.012);}
}

@media(max-width:900px){
  .catalog-grid[data-catalog-layout="three"],.catalog-grid[data-catalog-layout="many"]{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:900px){
  .ecosystem-section-head{align-items:flex-start;flex-direction:column;}
  .ecosystem-featured-grid,.platform-grid,.workflow-grid{grid-template-columns:minmax(0,1fr);}
  .email-signup-inner{grid-template-columns:minmax(0,1fr);gap:1.5rem;}
  .workflow-card+.workflow-card{border-left:0;border-top:1px solid rgba(255,255,255,0.18);}
  .platform-card>p{min-height:0;}
}
@media(max-width:600px){
  .pd-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;border-top:1px solid var(--line);}
  .pd-tab{width:100%;min-width:0;white-space:normal;line-height:1.3;border-right:1px solid var(--line);}
  .pd-tab:nth-child(even){border-right:0;}
  .pd-tab:last-child:nth-child(odd){grid-column:1/-1;border-right:0;}
  .ecosystem-section{padding-right:1rem;padding-left:1rem;}
  .ecosystem-card-footer{align-items:flex-start;flex-direction:column;gap:0.75rem;}
  .ecosystem-card-action{align-items:flex-start;max-width:none;text-align:left;}
  .ecosystem-featured .ecosystem-card-visual,.workflow-demo-visual{aspect-ratio:4/3;}
  .workflow-capabilities{grid-template-columns:minmax(0,1fr);}
  .workflow-capabilities li:nth-child(odd){border-right:0;}
  .platform-product-links a{grid-template-columns:minmax(0,1fr) auto;gap:0.65rem;}
  .platform-product-links a small{grid-column:1/2;grid-row:2;}
  .platform-product-links a b{grid-column:2;grid-row:1/3;}
  .ecosystem-guides .btn-ghost{width:100%;}
  .email-signup-strip{padding-right:1rem;padding-left:1rem;}
  .email-signup-form{grid-template-columns:minmax(0,1fr);}
  .email-signup-consent,.email-signup-feedback{grid-column:1;}
  .email-signup-button{width:100%;}
  .catalog-products{padding:1rem;}
  .catalog-grid[data-catalog-layout]{width:100%;grid-template-columns:minmax(0,1fr);}
  .catalog-filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .catalog-filter{width:100%;}
  .catalog-card-footer{align-items:flex-start;flex-direction:column;gap:0.6rem;}
}
@media(max-width:390px){
  .ecosystem-featured .ecosystem-price,.catalog-card-footer .ecosystem-price{font-size:1.25rem;}
  .ecosystem-price-row,.catalog-card-footer .ecosystem-price-row{gap:0.32rem;}
  .ecosystem-discount-badge,.catalog-card-footer .ecosystem-discount-badge{min-height:1.35rem;gap:0.2rem;padding:0.16rem 0.3rem;font-size:0.46rem;letter-spacing:0.055em;}
  .ecosystem-discount-badge>span{padding-right:0.2rem;}
}
@media(prefers-reduced-motion:reduce){
  .ecosystem-card-visual img,.catalog-card-visual img,.ecosystem-text-link span,.platform-product-links a b{transition:none;}
  .ecosystem-product-card:hover .ecosystem-card-visual img{transform:none;}
  .catalog-product-card:hover .catalog-card-visual img{transform:none;}
  .workflow-schematic.is-playing .workflow-schematic-stage{animation:none;}
}

/* Final product-story resets: this component replaces the former horizontal prototype. */
.product-story{min-height:0;}
.product-story-stage{position:relative;top:auto;display:block;min-height:0;padding:0;overflow:visible;}
@media(max-width:900px){
  .product-story-stage{padding:0;}
}

/* Editorial Product Story refinement: hierarchy and motion without changing content. */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  html.product-story-motion .product-story{height:auto;min-height:0;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4vw,4.5rem);}
  html.product-story-motion .product-story-stage{position:relative;top:auto;height:auto;display:block;}
  html.product-story-motion .product-story-layout{height:auto;grid-template-columns:13.5rem minmax(0,1fr);align-items:start;}
  html.product-story-motion .product-story .product-sequence-index{position:sticky;top:7rem;grid-column:1;grid-row:1;width:13.5rem;height:auto;min-height:0;align-self:start;z-index:3;overflow:visible;}
  html.product-story-motion .product-story-canvas{grid-column:2;grid-row:1;height:auto;min-height:0;display:grid;gap:clamp(3.75rem,7vw,6.75rem);overflow:visible;isolation:isolate;}

  html.product-story-motion .product-story-state{position:relative;inset:auto;display:grid;width:var(--product-story-card-width,88%);justify-self:center;opacity:0;transform:translate3d(0,38px,0) scale(.97);transform-origin:center;pointer-events:none;will-change:opacity,transform;transition:opacity .52s ease,transform .64s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;}
  html.product-story-motion .product-story-state.is-active{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto;border-color:rgba(255,255,255,.24);box-shadow:0 28px 70px rgba(0,0,0,.34);}
  html.product-story-motion .product-story-state.is-next{opacity:.36;transform:translate3d(0,32px,0) scale(.97);}
  html.product-story-motion .product-story-state.is-previous{opacity:0;transform:translate3d(0,-20px,0) scale(.985);}
  html.product-story-motion .product-story-state.is-upcoming{opacity:0;transform:translate3d(0,38px,0) scale(.97);}
  html.product-story-motion .product-story-state[data-story-align="left"]{justify-self:start;}
  html.product-story-motion .product-story-state[data-story-align="right"]{justify-self:end;}
  html.product-story-motion .product-story-state[data-story-align="center"]{justify-self:center;}
  html.product-story-motion .product-story-state[data-story-layout="visual-left"] .product-story-visual{grid-column:1;grid-row:1;}
  html.product-story-motion .product-story-state[data-story-layout="visual-left"] .product-story-copy{grid-column:2;grid-row:1;}
  html.product-story-motion .product-story-state[data-story-layout="visual-right"] .product-story-copy{grid-column:1;grid-row:1;}
  html.product-story-motion .product-story-state[data-story-layout="visual-right"] .product-story-visual{grid-column:2;grid-row:1;}

  html.product-story-motion .product-story-state[data-story-level="hero"]{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(1.75rem,4vw,4.5rem);min-height:clamp(24rem,36vw,32rem);padding:clamp(1.5rem,3vw,2.75rem);}
  html.product-story-motion .product-story-state[data-story-level="hero"] .product-story-visual{height:100%;min-height:18rem;max-height:28rem;}
  html.product-story-motion .product-story-state[data-story-level="hero"] .product-story-copy h2{font-size:clamp(1.8rem,3vw,3rem);}
  html.product-story-motion .product-story-state:first-child{grid-template-columns:minmax(0,1fr);min-height:clamp(24rem,39vw,33rem);padding:.55rem;}
  html.product-story-motion .product-story-state:first-child .product-story-copy{display:none;}
  html.product-story-motion .product-story-state:first-child .product-story-visual{grid-column:1;grid-row:1;height:100%;max-height:none;}

  html.product-story-motion .product-story-state[data-story-level="major"]{grid-template-columns:minmax(13rem,.82fr) minmax(0,1.18fr);gap:clamp(1.35rem,3vw,3rem);min-height:clamp(15rem,22vw,19rem);padding:clamp(1.2rem,2.4vw,2rem);}
  html.product-story-motion .product-story-state[data-story-level="major"] .product-story-visual{height:100%;min-height:12rem;max-height:16rem;}
  html.product-story-motion .product-story-state[data-story-level="major"] .product-story-copy h2{max-width:20ch;margin-bottom:.55rem;font-size:clamp(1.35rem,2.25vw,2rem);}
  html.product-story-motion .product-story-state[data-story-level="major"] .product-story-copy p{max-width:58ch;font-size:.8rem;line-height:1.58;}

  html.product-story-motion .product-story-state[data-story-level="supporting"]{grid-template-columns:minmax(9rem,.72fr) minmax(0,1.28fr);gap:clamp(1rem,2.25vw,2.15rem);min-height:clamp(15rem,22vw,19rem);padding:clamp(.9rem,1.8vw,1.3rem);}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-visual{height:100%;min-height:8.5rem;max-height:10.75rem;}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-meta{margin-bottom:.45rem;}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-meta>span:first-child{font-size:1.15rem;}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-copy h2{max-width:22ch;margin-bottom:.4rem;font-size:clamp(1.08rem,1.65vw,1.45rem);}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-copy p{max-width:54ch;font-size:.72rem;line-height:1.5;}
  html.product-story-motion .product-story-state[data-story-level="supporting"] .product-story-tags{margin:.6rem 0 .7rem;}

  html.product-story-motion .product-story-state .product-story-meta{margin-bottom:.65rem;}
  html.product-story-motion .product-story-state .product-story-tags{margin:.8rem 0 .9rem;}
  html.product-story-motion .product-story-state .product-story-visual img{object-fit:contain!important;object-position:center;}
  html.product-story-motion .product-story-state[data-product-story-main="lookdev-maya"]{border-color:rgba(105,213,199,.22);background:linear-gradient(135deg,rgba(14,28,30,.98),rgba(7,10,12,.99));}
  html.product-story-motion .product-story-state[data-product-story-main="lookdev-maya"].is-active{border-color:rgba(105,213,199,.42);}
  html.product-story-motion .product-story-state[data-product-story-main="lookdev-maya"] .product-story-meta{color:#9ee6da;}
  html.product-story-motion .product-story-state[data-product-story-main="lookdev-maya"] .product-story-visual{border-color:rgba(105,213,199,.16);}
  html.product-story-motion .product-story-secondary-link{display:block;width:max-content;margin-top:.7rem;font-size:.64rem;}

  html.product-story-motion .product-story-product-break{height:clamp(6rem,10vw,9rem);margin:clamp(1rem,3vw,2.5rem) 0 0;}
  html.product-story-motion .product-story-product-break::after{top:50%;background:linear-gradient(90deg,transparent,rgba(105,213,199,.16) 12%,rgba(105,213,199,.62) 50%,rgba(105,213,199,.16) 88%,transparent);box-shadow:0 0 14px rgba(105,213,199,.18);}
  html.product-story-motion .lookdev-story-hero{opacity:.16;transform:scale(.985);transform-origin:center;transition:opacity .55s ease,transform .64s cubic-bezier(.22,1,.36,1),border-color .4s ease;}
  html.product-story-motion .product-story.is-lookdev-next .lookdev-story-hero{opacity:.38;transform:scale(.99);}
  html.product-story-motion .product-story.is-lookdev-active .lookdev-story-hero{opacity:1;transform:scale(1);border-color:rgba(105,213,199,.42);}

  html.product-story-motion .product-story.is-rail-pinned .product-sequence-index{position:fixed;top:7rem;left:max(clamp(1.25rem,4vw,4.5rem),calc((100vw - 1320px) / 2));z-index:20;}
  html.product-story-motion .product-story .product-sequence-index::after{transition:transform .12s linear;}
  html.product-story-motion .product-story .product-sequence-index-item.is-milestone{height:1.15rem;opacity:.46;overflow:visible;transform:none;pointer-events:auto;transition:opacity .2s ease,color .2s ease;}
  html.product-story-motion .product-story .product-sequence-index-item.is-milestone.is-completed{opacity:.62;color:rgba(255,255,255,.48);}
  html.product-story-motion .product-story .product-sequence-index-item.is-milestone.is-completed i{border-color:rgba(212,168,90,.52);background:rgba(212,168,90,.18);}
  html.product-story-motion .product-story .product-sequence-index-item.is-milestone.is-active{opacity:1;color:#dec0f6;}
  html.product-story-motion .product-story .product-sequence-index-item.is-milestone.is-upcoming{opacity:.38;}
  html.product-story-motion .product-story .product-sequence-index-item.is-main.is-completed{opacity:.62;}
  html.product-story-motion .product-story .product-sequence-index-item.is-main.is-upcoming{opacity:.58;}
}

/* Keep the homepage benefits and updates bands compact and scannable. */
@media (min-width:901px){
  .page-home .home-benefits{padding:2.25rem clamp(1.5rem,3.5vw,3.5rem);}
  .page-home .home-benefits-inner{grid-template-columns:minmax(280px,1.7fr) repeat(4,minmax(0,1fr));}
  .page-home .home-benefits-intro{padding:.25rem clamp(1rem,2.2vw,2.5rem) .25rem 0;}
  .page-home .home-benefits-intro h2{font-size:clamp(1.45rem,2.25vw,2.2rem);line-height:1.1;}
  .page-home .home-benefit{padding:.25rem clamp(.7rem,1.4vw,1.25rem);}
  .page-home .home-benefit svg{width:2.1rem;height:2.1rem;margin-bottom:.65rem;}
  .page-home .home-benefit h3{margin-bottom:.35rem;font-size:.68rem;}
  .page-home .home-benefit p{font-size:.7rem;line-height:1.45;}
  .page-home .email-signup-strip{padding:1.15rem clamp(1.25rem,3.5vw,3.5rem);}
  .page-home .email-signup-inner{gap:clamp(1.25rem,3vw,2.75rem);}
  .page-home .email-signup-copy h2{font-size:clamp(1.2rem,1.8vw,1.6rem);}
  .page-home .email-signup-copy p{margin-top:.3rem;font-size:.7rem;line-height:1.4;}
  .page-home .email-signup-input,.page-home .email-signup-button{min-height:36px;}
  .page-home .email-signup-form{gap:.45rem .6rem;}
  .page-home .email-signup-consent{font-size:.65rem;}
}