:root{--bg:#0a0a0b;--bg2:#111114;--bg3:#17171c;--line:rgba(255,255,255,0.07);--line2:rgba(255,255,255,0.13);--text:#f0ede8;--muted:#7a7975;--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}

/* 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{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-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;}

/* 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;}

/* 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:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.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:44px;flex:0 0 auto;padding:0.9rem clamp(1rem,2.25vw,2rem);font-size:0.8rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap;}
.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);}

/* 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);}

/* PORTFOLIO PAGE */
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1px;background:var(--line);padding:0;}
.port-item{background:var(--card-bg);overflow:hidden;position:relative;cursor:pointer;aspect-ratio:4/3;}
.port-img{width:100%;height:100%;background:var(--bg3);display:flex;align-items:center;justify-content:center;transition:transform 0.5s;}
.port-item:hover .port-img{transform:scale(1.05);}
.port-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.3s;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;}
.port-item:hover .port-overlay{opacity:1;}
.port-title{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--white);}
.port-sub{font-size:0.78rem;color:var(--muted);margin-top:0.2rem;}

/* 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{font-size:0.78rem;color:var(--muted);text-decoration:none;cursor:pointer;transition:color 0.2s;}
.footer-links a:hover{color:var(--accent);}

/* 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;}
  .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(5,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){
  .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:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;}
.checkout-action{display:flex;flex-direction:column;align-items:flex-start;gap:0.45rem;}
.checkout-availability{color:var(--muted);font-size:0.62rem;font-weight:400;line-height:1;letter-spacing:0.05em;}
.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-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(2rem,3.1vw,2.9rem);font-weight:800;line-height:1.08;letter-spacing:-0.035em;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-summary,.guide-toc,.guide-safety{margin:2.5rem 0;padding:1.6rem 1.8rem;border:1px solid var(--line2);background:linear-gradient(145deg,rgba(24,25,29,0.88),rgba(11,12,14,0.9));}
.guide-toc{position:static;inset:auto;z-index:auto;display:block;transition:none;}
.guide-summary h2,.guide-toc h2,.guide-safety h2{margin:0 0 0.9rem;font-family:'Syne',sans-serif;font-size:1.15rem;color:var(--white);}
.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.55rem,3vw,2.35rem);line-height:1.12;color:var(--white);letter-spacing:-0.025em;}
.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-toc ol{columns:2;column-gap:3rem;margin-left:1.25rem;}
.guide-toc li{break-inside:avoid;margin-bottom:0.4rem;}
.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-safety{border-left:2px solid var(--accent);}
.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-cta{text-align:center;margin-top:0.5rem;}
  .breadcrumbs{padding:1rem 1.5rem 0;}
  .portfolio-category-nav{padding:1.25rem 1.5rem;}
  .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-toc ol{columns:1;}
  .guide-step{grid-template-columns:2rem minmax(0,1fr);gap:0.8rem;}
}

@media(max-width:700px){
  .form-row{grid-template-columns:minmax(0,1fr);}
  .pd-price-row,.hero-btns{align-items:stretch;}
  .pd-price-row .btn-primary,.hero-btns .btn-primary,.hero-btns .btn-ghost{width:100%;}
  .footer-links{width:100%;}
}

@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;}
  .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;}
}