:root{
  --paper:#FAF7F2; --paper-2:#F2EBDD; --paper-tan:#EADCC3;
  --ink:#161F1A; --ink-2:#1C2B22; --ink-soft:#3A4D41;
  --sage:#3D5A45; --sage-light:#6E8A74;
  --clay:#C8442C; --clay-bright:#E0532F; --clay-soft:#E7BBAB;
  --gold:#C9A24B;
  --line:rgba(22,31,26,0.12); --line-2:rgba(22,31,26,0.07);
  --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow-xl:0 50px 90px -30px rgba(22,31,26,0.45);
  --shadow-lg:0 30px 60px -25px rgba(22,31,26,0.35);
  --shadow-md:0 14px 30px -14px rgba(22,31,26,0.3);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
body.loading{overflow:hidden;height:100vh;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important;}}
a{color:inherit;text-decoration:none;}
::selection{background:var(--clay);color:var(--paper);}
.display{font-family:'Fraunces',serif;}
.mono{font-family:'JetBrains Mono',monospace;}
.wrap{max-width:1240px;margin:0 auto;padding:0 36px;}
@media (max-width:640px){.wrap{padding:0 20px;}}
:focus-visible{outline:2.5px solid var(--clay);outline-offset:3px;border-radius:2px;}
img{display:block;max-width:100%;}

/* LOADER */
#loader{position:fixed;inset:0;z-index:9999;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s var(--ease),visibility .8s;}
#loader.done{opacity:0;visibility:hidden;}
.loader-mark{font-family:'Fraunces',serif;font-size:2rem;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:34px;opacity:0;animation:loadFade .6s var(--ease) .1s forwards;}
.loader-mark .dot{color:var(--clay);animation:pulse 1.4s ease-in-out infinite;}
.loader-bar{width:240px;height:2px;background:rgba(250,247,242,0.15);border-radius:2px;overflow:hidden;margin-bottom:20px;}
.loader-fill{height:100%;width:0%;background:var(--clay);transition:width .3s linear;}
.loader-msg{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:rgba(250,247,242,0.55);letter-spacing:0.04em;min-height:18px;text-transform:uppercase;}
@keyframes loadFade{to{opacity:1;}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:200;transition:background .4s,border-color .4s,padding .4s;border-bottom:1px solid transparent;}
header.scrolled,header.solid{background:rgba(250,247,242,0.88);backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;max-width:1240px;margin:0 auto;transition:padding .4s;}
header.scrolled .nav,header.solid .nav{padding:14px 36px;}
@media (max-width:640px){.nav{padding:18px 20px;}header.scrolled .nav,header.solid .nav{padding:12px 20px;}}
.brand{display:flex;align-items:center;gap:9px;font-family:'Fraunces',serif;font-weight:600;font-size:1.3rem;letter-spacing:-0.01em;}
.brand .dot{color:var(--clay);font-size:0.7rem;}
.navlinks{display:flex;gap:34px;font-size:0.92rem;font-weight:500;}
.navlinks a{position:relative;color:var(--ink-soft);padding:4px 0;}
.navlinks a::after{content:'';position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--clay);transition:width .3s var(--ease);}
.navlinks a:hover::after,.navlinks a.active::after{width:100%;}
.nav-cta{font-size:0.88rem;font-weight:600;padding:11px 22px;background:var(--ink);color:var(--paper);border-radius:4px;box-shadow:var(--shadow-md);transition:transform .25s var(--ease),background .25s;}
.nav-cta:hover{transform:translateY(-2px);background:var(--clay);}
@media (max-width:880px){.navlinks{display:none;}}

/* BUTTONS */
.btn-primary{font-weight:600;font-size:0.98rem;padding:16px 30px;background:var(--clay);color:var(--paper);border-radius:4px;box-shadow:0 16px 32px -12px rgba(200,68,44,0.5);transition:transform .25s var(--ease),box-shadow .25s;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 40px -10px rgba(200,68,44,0.6);}
.btn-primary .arrow{transition:transform .25s var(--ease);}
.btn-primary:hover .arrow{transform:translateX(5px);}
.btn-ghost{font-weight:600;font-size:0.98rem;padding:16px 28px;border:1.5px solid var(--ink);border-radius:4px;color:var(--ink);transition:background .25s,color .25s;display:inline-flex;align-items:center;gap:10px;background:transparent;cursor:pointer;}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn-wa{background:#1FA855;color:#fff;box-shadow:0 16px 32px -12px rgba(31,168,85,0.5);}
.btn-wa:hover{box-shadow:0 22px 40px -10px rgba(31,168,85,0.6);}

/* HERO (home) */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:150px 0 90px;overflow:hidden;perspective:1600px;}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:0.5;will-change:transform;}
.blob-1{width:520px;height:520px;background:radial-gradient(circle,rgba(200,68,44,0.30),transparent 70%);top:-120px;right:-80px;animation:drift1 18s ease-in-out infinite;}
.blob-2{width:460px;height:460px;background:radial-gradient(circle,rgba(61,90,69,0.28),transparent 70%);bottom:-160px;left:-100px;animation:drift2 22s ease-in-out infinite;}
.blob-3{width:300px;height:300px;background:radial-gradient(circle,rgba(201,162,75,0.20),transparent 70%);top:40%;left:45%;animation:drift1 26s ease-in-out infinite reverse;}
@keyframes drift1{0%,100%{transform:translate(0,0);}50%{transform:translate(-40px,30px);}}
@keyframes drift2{0%,100%{transform:translate(0,0);}50%{transform:translate(50px,-30px);}}
.float-el{position:absolute;z-index:1;opacity:0.55;will-change:transform;}
.pill{width:46px;height:20px;border-radius:20px;background:linear-gradient(90deg,var(--clay) 50%,var(--clay-soft) 50%);box-shadow:var(--shadow-md);}
.capsule{width:38px;height:16px;border-radius:16px;background:linear-gradient(90deg,var(--sage) 50%,#fff 50%);box-shadow:var(--shadow-md);}
.cross{width:30px;height:30px;position:relative;}
.cross::before,.cross::after{content:'';position:absolute;background:var(--gold);border-radius:2px;}
.cross::before{width:30px;height:9px;top:11px;left:0;}
.cross::after{width:9px;height:30px;left:11px;top:0;}
.fl-1{top:18%;left:8%;animation:floaty 7s ease-in-out infinite;}
.fl-2{top:62%;left:14%;animation:floaty 9s ease-in-out infinite 1s;}
.fl-3{top:24%;right:10%;animation:floaty 8s ease-in-out infinite .5s;}
.fl-4{top:70%;right:16%;animation:floaty 10s ease-in-out infinite 1.5s;}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-4deg);}50%{transform:translateY(-22px) rotate(6deg);}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr 0.98fr;gap:50px;align-items:center;width:100%;}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:60px;}}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:0.76rem;letter-spacing:0.05em;color:var(--clay);text-transform:uppercase;margin-bottom:26px;padding:7px 14px;background:rgba(200,68,44,0.08);border:1px solid rgba(200,68,44,0.2);border-radius:40px;}
.hero-eyebrow .live{width:7px;height:7px;border-radius:50%;background:var(--clay);animation:pulse 1.6s infinite;}
.hero h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.02;letter-spacing:-0.018em;margin-bottom:28px;}
.hero h1 .line{display:block;overflow:hidden;}
.hero h1 .line span{display:block;transform:translateY(110%);animation:lineUp .9s var(--ease-out) forwards;}
.hero h1 .line:nth-child(1) span{animation-delay:.2s;}
.hero h1 .line:nth-child(2) span{animation-delay:.32s;}
.hero h1 .line:nth-child(3) span{animation-delay:.44s;}
@keyframes lineUp{to{transform:translateY(0);}}
.hero h1 em{font-style:italic;font-weight:400;color:var(--sage);position:relative;}
.hero h1 em::after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:8px;background:var(--clay-soft);opacity:0.5;z-index:-1;transform:scaleX(0);transform-origin:left;animation:underline .7s var(--ease) 1s forwards;}
@keyframes underline{to{transform:scaleX(1);}}
.hero .lead{font-size:1.14rem;line-height:1.65;color:var(--ink-soft);max-width:490px;margin-bottom:38px;opacity:0;animation:loadFade .8s var(--ease) .8s forwards;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:46px;opacity:0;animation:loadFade .8s var(--ease) .95s forwards;}
.hero-proof{display:flex;flex-wrap:wrap;gap:12px;margin:-14px 0 34px;opacity:0;animation:loadFade .8s var(--ease) 1.02s forwards;}
.proof-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,0.72);border:1px solid rgba(22,31,26,0.08);box-shadow:0 14px 28px -20px rgba(22,31,26,0.35);font-size:0.84rem;color:var(--ink-soft);}
.proof-pill strong{color:var(--ink);font-size:0.83rem;}
.proof-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 0 rgba(200,68,44,0.4);animation:ping 1.8s infinite;}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(200,68,44,0.35);}70%{box-shadow:0 0 0 10px rgba(200,68,44,0);}100%{box-shadow:0 0 0 0 rgba(200,68,44,0);}}
.hero-stats{display:flex;gap:42px;opacity:0;animation:loadFade .8s var(--ease) 1.1s forwards;}
.stat-num{font-family:'Fraunces',serif;font-size:2rem;font-weight:600;line-height:1;}
.stat-label{font-size:0.8rem;color:var(--ink-soft);margin-top:6px;}

/* 3D BOOK */
.book-stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;}
@media (max-width:980px){.book-stage{height:440px;}}
@media (max-width:560px){.book-stage{height:360px;}}
.book{position:relative;width:300px;height:400px;transform-style:preserve-3d;transform:rotateY(-22deg) rotateX(6deg);animation:bookFloat 6s ease-in-out infinite;}
@media (max-width:560px){.book{width:230px;height:310px;}}
@keyframes bookFloat{0%,100%{transform:rotateY(-22deg) rotateX(6deg) translateY(0);}50%{transform:rotateY(-18deg) rotateX(4deg) translateY(-16px);}}
.book-cover,.book-page{position:absolute;inset:0;border-radius:4px 10px 10px 4px;transform-style:preserve-3d;backface-visibility:hidden;}
.book-cover{background:linear-gradient(135deg,var(--ink-2),#0F1813);z-index:5;transform-origin:left center;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;padding:30px 26px;transition:transform 1.1s var(--ease-out);cursor:pointer;border-left:5px solid var(--clay);}
.book.open .book-cover{transform:rotateY(-148deg);}
.book-cover .bc-tag{font-family:'JetBrains Mono',monospace;font-size:0.66rem;color:var(--clay-soft);letter-spacing:0.08em;margin-bottom:auto;}
.book-cover .bc-title{font-family:'Fraunces',serif;color:#fff;font-size:1.7rem;line-height:1.15;font-weight:500;}
.book-cover .bc-sub{color:rgba(255,255,255,0.55);font-size:0.82rem;margin-top:10px;}
.book-cover .bc-foot{margin-top:18px;display:flex;align-items:center;gap:8px;font-size:0.72rem;color:rgba(255,255,255,0.4);font-family:'JetBrains Mono',monospace;}
.book-cover .bc-foot .d{width:6px;height:6px;border-radius:50%;background:var(--gold);}
.book-page{background:linear-gradient(135deg,#fff,#F6F0E4);z-index:1;padding:28px 26px;display:flex;flex-direction:column;box-shadow:inset 18px 0 30px -20px rgba(0,0,0,0.18);}
.book-page .bp-label{font-family:'JetBrains Mono',monospace;font-size:0.64rem;color:var(--clay);letter-spacing:0.06em;margin-bottom:16px;}
.book-page .bp-h{font-family:'Fraunces',serif;font-size:1.2rem;color:var(--ink);margin-bottom:8px;font-weight:500;}
.book-page .bp-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--clay),var(--clay-soft));margin:14px 0;width:70%;}
.book-page .bp-line{height:7px;border-radius:4px;background:var(--line);margin-bottom:9px;}
.book-page .bp-line.s{width:60%;}
.book-page .bp-mol{margin-top:auto;display:flex;align-items:center;gap:8px;}
.book-page .bp-mol .node{width:14px;height:14px;border-radius:50%;border:2px solid var(--sage);}
.book-page .bp-mol .bond{width:18px;height:2px;background:var(--sage-light);}
.book-hint{position:absolute;bottom:-44px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--ink-soft);display:flex;align-items:center;gap:8px;opacity:0.7;animation:pulse 2.4s infinite;}
.aid-stack-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:1800px;--stack-tilt-x:0deg;--stack-tilt-y:0deg;transform:rotateX(var(--stack-tilt-x)) rotateY(var(--stack-tilt-y));transition:transform .28s var(--ease);}
.aid-stack-title{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,0.74);border:1px solid rgba(22,31,26,0.08);font-family:'JetBrains Mono',monospace;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--clay);box-shadow:0 18px 32px -26px rgba(22,31,26,0.4);}
.aid-stack-title::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 0 rgba(200,68,44,0.35);animation:ping 1.8s infinite;}
.aid-stack{position:relative;width:420px;height:430px;transform-style:preserve-3d;transform:rotateY(-18deg) rotateX(8deg);animation:aidFloat 7s ease-in-out infinite;}
.aid-stack::before{content:'';position:absolute;left:50%;bottom:10px;width:320px;height:44px;transform:translateX(-50%) translateZ(-160px);background:radial-gradient(circle,rgba(22,31,26,0.28),rgba(22,31,26,0.04) 70%,transparent 76%);filter:blur(16px);}
.aid-shot{position:absolute;inset:auto;width:300px;height:390px;border-radius:24px;background:linear-gradient(180deg,#fff,#F7F1E6);border:1px solid rgba(22,31,26,0.08);padding:22px;overflow:hidden;box-shadow:0 34px 60px -28px rgba(22,31,26,0.38);backface-visibility:hidden;transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s var(--ease);}
.aid-shot::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,0.92),transparent 30%),linear-gradient(145deg,rgba(250,247,242,0.28),transparent 52%);pointer-events:none;}
.shot-back{left:26px;top:32px;transform:translate3d(-58px,18px,-110px) rotateZ(-8deg) scale(.93);opacity:.82;}
.shot-mid{left:58px;top:20px;transform:translate3d(-12px,6px,-54px) rotateZ(-3deg) scale(.965);opacity:.94;}
.shot-front{left:92px;top:8px;transform:translate3d(34px,-10px,14px) rotateZ(5deg);}
.aid-stack-wrap:hover .shot-back{transform:translate3d(-84px,18px,-124px) rotateZ(-11deg) scale(.92);}
.aid-stack-wrap:hover .shot-mid{transform:translate3d(-20px,-2px,-60px) rotateZ(-4deg) scale(.97);}
.aid-stack-wrap:hover .shot-front{transform:translate3d(52px,-20px,26px) rotateZ(7deg);}
.aid-stack-wrap:hover .aid-shot{box-shadow:0 44px 70px -30px rgba(22,31,26,0.42);}
.aid-shot-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;}
.aid-chip,.aid-page{padding:8px 10px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:0.66rem;letter-spacing:0.05em;text-transform:uppercase;}
.aid-chip{background:rgba(200,68,44,0.08);color:var(--clay);border:1px solid rgba(200,68,44,0.16);}
.aid-page{background:rgba(22,31,26,0.05);color:var(--ink-soft);}
.aid-brand{position:relative;z-index:2;font-family:'Fraunces',serif;font-size:1.75rem;line-height:1.02;font-weight:500;color:var(--ink);max-width:190px;}
.aid-surface{position:relative;z-index:2;min-height:168px;border-radius:18px;margin:18px 0 16px;overflow:hidden;border:1px solid rgba(255,255,255,0.24);}
.aid-surface::before,.aid-surface::after{content:'';position:absolute;border-radius:999px;opacity:.88;}
.aid-surface-blue{background:linear-gradient(145deg,#1E3434,#2B6B6B 55%,#86B6B7);}
.aid-surface-blue::before{width:170px;height:170px;right:-34px;top:-28px;background:radial-gradient(circle,rgba(255,255,255,0.38),transparent 68%);}
.aid-surface-blue::after{left:18px;bottom:18px;width:148px;height:14px;background:rgba(250,247,242,0.24);box-shadow:0 -28px 0 0 rgba(250,247,242,0.16),0 -56px 0 0 rgba(250,247,242,0.12);}
.aid-surface-clay{background:linear-gradient(145deg,#5B211B,#A83A28 55%,#F1B08E);}
.aid-surface-clay::before{width:180px;height:180px;left:-26px;top:-40px;background:radial-gradient(circle,rgba(255,255,255,0.28),transparent 70%);}
.aid-surface-clay::after{right:18px;bottom:20px;width:144px;height:16px;background:rgba(250,247,242,0.28);box-shadow:0 -30px 0 0 rgba(250,247,242,0.18),0 -60px 0 0 rgba(250,247,242,0.12);}
.shot-front .aid-surface{background:linear-gradient(155deg,#141B18,#243229 56%,#516B59);box-shadow:inset 0 0 0 1px rgba(250,247,242,0.08);}
.shot-front .aid-surface::before{inset:20px 18px auto auto;width:150px;height:150px;background:radial-gradient(circle,rgba(231,187,171,0.38),transparent 70%);}
.shot-front .aid-surface::after{left:18px;right:18px;bottom:20px;height:64px;border-radius:18px;background:linear-gradient(180deg,rgba(250,247,242,0.06),rgba(250,247,242,0.18));box-shadow:0 -84px 0 -28px rgba(250,247,242,0.1),0 -126px 0 -40px rgba(250,247,242,0.08);}
.aid-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;}
.aid-copy span{height:9px;border-radius:999px;background:rgba(22,31,26,0.11);}
.aid-copy span:nth-child(1){width:88%;background:linear-gradient(90deg,var(--clay),rgba(200,68,44,0.18));}
.aid-copy span:nth-child(2){width:96%;}
.aid-copy span:nth-child(3){width:70%;}
.aid-coverline{position:relative;z-index:2;margin-top:16px;font-size:0.84rem;line-height:1.55;color:var(--ink-soft);}
.aid-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--ink-soft);}
.aid-stack-wrap .book-hint{position:static;left:auto;bottom:auto;transform:none;justify-content:center;text-align:center;max-width:360px;margin-top:14px;}
@keyframes aidFloat{0%,100%{transform:rotateY(-18deg) rotateX(8deg) translateY(0);}50%{transform:rotateY(-16deg) rotateX(7deg) translateY(-16px);}}
@media (max-width:980px){.aid-stack{width:380px;height:390px;}.aid-shot{width:274px;height:360px;}.shot-back{left:18px;top:24px;}.shot-mid{left:50px;top:14px;}.shot-front{left:84px;top:0;}.aid-brand{font-size:1.56rem;}}
@media (max-width:560px){.aid-stack-title{font-size:0.68rem;padding:9px 12px;}.aid-stack{width:296px;height:316px;transform:rotateY(-14deg) rotateX(7deg);}.aid-shot{width:214px;height:284px;padding:16px;border-radius:18px;}.shot-back{left:6px;top:24px;transform:translate3d(-34px,18px,-86px) rotateZ(-8deg) scale(.92);}.shot-mid{left:28px;top:14px;transform:translate3d(-6px,8px,-42px) rotateZ(-3deg) scale(.96);}.shot-front{left:56px;top:2px;transform:translate3d(18px,-6px,12px) rotateZ(5deg);}.aid-stack-wrap:hover .shot-back{transform:translate3d(-42px,14px,-92px) rotateZ(-9deg) scale(.92);}.aid-stack-wrap:hover .shot-mid{transform:translate3d(-10px,2px,-46px) rotateZ(-4deg) scale(.965);}.aid-stack-wrap:hover .shot-front{transform:translate3d(24px,-10px,16px) rotateZ(6deg);}.aid-brand{font-size:1.24rem;max-width:150px;}.aid-surface{min-height:108px;margin:14px 0 12px;}.aid-coverline{font-size:0.74rem;line-height:1.45;}.aid-footer{font-size:0.64rem;}.aid-stack-wrap .book-hint{max-width:280px;font-size:0.65rem;}}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:0.68rem;color:var(--ink-soft);letter-spacing:0.08em;text-transform:uppercase;opacity:0;animation:loadFade 1s var(--ease) 1.6s forwards;}
.scroll-cue .mouse{width:22px;height:34px;border:1.5px solid var(--ink-soft);border-radius:14px;position:relative;}
.scroll-cue .mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:3px;height:6px;border-radius:3px;background:var(--ink-soft);animation:scrolldot 1.6s infinite;}
@keyframes scrolldot{0%{opacity:1;top:6px;}100%{opacity:0;top:16px;}}

/* MARQUEE */
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(234,220,195,0.4);padding:22px 0;overflow:hidden;}
.marquee{display:flex;gap:54px;white-space:nowrap;width:max-content;animation:scrollX 28s linear infinite;}
.marquee:hover{animation-play-state:paused;}
.marquee span{font-family:'Fraunces',serif;font-style:italic;font-size:1.25rem;color:var(--ink-soft);display:flex;align-items:center;gap:54px;}
.marquee span::after{content:'●';color:var(--clay);font-size:0.6rem;font-style:normal;}
@keyframes scrollX{to{transform:translateX(-50%);}}

/* SECTIONS */
.section{padding:130px 0;}
.section-head{max-width:680px;margin-bottom:70px;}
.section-eyebrow{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.76rem;color:var(--clay);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:18px;}
.section h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.1;letter-spacing:-0.012em;}
.section .sub{margin-top:20px;font-size:1.08rem;color:var(--ink-soft);line-height:1.6;}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal-d1{transition-delay:.1s;}.reveal-d2{transition-delay:.2s;}.reveal-d3{transition-delay:.3s;}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);}
@media (max-width:900px){.process-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.process-grid{grid-template-columns:1fr;}}
.pstep{padding:42px 32px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:background .4s;}
.pstep:last-child{border-right:none;}
@media (max-width:900px){.pstep:nth-child(2n){border-right:none;}.pstep:nth-child(-n+2){border-bottom:1px solid var(--line);}}
@media (max-width:560px){.pstep{border-right:none;border-bottom:1px solid var(--line);}.pstep:last-child{border-bottom:none;}}
.pstep::before{content:'';position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--clay);transition:width .5s var(--ease);}
.pstep:hover{background:rgba(234,220,195,0.4);}
.pstep:hover::before{width:100%;}
.pstep .pord{font-family:'JetBrains Mono',monospace;font-size:1.4rem;color:var(--clay);font-weight:600;margin-bottom:22px;display:block;}
.pstep h3{font-family:'Fraunces',serif;font-size:1.22rem;font-weight:500;margin-bottom:12px;}
.pstep p{font-size:0.92rem;color:var(--ink-soft);line-height:1.55;}

/* PRODUCTS GRID (home) */
.prod-switch{display:flex;flex-wrap:wrap;gap:12px;margin:-10px 0 14px;}
.switch-chip{padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,0.72);color:var(--ink-soft);font-size:0.88rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);}
.switch-chip:hover,.switch-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow-md);}
.switch-note{font-size:0.94rem;color:var(--ink-soft);margin-bottom:28px;max-width:700px;}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.prod-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.prod-grid{grid-template-columns:1fr;}}
.prod-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px 30px;min-height:240px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;}
.prod-card::after{content:'';position:absolute;top:-60px;right:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,44,0.1),transparent 70%);opacity:0;transition:opacity .4s;}
.prod-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent;}
.prod-card:hover::after{opacity:1;}
.prod-card.is-muted{opacity:0.42;transform:scale(.985);}
.prod-card.is-match{border-color:rgba(200,68,44,0.32);box-shadow:0 22px 44px -28px rgba(200,68,44,0.45);}
.prod-card .pico{width:48px;height:48px;border-radius:11px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:22px;transition:background .4s,transform .4s;}
.prod-card:hover .pico{background:var(--clay);transform:rotate(-8deg) scale(1.05);}
.prod-card .pn{position:absolute;top:30px;right:30px;font-family:'JetBrains Mono',monospace;font-size:0.74rem;color:var(--ink-soft);opacity:0.4;}
.prod-tag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:0.68rem;color:var(--clay);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:14px;}
.prod-card h4{font-family:'Fraunces',serif;font-size:1.22rem;font-weight:500;margin-bottom:10px;}
.prod-card p{font-size:0.9rem;color:var(--ink-soft);line-height:1.5;margin-bottom:18px;}
.prod-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
.prod-meta span{font-size:0.76rem;font-weight:600;color:var(--ink-soft);padding:8px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line-2);}
.prod-card .plink{font-family:'JetBrains Mono',monospace;font-size:0.8rem;font-weight:600;color:var(--clay);display:inline-flex;align-items:center;gap:7px;transition:gap .25s;}
.prod-card:hover .plink{gap:12px;}

/* ORDER STUDIO */
.studio{padding-top:40px;}
.studio-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:start;}
@media (max-width:980px){.studio-grid{grid-template-columns:1fr;}}
.studio-builder,.signal-card,.studio-note{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);}
.studio-builder{padding:30px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;}
.studio-builder::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(200,68,44,0.08),transparent 28%);pointer-events:none;}
.studio-group{position:relative;z-index:2;}
.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:640px){.studio-split{grid-template-columns:1fr;}}
.studio-label{font-family:'JetBrains Mono',monospace;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);margin-bottom:12px;}
.builder-tabs{display:flex;flex-wrap:wrap;gap:10px;}
.builder-chip{padding:12px 15px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-size:0.88rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);}
.builder-chip:hover,.builder-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-2px);}
.studio-result{position:relative;z-index:2;padding:26px;border-radius:18px;background:linear-gradient(180deg,#fff,rgba(250,247,242,0.92));border:1px solid rgba(22,31,26,0.08);}
.result-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px;}
@media (max-width:560px){.result-top{flex-direction:column;}}
.result-kicker,.signal-kicker{font-family:'JetBrains Mono',monospace;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--clay);}
.result-top h3{font-family:'Fraunces',serif;font-size:1.9rem;font-weight:500;line-height:1.04;margin-top:8px;}
.result-live,.signal-live{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(200,68,44,0.08);color:var(--clay);font-size:0.78rem;font-weight:700;}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:640px){.result-grid{grid-template-columns:1fr;}}
.result-card{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line);}
.result-card.wide{grid-column:1 / -1;}
.rk{display:block;font-family:'JetBrains Mono',monospace;font-size:0.68rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;}
.result-card strong{display:block;font-size:1rem;line-height:1.45;margin-bottom:8px;}
.result-card p{font-size:0.9rem;color:var(--ink-soft);line-height:1.55;}
.quote-bar,.signal-meter{height:12px;border-radius:999px;background:rgba(22,31,26,0.08);overflow:hidden;}
.quote-bar{margin:18px 0 14px;}
.quote-fill,.signal-fill{height:100%;width:0;background:linear-gradient(90deg,var(--clay),var(--gold));border-radius:inherit;transition:width .45s var(--ease);}
.quote-actions{display:flex;flex-direction:column;gap:12px;}
.quote-mini{font-size:0.88rem;color:var(--ink-soft);line-height:1.5;}
.studio-side{display:flex;flex-direction:column;gap:18px;}
.signal-card{padding:28px;background:linear-gradient(180deg,#fff,rgba(242,235,221,0.7));}
.signal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;}
.signal-product{font-family:'Fraunces',serif;font-size:2.2rem;line-height:1.02;margin-bottom:14px;}
.signal-copy{font-size:0.98rem;line-height:1.65;color:var(--ink-soft);margin-bottom:18px;}
.signal-points{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;}
.signal-points div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);}
.signal-points span{font-size:0.86rem;color:var(--ink-soft);}
.signal-points strong{font-size:0.9rem;}
.studio-note{padding:26px;background:var(--ink);color:var(--paper);}
.studio-note h3{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:500;margin-bottom:12px;}
.studio-note p{color:rgba(250,247,242,0.75);font-size:0.96rem;line-height:1.65;margin-bottom:18px;}
.note-points{display:flex;flex-direction:column;gap:12px;}
.note-row{display:flex;gap:12px;align-items:flex-start;padding-top:14px;border-top:1px solid rgba(250,247,242,0.12);}
.note-row span{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--clay-soft);}
.note-row p{margin:0;color:rgba(250,247,242,0.82);}

/* DARK BAND */
.band{background:var(--ink);color:var(--paper);padding:130px 0;position:relative;overflow:hidden;}
.band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 12% 25%,rgba(200,68,44,0.18),transparent 60%),radial-gradient(ellipse 40% 50% at 90% 80%,rgba(61,90,69,0.22),transparent 60%);}
.band .wrap{position:relative;z-index:2;}
.band-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;}
@media (max-width:920px){.band-grid{grid-template-columns:1fr;gap:44px;}}
.band .section-eyebrow{color:var(--clay-soft);}
.band h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2rem,3.3vw,2.7rem);line-height:1.14;margin-bottom:24px;}
.band p{color:rgba(250,247,242,0.72);font-size:1.05rem;line-height:1.65;margin-bottom:34px;}
.band-points{display:flex;flex-direction:column;gap:18px;}
.band-point{display:flex;align-items:flex-start;gap:14px;font-size:0.98rem;}
.band-point .chk{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(200,68,44,0.2);border:1px solid var(--clay);display:flex;align-items:center;justify-content:center;color:var(--clay-soft);font-size:0.7rem;}
.band-point span{color:rgba(250,247,242,0.85);}
.glass{background:rgba(250,247,242,0.06);border:1px solid rgba(250,247,242,0.16);border-radius:18px;padding:30px;backdrop-filter:blur(20px);box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);}
.glass-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(250,247,242,0.12);}
.glass-head .gt{font-family:'Fraunces',serif;font-size:1.15rem;}
.glass-head .badge{font-family:'JetBrains Mono',monospace;font-size:0.7rem;padding:5px 11px;border-radius:30px;background:rgba(110,138,116,0.25);color:#A8C4AE;border:1px solid rgba(110,138,116,0.4);}
.track-step{display:flex;align-items:center;gap:16px;padding:13px 0;position:relative;}
.track-step .tnode{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-family:'JetBrains Mono',monospace;border:1.5px solid rgba(250,247,242,0.25);color:rgba(250,247,242,0.6);position:relative;z-index:2;background:var(--ink);transition:all .4s;}
.track-step.active .tnode{background:var(--clay);border-color:var(--clay);color:#fff;}
.track-step.done .tnode{background:var(--sage);border-color:var(--sage);color:#fff;}
.track-step:not(:last-child)::before{content:'';position:absolute;left:14.5px;top:30px;bottom:-3px;width:1.5px;background:rgba(250,247,242,0.15);z-index:1;}
.track-step.done:not(:last-child)::before{background:var(--sage);}
.track-step .tlabel{font-size:0.96rem;color:rgba(250,247,242,0.6);}
.track-step.active .tlabel,.track-step.done .tlabel{color:var(--paper);font-weight:500;}
.track-step .ttime{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:rgba(250,247,242,0.4);}

/* COUNTERS */
.counters{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
@media (max-width:760px){.counters{grid-template-columns:1fr 1fr;gap:40px 28px;}}
.counter{text-align:center;}
.counter .cv{font-family:'Fraunces',serif;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:600;line-height:1;color:var(--ink);}
.counter .cv .suf{color:var(--clay);}
.counter .cl{font-size:0.86rem;color:var(--ink-soft);margin-top:12px;}

/* COMPARE */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px;}
@media (max-width:740px){.compare{grid-template-columns:1fr;}}
.comp-card{border-radius:14px;padding:38px 34px;}
.comp-them{background:var(--paper-2);border:1px solid var(--line);}
.comp-us{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;}
.comp-us::before{content:'';position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,44,0.25),transparent 70%);}
.comp-card .ch{font-family:'JetBrains Mono',monospace;font-size:0.74rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:24px;display:flex;align-items:center;gap:8px;}
.comp-them .ch{color:var(--ink-soft);}
.comp-us .ch{color:var(--clay-soft);position:relative;z-index:2;}
.comp-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;font-size:0.95rem;position:relative;z-index:2;}
.comp-them .comp-row{color:var(--ink-soft);border-top:1px solid var(--line);}
.comp-us .comp-row{color:rgba(250,247,242,0.88);border-top:1px solid rgba(250,247,242,0.12);}
.comp-row:first-of-type{border-top:none;}
.comp-row .mk{flex-shrink:0;font-weight:700;}
.comp-them .mk{color:#B98F84;}
.comp-us .mk{color:#A8C4AE;}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:900px){.testi-grid{grid-template-columns:1fr;}}
.testi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px 30px;transition:transform .35s var(--ease),box-shadow .35s;}
.testi:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.testi .stars{color:var(--gold);font-size:0.9rem;letter-spacing:2px;margin-bottom:18px;}
.testi blockquote{font-family:'Fraunces',serif;font-size:1.08rem;line-height:1.5;color:var(--ink);margin-bottom:24px;font-style:italic;font-weight:400;}
.testi .who{display:flex;align-items:center;gap:13px;}
.testi .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--sage),var(--ink));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:600;}
.testi .who .nm{font-size:0.92rem;font-weight:600;}
.testi .who .rl{font-size:0.8rem;color:var(--ink-soft);}

/* FAQ */
.faq-list{max-width:780px;border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Fraunces',serif;font-size:1.15rem;font-weight:500;color:var(--ink);}
.faq-q .ic{flex-shrink:0;width:26px;height:26px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease),background .35s,color .35s;font-size:1rem;}
.faq-item.open .faq-q .ic{transform:rotate(45deg);background:var(--clay);border-color:var(--clay);color:#fff;}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease);}
.faq-a p{padding:0 0 26px;color:var(--ink-soft);font-size:0.98rem;line-height:1.6;max-width:660px;}

/* CTA */
.cta{padding:150px 0;text-align:center;background:linear-gradient(180deg,var(--paper),var(--paper-tan));position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,44,0.1),transparent 65%);}
.cta .wrap{position:relative;z-index:2;}
.cta .ce{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--clay);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:22px;}
.cta h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2.4rem,4.6vw,3.8rem);letter-spacing:-0.015em;line-height:1.06;margin-bottom:26px;max-width:820px;margin-left:auto;margin-right:auto;}
.cta h2 em{font-style:italic;color:var(--sage);}
.cta .csub{max-width:540px;margin:0 auto 42px;color:var(--ink-soft);font-size:1.08rem;line-height:1.6;}
.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--ink);color:var(--paper);padding:80px 0 40px;}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:54px;}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr;}}
.foot-brand{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:9px;}
.foot-brand .dot{color:var(--clay);font-size:0.7rem;}
.foot-desc{color:rgba(250,247,242,0.6);font-size:0.92rem;line-height:1.6;max-width:300px;}
.foot-col h5{font-family:'JetBrains Mono',monospace;font-size:0.74rem;text-transform:uppercase;letter-spacing:0.06em;color:rgba(250,247,242,0.5);margin-bottom:18px;}
.foot-col a{display:block;color:rgba(250,247,242,0.78);font-size:0.92rem;margin-bottom:12px;transition:color .2s;}
.foot-col a:hover{color:var(--clay-soft);}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:30px;border-top:1px solid rgba(250,247,242,0.12);font-size:0.84rem;color:rgba(250,247,242,0.5);}

/* STICKY MOBILE CTA */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(250,247,242,0.95);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:14px 20px;display:none;gap:12px;transform:translateY(100%);transition:transform .4s var(--ease);}
.sticky-cta.show{transform:translateY(0);}
.sticky-cta .btn-primary{flex:1;justify-content:center;padding:14px;}
@media (max-width:880px){.sticky-cta{display:flex;}}

/* ===== PRODUCT PAGE ===== */
.phero{position:relative;padding:160px 0 90px;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 85% 10%,rgba(200,68,44,0.1),transparent 60%),var(--paper);}
.phero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;}
@media (max-width:960px){.phero-grid{grid-template-columns:1fr;gap:48px;}}
.crumb{font-family:'JetBrains Mono',monospace;font-size:0.78rem;color:var(--ink-soft);margin-bottom:24px;display:flex;gap:8px;align-items:center;}
.crumb a{color:var(--clay);}
.phero h1{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.05;letter-spacing:-0.015em;margin-bottom:22px;}
.phero h1 em{font-style:italic;color:var(--sage);}
.phero .plead{font-size:1.12rem;line-height:1.65;color:var(--ink-soft);max-width:500px;margin-bottom:34px;}
.phero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.pvisual{position:relative;height:440px;border-radius:18px;background:linear-gradient(150deg,var(--ink-2),#0F1813);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;border-left:5px solid var(--clay);}
@media (max-width:560px){.pvisual{height:340px;}}
.pvisual .pv-icon{font-size:5rem;filter:drop-shadow(0 14px 30px rgba(0,0,0,0.4));animation:bookFloat 6s ease-in-out infinite;}
.pvisual .pv-tag{position:absolute;top:24px;left:24px;font-family:'JetBrains Mono',monospace;font-size:0.72rem;color:var(--clay-soft);letter-spacing:0.06em;}
.pvisual .pv-sheen{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,0.08),transparent 50%);}

.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.feat-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.feat-grid{grid-template-columns:1fr;}}
.feat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px 28px;transition:transform .35s var(--ease),box-shadow .35s;}
.feat:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.feat .fi{width:46px;height:46px;border-radius:11px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px;}
.feat h3{font-family:'Fraunces',serif;font-size:1.15rem;font-weight:500;margin-bottom:9px;}
.feat p{font-size:0.9rem;color:var(--ink-soft);line-height:1.55;}

.specs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:820px;}
@media (max-width:600px){.specs{grid-template-columns:1fr;}}
.spec-row{display:flex;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#fff;}
@media (max-width:600px){.spec-row{border-right:none;}}
.spec-row .sk{color:var(--ink-soft);font-size:0.92rem;}
.spec-row .sv{font-weight:600;font-size:0.92rem;text-align:right;font-family:'JetBrains Mono',monospace;color:var(--ink);}

.usecases{display:flex;flex-direction:column;gap:0;max-width:820px;border-top:1px solid var(--line);}
.usecase{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.usecase .un{font-family:'JetBrains Mono',monospace;font-size:0.9rem;color:var(--clay);font-weight:600;flex-shrink:0;width:36px;}
.usecase .ut h4{font-family:'Fraunces',serif;font-size:1.12rem;font-weight:500;margin-bottom:6px;}
.usecase .ut p{font-size:0.94rem;color:var(--ink-soft);line-height:1.55;}

/* ENQUIRY FORM */
.enquiry{background:var(--ink);color:var(--paper);border-radius:20px;padding:48px;position:relative;overflow:hidden;}
@media (max-width:560px){.enquiry{padding:32px 24px;}}
.enquiry::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(200,68,44,0.2),transparent 70%);}
.enquiry-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:center;position:relative;z-index:2;}
@media (max-width:820px){.enquiry-grid{grid-template-columns:1fr;gap:32px;}}
.enquiry h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15;margin-bottom:16px;}
.enquiry p{color:rgba(250,247,242,0.7);font-size:1rem;line-height:1.6;margin-bottom:24px;}
.enquiry .ewa{display:inline-flex;}
.eform{display:flex;flex-direction:column;gap:14px;}
.eform .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:480px){.eform .frow{grid-template-columns:1fr;}}
.eform input,.eform textarea,.eform select{width:100%;padding:14px 16px;border-radius:8px;border:1px solid rgba(250,247,242,0.18);background:rgba(250,247,242,0.06);color:var(--paper);font-family:'Inter',sans-serif;font-size:0.95rem;transition:border-color .25s,background .25s;}
.eform input::placeholder,.eform textarea::placeholder{color:rgba(250,247,242,0.4);}
.eform input:focus,.eform textarea:focus,.eform select:focus{outline:none;border-color:var(--clay);background:rgba(250,247,242,0.1);}
.eform select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23E7BBAB' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;}
.eform .submit{margin-top:6px;justify-content:center;}
.eform .fnote{font-size:0.8rem;color:rgba(250,247,242,0.5);text-align:center;margin-top:4px;}

/* related */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:820px){.related-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.related-grid{grid-template-columns:1fr;}}
.rel-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 22px;transition:transform .3s var(--ease),box-shadow .3s;}
.rel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.rel-card .ri{font-size:1.5rem;margin-bottom:14px;}
.rel-card h4{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:500;margin-bottom:6px;}
.rel-card .rl{font-family:'JetBrains Mono',monospace;font-size:0.76rem;color:var(--clay);}

/* added live polish */
.progress-rail{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(22,31,26,0.05);z-index:260;pointer-events:none;}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--clay),var(--gold));transition:width .12s linear;}
.hero-scenes{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 34px;opacity:0;animation:loadFade .8s var(--ease) 1.08s forwards;max-width:560px;}
.hero-scene-tabs{display:flex;flex-wrap:wrap;gap:10px;}
.hero-scene-chip{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,0.68);font-size:0.84rem;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:all .24s var(--ease);}
.hero-scene-chip:hover,.hero-scene-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.hero-scene-card{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,0.78);border:1px solid rgba(22,31,26,0.08);box-shadow:var(--shadow-md);}
.hero-scene-kicker{font-family:'JetBrains Mono',monospace;font-size:0.68rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--clay);margin-bottom:8px;}
.hero-scene-card h3{font-family:'Fraunces',serif;font-size:1.34rem;font-weight:500;line-height:1.12;margin-bottom:10px;}
.hero-scene-card p{font-size:0.92rem;line-height:1.6;color:var(--ink-soft);}
.hero-scene-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
.hero-scene-tags span{padding:8px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line-2);font-size:0.74rem;font-weight:700;color:var(--ink-soft);}
.pulse-band{padding:38px 0 24px;background:linear-gradient(180deg,rgba(234,220,195,0.28),transparent);}
.pulse-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start;}
@media (max-width:920px){.pulse-wrap{grid-template-columns:1fr;}}
.pulse-head h2{font-family:'Fraunces',serif;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:500;line-height:1.12;}
.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
@media (max-width:920px){.pulse-grid{grid-template-columns:1fr;}}
.pulse-card{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 36px -28px rgba(22,31,26,0.42);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);}
.pulse-card.active,.pulse-card:hover{transform:translateY(-4px);border-color:rgba(200,68,44,0.28);box-shadow:0 28px 48px -30px rgba(200,68,44,0.45);}
.pulse-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:0.76rem;color:var(--ink-soft);margin-bottom:14px;font-family:'JetBrains Mono',monospace;}
.pulse-live{display:inline-flex;align-items:center;gap:8px;color:var(--clay);}
.pulse-live::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 0 rgba(200,68,44,0.35);animation:ping 1.8s infinite;}
.pulse-card h3{font-family:'Fraunces',serif;font-size:1.18rem;font-weight:500;line-height:1.24;margin-bottom:10px;}
.pulse-card p{font-size:0.9rem;color:var(--ink-soft);line-height:1.56;}
.visual-showcase{--visual-scroll-length:620vh;padding-top:70px;background:linear-gradient(180deg,rgba(22,31,26,0.02),rgba(234,220,195,0.3) 40%,rgba(22,31,26,0.02));}
.visual-showcase-shell{position:relative;}
.visual-showcase-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:start;}
@media (max-width:980px){.visual-showcase-grid{grid-template-columns:1fr;}}
.visual-showcase-copy{position:relative;min-height:var(--visual-scroll-length);}
.visual-copy-sticky{position:sticky;top:110px;padding-top:10px;}
.visual-copy-card{background:rgba(255,255,255,0.76);border:1px solid rgba(22,31,26,0.08);box-shadow:var(--shadow-md);backdrop-filter:blur(16px);border-radius:24px;padding:30px 28px;}
.visual-copy-kicker{font-family:'JetBrains Mono',monospace;font-size:0.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--clay);margin-bottom:10px;}
.visual-copy-card h3{font-family:'Fraunces',serif;font-size:1.8rem;line-height:1.1;font-weight:500;margin-bottom:14px;}
.visual-copy-card p{font-size:.98rem;line-height:1.7;color:var(--ink-soft);margin-bottom:18px;}
.visual-copy-points{display:grid;grid-template-columns:1fr;gap:12px;}
.visual-copy-points div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);}
.visual-copy-points span{font-size:.84rem;color:var(--ink-soft);}
.visual-copy-points strong{font-size:.92rem;text-align:right;max-width:220px;}
.visual-copy-note{margin-top:18px;padding:12px 14px;border-radius:14px;background:rgba(200,68,44,0.07);font-family:'JetBrains Mono',monospace;font-size:.75rem;color:var(--clay);}
.visual-showcase-track{position:relative;min-height:var(--visual-scroll-length);}
.visual-showcase-sticky{position:sticky;top:84px;height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:center;gap:18px;}
.visual-showcase-stage{position:relative;height:80vh;min-height:580px;border-radius:28px;background:radial-gradient(circle at top right,rgba(200,68,44,0.18),transparent 26%),radial-gradient(circle at 18% 18%,rgba(201,162,75,0.14),transparent 24%),linear-gradient(145deg,#06070D,#0B1020 52%,#131A2A);overflow:hidden;box-shadow:0 48px 90px -40px rgba(22,31,26,0.62);border:1px solid rgba(250,247,242,0.08);perspective:2200px;--active-visual:none;}
.visual-showcase-stage::before{content:'';position:absolute;inset:-8%;background-image:linear-gradient(180deg,rgba(10,14,12,0.24),rgba(10,14,12,0.48)),var(--active-visual);background-size:cover,cover;background-position:center center,center center;filter:blur(26px) saturate(1.06);transform:scale(1.08);opacity:.72;}
.visual-showcase-stage::after{content:'';position:absolute;left:46%;bottom:44px;width:560px;height:74px;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,0,0,0.56),rgba(0,0,0,0) 72%);filter:blur(22px);}
.visual-aid-stack-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;}
.visual-aid-card{position:absolute;left:50%;top:50%;width:min(46vw,590px);aspect-ratio:1/1;overflow:visible;transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center center;box-shadow:none;border:none;background:transparent;transition:transform .18s linear,opacity .18s linear,filter .22s var(--ease);--card-visual:none;}
.visual-aid-card.is-active{box-shadow:none;}
.visual-aid-card::before,.visual-aid-card::after{display:none;}
.visual-aid-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block;padding:0;filter:contrast(1.03) saturate(1.04);}
.visual-aid-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:var(--fallback,linear-gradient(145deg,#2C4740,#7D9B89));}
.visual-aid-card.has-image .visual-aid-fallback{display:none;}
.visual-aid-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.14);font-family:'JetBrains Mono',monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,0.88);width:max-content;}
.visual-aid-title{font-family:'Fraunces',serif;font-size:1.7rem;line-height:1.02;font-weight:500;color:#fff;max-width:80%;}
.visual-aid-lines{display:flex;flex-direction:column;gap:9px;}
.visual-aid-lines span{height:9px;border-radius:999px;background:rgba(255,255,255,0.16);}
.visual-aid-lines span:nth-child(1){width:82%;background:linear-gradient(90deg,rgba(255,255,255,0.74),rgba(255,255,255,0.2));}
.visual-aid-lines span:nth-child(2){width:92%;}
.visual-aid-lines span:nth-child(3){width:64%;}
.visual-aid-overlay{display:none;}
.visual-aid-copy{display:flex;flex-direction:column;gap:6px;color:#fff;}
.visual-aid-copy strong{font-size:1rem;font-weight:700;line-height:1.15;}
.visual-aid-copy span{font-size:.76rem;line-height:1.35;color:rgba(255,255,255,0.72);}
.visual-aid-index{font-family:'JetBrains Mono',monospace;font-size:.84rem;color:rgba(255,255,255,0.78);}
.visual-showcase-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 6px;color:var(--ink-soft);}
.visual-showcase-live{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--clay);}
.visual-showcase-progress{display:flex;align-items:center;gap:12px;min-width:190px;justify-content:flex-end;}
.visual-showcase-progress span{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--ink-soft);}
.visual-showcase-bar{width:110px;height:5px;border-radius:999px;background:rgba(22,31,26,0.08);overflow:hidden;}
.visual-showcase-bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--clay),var(--gold));transform-origin:left center;transform:scaleX(.1);}
@media (max-width:980px){.visual-showcase{--visual-scroll-length:560vh;}.visual-showcase-copy,.visual-showcase-track{min-height:var(--visual-scroll-length);}.visual-showcase-stage{height:78vw;min-height:460px;}.visual-aid-card{width:min(58vw,470px);}.visual-showcase-meta{padding:0;}.visual-copy-card{margin-bottom:18px;}}
@media (max-width:680px){.visual-showcase{padding-top:48px;}.visual-copy-card{padding:24px 20px;border-radius:20px;}.visual-copy-card h3{font-size:1.45rem;}.visual-copy-card p{font-size:.92rem;}.visual-copy-points div{flex-direction:column;}.visual-copy-points strong{max-width:none;text-align:left;}.visual-showcase-stage{height:118vw;min-height:420px;border-radius:22px;}.visual-aid-card{width:min(84vw,370px);}.visual-aid-title{font-size:1.28rem;}.visual-aid-copy strong{font-size:.9rem;}.visual-showcase-meta{flex-direction:column;align-items:flex-start;}.visual-showcase-progress{width:100%;justify-content:space-between;min-width:0;}.visual-showcase-bar{flex:1;max-width:none;}}
.sample-lab{padding-top:40px;}
.lab-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:stretch;}
@media (max-width:980px){.lab-grid{grid-template-columns:1fr;}}
.lab-controls,.lab-preview{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);}
.lab-controls{padding:28px;display:flex;flex-direction:column;gap:24px;}
.lab-preview{padding:28px;background:linear-gradient(180deg,#fff,rgba(242,235,221,0.72));}
.lab-group{display:flex;flex-direction:column;gap:12px;}
.lab-sheet{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;}
@media (max-width:760px){.lab-sheet{grid-template-columns:1fr;}}
.lab-card-visual{min-height:320px;border-radius:22px;background:linear-gradient(150deg,var(--ink-2),#0F1813);padding:22px;border-left:5px solid var(--clay);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}
.lab-card-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,0.09),transparent 34%);}
.lab-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;position:relative;z-index:2;}
.lab-card-top span{padding:8px 10px;border-radius:999px;font-size:0.68rem;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:0.06em;background:rgba(250,247,242,0.08);border:1px solid rgba(250,247,242,0.14);color:rgba(250,247,242,0.86);}
.lab-card-title{position:relative;z-index:2;font-family:'Fraunces',serif;font-size:2rem;line-height:1.04;color:#fff;font-weight:500;}
.lab-card-lines{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2;}
.lab-card-lines span{height:10px;border-radius:999px;background:rgba(250,247,242,0.14);}
.lab-card-lines span:nth-child(1){width:78%;background:linear-gradient(90deg,var(--clay),rgba(250,247,242,0.22));}
.lab-card-lines span:nth-child(2){width:92%;}
.lab-card-lines span:nth-child(3){width:66%;}
.lab-card-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;color:rgba(250,247,242,0.75);font-size:0.82rem;}
.lab-copy h3{font-family:'Fraunces',serif;font-size:1.9rem;font-weight:500;line-height:1.1;margin-bottom:14px;}
.lab-copy p{font-size:1rem;line-height:1.65;color:var(--ink-soft);margin-bottom:20px;}
.lab-points{display:grid;grid-template-columns:1fr;gap:12px;}
.lab-points div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--line);}
.lab-points span{font-size:0.84rem;color:var(--ink-soft);}
.lab-points strong{font-size:0.92rem;text-align:right;}
.combos{padding-top:30px;}
.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:920px){.combo-grid{grid-template-columns:1fr;}}
.combo-card{padding:30px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:16px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);}
.combo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(200,68,44,0.24);}
.combo-top{display:flex;justify-content:space-between;gap:12px;align-items:center;}
.combo-kicker{font-family:'JetBrains Mono',monospace;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--clay);}
.combo-badge{padding:8px 10px;border-radius:999px;background:rgba(200,68,44,0.08);font-size:0.74rem;font-weight:700;color:var(--clay);}
.combo-card h3{font-family:'Fraunces',serif;font-size:1.38rem;font-weight:500;line-height:1.18;}
.combo-card p{font-size:0.95rem;line-height:1.6;color:var(--ink-soft);}
.combo-tags{display:flex;flex-wrap:wrap;gap:10px;}
.combo-tags span{padding:9px 11px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:0.78rem;font-weight:700;color:var(--ink-soft);}
.product-live-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start;}
@media (max-width:920px){.product-live-grid{grid-template-columns:1fr;}}
.product-live-builder,.product-live-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);}
.product-live-builder{padding:28px;display:flex;flex-direction:column;gap:18px;}
.product-live-panel{padding:28px;background:linear-gradient(180deg,#fff,rgba(242,235,221,0.75));}
.product-live-panel h3{font-family:'Fraunces',serif;font-size:1.9rem;font-weight:500;line-height:1.08;margin:8px 0 10px;}
.product-live-panel p{font-size:0.98rem;line-height:1.65;color:var(--ink-soft);margin-bottom:18px;}
.product-live-points{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px;}
.product-live-points div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);}
.product-live-points span{font-size:0.84rem;color:var(--ink-soft);}
.product-live-points strong{font-size:0.92rem;text-align:right;}