@font-face{font-family:'Cal Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/CalSans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cal Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/CalSans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:optional;src:url(/assets/fonts/Manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:optional;src:url(/assets/fonts/Manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Vizura D4 - One World, the final site. Motion: expo-out only, no overshoot, no spring, no wobble.
   Vizura D v2 - One World. Manrope + Cal Sans (Vedran's Framer sites), lime #82FF1F, chrome silver.
   Spacing scale (only these): 4 8 12 16 24 32 48 64 96 128. Radii: 10 / 16 / 24. Grid: 12 col, 24 gutter. */
:root{
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
  --r1:10px;--r2:16px;--r3:24px;
  --lime:#82ff1f; --lime-ink:#82ff1f; --on-lime:#0b0c0b;
  --bg:#0b0c0b; --bg2:#111311; --surface:#161916; --surface2:#1d211d; --panel:rgba(18,21,18,.78); --panel-solid:#141714;
  --text:#f3f5f0; --muted:#a9b0a6; --faint:#6c7369; --line:rgba(243,245,240,.09); --line2:rgba(243,245,240,.16);
  --silver:linear-gradient(180deg,#f6f7f4 0%,#aeb2ab 46%,#eef0eb 60%,#868a83 100%);
  --pad:clamp(16px,4vw,64px); --max:1320px;
  --f:'Manrope','Manrope Fallback',system-ui,sans-serif; --fd:'Cal Sans','Cal Sans Fallback',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --shadow:0 32px 80px -32px rgba(0,0,0,.65);
  --t-display:clamp(44px,6vw,96px); --t-h2:clamp(32px,3.9vw,58px); --t-h3:clamp(22px,1.8vw,26px); --t-lead:clamp(18px,1.4vw,21px); --t-body:17px; --t-small:14px; --t-label:13px;
  color-scheme:dark;
}
:root[data-theme="light"]{
  --lime-ink:#2f7a00; --bg:#eceee8; --bg2:#e4e7e0; --surface:#ffffff; --surface2:#f4f6f1; --panel:rgba(255,255,255,.84); --panel-solid:#fbfcfa;
  --text:#101210; --muted:#4f564d; --faint:#7d8479; --line:rgba(16,18,16,.09); --line2:rgba(16,18,16,.18);
  --silver:linear-gradient(180deg,#52574f 0%,#979c94 50%,#2f332e 100%); --shadow:0 30px 70px -34px rgba(20,30,10,.3);
  color-scheme:light;
}
@font-face{font-family:"Manrope Fallback";src:local("Arial");ascent-override:102.74%;descent-override:28.91%;line-gap-override:0%;size-adjust:103.76%}
@font-face{font-family:"Cal Sans Fallback";src:local("Arial");ascent-override:98.6%;descent-override:29.58%;line-gap-override:0%;size-adjust:101.42%}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font:400 var(--t-body)/1.55 var(--f);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .5s var(--ease),color .5s var(--ease)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
::selection{background:var(--lime);color:#0b0c0b}
.wrap{width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:var(--pad);padding-right:var(--pad)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.055;background:url("/assets/img/grain.webp");animation:grain 1.2s steps(4) infinite}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}
:root[data-theme="light"] .grain{opacity:.035}

/* ---------- type ---------- */
h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.05}
.h1{font-size:var(--t-display);padding-bottom:.08em}
.h2{font-size:var(--t-h2);padding-bottom:.06em}
.h3{font-size:var(--t-h3);letter-spacing:-.03em;line-height:1.18}
.lead{font-size:var(--t-lead);line-height:1.5;color:var(--muted);max-width:56ch}
.body{color:var(--muted);max-width:62ch}
.label{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--t-label);font-weight:700;letter-spacing:.01em;color:var(--muted)}
.label:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--lime);flex:none}
.label b{font:400 14px/1 var(--fd);color:var(--text);letter-spacing:0}
.num{font-family:var(--fd);font-weight:400;letter-spacing:-.02em;line-height:1}
.lime{color:var(--lime-ink)}
.silver{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}

.split .w{display:inline-block;overflow:hidden;padding:0 0 .16em;margin-bottom:-.16em;vertical-align:top}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.split.in .w>span{transform:none}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ---------- buttons and links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);height:52px;padding:0 var(--s5);border-radius:var(--r1);background:var(--lime);color:#0b0c0b;font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .3s,background .3s}
.btn:hover{box-shadow:0 12px 40px -12px rgba(130,255,31,.6)}
.btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--text)}
.btn.sm{height:42px;padding:0 var(--s4);font-size:14px}
.link{display:inline-flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--text);background:linear-gradient(var(--lime),var(--lime)) 0 100%/0 2px no-repeat;padding-bottom:3px;transition:background-size .35s var(--ease)}
.link:hover{background-size:100% 2px}
.link svg{width:15px;height:15px;flex:none;transition:transform .3s var(--ease)}
.link:hover svg{transform:translateX(3px)}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4) var(--s5)}
.quiet{font-size:var(--t-small);color:var(--muted)}
.quiet a{color:var(--text);font-weight:700}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;height:76px;display:flex;align-items:center;transition:background .4s,box-shadow .4s,height .4s}
.nav .wrap{display:flex;align-items:center;gap:var(--s5);max-width:none}
.nav.scrolled{background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);height:64px}
.logo{display:flex;align-items:center;color:var(--text);flex:none}
.logo .lockup{height:26px;width:auto;display:block;overflow:visible}
:root[data-theme="light"] .logo .lv{fill:#0b0c0b}
.foot .logo .lockup{height:34px}
.avail{display:inline-flex;align-items:center;gap:var(--s2);font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.avail i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(130,255,31,.6);animation:pulse 2.2s infinite;flex:none}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(130,255,31,0)}100%{box-shadow:0 0 0 0 rgba(130,255,31,0)}}
.nav-links{display:flex;gap:var(--s6);margin-left:auto;font-size:15px;font-weight:600}
.nav-links a{color:var(--muted);transition:color .25s;position:relative;padding:var(--s2) 0}
.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--text)}.nav-links a:hover:after,.nav-links a[aria-current]:after{transform:none}
.nav-tools{display:flex;align-items:center;gap:var(--s2)}
.ico{width:40px;height:40px;border-radius:var(--r1);display:grid;place-items:center;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line2);transition:color .25s,box-shadow .25s;font-size:12px;font-weight:800;letter-spacing:.02em}
.ico:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.ico svg{width:17px;height:17px}
.theme-btn .sun{display:none}:root[data-theme="light"] .theme-btn .sun{display:block}:root[data-theme="light"] .theme-btn .moon{display:none}
.menu-btn{display:none}
.menu{position:fixed;inset:0;z-index:49;background:var(--bg);padding:104px var(--pad) var(--s6);display:flex;flex-direction:column;gap:var(--s1);opacity:0;pointer-events:none;transition:opacity .35s}
.menu a.big{font-size:42px;font-weight:600;letter-spacing:-.045em;padding:var(--s2) 0}
.menu .avail{margin:var(--s5) 0 var(--s4)}
.menu-open .menu{opacity:1;pointer-events:auto}
.menu-open{overflow:hidden}

/* ---------- transitions ---------- */
.curtain{position:fixed;inset:0;z-index:100;background:var(--lime);display:grid;place-items:center;pointer-events:none;transform:translateY(100%);visibility:hidden}
.curtain svg{width:56px;height:auto;opacity:0;transition:opacity .3s}
.leave .curtain{visibility:visible;transform:none;pointer-events:auto;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.leave .curtain svg{opacity:1}
.enter .curtain{visibility:visible;transform:none;animation:lift .8s .1s cubic-bezier(.7,0,.2,1) forwards}
@keyframes lift{to{transform:translateY(-100%)}}
.still .curtain{display:none}

/* ---------- cursor ---------- */
.has-cur, .has-cur a, .has-cur button{cursor:none}
.has-cur input,.has-cur textarea{cursor:text}
.cur{position:fixed;left:0;top:0;z-index:120;pointer-events:none}
.cur i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--lime);transition:transform .25s var(--ease),opacity .2s}
.cur b{position:absolute;left:16px;top:12px;white-space:nowrap;padding:8px 12px;border-radius:8px;background:var(--lime);color:#0b0c0b;font-size:13px;font-weight:700;transform:scale(.6);transform-origin:0 0;opacity:0;transition:transform .25s var(--ease),opacity .2s}
.cur.hot i{transform:scale(3);opacity:.35}
.cur.lab b{transform:none;opacity:1}.cur.lab i{transform:scale(.6)}
.cur.down i{transform:scale(.6)}

/* ---------- world (home) ---------- */
#world{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;opacity:0;transition:opacity 1.1s var(--ease)}
.world-on #world{opacity:1}
.no-gl #world{display:none}
.no-gl body{background:radial-gradient(ellipse at 72% 38%,color-mix(in srgb,var(--lime) 9%,transparent),transparent 55%),var(--bg)}
.vign{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 65% 45%,transparent 55%,rgba(0,0,0,.45))}
:root[data-theme="light"] .vign{background:radial-gradient(ellipse 120% 90% at 65% 45%,transparent 60%,rgba(60,70,50,.12))}
main{position:relative;z-index:1}
.ch{position:relative;pointer-events:none}
.ch .stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
.ch .wrap{max-width:none}
.ch a,.ch button,.ch .panel,.ch input,.ch label{pointer-events:auto}
.panel{position:relative;width:min(100%,500px);padding:var(--s6);border-radius:var(--r3);background:var(--panel);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.panel .h2{margin:var(--s4) 0}
.panel .body{font-size:var(--t-body)}
.hint{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s5);font-size:var(--t-small);font-weight:600;color:var(--muted)}
.hint svg{width:18px;height:18px;color:var(--lime-ink);flex:none}
.pc-only{} .mo-only{display:none}

/* hero */
.hero .inner{max-width:720px}
.hero .h1{margin-top:var(--s5)}
.hero .h1 .l2{display:block;color:var(--lime-ink)}
.hero .lead{margin-top:var(--s5)}
.hero .ctas{margin-top:var(--s6)}
.stats{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s7);margin-top:var(--s7)}
.stats div{display:flex;flex-direction:column;gap:var(--s1)}
.stats b{font:400 30px/1 var(--fd);letter-spacing:-.02em}
.stats span{font-size:var(--t-small);color:var(--muted)}
.loader{position:absolute;right:var(--pad);bottom:var(--s7);display:flex;align-items:center;gap:var(--s3);font-size:var(--t-label);font-weight:700;color:var(--muted);transition:opacity .6s}
.loader b{font:400 24px/1 var(--fd);color:var(--text)}
.world-ready .loader{opacity:0}
.press{position:absolute;right:var(--pad);bottom:var(--s7);display:flex;align-items:center;gap:var(--s2);font-size:var(--t-small);font-weight:600;color:var(--muted);opacity:0;transition:opacity .6s 1.2s}
.press svg{width:18px;height:18px;color:var(--lime-ink)}
.world-ready .press{opacity:1}
.no-gl .loader,.no-gl .press{display:none}

/* chapters */

.score{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}
.score div{padding:var(--s4);border-radius:var(--r2);background:var(--surface2)}
.score .num{display:block;font-size:48px;margin-bottom:var(--s2)}
.score small{font-size:var(--t-small);color:var(--muted);line-height:1.4;display:block}
.score .bad .num{color:var(--faint)}.score .good .num{color:var(--lime-ink)}
.method{font-size:13px;color:var(--faint);line-height:1.5;margin-top:var(--s3)}
.day{display:flex;align-items:baseline;gap:var(--s3);margin-top:var(--s2)}
.day .num{font-size:clamp(64px,6.4vw,96px);color:var(--lime-ink)}
.day span{font-size:var(--t-small);font-weight:600;color:var(--muted)}
.track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s5)}
.wk i{display:block;height:6px;border-radius:3px;background:var(--line2);overflow:hidden;position:relative}
.wk i:after{content:"";position:absolute;inset:0;background:var(--lime);transform-origin:left;transform:scaleX(var(--f,0))}
.wk:nth-child(1) i{--f:clamp(0,calc(var(--grow,0)*3),1)}.wk:nth-child(2) i{--f:clamp(0,calc(var(--grow,0)*3 - 1),1)}.wk:nth-child(3) i{--f:clamp(0,calc(var(--grow,0)*3 - 2),1)}
.wk b{display:block;margin-top:var(--s3);font-size:var(--t-label);font-weight:700;color:var(--faint);transition:color .4s}
.wk span{display:block;margin-top:var(--s1);font-size:var(--t-small);line-height:1.35;color:var(--faint);transition:color .4s}
.wk.on b{color:var(--lime-ink)}.wk.on span{color:var(--text)}
.focus{position:relative;margin-top:var(--s5);min-height:200px}
.focus .cs{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease),transform .5s var(--ease);pointer-events:none}
.focus .cs.on{opacity:1;transform:none;pointer-events:auto}
.cs .who2{font-weight:700;font-size:18px}
.cs .num{display:block;font-size:clamp(52px,5vw,76px);color:var(--lime-ink);margin:var(--s3) 0 var(--s2)}
.cs p{color:var(--muted);font-size:16px;max-width:40ch}
.cs .link{margin-top:var(--s4)}
.bars{display:flex;gap:6px;margin-top:var(--s5)}
.bars i{flex:1;height:4px;border-radius:2px;background:var(--line2);transition:background .3s}
.bars i.on{background:var(--lime)}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin-top:var(--s5)}
.three div{padding:var(--s4);border-radius:var(--r2);background:var(--surface2)}
.three b{display:block;font-size:15px;margin-bottom:var(--s1)}
.three span{display:block;font-size:13.5px;line-height:1.4;color:var(--muted)}
.os-tag{position:fixed;left:0;top:0;z-index:2;pointer-events:none;opacity:0;padding:var(--s2) var(--s3);border-radius:8px;background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),0 10px 30px -10px rgba(0,0,0,.4);font-size:13px;font-weight:700;white-space:nowrap;translate:0 -100%;will-change:transform}
.os-tag:before{content:"";position:absolute;left:-28px;top:50%;width:24px;height:1px;background:var(--lime)}
.os-tag i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--lime);margin-right:var(--s2)}
.big4{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s5)}
.big4 .num{font-size:42px;display:block;margin-bottom:var(--s2)}
.big4 small{font-size:var(--t-small);color:var(--muted);line-height:1.4;display:block}
.qt{margin-top:var(--s5);padding:var(--s4);border-radius:var(--r2);background:var(--surface2);font-size:15px}
.who{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3);font-size:var(--t-small);color:var(--muted)}
.who img{width:36px;height:36px;border-radius:10px;object-fit:cover}
.who b{color:var(--text);font-weight:700}
.tagline{margin-top:var(--s5);font:400 26px/1.15 var(--fd);letter-spacing:-.01em}
.tagcap{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);font-size:var(--t-small);color:var(--muted)}
.tagcap img{height:34px;width:auto;opacity:.9}
:root[data-theme="light"] .tagcap img{filter:invert(1)}

/* chapter rail */
.rail{position:fixed;left:var(--pad);top:50%;z-index:40;transform:translateY(-50%);transition:opacity .4s}
.rail.gone{opacity:0;pointer-events:none}
.rail ol{list-style:none;display:flex;flex-direction:column;gap:var(--s1)}
.rail a{display:flex;align-items:center;gap:var(--s3);height:26px;font-size:13px;font-weight:600;color:var(--faint);transition:color .3s}
.rail a i{width:14px;height:2px;border-radius:1px;background:var(--line2);transition:width .4s var(--ease),background .3s;flex:none}
.rail a span{opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s;white-space:nowrap}
.rail:hover a span,.rail a.on span{opacity:1;transform:none}
.rail a.on{color:var(--text)}.rail a.on i{width:28px;background:var(--lime)}
.rail-m{display:none}
.has-rail .ch .wrap{padding-left:calc(var(--pad) + 160px)}

/* ---------- inner pages ---------- */
.page{position:relative;z-index:1;padding-top:76px}
.phero{padding-top:var(--s9);padding-bottom:var(--s8)}
.phero .h1{max-width:15ch;margin-top:var(--s5)}
.phero .lead{margin-top:var(--s5)}
.sec{padding-top:var(--s9);padding-bottom:var(--s9)}
.sec + .sec{padding-top:0}
.row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5) var(--s8);align-items:start}
.head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s5) var(--s8);align-items:end;margin-bottom:var(--s7)}
.head .h2{margin-top:var(--s4)}
.glimg{position:relative;overflow:hidden;border-radius:var(--r3);background:var(--surface)}
.glimg img{width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform 1.2s var(--ease)}
.glimg.gl-on{background:transparent}.glimg.gl-on img{opacity:0}
.gl-layer{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
.mini{position:relative;border-radius:var(--r3);overflow:hidden}
.mini canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.mini .ph{position:absolute;left:var(--s5);bottom:var(--s5);z-index:2;font-size:var(--t-small);font-weight:600;color:var(--muted)}
.mini .rp{position:absolute;right:var(--s4);bottom:var(--s4);z-index:2}
.card{padding:var(--s6);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.card h3{font-size:var(--t-h3);letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--s3)}
.card p{color:var(--muted)}
.card .k{font:400 15px/1 var(--fd);color:var(--lime-ink);display:block;margin-bottom:var(--s5)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.fact{padding:var(--s5);border-radius:var(--r2);background:var(--surface)}
.fact b{display:block;font:400 32px/1 var(--fd);letter-spacing:-.02em;margin-bottom:var(--s3)}
.fact span{font-size:var(--t-small);color:var(--muted);line-height:1.4;display:block}
.dots{list-style:none;display:grid;gap:var(--s2);margin-top:var(--s5)}
.dots li{position:relative;padding-left:var(--s5);color:var(--muted);font-size:15.5px}
.dots li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--lime)}

/* work */
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8) var(--s5)}
.wcard{display:block}
.wcard .glimg{aspect-ratio:16/10}
.wcard:hover .glimg img{transform:scale(1.03)}
.wcard .meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s5);margin-top:var(--s5);align-items:baseline}
.wcard h3{font-size:26px;letter-spacing:-.035em}
.wcard .m{font:400 30px/1 var(--fd);color:var(--lime-ink);text-align:right;white-space:nowrap}
.wcard p{grid-column:1/-1;color:var(--muted);font-size:16px;max-width:52ch}
.wcard .sub{grid-column:1/-1;font-size:13px;font-weight:600;color:var(--faint)}
.wcard .sub em{font-style:normal;color:var(--lime-ink)}
.logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--s3)}
.logos div{background:var(--surface);border-radius:var(--r2);height:96px;display:grid;place-items:center;padding:var(--s5)}
.logos img{max-height:28px;max-width:100%;width:auto;filter:brightness(0) invert(1);opacity:.66;transition:opacity .3s}
.logos div:hover img{opacity:1}
:root[data-theme="light"] .logos img{filter:brightness(0);opacity:.62}
.band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5) var(--s7);align-items:center;padding:var(--s7);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.band .h3{max-width:26ch;margin-top:var(--s3)}
.band .tagbg{position:absolute;right:-40px;bottom:-60px;width:320px;opacity:.06;pointer-events:none}
:root[data-theme="light"] .band .tagbg{filter:invert(1)}

/* case */
.rcard{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s7) var(--s8);align-items:end}
.big{font:400 clamp(80px,10.5vw,168px)/.9 var(--fd);letter-spacing:-.03em;padding-bottom:.06em}
.big .from{color:var(--faint)}.big .to{color:var(--lime-ink)}
.cmeta{margin-top:var(--s5);font-size:15px;color:var(--muted)}
.cmeta b{color:var(--text);font-weight:700}
.cidx{position:sticky;top:64px;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cidx .wrap{display:flex;gap:var(--s6);overflow-x:auto;scrollbar-width:none}
.cidx .wrap::-webkit-scrollbar{display:none}
.cidx a{flex:none;display:inline-flex;align-items:center;gap:var(--s2);height:52px;font-size:14px;font-weight:700;color:var(--muted);position:relative;transition:color .25s}
.cidx a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.cidx a em{font:400 12px/1 var(--fd);font-style:normal;opacity:.7}
.cidx a.on{color:var(--text)}.cidx a.on:after{transform:none}
.ba{position:relative;aspect-ratio:16/9;border-radius:var(--r3);overflow:hidden;--x:50%;background:var(--surface);user-select:none}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .after{clip-path:inset(0 0 0 var(--x))}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}
.ba .hd{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--lime);z-index:2;pointer-events:none}
.ba .hd:after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:12px;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0c0b' stroke-width='2.2'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat}
.ba .l{position:absolute;bottom:var(--s4);z-index:2;padding:6px 10px;border-radius:8px;background:rgba(11,12,11,.75);color:#f1f3ee;font-size:13px;font-weight:700}
.ba .l.a{left:var(--s4)}.ba .l.b{right:var(--s4);background:var(--lime);color:#0b0c0b}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s5)}
.cmp .card b{display:block;font-size:var(--t-label);font-weight:700;color:var(--muted);margin-bottom:var(--s3)}
.cmp .bad b{color:#ff7a6b}.cmp .good b{color:var(--lime-ink)}
.cmp p{color:var(--text)}
.cmp s{text-decoration-color:#ff7a6b;text-decoration-thickness:2px}
.try{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s5) var(--s8);align-items:center}
.try .glimg{aspect-ratio:16/10;display:block}
.quote{font-size:clamp(26px,2.6vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1.2;max-width:28ch}
.quote:before{content:"\201C";color:var(--lime-ink)}.quote:after{content:"\201D";color:var(--lime-ink)}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.gal .glimg{aspect-ratio:16/10;border-radius:var(--r2)}

/* brand os */
.oshero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s5) var(--s8);align-items:center}
.oshero .mini{aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--lime) 7%,transparent),transparent 60%),var(--surface)}
.oshero .os-tag{position:absolute}
.pk3 article{display:flex;flex-direction:column;gap:var(--s3)}
.pk3 article.hl{box-shadow:inset 0 0 0 2px var(--lime)}
.pk3 .say{color:var(--text);font-size:16px}
.pk3 .btn{margin-top:auto;align-self:flex-start}
.pk3 .dots{margin:var(--s2) 0 var(--s5)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.steps div{position:relative}
.steps div:not(:last-child):after{content:"";position:absolute;right:-20px;top:42px;width:16px;height:2px;background:var(--lime)}
.faq{display:grid;gap:var(--s3)}
.faq details{border-radius:var(--r2);background:var(--surface);transition:background .3s}
.faq details[open]{background:var(--surface2)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s5);padding:var(--s5);font-size:18px;font-weight:700;letter-spacing:-.02em;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";width:12px;height:12px;flex:none;background:linear-gradient(var(--lime-ink),var(--lime-ink)) center/12px 2px no-repeat,linear-gradient(var(--lime-ink),var(--lime-ink)) center/2px 12px no-repeat;transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq p{padding:0 var(--s5) var(--s5);color:var(--muted);max-width:64ch}

/* about */
.abhero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s5) var(--s8);align-items:end}
.abhero .glimg{aspect-ratio:4/5}
.story{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s5) var(--s8);align-items:center}
.story .mini{aspect-ratio:1/1;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.story .txt p{font-size:18px;line-height:1.6;margin-bottom:var(--s4);color:var(--muted)}
.story .txt p.first{color:var(--text);font-weight:600;font-size:21px;line-height:1.45}
.story .sig{height:56px;width:auto;margin-top:var(--s5)}
:root[data-theme="light"] .story .sig{filter:invert(1)}

/* request */
.rqwrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s5) var(--s8);align-items:start}
.rq{padding:var(--s7);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.rq-top{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s6);font-size:var(--t-small);font-weight:700;color:var(--muted)}
.rq-bar{display:flex;gap:6px;flex:1;max-width:240px}
.rq-bar i{flex:1;height:4px;border-radius:2px;background:var(--line2);transition:background .4s}
.rq-bar i.on{background:var(--lime)}
.rq h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:var(--s2)}
.rq .sub{color:var(--muted);margin-bottom:var(--s6)}
.pk{display:grid;gap:var(--s3)}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .o{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--bg2);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s,background .2s}
.opt:hover .o{box-shadow:inset 0 0 0 1.5px var(--line2)}
.opt .o:before{content:"";width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--line2);transition:all .2s}
.opt input:checked+.o{box-shadow:inset 0 0 0 2px var(--lime)}
.opt input:checked+.o:before{background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0c0b' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:none}
.opt input:focus-visible+.o{outline:2px solid var(--lime);outline-offset:2px}
.opt b{display:block;font-weight:700}.opt small{color:var(--muted);font-size:var(--t-small)}
.opt em{font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}
.tiles2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.tb{position:relative;cursor:pointer}
.tb input{position:absolute;opacity:0;pointer-events:none}
.tb span{display:flex;align-items:center;min-height:52px;padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--bg2);font-size:14.5px;font-weight:600;line-height:1.3;box-shadow:inset 0 0 0 1.5px transparent;transition:all .2s}
.tb:hover span{box-shadow:inset 0 0 0 1.5px var(--line2)}
.tb input:checked+span{box-shadow:inset 0 0 0 2px var(--lime)}
.tb input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}
.lab{display:block;font-size:var(--t-small);font-weight:700;color:var(--muted);margin:var(--s6) 0 var(--s3)}
.fld{display:grid;gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}
.fld label{display:grid;gap:var(--s2);font-size:var(--t-small);font-weight:700;color:var(--muted)}
.fld label.full{grid-column:1/-1}
.fld input,.fld textarea{height:52px;padding:0 var(--s4);border-radius:var(--r1);background:var(--bg2);border:0;box-shadow:inset 0 0 0 1.5px var(--line2);font-size:16px;font-weight:500;color:var(--text);transition:box-shadow .2s}
.fld textarea{height:104px;padding:var(--s3) var(--s4);resize:vertical}
.fld input:focus,.fld textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--lime)}
.rq-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s6)}
.rq-next:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.rq-back{font-weight:700;color:var(--muted);padding:var(--s3) 0}
.rq-back:hover{color:var(--text)}
.ty .steps{margin:var(--s6) 0}
.ty .steps .fact b{font-size:22px}
.side{display:grid;gap:var(--s4);position:sticky;top:96px}
.side .mini{aspect-ratio:1/1;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}

/* next page (signature) */
.next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s5);padding-top:var(--s9);padding-bottom:var(--s9);position:relative}
.next .t{font-size:clamp(48px,7vw,112px);font-weight:600;letter-spacing:-.05em;line-height:1;padding-bottom:.1em;margin-top:var(--s4);transition:color .3s}
.next:hover .t{color:var(--lime-ink)}
.next p{color:var(--muted);margin-top:var(--s2)}
.next .round{width:clamp(88px,9vw,128px);aspect-ratio:1;border-radius:var(--r3);background:var(--lime);display:grid;place-items:center;transition:transform .45s var(--ease)}
.next .round svg{width:34%;height:auto}
.next:hover .round{transform:translateX(8px)}
.next .pv{position:absolute;right:clamp(140px,15vw,210px);top:50%;width:240px;aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden;opacity:0;transform:translateY(-50%) scale(.92);transition:opacity .35s,transform .45s var(--ease);pointer-events:none}
.next .pv img{width:100%;height:100%;object-fit:cover}
.next:hover .pv{opacity:1;transform:translateY(-50%)}

/* footer */
.foot{position:relative;z-index:1;background:var(--bg2);padding:var(--s9) 0 var(--s6);overflow:hidden}
.foot .g{display:grid;grid-template-columns:minmax(0,5fr) repeat(3,minmax(0,2fr));gap:var(--s6)}
.foot .fh{font-size:var(--t-label);font-weight:700;color:var(--muted);margin-bottom:var(--s4)}
.foot ul{list-style:none;display:grid;gap:var(--s3);font-weight:600;font-size:15px}
.foot ul a,.foot ul button{color:var(--muted);transition:color .25s;text-align:left}.foot ul a:hover,.foot ul button:hover{color:var(--text)}
.foot .tl{font:400 clamp(30px,3vw,44px)/1.08 var(--fd);max-width:14ch;margin:var(--s5) 0 var(--s4)}
.foot .ftag{position:absolute;right:var(--pad);bottom:var(--s7);width:min(28vw,300px);opacity:.08;pointer-events:none}
:root[data-theme="light"] .foot .ftag{filter:invert(1)}
.foot .bot{display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s8);padding-top:var(--s5);font-size:13px;color:var(--muted);position:relative}
.foot .bot:before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:var(--lime)}

/* WhatsApp widget */
.wa{position:fixed;right:var(--s5);bottom:var(--s5);z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s3);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .5s,transform .5s var(--ease)}
.wa.show{opacity:1;transform:none;pointer-events:auto}
.wa-bub{display:flex;align-items:center;gap:var(--s3);height:56px;padding:0 var(--s4) 0 6px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),0 14px 40px -10px rgba(0,0,0,.5);font-size:14px;font-weight:700;text-align:left}
/* avatar: clean dark-background crop (no cutout fringe), lime ring + lime glow drawn in CSS */
.av{display:block;flex:none;width:44px;height:44px;padding:2px;border-radius:13px;background:var(--lime);box-shadow:0 0 14px 0 rgba(130,255,31,.42);animation:waglow 3.2s ease-in-out infinite}
.av img{display:block;width:100%;height:100%;border-radius:11px;object-fit:cover;background:#0b0c0b}
@keyframes waglow{50%{box-shadow:0 0 22px 2px rgba(130,255,31,.58)}}
.wa-bub .g{width:30px;height:30px;border-radius:9px;background:#25d366;display:grid;place-items:center}
.wa-bub .g svg{width:18px;height:18px}
.wa-bub em{font-style:normal;display:flex;flex-direction:column;line-height:1.25}
.wa-bub em small{font-size:12px;font-weight:600;color:var(--lime-ink)}
.wa-card{width:320px;max-width:calc(100vw - 32px);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),0 30px 60px -20px rgba(0,0,0,.5);padding:var(--s5);display:none}
.wa.open .wa-card{display:block}
.wa-h{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}

.wa-h b{display:block;font-size:15px}.wa-status{font-size:13px;color:var(--lime-ink);font-weight:600}
.wa-x{margin-left:auto;width:32px;height:32px;border-radius:8px;color:var(--muted);font-size:20px}
.wa-msg{padding:var(--s3) var(--s4);border-radius:4px 14px 14px 14px;background:var(--bg2);font-size:15px;margin-bottom:var(--s4)}
.wa-go{width:100%;background:#25d366;color:#0b1a0f}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav-links{gap:var(--s5)}.nav .avail{display:none}
  .has-rail .ch .wrap{padding-left:calc(var(--pad) + 48px)}
  .rail a span{display:none}
  .logos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:960px){
  .nav-links{display:none}.menu-btn{display:grid}
  .row,.head,.rcard,.try,.oshero,.abhero,.story,.rqwrap{grid-template-columns:minmax(0,1fr)}
  .grid3,.steps{grid-template-columns:minmax(0,1fr)}
  .steps div:after{display:none}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot .g{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .g>div:first-child{grid-column:1/-1}
  .side{position:static}
  .next .pv{display:none}
}
@media (max-width:900px), (orientation:portrait) and (max-width:1100px){
  .ch .stick,.hero .stick{align-items:flex-end;padding-bottom:88px}
  .panel{width:min(100%,620px)}
  .loader,.press{display:none}
  .rail{display:none}
  .ch ~ .os-tag,body > .os-tag{display:none}
  .has-rail .ch .wrap{padding-left:var(--pad)}
  .rail-m{position:fixed;left:var(--s4);right:var(--s4);top:64px;z-index:39;display:block;height:2px;background:var(--line);border-radius:2px;overflow:hidden}
  .rail-m i{display:block;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(var(--p,0))}
}
@media (max-width:760px){
  :root{--t-body:16px;--t-lead:17px}
  .nav{height:64px}.nav.scrolled{height:60px}
  .nav .btn.sm{height:38px;padding:0 var(--s3);font-size:13px}.nav .btn.sm svg{display:none}.nav .theme-btn,.nav .lang-btn{display:none}
  .pc-only{display:none!important}.mo-only{display:revert}
  .hero .h1{font-size:clamp(38px,10.6vw,46px);margin-top:var(--s4)}
  .hero .lead{margin-top:var(--s4)}
  .hero .ctas{margin-top:var(--s5)}
  .stats{gap:var(--s5);margin-top:var(--s5)}.stats b{font-size:24px}.stats span{font-size:13px}
  .panel{padding:var(--s5);border-radius:20px;background:var(--panel-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
  .panel .h2{font-size:28px;margin:var(--s3) 0}
  .score .num{font-size:38px}
  .day .num{font-size:56px}
  .three{grid-template-columns:minmax(0,1fr)}.three div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--s3);padding:var(--s3) var(--s4)}.three b{margin:0}
  .big4{gap:var(--s4)}.big4 .num{font-size:32px}
  .focus{min-height:184px}
  .phero{padding-top:var(--s8);padding-bottom:var(--s7)}
  .sec{padding-top:var(--s8);padding-bottom:var(--s8)}
  .head{margin-bottom:var(--s6)}
  .wgrid{grid-template-columns:minmax(0,1fr);gap:var(--s7)}
  .wcard h3{font-size:22px}.wcard .m{font-size:24px}
  .logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}.logos div{height:72px;padding:var(--s3)}
  .band{grid-template-columns:minmax(0,1fr);padding:var(--s6) var(--s5)}
  .grid2,.cmp{grid-template-columns:minmax(0,1fr)}
  .gal{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2)}
  .card{padding:var(--s5)}
  .fact{padding:var(--s4)}.fact b{font-size:24px}
  .tiles2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld{grid-template-columns:minmax(0,1fr)}
  .rq{padding:var(--s5)}
  .opt .o{grid-template-columns:20px minmax(0,1fr);padding:var(--s4)}
  .opt em{grid-column:2}
  .next{grid-template-columns:minmax(0,1fr)}.next .round{width:80px}
  .foot{padding-bottom:104px}
  .foot .ftag{width:44vw;bottom:96px}
  .wa{right:var(--s4);bottom:var(--s4)}
  .wa-bub{height:52px;padding:0 6px}.wa-bub em{display:none}.wa-bub .av{width:40px;height:40px}
  .ba{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .split .w>span,.rv{transform:none!important;opacity:1!important}
  .grain{animation:none}
}
@media (max-width:760px){.no-wa-m .wa{display:none}}

/* ---------- D2 additions ---------- */
.day>span{display:flex;flex-direction:column;gap:2px}
.day em{font-style:normal;font-size:var(--t-small);font-weight:600;color:var(--text);transition:opacity .4s}
.layers button{display:block;text-align:left;padding:var(--s4);border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .35s var(--ease),background .35s}
.layers button em{display:block;font:400 12px/1 var(--fd);font-style:normal;color:var(--faint);margin-bottom:var(--s2)}
.layers button:hover{box-shadow:inset 0 0 0 1.5px var(--line2)}
.layers button.on{box-shadow:inset 0 0 0 2px var(--lime)}
.layers button.on em{color:var(--lime-ink)}
.clogo{width:36px;height:36px;border-radius:10px;background:#141714;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px var(--line2)}
.clogo img{width:22px;height:22px;object-fit:contain}
.vts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.vt{display:flex;flex-direction:column;gap:var(--s4)}
.vt-m{position:relative;aspect-ratio:4/5;border-radius:var(--r3);overflow:hidden;background:radial-gradient(120% 80% at 30% 20%,color-mix(in srgb,var(--lime) 10%,transparent),transparent 60%),#121512;box-shadow:inset 0 0 0 1px var(--line)}
.vt-m video{width:100%;height:100%;object-fit:cover;display:block}
.vt-ph{position:absolute;inset:0;display:grid;place-items:center}
.vt-logo{position:absolute;left:var(--s5);top:var(--s5);height:28px;width:auto;max-width:120px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
.vt-play{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(243,245,240,.08);box-shadow:inset 0 0 0 1px rgba(243,245,240,.18);color:#f3f5f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vt-play svg{width:22px;height:22px;margin-left:3px}
.vt-soon{position:absolute;left:var(--s5);bottom:var(--s5);font-size:13px;font-weight:700;color:#a9b0a6}
.vt blockquote{font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.015em;color:var(--text)}
.vt blockquote:before{content:"\201C"}.vt blockquote:after{content:"\201D"}
.vt-who{font-size:var(--t-small);color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.vt-who b{color:var(--text)}
.vt-who span{flex-basis:100%;font-size:13px;color:var(--faint)}
.vt-slot{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s5);padding:var(--s4);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-small);color:var(--muted)}
.vt-slot b{display:block;color:var(--text)}
.vt-slot .vt-play{width:48px;height:48px;flex:none;background:var(--lime);color:#0b0c0b;box-shadow:none}
.vt-slot .vt-play svg{width:18px;height:18px}
@media (max-width:960px){.vts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){
  .logo .lockup{height:22px}
  .vts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--s3);margin:0 calc(var(--pad)*-1);padding:0 var(--pad);scrollbar-width:none}
  .vts::-webkit-scrollbar{display:none}
  .vt{flex:0 0 78%;scroll-snap-align:start}
  .vt blockquote{font-size:16.5px}
  .layers button{display:grid;grid-template-columns:28px 64px minmax(0,1fr);gap:var(--s2);align-items:baseline;padding:var(--s3) var(--s4)}
  .layers button em{margin:0}
}
.os-tag.on{box-shadow:inset 0 0 0 1.5px var(--lime),0 10px 30px -10px rgba(0,0,0,.4)}
.oshero .mini{cursor:pointer}
.oshero .os-tag{font-size:12px}
@media (max-width:520px){.oshero .os-tag{display:none}}
/* ---------- conversation with Vedran (request a spot) ---------- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chat{display:flex;flex-direction:column;border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);overflow:hidden;min-height:560px}
.ch-h{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);box-shadow:0 1px 0 var(--line)}
.ch-h b{display:block;font-size:15px}
.ch-status{font-size:13px;font-weight:600;color:var(--lime-ink)}
.ch-tag{margin-left:auto;font-size:12px;font-weight:700;color:var(--faint)}
.ch-log{flex:1;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);overflow-y:auto;max-height:560px;scroll-behavior:smooth}
.ch-row{display:flex;align-items:flex-end;gap:var(--s2);max-width:88%}
.ch-row.bot img{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:none}
.ch-row.me{align-self:flex-end;justify-content:flex-end}
.ch-b{padding:var(--s3) var(--s4);border-radius:4px 16px 16px 16px;background:var(--bg2);font-size:16px;line-height:1.45;color:var(--text)}
.ch-row.new .ch-b,.ch-row.bot:last-child .ch-b{animation:chin .45s var(--ease) both}
@keyframes chin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ch-me{border-radius:16px 4px 16px 16px;background:var(--lime);color:#0b0c0b;font-weight:700;text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:2px;transition:box-shadow .25s,opacity .25s}
.ch-me .ch-pen{font-size:11.5px;font-weight:700;opacity:.55}
.ch-me:hover{box-shadow:0 0 0 2px var(--text)}
.ch-me.editing{opacity:.45}
.ch-typing{display:flex;gap:5px;align-items:center;height:46px}
.ch-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:dots 1.2s ease-in-out infinite}
.ch-typing i:nth-child(2){animation-delay:.15s}.ch-typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,60%,100%{opacity:.3}30%{opacity:1}}
.ch-comp{padding:var(--s4) var(--s5) var(--s5);box-shadow:0 -1px 0 var(--line);display:flex;flex-wrap:wrap;gap:var(--s2)}
.ch-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.ch-chip{min-height:44px;padding:var(--s2) var(--s4);border-radius:var(--r1);background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:15px;font-weight:700;color:var(--text);transition:box-shadow .2s,background .2s}
.ch-chip:hover,.ch-chip.on{box-shadow:inset 0 0 0 2px var(--lime)}
.ch-in{display:flex;gap:var(--s2);flex:1 1 260px}
.ch-in input{flex:1;min-width:0;height:48px;padding:0 var(--s4);border-radius:var(--r1);border:0;background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:16px;font-weight:500;color:var(--text)}
.ch-in input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--lime)}
.ch-go{width:48px;height:48px;flex:none;border-radius:var(--r1);background:var(--lime);color:#0b0c0b;display:grid;place-items:center}
.ch-go svg{width:18px;height:18px}
.ch-skip{min-height:48px}
.ch-err{flex-basis:100%;font-size:var(--t-small);font-weight:600;color:#ff7a6b}
.ch-sum{margin-top:var(--s2);padding:var(--s5);border-radius:var(--r2);background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--lime);animation:chin .45s var(--ease) both}
.ch-sum>b{display:block;font-size:var(--t-label);font-weight:800;color:var(--lime-ink);margin-bottom:var(--s3)}
.ch-sum dl{display:grid;gap:var(--s2)}
.ch-sum dl>div{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;font-size:15px}
.ch-sum dt{color:var(--muted);font-weight:600;font-size:13.5px}
.ch-sum dd{color:var(--text);font-weight:600;overflow-wrap:anywhere}
.ch-chg{font-size:12.5px;font-weight:700;color:var(--muted);padding:4px 0}
.ch-chg:hover{color:var(--text)}
.ch-acts{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.ch-acts .btn{white-space:normal;text-align:center;line-height:1.25}
.ch-ns{padding:var(--s5)}
.chat.compact{min-height:0;margin-top:var(--s5);box-shadow:inset 0 0 0 1px var(--line)}
.chat.compact .ch-log{max-height:340px;min-height:220px}
.chat.compact .ch-h{padding:var(--s3) var(--s4)}
.chat.compact .ch-comp{padding:var(--s3) var(--s4) var(--s4)}
.rqwrap .chat{min-height:620px}
@media (max-width:760px){
  .chat{min-height:520px}
  .ch-log{padding:var(--s4);max-height:62vh}
  .ch-comp{padding:var(--s3) var(--s4) var(--s4)}
  .ch-row{max-width:94%}
  .ch-b{font-size:15.5px}
  .ch-sum dl>div{grid-template-columns:minmax(0,1fr) auto}.ch-sum dt{grid-column:1/-1}
  .ch-acts .btn{width:100%}
  .chat.compact .ch-log{max-height:300px}
  .ch-tag{display:none}
}
.ch-comp[hidden]{display:none}
@media (max-width:760px){.ch-sum dl{gap:var(--s3)}.ch-sum dl>div{row-gap:2px}}
@media (max-width:760px){.chat-in-view .wa{opacity:0;pointer-events:none;transform:translateY(16px)}}

/* =====================================================================  D3 additions */
.skip{position:fixed;left:-999px;top:8px;z-index:200;padding:8px 12px;border-radius:8px;background:var(--lime);color:#0b0c0b;font-weight:700}.skip:focus{left:8px}
.menu-sm{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:var(--s4);font-weight:700;color:var(--muted)}
.sec-b{padding-bottom:var(--s9)}
.crumb{font-size:13px;font-weight:600;color:var(--faint);margin-bottom:var(--s5)}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--text)}
p.k{font-size:var(--t-label);font-weight:700;color:var(--muted);margin-bottom:var(--s3)}
.vmark{fill:var(--lime-ink);display:block}
.sigrow{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);font:400 18px/1.2 var(--fd);color:var(--muted)}.sigrow .vmark{width:20px;height:auto}
.sigrow.big{margin-top:var(--s6);font-size:22px}.sigrow.big .vmark{width:28px}
.still-img{border-radius:var(--r3);overflow:hidden;background:var(--surface)}.still-img img{display:block;width:100%;height:auto}
.foot .soc{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-weight:600;font-size:15px}.foot .soc a{color:var(--muted);transition:color .25s}.foot .soc a:hover{color:var(--text)}
.f-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.foot .bot a{color:var(--muted)}.foot .bot a:hover{color:var(--text)}

/* home: what I make (opaque, over the world) */
.svc{position:relative;z-index:2;background:var(--bg);padding:var(--s10) 0 var(--s9)}
.has-rail .svc .wrap{max-width:none;padding-left:calc(var(--pad) + 160px)}
.svg6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.sv{display:flex;flex-direction:column;border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .4s var(--ease)}
.sv:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.sv-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface2)}.sv-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.sv:hover .sv-img img{transform:scale(1.035)}
.sv-b{padding:var(--s5) var(--s5) 0;flex:1}
.sv-n{font:400 14px/1 var(--fd);color:var(--lime-ink)}
.sv h3{font-size:22px;letter-spacing:-.03em;line-height:1.2;margin:var(--s3) 0 var(--s2)}
.sv p{color:var(--muted);font-size:15.5px;line-height:1.5}
.sv-f{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s5)}
.sv-d{font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}.sv-d b{font:400 28px/1 var(--fd);color:var(--text);letter-spacing:-.02em;margin-right:2px}
.sv-f .link{font-size:14px;text-align:right}
.leap{margin-top:var(--s5);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s7);align-items:center;padding:var(--s7);border-radius:var(--r3);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--lime) 13%,transparent),transparent 55%),var(--surface);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 55%,transparent)}
.leap .h3{font-size:clamp(28px,2.6vw,40px);margin:var(--s3) 0}.leap p{color:var(--muted);max-width:52ch}.leap .ctas{margin-top:var(--s5)}
.leap-n .num{display:block;font-size:clamp(64px,7vw,112px);color:var(--lime-ink);padding-bottom:.06em}.leap-n .num i{font-style:normal;color:var(--faint);margin:0 .06em}
.leap-n small{display:block;margin-top:var(--s3);font-size:var(--t-small);color:var(--muted);max-width:38ch;line-height:1.45}
.leapx{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s7);align-items:center;padding:var(--s8);border-radius:var(--r3);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--lime) 13%,transparent),transparent 55%),var(--surface);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 55%,transparent)}
.leapx .h2{margin:var(--s4) 0}
.leap-n.lg .num{font-size:clamp(72px,9vw,150px)}

/* services page */
.sjump{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:var(--s7)}
.sjump a{display:inline-flex;gap:var(--s2);align-items:baseline;font-weight:700;font-size:15px;color:var(--muted);transition:color .25s}.sjump a:hover{color:var(--text)}
.sjump em{font:400 12px/1 var(--fd);font-style:normal;color:var(--lime-ink)}
.srows .sh{display:flex;justify-content:space-between;gap:var(--s3) var(--s5);flex-wrap:wrap;align-items:baseline;margin-bottom:var(--s5)}
.srow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s5) var(--s8);align-items:center;padding:var(--s7) 0;scroll-margin-top:80px}
.srow.flip .srow-m{order:2}
.srow-m{position:relative}
.srow-case{position:absolute;left:var(--s4);bottom:var(--s4);z-index:2;display:inline-flex;gap:var(--s2);align-items:center;padding:8px 12px;border-radius:10px;background:rgba(11,12,11,.8);color:#f3f5f0;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .25s}
.srow-case:hover{background:#0b0c0b}.srow-case svg{width:14px;height:14px}
.h2s{font-size:clamp(28px,2.8vw,42px);letter-spacing:-.04em;line-height:1.08;margin:var(--s3) 0;padding-bottom:.04em}
.srow-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);margin-top:var(--s6)}
.srow-g .dots{margin-top:0}
.srow-s{padding:var(--s5);border-radius:var(--r2);background:var(--surface)}
.srow-s .dd{display:flex;align-items:baseline;gap:var(--s2);margin-bottom:var(--s4)}.srow-s .dd .num{font-size:60px;color:var(--lime-ink)}.srow-s .dd span:last-child{font-weight:700;color:var(--muted)}
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-top:var(--s6)}
.ladder a{position:relative;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.ladder a:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.ladder em{font:400 13px/1 var(--fd);font-style:normal;color:var(--lime-ink)}.ladder b{font-size:18px;letter-spacing:-.02em}.ladder span{font-size:14px;color:var(--muted);line-height:1.45}
.ladder a:not(:last-child):after{content:"";position:absolute;right:-12px;top:50%;width:8px;height:2px;background:var(--lime)}
.steps4{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}.steps4.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps4 li{padding:var(--s5);border-radius:var(--r2);background:var(--surface)}
.steps4 .num{display:block;font-size:40px;color:var(--lime-ink);margin-bottom:var(--s4)}
.steps4 li>b{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:var(--s2)}.steps4 p{font-size:15px;color:var(--muted)}

/* case template */
.facts{margin-top:var(--s7)}
.chero{margin-top:var(--s7)}
.big.sm{font-size:clamp(60px,7.4vw,124px)}
.stmt{font:400 clamp(28px,2.8vw,42px)/1.16 var(--fd);letter-spacing:-.01em;max-width:22ch;padding-bottom:.06em}
.ctag{display:inline-block;margin-left:var(--s3);font-size:12px;font-weight:800;color:#0b0c0b;background:var(--lime);padding:3px 8px;border-radius:6px;vertical-align:middle}
.dec .glimg{margin-bottom:var(--s5)}.dec .h3{margin:var(--s3) 0 var(--s2)}
.gal2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.gal2 .gi.w{grid-column:1/-1}.gal2 .gi.w .glimg{aspect-ratio:16/8!important}
.dots.cols2{grid-template-columns:1fr 1fr;column-gap:var(--s5);margin-top:0}
.quote.nq:before,.quote.nq:after{content:none}

/* AI-Ready Check */
.ckwrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--s5) var(--s7);align-items:start}
.ck{min-height:420px}
.ck-card{padding:var(--s6);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.ck-card>p{color:var(--muted)}
.ck-intro label{display:flex;gap:var(--s2);align-items:baseline;font-weight:700;font-size:15px}.ck-intro label span{color:var(--faint);font-weight:600;font-size:13px}
.ck-row{display:flex;gap:var(--s2);margin-top:var(--s3)}
.ck-row input{flex:1;min-width:0;height:52px;padding:0 var(--s4);border-radius:var(--r1);border:0;background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:16px;color:var(--text)}.ck-row input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--lime)}
.ck-hint{margin-top:var(--s2);font-size:13.5px;color:var(--faint)}.ck-err{color:#ff7a6b;font-size:14px;font-weight:600;margin-top:var(--s2)}.ck-err:empty{display:none}
.ck-what{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6)}
.ck-what li{padding:var(--s4);border-radius:var(--r2);background:var(--surface2);font-size:14px;color:var(--muted)}.ck-what b{display:block;font:400 32px/1 var(--fd);color:var(--text);margin-bottom:var(--s2)}
.ck-top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;color:var(--muted)}.ck-back{font-weight:700;color:var(--muted);padding:var(--s2) 0}.ck-back:hover{color:var(--text)}
.ck-bar{height:4px;border-radius:2px;background:var(--line2);margin:var(--s3) 0 var(--s5);overflow:hidden}.ck-bar i{display:block;height:100%;background:var(--lime);transform-origin:left;transition:transform .6s var(--ease)}
.ck-q{font-size:clamp(23px,2.2vw,31px);letter-spacing:-.035em;line-height:1.2;margin-bottom:var(--s5);outline:0;padding-bottom:.04em}
.ck-opts{display:grid;gap:var(--s2)}
.ck-opt{display:flex;align-items:center;gap:var(--s4);width:100%;text-align:left;min-height:60px;padding:var(--s3) var(--s4);border-radius:var(--r2);background:var(--bg2);box-shadow:inset 0 0 0 1.5px transparent;font-size:16px;font-weight:600;line-height:1.35;color:var(--text);transition:box-shadow .25s,background .25s}
.ck-opt:hover{box-shadow:inset 0 0 0 1.5px var(--line2)}.ck-opt[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--lime)}
.ck-opt .k{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--surface2);font:400 14px/1 var(--fd);color:var(--muted);transition:background .25s,color .25s}
.ck-opt[aria-pressed=true] .k{background:var(--lime);color:#0b0c0b}
.ck-next{margin-top:var(--s5)}.ck-next:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.ck-scan{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r2);background:var(--surface2);font-size:14px;line-height:1.45;color:var(--muted);margin-bottom:var(--s5)}
.ck-scan i{width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:6px;flex:none;animation:pulse 2.2s infinite}.ck-scan.err i{background:#ff7a6b;animation:none}.ck-scan b{color:var(--text)}
.ck-res{display:grid;gap:var(--s4)}.ck-res .grid2{gap:var(--s4)}
.ck-score{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s6);align-items:center}
.ck-score .h2{font-size:clamp(28px,2.6vw,40px);margin:var(--s2) 0 var(--s3)}.ck-score .lead b{color:var(--text)}
.dial{position:relative;width:168px;height:168px}.dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.dial circle{fill:none;stroke-width:12}.dial .tr{stroke:var(--surface2)}.dial .fg{stroke:var(--lime);stroke-linecap:round;transition:stroke-dasharray 1.4s var(--ease)}
.dial>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dial b{font:400 52px/1.05 var(--fd)}.dial small{font-size:13px;color:var(--muted);font-weight:700}
.ck-area{margin-top:var(--s4)}.ck-area div{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.ck-area b{font-family:var(--fd);font-weight:400;font-size:16px}
.ck-area i{display:block;height:8px;border-radius:4px;background:var(--surface2);margin-top:6px;overflow:hidden}.ck-area u{display:block;height:100%;background:var(--muted);transform-origin:left}
.ck-area.low u{background:var(--lime)}.ck-area.low span{color:var(--lime-ink)}
.ck-fix{list-style:none;display:grid;gap:var(--s4)}.ck-fix li{display:flex;gap:var(--s3)}.ck-fix .num{font-size:22px;color:var(--lime-ink);flex:none;width:34px}
.ck-fix b{display:block;font-size:16px;line-height:1.35}.ck-fix p{font-size:14.5px;color:var(--muted);margin-top:4px}
.ck-read .r{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s4);padding:var(--s2) 0;font-size:14.5px}.ck-read .r span:first-child{color:var(--muted);font-weight:700}
.f{font-style:normal;font-size:11.5px;font-weight:800;padding:2px 6px;border-radius:5px;margin-left:6px;background:var(--surface2)}.f.ok{color:var(--lime-ink)}.f.weak{color:#e8a13a}.f.missing{color:#ff7a6b}
.ck-pkg{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:var(--s6);align-items:end;box-shadow:inset 0 0 0 2px var(--lime)}
.ck-pkg .h3{margin:var(--s2) 0}.ck-pkg>div>p{color:var(--muted)}.ck-pkg .ctas{flex-direction:column;align-items:stretch}
.ck-foot{font-size:14px;color:var(--muted)}.ck-foot a{color:var(--text);font-weight:700}.ck-again{font-weight:700;color:var(--muted);margin-left:var(--s2);text-decoration:underline;text-underline-offset:3px}
.ckside{display:grid;gap:var(--s4);position:sticky;top:96px}.ckside .card{padding:var(--s5)}.ckside .card p{font-size:15px}.ckside .card .k{margin-bottom:var(--s3)}

/* Brand MRI */
.mrihero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s5) var(--s8);align-items:center}
.mri-card{padding:var(--s6);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.mri-top{display:flex;justify-content:space-between;font-weight:800;font-size:14px}.mri-top em{font-style:normal;color:var(--lime-ink)}
.mri-rows{display:grid;gap:var(--s4);margin-top:var(--s6)}.mri-rows div{display:grid;grid-template-columns:96px 1fr;gap:var(--s3);align-items:center;font-size:14px;font-weight:700;color:var(--muted)}
.mri-rows i{display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--lime) calc(var(--w)*100%),var(--surface2) 0)}
.mri-note{margin-top:var(--s5);font-size:12.5px;color:var(--faint)}
.mri4 .card h3{font-size:20px}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.vs>div{padding:var(--s6);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:var(--s3)}
.vs>.hl{box-shadow:inset 0 0 0 2px var(--lime)}.vs .k{font:400 15px/1 var(--fd);color:var(--lime-ink)}.vs h3{font-size:26px;letter-spacing:-.03em}
.vs .dots{margin:var(--s2) 0 var(--s4)}.vs .btn,.vs .link{margin-top:auto;align-self:flex-start}

/* about */
.abx{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s5) var(--s7);align-items:end}
.abx-img figcaption{display:flex;justify-content:space-between;gap:var(--s2) var(--s4);flex-wrap:wrap;margin-top:var(--s3);font-size:13px;font-weight:600;color:var(--muted)}
.prs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.pr{padding:var(--s5);border-radius:var(--r3);background:var(--surface)}.pr .num{font-size:40px;color:var(--lime-ink);display:block;margin-bottom:var(--s5)}
.pr h3{font-size:20px;letter-spacing:-.025em;line-height:1.25;margin-bottom:var(--s2)}.pr p{font-size:15px;color:var(--muted)}
.spots{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s7);align-items:center;padding:var(--s7);border-radius:var(--r3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.spots-n{display:grid;gap:var(--s3)}.spots .fact{background:var(--surface2)}

/* thanks, 404, faq, privacy */
.tyx{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s5) var(--s8);align-items:center}
.nf{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.nf-tag{width:100%;max-width:340px;justify-self:center;opacity:.92}:root[data-theme="light"] .nf-tag{filter:invert(1)}
.fqs{display:grid;gap:var(--s8)}.fq h2{margin-bottom:var(--s5)}
.prose{max-width:68ch}.prose h2{font-size:22px;letter-spacing:-.03em;margin:var(--s7) 0 var(--s3)}.prose h2:first-child{margin-top:0}
.prose p{color:var(--muted);margin-bottom:var(--s3)}.prose a{color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}

@media (max-width:1280px){.nav .avail{display:none}}
@media (max-width:1180px){.has-rail .svc .wrap{padding-left:calc(var(--pad) + 48px)}}
@media (max-width:960px){
  .svg6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .leap,.leapx,.srow,.srow-g,.mrihero,.abx,.tyx,.nf,.spots,.vs,.ckwrap,.ck-pkg{grid-template-columns:minmax(0,1fr)}
  .srow.flip .srow-m{order:0}.srow{padding:var(--s6) 0}
  .ladder,.steps4,.prs,.mri4{grid-template-columns:repeat(2,minmax(0,1fr))}.ladder a:after{display:none}
  .ckside{position:static}.nf-tag{max-width:220px;justify-self:start}
  .leapx{padding:var(--s6)}
}
@media (max-width:900px), (orientation:portrait) and (max-width:1100px){.has-rail .svc .wrap{padding-left:var(--pad)}}
@media (max-width:760px){
  .svc{padding:var(--s8) 0 var(--s7)}
  .svg6{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--s3);margin:0 calc(var(--pad)*-1);padding:0 var(--pad) var(--s2);scrollbar-width:none}.svg6::-webkit-scrollbar{display:none}
  .sv{flex:0 0 84%;scroll-snap-align:start}
  .leap{padding:var(--s5);gap:var(--s5)}.leap-n .num{font-size:64px}
  .steps4,.steps4.s3,.prs,.ladder,.mri4,.gal2{grid-template-columns:minmax(0,1fr)}
  .dots.cols2{grid-template-columns:minmax(0,1fr)}
  .ck-card{padding:var(--s5)}.ck-row{flex-direction:column}.ck-row .btn{width:100%}
  .ck-score{grid-template-columns:minmax(0,1fr);justify-items:start}.dial{width:140px;height:140px}.dial b{font-size:44px}
  .ck-read .r{grid-template-columns:minmax(0,1fr);gap:2px}
  .spots{padding:var(--s5)}.srow-s .dd .num{font-size:48px}
  .leap-n.lg .num{font-size:72px}
  .big.sm{font-size:56px}
}
.rcard .h1{font-size:clamp(40px,4.8vw,76px)}
.page section[id]{scroll-margin-top:124px}
.ftag,.tagbg,.nf-tag,.vt-logo,.logos img,.clogo img{height:auto}.vt-logo{height:28px}.logos img{max-height:28px}.clogo img{height:22px}
@media (max-width:960px){.no-wa-m .wa{display:none}.chat-in-view .wa{opacity:0;pointer-events:none;transform:translateY(16px)}}
.menu-open .wa{opacity:0;pointer-events:none}@media (max-width:760px){.facts .fact b{font-size:22px}}

/* =====================================================================  D4: one world, ten chapters */
/* chapter lengths: each chapter holds while its story plays, then the camera arcs to the next */
.c1{height:220vh}.c2{height:250vh}.c3{height:400vh}.c4{height:240vh}.c5{height:270vh}.c6{height:300vh}.c7{height:220vh}.c8{height:220vh}
.c9{position:relative;padding:0 0 var(--s9)}
.outro-beat{height:100vh;height:100svh;display:flex;align-items:flex-end;padding-bottom:12vh;pointer-events:none}
.has-rail .outro-beat .wrap{max-width:none;padding-left:calc(var(--pad) + 160px)}
.outro-t{font:400 clamp(30px,3.4vw,54px)/1.12 var(--fd);letter-spacing:-.02em;max-width:18ch;padding-bottom:.08em;text-shadow:0 2px 30px color-mix(in srgb,var(--bg) 80%,transparent)}
/* the copy lifts away on the same curve the camera leaves on (world.js sets --lv) */
.ch .stick>.wrap{opacity:calc(1 - var(--lv,0));transform:translate3d(0,calc(var(--lv,0) * -56px),0);will-change:opacity,transform}
.no-gl .ch .stick>.wrap{opacity:1;transform:none}
.panel.wide{width:min(100%,600px)}

/* nav: the pill sits in the bar, beside the logo, never on top of the hero copy */
.nav .avail{padding:6px 12px 6px 10px;border-radius:8px;background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
.nav .logo{margin-right:var(--s2)}

/* hero: compact, "Ready for AI." flows right after "hand." */
.hero .inner{max-width:860px}
.hero .h1.hero-h{margin-top:0;font-size:clamp(40px,5.1vw,82px);max-width:13.6em;line-height:1.02;letter-spacing:-.05em}
.hero .h1 .l2{display:inline;color:var(--lime-ink);white-space:nowrap}
.hero .lead{margin-top:var(--s5);max-width:52ch}
.hero .ctas{margin-top:var(--s6)}
.hero .stats{margin-top:var(--s7);padding-top:var(--s5);box-shadow:0 -1px 0 var(--line);max-width:620px;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:var(--s5) var(--s7)}
.scrollcue{position:absolute;left:50%;bottom:var(--s6);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--s2);font-size:12px;font-weight:700;color:var(--faint);opacity:0;transition:opacity .8s 1.6s}
.scrollcue i{width:2px;height:34px;border-radius:1px;background:linear-gradient(var(--lime),transparent);transform-origin:top;animation:cue 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.world-ready .scrollcue{opacity:1}

/* ch1: the problem - E's dark drag card, D's panel */
.split2{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:var(--s7);align-items:center;width:100%}
.split2 .panel{width:100%}
.wide-ui{pointer-events:auto;max-width:760px}
.score2{display:flex;align-items:baseline;gap:var(--s4);margin-top:var(--s5)}
.score2 .num{font-size:clamp(56px,5vw,76px);color:var(--lime-ink);min-width:2ch;font-variant-numeric:tabular-nums}
.score2 span{font-size:var(--t-small);color:var(--muted);line-height:1.4;max-width:30ch}
.meter{height:4px;border-radius:2px;background:var(--line2);margin-top:var(--s3);overflow:hidden}
.meter i{display:block;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(.44)}
.fixes{list-style:none;display:grid;gap:var(--s2);margin-top:var(--s4)}
.fixes li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--s3);font-size:15px;line-height:1.45;color:var(--faint);transition:color .4s}
.fixes li svg{width:18px;height:18px;margin-top:2px;color:var(--line2);transition:color .4s}
.fixes li.on{color:var(--text)}.fixes li.on svg{color:var(--lime-ink)}
.refine{position:relative;aspect-ratio:16/10.4;border-radius:var(--r3);overflow:hidden;container-type:inline-size;--p:100%;user-select:none;touch-action:pan-y;box-shadow:0 0 0 1px var(--line2),var(--shadow);background:#0c0d0e;cursor:ew-resize}
.rf-layer{position:absolute;inset:0;padding:6.5cqw 7cqw;display:grid;grid-template-rows:auto 1fr auto;font-size:1cqw}
.rf-ai{z-index:1;background:linear-gradient(125deg,#6d5bd0 0%,#a65fd6 46%,#5ab3d8 100%);color:#fff;font-family:Arial,Helvetica,sans-serif}
.rf-ai:after{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 28% 30%,rgba(255,255,255,.22),transparent 70%),radial-gradient(40% 50% at 80% 80%,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.rf-on{z-index:2;background:radial-gradient(90% 120% at 100% 0%,#17191a,#0b0c0d 60%);color:#F2F2EF;clip-path:inset(0 0 0 var(--p));font-family:var(--f)}
.rf-on:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,242,239,.05) 1px,transparent 1px) 0 0/12.5% 100%;pointer-events:none}
.rf-top{display:flex;justify-content:space-between;align-items:center;gap:2cqw;font-size:2.1cqw;position:relative;z-index:1}
.rf-name{display:flex;align-items:center;gap:1.2cqw;font-weight:700;letter-spacing:-.03em}
.rf-name .vm{width:2cqw;height:2.6cqw;fill:#82FF1F}
.rf-ai .rf-name{font:italic 700 2.4cqw/1 Georgia,serif;letter-spacing:0}
.rf-tagr{font-size:1.25cqw;letter-spacing:.06em;opacity:.6;font-weight:700}
.rf-ai .rf-tagr{opacity:.9;background:rgba(0,0,0,.25);padding:.8cqw 1.4cqw;border-radius:1cqw}
.rf-mid{align-self:center;position:relative;z-index:1}
.rf-h{font:400 6.6cqw/1.06 var(--fd);letter-spacing:-.03em;padding-bottom:.1em}
.rf-ai .rf-h{font:700 5.6cqw/1.12 Arial,sans-serif;letter-spacing:-.01em}
.rf-sub{margin-top:2cqw;font-size:1.9cqw;line-height:1.45;opacity:.7;max-width:46ch}
.rf-ai .rf-sub{opacity:.9}
.rf-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:2cqw;position:relative;z-index:1}
.rf-cta{display:inline-flex;align-items:center;height:5cqw;padding:0 2.4cqw;border-radius:.9cqw;background:#82FF1F;color:#060606;font-weight:700;font-size:1.7cqw}
.rf-ai .rf-cta{background:#fff;color:#6a3cff;border-radius:3cqw}
.rf-sw{display:flex;gap:.9cqw}
.rf-sw i{width:4.2cqw;height:4.2cqw;border-radius:.7cqw;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.rf-stats{display:flex;gap:3.4cqw}
.rf-stats b{display:block;font:400 3.2cqw/1.15 var(--fd);letter-spacing:-.02em}
.rf-ai .rf-stats b{font:700 3.2cqw/1.15 Arial,sans-serif}
.rf-stats span span{font-size:1.25cqw;opacity:.6}
.mk{position:absolute;pointer-events:none;z-index:3;opacity:0;transition:opacity .5s var(--ease)}
.mk.on{opacity:1}
.mk svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mk path{fill:none;stroke:#82FF1F;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.1s var(--ease)}
.mk.on path{stroke-dashoffset:0}
.mk em{position:absolute;white-space:nowrap;font:400 2cqw/1.25 var(--fd);color:#82FF1F;font-style:normal;padding-bottom:.1em}
.rf-handle{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#F2F2EF;z-index:4;box-shadow:0 0 24px rgba(130,255,31,.35)}
.rf-handle i{position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:12px;transform:translate(-50%,-50%);background:#82FF1F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0c0b' stroke-width='2.2'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.rf-handle:focus-visible{outline:none}.rf-handle:focus-visible i{outline:2px solid #fff;outline-offset:3px}
.rf-tabs{position:absolute;left:var(--s4);right:var(--s4);bottom:var(--s4);display:flex;justify-content:space-between;z-index:5;pointer-events:none}
.rf-tabs span{font-size:12px;font-weight:700;padding:var(--s2) var(--s3);border-radius:8px;background:rgba(7,7,7,.62);color:#F2F2EF;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rf-tabs span:last-child{background:#82FF1F;color:#060606}

/* ch2: built by hand - six crafts light up as the stone is finished */
.crafts{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s5)}
.crafts li{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:1fr auto;gap:var(--s2) var(--s3);padding:var(--s3) var(--s4) var(--s3) var(--s3);border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1px transparent;transition:background .5s var(--ease),box-shadow .5s var(--ease)}
.crafts li.on{box-shadow:inset 0 0 0 1px var(--line2)}
.cr-i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line2);transition:background .4s,box-shadow .4s;margin-top:1px}
.cr-i svg{width:13px;height:13px;color:#0b0c0b;opacity:0;transition:opacity .3s}
.crafts li.on .cr-i{background:var(--lime);box-shadow:none}.crafts li.on .cr-i svg{opacity:1}
.cr-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-t b{display:block;font-size:14.5px;font-weight:700;line-height:1.3;color:var(--faint);transition:color .4s}
.cr-t a:hover b{color:var(--lime-ink)}
.cr-p{font-size:13px;line-height:1.45;color:var(--faint);transition:color .4s}
.crafts li.on .cr-t b{color:var(--text)}.crafts li.on .cr-p{color:var(--muted)}
.cr-f{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}
.cr-f em{font:400 14px/1.25 var(--fd);font-style:normal;color:var(--lime-ink);padding-bottom:.06em;white-space:nowrap}
.cr-f a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.cr-f a:hover{color:var(--text)}.cr-f a svg{width:12px;height:12px}
.cr-cta{margin-top:var(--s5)}
.quiet-l{color:var(--muted)}

/* ch3: 21 days over the tree */
.season{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:var(--s5) var(--s7);height:100%;padding-top:112px;padding-bottom:var(--s8);pointer-events:none}
.sea-copy{max-width:470px;pointer-events:auto}
.sea-copy .h2{margin:var(--s4) 0}
.sea-copy .body{max-width:44ch}
.daycount{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.daycount .num{font-size:clamp(96px,11vw,176px);color:var(--lime-ink);line-height:.92;padding-bottom:.04em;font-variant-numeric:tabular-nums}
.daycount span{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s2)}
.daycount em{font-style:normal;font-size:var(--t-label);font-weight:700;color:var(--muted)}
.daycount strong{font:400 22px/1.25 var(--fd);color:var(--text);padding-bottom:.08em}
.tline{grid-column:1/-1;grid-row:3;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);pointer-events:auto}
.tline li{display:flex;flex-direction:column;gap:var(--s2)}
.tline .bar{display:block;height:3px;border-radius:2px;background:var(--line2);overflow:hidden}
.tline .bar i{display:block;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(var(--f,0));transition:transform .3s var(--ease)}
.tline b{font-size:var(--t-label);font-weight:700;color:var(--faint);transition:color .4s;margin-top:var(--s2)}
.tline span{font-size:var(--t-small);line-height:1.45;color:var(--faint);transition:color .4s;max-width:30ch}
.tline li.on b{color:var(--lime-ink)}.tline li.on span{color:var(--text)}
.season .sea-copy,.season .daycount,.season .tline{text-shadow:0 1px 24px color-mix(in srgb,var(--bg) 80%,transparent)}
.has-rail .c3 .season{padding-left:calc(var(--pad) + 160px)}

/* ch5: the three layers, in plain words */
.layers.three{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.layers button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px var(--s3);align-items:baseline;width:100%}
.layers button em{grid-row:1/3;margin:0}
.layers button b{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--s2);font-size:16px;margin:0}
.layers button b small{font-size:12.5px;font-weight:700;color:var(--lime-ink)}
.layers button span{grid-column:2;font-size:14px;line-height:1.45;color:var(--muted)}
.layers button.on span{color:var(--text)}
.os-tag{font-size:13.5px}

/* ch7: clients */
.clients .tqs{position:relative;display:grid;margin-top:var(--s5)}
.tq{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .7s var(--ease);pointer-events:none}
.tq.on{opacity:1;transform:none;pointer-events:auto}
.tq p{font-size:clamp(21px,1.9vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.3;max-width:34ch}
.tq p:before{content:"\201C";color:var(--lime-ink)}.tq p:after{content:"\201D";color:var(--lime-ink)}
.tq footer{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);font-size:var(--t-small);color:var(--muted)}
.tq footer b{display:block;color:var(--text);font-size:15px}
.tnav{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap}
.tdot{width:52px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.tdot img{max-width:30px;max-height:18px;width:auto;height:auto;filter:brightness(0) invert(1);opacity:.45;transition:opacity .3s}
:root[data-theme="light"] .tdot img{filter:brightness(0)}
.tdot.on{box-shadow:inset 0 0 0 1.5px var(--lime)}.tdot.on img,.tdot:hover img{opacity:1}
.tbar{flex:1;min-width:60px;height:2px;border-radius:1px;background:var(--line2);overflow:hidden;margin-left:var(--s2)}
.tbar i{display:block;height:100%;background:var(--lime);transform-origin:left;transform:scaleX(0)}
.vslot{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s3);align-items:center;width:100%;margin-top:var(--s5);padding:var(--s3) var(--s4) var(--s3) var(--s3);border-radius:var(--r2);background:var(--surface2);text-align:left;box-shadow:inset 0 0 0 1px var(--line)}
.vs-play{width:44px;height:44px;border-radius:12px;background:var(--lime);color:#0b0c0b;display:grid;place-items:center}
.vs-play svg{width:18px;height:18px;margin-left:2px}
.vs-cap{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--muted);line-height:1.4}
.vs-cap b{color:var(--text);font-size:15px}
.vs-soon{position:absolute;right:var(--s3);top:50%;transform:translateY(-50%);padding:var(--s2) var(--s3);border-radius:8px;background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);font-size:12.5px;font-weight:700;opacity:0;transition:opacity .4s}
.vslot.soon .vs-soon{opacity:1}

/* ch9: your spot - a lime card in the world, the chat beside it */
.spot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--s7);align-items:center;width:100%}
.has-rail .c9 .spot-in{max-width:none;padding-left:calc(var(--pad) + 160px)}
.spotcard{padding:var(--s7);border-radius:var(--r3);background:var(--lime);color:#0b0c0b;box-shadow:var(--shadow);pointer-events:auto;--muted:rgba(11,12,11,.7);--text:#0b0c0b;--lime-ink:#0b0c0b}
.spotcard .label{color:rgba(11,12,11,.7)}.spotcard .label:before{background:#0b0c0b}.spotcard .label b{color:#0b0c0b}
.spotcard .h2{margin:var(--s4) 0;max-width:14ch}
.spotcard .body{color:rgba(11,12,11,.74)}
.spotcard .quiet{margin-top:var(--s5);color:rgba(11,12,11,.72)}.spotcard .quiet a{color:#0b0c0b;text-decoration:underline;text-underline-offset:3px}
.starts{margin-top:var(--s6);padding:var(--s5);border-radius:var(--r2);background:#0b0c0b;color:#f3f5f0;max-width:440px}
.slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.slots i{aspect-ratio:.8;border-radius:6px;background:repeating-linear-gradient(135deg,#1c1f1c 0 5px,#252925 5px 10px)}
.slots i.free{background:var(--lime);box-shadow:0 0 18px -4px rgba(130,255,31,.75)}
.sn{display:flex;align-items:baseline;gap:var(--s3);margin-top:var(--s4)}
.sn b{font:400 44px/1 var(--fd);color:#82ff1f;padding-bottom:.06em}
.sn span{font-weight:700}
.sx{margin-top:var(--s2);font-size:var(--t-small);color:#a9b0a6}.sx b{color:#f3f5f0}
.spot-r{pointer-events:auto}
.spot-r .chat.compact{margin-top:0;box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}

@media (max-width:1180px){
  .split2{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:var(--s5)}
  .has-rail .c3 .season,.has-rail .c9 .spot-in{padding-left:calc(var(--pad) + 48px)}
  .spot-in{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--s5)}
}
@media (max-width:900px), (orientation:portrait) and (max-width:1100px){
  .has-rail .c3 .season,.has-rail .c9 .spot-in{padding-left:var(--pad)}
  .split2{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .c1 .stick{align-items:center;padding-bottom:0}
  .c1 .split2{padding-top:72px}
  .season{padding-top:84px;padding-bottom:var(--s6)}
  .daycount .num{font-size:80px}
  .tline{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}
  .spot-in{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .c9{padding:0 0 var(--s8)}.has-rail .outro-beat .wrap{padding-left:var(--pad)}.outro-beat{padding-bottom:16vh}
  .spot-r{max-width:640px}
  .hero .stats{grid-template-columns:repeat(4,auto)}
}
@media (max-width:760px){
  .c1{height:210vh}.c2{height:230vh}.c3{height:340vh}.c4{height:220vh}.c5{height:250vh}.c6{height:270vh}.c7{height:210vh}.c8{height:200vh}
  .scrollcue{display:none}
  .hero .h1.hero-h{font-size:clamp(36px,10.4vw,44px);max-width:none}
  .hero .stats{grid-template-columns:repeat(4,auto);gap:var(--s3) var(--s5);margin-top:var(--s5);padding-top:var(--s4);justify-content:space-between}
  .hero .stats b{font-size:22px}.hero .stats span{font-size:12px;line-height:1.3}
  .ch .panel .h2{font-size:27px}
  .c1 .panel{padding:var(--s4) var(--s5)}
  .score2{margin-top:var(--s3);gap:var(--s3)}.score2 .num{font-size:44px}.score2 span{font-size:13px}
  .c1 .method{display:none}
  .refine{aspect-ratio:16/12}
  .rf-layer{padding:6cqw 6cqw;font-size:2cqw}
  .rf-top{font-size:3.6cqw}.rf-name .vm{width:3.4cqw;height:4.4cqw}.rf-ai .rf-name{font-size:4cqw}.rf-tagr{display:none}
  .rf-h{font-size:9.4cqw}.rf-ai .rf-h{font-size:7.6cqw}.rf-sub{font-size:3.4cqw}
  .rf-cta{height:8cqw;padding:0 3.6cqw;font-size:3.2cqw;border-radius:1.6cqw}.rf-sw,.rf-stats span span{display:none}.rf-stats b{font-size:5.2cqw}
  .rf-tabs span{font-size:11px;padding:6px 8px}
  .mk{display:none}
  .c2 .panel{padding:var(--s4) var(--s4) var(--s5)}
  .crafts{gap:6px;margin-top:var(--s3)}
  .crafts li{grid-template-columns:18px minmax(0,1fr);padding:var(--s2) var(--s3) var(--s2) var(--s2);gap:4px var(--s2)}
  .cr-i{width:18px;height:18px;border-radius:5px}.cr-i svg{width:11px;height:11px}
  .cr-t b{font-size:13px}.cr-p{display:none}.cr-f em{font-size:12.5px}.cr-f a{display:none}
  .cr-cta{margin-top:var(--s4);gap:var(--s3) var(--s5)}
  .season{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;padding-top:76px;gap:var(--s3);padding-bottom:var(--s5)}
  .sea-copy .h2{font-size:28px;margin:var(--s3) 0 var(--s2)}
  .sea-copy .body{font-size:15px}
  .daycount{grid-column:1;grid-row:2;flex-direction:row;align-items:flex-end;gap:var(--s3);text-align:left}
  .daycount .num{font-size:56px}.daycount span{margin:0 0 6px}
  .tline{grid-row:4;gap:var(--s3)}
  .tline li:not(.now){display:none}.tline{grid-template-columns:minmax(0,1fr)}
  .tline span{font-size:14px}
  .layers button{grid-template-columns:28px minmax(0,1fr);padding:var(--s3)}
  .layers button span{font-size:13px}
  .c5 .layers button:not(.on) span{display:none}
  .tq p{font-size:19px}
  .tnav{margin-top:var(--s4)}.tdot{width:44px;height:34px}
  .vslot{margin-top:var(--s4)}.vs-cap span{display:none}
  .spotcard{padding:var(--s5)}
  .spotcard .h2{font-size:30px}
  .chat,.chat.compact{min-height:0}
}
@media (max-width:760px) and (max-height:700px){.c1 .panel .h2{font-size:23px}.score2 .num{font-size:36px}}
.ch .panel .h2{font-size:clamp(30px,2.75vw,42px);line-height:1.08}
.ch .panel.wide .h2{font-size:clamp(30px,2.9vw,44px)}
.sea-copy .h2{font-size:clamp(34px,3.4vw,52px)}
@media (min-width:901px){.split2 .wide-ui{padding-right:var(--s8)}}
/* D4: built-by-hand list, one idea per row */
.crafts{grid-template-columns:minmax(0,1fr);gap:4px}
.crafts li{display:block;padding:0;background:none;box-shadow:none}
.crafts li a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4) var(--s3) var(--s3);border-radius:var(--r1);background:var(--surface2);transition:background .4s var(--ease),box-shadow .4s var(--ease)}
.crafts li a:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.crafts li b{font-size:15px;font-weight:700;line-height:1.3;color:var(--faint);transition:color .4s}
.crafts li em{font:400 15px/1.2 var(--fd);font-style:normal;color:var(--faint);white-space:nowrap;padding-bottom:.06em;transition:color .4s}
.crafts li.on b{color:var(--text)}.crafts li.on em{color:var(--lime-ink)}
@media (max-width:760px){.crafts li a{grid-template-columns:18px minmax(0,1fr) auto;padding:var(--s2) var(--s3) var(--s2) var(--s2);gap:var(--s2)}.crafts li b{font-size:13.5px}.crafts li em{font-size:13px}}
@media (max-width:960px){.nav-tools{margin-left:auto}}
@media (max-width:760px){.hero .stick{padding-bottom:56px}}
@media (max-width:760px){
  .season{grid-template-rows:auto 1fr auto auto}
  .sea-copy .body{display:none}
  .daycount{grid-row:3}
  .tline{grid-row:4}
}
@media (max-width:760px){.c4 .cs p,.c4 .hint{display:none}.c4 .focus{min-height:120px}.c4 .cs .num{font-size:44px}.c6 .hint{display:none}.c6 .big4 .num{font-size:28px}}
@media (max-width:760px){.c8 .tagline{font-size:20px;margin-top:var(--s3)}}
/* A/B: hero + main CTA (data-v set in <head> before paint) */
:root[data-v="b"] .va,:root[data-v="b"] .va-f,:root:not([data-v="b"]) .vb,:root:not([data-v="b"]) .vb-f{display:none}
/* consent bar: small, bottom-left, never over CTAs or the WhatsApp bubble */
.consent{position:fixed;left:var(--s4);bottom:var(--s4);z-index:61;max-width:min(440px,calc(100vw - 112px));padding:var(--s3) var(--s4);border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),0 20px 40px -16px rgba(0,0,0,.5);font-size:13px;line-height:1.45;color:var(--muted)}
.consent[hidden]{display:none}
.consent a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.consent>div{display:flex;gap:var(--s2);margin-top:var(--s2)}
.consent .btn.sm{height:34px;font-size:13px;padding:0 var(--s3)}
.menu-tools{display:flex;gap:var(--s2);margin-top:var(--s5)}
@media (min-width:761px){.menu-tools{display:none}}
@media (max-width:760px){.nav .ico.theme-btn:not(.m),.nav .ico.lang-btn:not(.m){display:none}.menu .ico.m{display:grid}.consent{left:var(--s3);right:84px;bottom:var(--s3);max-width:none}}

/* =====================================================================  D4 inner pages: the same world */
#pworld{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;opacity:0;transition:opacity .6s var(--ease)}
#pworld.on{opacity:1}
.no-gl #pworld{display:none}
.ph-t{max-width:760px}
.ph-t .h1{margin-top:var(--s5);max-width:15ch}
#pworld~.page>.phero:first-child{min-height:min(88vh,860px);display:flex;flex-direction:column;justify-content:center}
.phero.wrap{position:relative}
.page>.phero:first-child .sjump{margin-top:var(--s8)}
@media (max-width:900px){#pworld~.page>.phero:first-child{min-height:0;padding-top:min(56vw,300px)}}
/* sections float in the world: solid enough to read, translucent enough to feel it */
.page .sec>.head,.page .card,.page .fact,.page .srow-s,.page .ladder a,.page .steps4 li{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.page .card,.page .ladder a{background:color-mix(in srgb,var(--surface) 88%,transparent)}

/* promise: risk reversal + what happens next */
.rks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.rk{padding:var(--s6);border-radius:var(--r3);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
.rk-i{width:32px;height:32px;border-radius:9px;background:var(--lime);color:#0b0c0b;display:grid;place-items:center;margin-bottom:var(--s5)}.rk-i svg{width:18px;height:18px}
.rk h3{font-size:20px;letter-spacing:-.025em;line-height:1.25;margin-bottom:var(--s2)}.rk p{color:var(--muted);font-size:15.5px}
.nxt{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-top:var(--s6);counter-reset:n}
.nxt li{position:relative;padding-top:var(--s5);box-shadow:inset 0 2px 0 var(--line2)}
.nxt li:before{content:"";position:absolute;left:0;top:0;width:40px;height:2px;background:var(--lime)}
.nxt em{display:block;font:400 18px/1.2 var(--fd);font-style:normal;color:var(--lime-ink);margin-bottom:var(--s2);padding-bottom:.06em}
.nxt p{font-size:15px;color:var(--muted)}.nxt b{color:var(--text)}

/* which package fits you */
.fit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7);align-items:start;padding:var(--s7);border-radius:var(--r3);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--lime) 10%,transparent),transparent 55%),color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 45%,transparent)}
.fit .h2{margin:var(--s4) 0}
.fit-top{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.fit-back{font-weight:700;color:var(--muted)}.fit-back:hover{color:var(--text)}
.fit-bar{height:4px;border-radius:2px;background:var(--line2);margin:var(--s3) 0 var(--s5);overflow:hidden}.fit-bar i{display:block;height:100%;background:var(--lime);transform-origin:left;transition:transform .6s var(--ease)}
.fit-q{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--s4);outline:0;padding-bottom:.04em}
.fit-o{display:grid;gap:var(--s2)}
.fit-o button{text-align:left;min-height:56px;padding:var(--s3) var(--s4);border-radius:var(--r2);background:var(--bg2);box-shadow:inset 0 0 0 1.5px transparent;font-weight:600;font-size:16px;transition:box-shadow .25s}
.fit-o button:hover{box-shadow:inset 0 0 0 1.5px var(--line2)}.fit-o button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--lime)}
.fit-res .h3{margin:var(--s2) 0 var(--s3);font-size:clamp(26px,2.4vw,34px)}.fit-res>p{color:var(--muted)}.fit-res .quiet{margin-top:var(--s3)}.fit-res .ctas{margin-top:var(--s5)}
.fit-res p.k{color:var(--lime-ink)}

/* brand os pro: layers in plain words */
.lyxs{display:grid;gap:var(--s5)}
.lyx{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s7);align-items:center;padding:var(--s6);border-radius:var(--r3);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
.lyx:nth-child(2) .glimg{order:-1}
.lyx-n{font:400 15px/1 var(--fd);color:var(--lime-ink)}
.lyx h3{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;margin:var(--s3) 0;line-height:1.1;padding-bottom:.04em}.lyx h3 small{font-size:15px;letter-spacing:0;color:var(--lime-ink);font-weight:700;margin-left:var(--s2)}
.lyx-w{font-size:var(--t-lead);color:var(--text);max-width:46ch}
.lyx-e{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r2);background:var(--bg2);color:var(--muted);font-size:15px}.lyx-e b{color:var(--text)}
.monthly{margin-top:var(--s5)}

/* about: the wall slots */
.wall{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7);align-items:center}
.wall-ph{position:relative;aspect-ratio:4/3;border-radius:var(--r3);background:repeating-linear-gradient(135deg,var(--surface) 0 12px,var(--surface2) 12px 24px);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.wall-ph img{width:46%;height:auto;opacity:.5}:root[data-theme="light"] .wall-ph img{filter:invert(1)}
.wall-ph figcaption{position:absolute;left:var(--s4);bottom:var(--s4);font-size:13px;font-weight:700;color:var(--muted)}
.wall-q{font:400 clamp(24px,2.4vw,34px)/1.2 var(--fd);margin:var(--s4) 0 var(--s3);padding-bottom:.06em}

/* journal + press */
.jgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.jcard{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s6);border-radius:var(--r3);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.jcard:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.jc-m{font-size:13px;font-weight:700;color:var(--lime-ink)}.jcard p{color:var(--muted)}.jc-d{margin-top:auto;font-size:13px;color:var(--faint)}
.prl{display:grid;gap:var(--s2)}
.pr-i{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 20px;gap:var(--s5);align-items:center;padding:var(--s4) var(--s5);border-radius:var(--r2);background:color-mix(in srgb,var(--surface) 90%,transparent);transition:box-shadow .3s}
.pr-i:hover{box-shadow:inset 0 0 0 1.5px var(--line2)}.pr-o{font-weight:700}.pr-o em{display:block;font-style:normal;font-size:13px;color:var(--muted);font-weight:600}.pr-i b{font-weight:600}.pr-i svg{width:16px;height:16px;color:var(--muted)}
.post{max-width:860px}.post .phero{min-height:0;padding-bottom:var(--s6)}.post .h1{font-size:clamp(38px,4.4vw,64px);max-width:20ch}
.post-by{display:flex;gap:var(--s3);align-items:center;margin-top:var(--s6);font-size:14px;color:var(--muted)}.post-by img{border-radius:11px}.post-by b{display:block;color:var(--text)}
.post-b{padding-bottom:var(--s9)}.post-b p{font-size:18px;line-height:1.65}.post-b .dots li{font-size:17px}

/* hr branding, go pages, mirror */
.inds{display:flex;flex-wrap:wrap;gap:var(--s2)}.inds span{padding:var(--s3) var(--s4);border-radius:var(--r1);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:inset 0 0 0 1px var(--line);font-weight:700}
.go-nav .avail{margin-left:var(--s4)}.go-nav .nav-tools{margin-left:auto}
.go-foot{padding:var(--s6) 0}.go-foot .bot{margin-top:0}
.gospot{grid-template-columns:minmax(0,1fr) minmax(0,520px)}
.mr-form label{display:flex;gap:var(--s2);align-items:baseline;font-size:15px}.mr-form label span{color:var(--faint);font-size:13px;font-weight:600}
.mr-lines{list-style:none;display:grid;gap:var(--s2);margin-top:var(--s4)}.mr-lines li{color:var(--faint);transition:color .4s}.mr-lines li.on{color:var(--text)}
.mr-says{font-size:18px;line-height:1.5;color:var(--text);margin:var(--s3) 0}
.mr-os-h{display:flex;justify-content:space-between;align-items:center}
.mr-portal{display:grid;grid-template-columns:200px minmax(0,1fr);margin-top:var(--s4);border-radius:var(--r2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2);background:var(--bg2)}
.mr-side{padding:var(--s4);box-shadow:1px 0 0 var(--line)}.mr-logo{display:flex;gap:var(--s2);align-items:center;margin-bottom:var(--s4)}.mr-logo img{max-height:22px;max-width:60px;object-fit:contain}
.mr-side ul{list-style:none;display:grid;gap:4px;font-size:13.5px;color:var(--muted)}.mr-side li.on{color:var(--text);font-weight:700}
.mr-main{padding:var(--s5)}.mr-t{font-weight:700}.mr-sw{display:flex;gap:6px;margin:var(--s3) 0}.mr-sw i{width:36px;height:36px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line2)}.mr-sw em{font-size:13px;color:var(--faint)}
.mr-f{font-size:13.5px;color:var(--muted)}
.mr-cmp{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s4)}.mr-cmp>div{padding:var(--s4);border-radius:var(--r2);background:var(--surface);font-size:14px}.mr-cmp b{display:block;font-size:12.5px;color:var(--muted);margin-bottom:var(--s2)}.mr-cmp .on{box-shadow:inset 0 0 0 1.5px var(--lime)}.mr-cmp .on b{color:var(--lime-ink)}
.ck-mirror{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s5);align-items:center}.ck-mirror .h3{margin:var(--s2) 0}.ck-mirror p{color:var(--muted)}

@media (max-width:960px){
  .rks{grid-template-columns:minmax(0,1fr)}.nxt{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fit,.lyx,.wall,.gospot,.ck-mirror{grid-template-columns:minmax(0,1fr)}.lyx:nth-child(2) .glimg{order:0}
  .jgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .fit{padding:var(--s5)}.lyx{padding:var(--s5);gap:var(--s5)}.rk{padding:var(--s5)}
  .nxt{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .pr-i{grid-template-columns:minmax(0,1fr) 16px;gap:var(--s2) var(--s3)}.pr-i b{grid-column:1}.pr-i svg{grid-row:1/3;grid-column:2}
  .mr-portal{grid-template-columns:minmax(0,1fr)}.mr-side{box-shadow:0 1px 0 var(--line)}.mr-side ul{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3)}.mr-cmp{grid-template-columns:minmax(0,1fr)}
  .jcard{padding:var(--s5)}
}
/* hero enters with a transform-only rise (paints at first frame, so it never delays LCP) */
.hero .inner>*{animation:heroin 1.1s cubic-bezier(.16,1,.3,1) both}
.hero .inner>*:nth-child(2){animation-delay:.06s}.hero .inner>*:nth-child(3){animation-delay:.12s}.hero .inner>*:nth-child(4),.hero .inner>*:nth-child(5){animation-delay:.18s}
@keyframes heroin{from{transform:translateY(28px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.hero .inner>*{animation:none}}
@media (max-width:760px) and (max-height:780px){.c1 .panel .h2{font-size:23px}.score2 .num{font-size:36px}.score2 span{font-size:12.5px}.refine{aspect-ratio:16/11}.c1 .split2{padding-top:64px;gap:var(--s3)}}

.grow{position:relative;height:460vh}
.grow .grow-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.grow .stage{position:absolute;inset:0;background:#050505}
.grow .stage canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;opacity:0;transition:opacity 1.2s var(--ease)}
.grow .stage.ready canvas{opacity:1}
.grow .stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,5,.74) 0%,rgba(5,5,5,.4) 30%,transparent 50%)}
.grow .stage::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;z-index:2;pointer-events:none;background:linear-gradient(transparent,rgba(5,5,5,.6) 45%,rgba(5,5,5,.9))}
.grow .grow-ui{position:relative;z-index:3;height:100%;pointer-events:none;padding-top:clamp(92px,12vh,132px);padding-bottom:var(--s6);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto}
.grow .grow-copy{max-width:540px}
.grow .grow-copy .h2{font:600 clamp(32px,3.5vw,54px)/1.08 var(--f);letter-spacing:-.04em;padding-bottom:.08em;text-wrap:balance}
.grow .grow-copy .h2 span{display:block}
.grow .grow-copy .h2 .acc{color:var(--lime)}
.grow .grow-copy p{margin-top:var(--s4);color:var(--muted);font-size:16px;line-height:1.55;max-width:42ch}
.grow .grow-copy p b{color:var(--text);font-weight:600}
.grow .daycount{justify-self:end;text-align:right}
.grow .daycount b{display:block;font:400 clamp(80px,9.4vw,152px)/1 var(--fd);letter-spacing:-.03em;color:var(--lime);font-variant-numeric:tabular-nums;padding-bottom:.04em}
.grow .daycount .lbl{display:block;margin-top:var(--s2);text-shadow:0 1px 14px rgba(0,0,0,.75),0 0 3px rgba(0,0,0,.6)}
.grow .tl span,.grow .tl b{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.grow .daycount .lbl [data-season]{color:var(--text)}
.grow .tl{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:3fr 7fr 6fr 5fr;gap:var(--s3);list-style:none}
.grow .tl li{display:flex;flex-direction:column;gap:var(--s2)}
.grow .tl .bar{height:3px;border-radius:2px;background:rgba(243,245,240,.14);overflow:hidden}
.grow .tl .bar i{display:block;height:100%;width:calc(var(--f,0) * 100%);background:var(--lime)}
.grow .tl b{font:700 12px/1.35 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);transition:color .5s;margin-top:var(--s2)}
.grow .tl span{font:500 15px/1.45 var(--f);color:rgba(243,245,240,.5);transition:color .5s;max-width:30ch}
.grow .tl li.on b{color:var(--lime)}
.grow .tl li.on span{color:var(--text)}
.grow.rm .grow{height:auto}
.grow.rm .grow-sticky{position:relative}
.grow.rm .stage canvas{transition:none}
@media (max-width:1080px){.grow .tl{grid-template-columns:1fr 1fr;row-gap:var(--s4)}

}
@media (max-width:760px){.grow .grow-ui{padding-top:76px;padding-bottom:var(--s5);grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}
.grow .grow-copy .h2{font-size:clamp(27px,7.6vw,34px);line-height:1.1}
.grow .grow-copy p{font-size:14.5px;margin-top:var(--s3)}
.grow .grow-copy p .x{display:none}
.grow .stage::before{background:linear-gradient(180deg,rgba(5,5,5,.86) 0%,rgba(5,5,5,.5) 26%,transparent 40%)}
.grow .stage::after{height:36%}
.grow .daycount{justify-self:start;text-align:left;grid-row:2;margin-top:var(--s3);display:flex;align-items:baseline;gap:var(--s3)}
.grow .daycount b{font-size:54px}
.grow .daycount .lbl{margin-top:0}
.grow .tl{grid-row:4;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s3)}
.grow .tl b{margin-top:var(--s1);font-size:11px}
.grow .tl span{font-size:13px;line-height:1.4}

}
.grow.tl-compact .grow-ui{grid-template-rows:auto 1fr}
.grow.tl-compact .grow-copy{grid-column:1;grid-row:1}
.grow.tl-compact .daycount{grid-column:2;grid-row:1;align-self:start}
.grow.tl-compact .tl{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:3px;margin-top:var(--s6);max-width:380px}
.grow.tl-compact .tl li{display:grid;grid-template-columns:3px 70px minmax(0,1fr);column-gap:var(--s4);align-items:center;min-height:36px;flex-direction:initial;gap:0 var(--s4)}
.grow.tl-compact .tl .bar{align-self:stretch;width:3px;height:auto;border-radius:2px}
.grow.tl-compact .tl .bar i{width:100%;height:calc(var(--f,0) * 100%)}
.grow.tl-compact .tl b{margin:0;font-size:11.5px;line-height:1.4;padding:2px 0}
.grow.tl-compact .tl span:not(.bar){font:500 15px/1.4 var(--f);max-width:none;padding:2px 0}
@media (max-width:1080px){.grow.tl-compact .grow-ui{grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}
.grow.tl-compact .tl{grid-column:1/-1;grid-row:3;margin-top:0}

}
@media (max-width:760px){.grow.tl-compact .grow-ui{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}
.grow.tl-compact .daycount{grid-column:1;grid-row:2}
.grow.tl-compact .tl{grid-row:4;gap:2px;max-width:340px}
.grow.tl-compact .tl li{grid-template-columns:3px 64px minmax(0,1fr);gap:0 var(--s3);min-height:30px}
.grow.tl-compact .tl b{font-size:10.5px}
.grow.tl-compact .tl span:not(.bar){font-size:13.5px}

}
.grow.tl-compact .grow-copy{max-width:600px}
.grow.tl-compact .grow-copy .h2{font-size:clamp(30px,3.15vw,46px)}
.grow.tl-compact .grow-copy .h2 span{white-space:nowrap}
.grow.tl-compact .grow-copy .h2 .acc{display:inline;white-space:nowrap}
@media (max-width:760px){.grow.tl-compact .grow-copy .h2{font-size:clamp(25px,7vw,32px)}
.grow.tl-compact .grow-copy .h2 span{white-space:normal}
}


/* ===================================================================== Vizura D5 additions (brief D5, 14.10.2026)
   Same scale and tokens as d.css. No pills or capsules: chips and tabs are rectangles with the 10 px radius. */

/* ---------- avatar: round, lime ring, steady (no pulsing) ---------- */
.av{border-radius:50%;animation:none;box-shadow:0 0 12px 0 rgba(130,255,31,.35)}
.av img{border-radius:50%}

/* ---------- nav: dropdowns, Contact, Request a proposal ---------- */
.nav-links{gap:var(--s5);align-items:center}
.nav-links .dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;font-size:15px;padding:var(--s2) 0;transition:color .25s}
.dd-b .caret{width:12px;height:12px;transition:transform .3s var(--ease)}
.dd-b:hover,.dd.open .dd-b,.dd-b.on{color:var(--text)}
.dd.open .caret{transform:rotate(180deg)}
.dd-m{position:absolute;left:-16px;top:calc(100% + 10px);width:310px;padding:var(--s2);border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),0 24px 60px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s .3s;z-index:60}
.dd-m:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd.open .dd-m{opacity:1;visibility:visible;transform:none;transition:opacity .25s var(--ease),transform .3s var(--ease)}
.nav-links .dd-m a{display:block;padding:var(--s3) var(--s3) 14px;border-radius:var(--r1);color:var(--text)}
.nav-links .dd-m a:after{display:none}
.dd-m a:hover,.dd-m a[aria-current]{background:var(--surface2)}
.dd-m b{display:block;font-size:15px;font-weight:700;line-height:1.3}
.dd-m span{display:block;margin-top:2px;font-size:13px;font-weight:500;line-height:1.4;color:var(--muted)}
.nav-avail{display:none}
@media (min-width:1600px){.nav-avail{display:inline-flex}}
@media (max-width:1320px){.nav-links{gap:var(--s4)}.nav-links a,.dd-b{font-size:14.5px}.nav .wrap{gap:var(--s4)}}
@media (max-width:1180px){.nav-links{display:none}.menu-btn{display:grid}}
.menu{overflow-y:auto;gap:0}
.menu a.big{font-size:clamp(30px,8vw,40px);padding:6px 0}
.menu-g{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.menu-g .fh{font-size:var(--t-label);font-weight:700;color:var(--faint);margin-bottom:var(--s2)}
.menu-g a{display:block;padding:var(--s2) 0}
.menu-g b{display:block;font-size:17px}
.menu-g span{display:block;font-size:13.5px;color:var(--muted)}
.menu > .btn{margin-top:var(--s5);align-self:flex-start}

/* ---------- world on/off around the sections that bring their own canvas ---------- */
#world{transition:opacity .6s var(--ease)}
.world-off #world{opacity:0!important}

/* ---------- home: hero ---------- */
.home .hero .h1{font-size:clamp(40px,5.2vw,84px);max-width:15ch}
.hero .tagl{margin-top:var(--s4);font:400 clamp(22px,2.1vw,32px)/1.15 var(--fd);letter-spacing:-.01em;display:inline-block}
.home .hero .lead{margin-top:var(--s4);max-width:50ch}
.hstat{margin-top:var(--s5)}
.home .hero .stats{margin-top:var(--s6)}

/* ---------- home: the problem ---------- */
.h-problem{height:230vh}
.h-problem .panel{width:min(100%,520px)}
.pains{list-style:none;margin-top:var(--s4);display:grid;gap:var(--s3)}
.pains li{position:relative;padding-left:var(--s5);color:var(--muted);font-size:16px;line-height:1.5}
.pains li:before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:#ff8a7a}
.pains b{color:var(--text);font-weight:700}
.answer{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);font-weight:700;font-size:17px;line-height:1.45;color:var(--text)}
.answer:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--lime);margin-right:var(--s3);vertical-align:2px}

/* ---------- home: What I make (Seed to Crystal Bloom, approved) ---------- */
.wim,.grow{--text:#f3f5f0;--muted:#a9b0a6;--faint:#6c7369;--line:rgba(243,245,240,.09);--line2:rgba(243,245,240,.18);--lime-ink:#82ff1f;color:var(--text);background:#0b0c0b;position:relative;z-index:2}
.wim{height:380vh}
.wstick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.wstick canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s var(--ease)}
.wim.gl-ready .wstick canvas{opacity:1}
.wim-poster{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.no-gl .wim-poster{opacity:.9;background:url(/assets/img/bloom-poster.jpg) 72% 50%/cover no-repeat}
.wstick:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b0c0b 0%,rgba(11,12,11,.86) 30%,rgba(11,12,11,0) 54%)}
.has-rail .wcopy{padding-left:calc(var(--pad) + 160px)}
.wcopy{position:relative;z-index:2;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:40px}
.wcopy > *{max-width:560px}
.wim .h2{margin-top:var(--s4);font-size:clamp(32px,3.4vw,52px);max-width:16ch}
.svc{list-style:none;margin-top:var(--s5);display:grid;gap:4px}
.svc a{--c:var(--lime);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 16px 12px 12px;border-radius:12px;background:rgba(21,24,21,.72);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .6s var(--ease),background .6s var(--ease)}
.svc li{--c:var(--lime)}
.svc a:hover{background:rgba(29,33,29,.9)}
.svc .k{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line2);transition:background .5s var(--ease),box-shadow .5s var(--ease)}
.svc .k svg{width:13px;height:13px;color:#0b0c0b;opacity:0;transition:opacity .35s}
.svc .t{font-size:15px;font-weight:700;line-height:1.3;color:var(--faint);transition:color .5s var(--ease);padding-bottom:1px}
.svc .d{font:400 15px/1.25 var(--fd);color:var(--faint);white-space:nowrap;transition:color .5s var(--ease);padding-bottom:1px}
.svc li.now a{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.svc li.now .k{box-shadow:inset 0 0 0 1.5px var(--c)}
.svc li.now .t{color:var(--muted)}
.svc li.on .k{background:var(--c);box-shadow:0 0 18px -2px color-mix(in srgb,var(--c) 70%,transparent)}
.svc li.on .k svg{opacity:1}
.svc li.on .t{color:var(--text)}
.svc li.on .d{color:var(--c)}
.wim .meta{margin-top:var(--s4)}
.wim .bar{height:3px;border-radius:3px;background:var(--line2);overflow:hidden}
.wim .bar i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--g1,#82ff1f),var(--g2,#82ff1f))}
.wim .note{margin-top:var(--s3);font-size:13.5px;color:var(--muted);line-height:1.45}
.wim .note a{white-space:nowrap;color:var(--text);font-weight:700;border-bottom:1px solid var(--line2);padding-bottom:1px}
@media (prefers-reduced-motion:reduce){.wim{height:auto}.wstick{position:relative;min-height:100svh}.svc a,.svc .k,.svc .t,.svc .d{transition:none}}
.still .wim{height:auto}.still .wstick{position:relative}
@media (max-width:900px),(max-aspect-ratio:1/1){
  .wim{height:340vh}
  .wstick:before{background:linear-gradient(180deg,rgba(11,12,11,0) 0%,rgba(11,12,11,0) 34%,rgba(11,12,11,.9) 50%,#0b0c0b 58%)}
  .wcopy,.has-rail .wcopy{justify-content:flex-end;padding:0 var(--pad) 20px}
  .wim .h2{margin-top:10px;font-size:clamp(26px,7vw,38px);max-width:18ch}
  .svc{margin-top:14px;gap:3px}
  .svc a{grid-template-columns:18px minmax(0,1fr) auto;gap:10px;padding:7px 12px 8px 9px;border-radius:10px}
  .svc .k{width:18px;height:18px;border-radius:5px}.svc .k svg{width:10px;height:10px}
  .svc .t{font-size:13.5px}.svc .d{font-size:13px}
  .wim .note{margin-top:8px;font-size:12px}
}
@media (max-height:700px) and (max-width:900px){.svc a{padding:5px 10px 6px 8px}.wim .note{display:none}}

/* ---------- home: 21 days (tree option B, approved) ---------- */
.grow .stage{background:#050505}
.tree-poster{position:absolute;inset:0;opacity:0}
.no-gl .tree-poster{opacity:.85;background:url(/assets/img/tree-poster.jpg) center/cover no-repeat}
.has-rail .grow .grow-ui{padding-left:calc(var(--pad) + 160px)}
.grow .grow-copy .label{margin-bottom:var(--s4)}
.grow .grow-ui{max-width:none}

/* ---------- home: work ---------- */
.h-work{height:240vh}
.h-work .panel{width:min(100%,470px)}
.who2 em{font-style:normal;font-weight:600;font-size:13px;color:var(--muted);margin-left:var(--s2)}
.h-work .focus{min-height:216px}
.stoppers{position:relative;z-index:2;background:var(--bg)}
.stopper{position:relative;display:block;height:min(88vh,900px);overflow:hidden;color:#f3f5f0}
.stopper + .stopper{margin-top:2px}
.st-img{position:absolute;inset:0}
.st-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.6s var(--ease)}
.stopper.in .st-img img{transform:scale(1)}
.stopper:hover .st-img img{transform:scale(1.02)}
.st-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,0) 55%,rgba(7,8,7,.5) 100%)}
.st-t{position:absolute;left:var(--pad);bottom:var(--s7);z-index:1;width:min(calc(100% - 2 * var(--pad)),520px);padding:var(--s6);border-radius:var(--r3);background:rgba(11,12,11,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(243,245,240,.12)}
.has-rail .st-t{left:calc(var(--pad) + 160px)}
.st-t .h2{margin:var(--s4) 0 var(--s2);font-size:clamp(32px,3.6vw,52px)}
.st-t p{max-width:46ch;font-size:clamp(16px,1.3vw,19px);color:rgba(243,245,240,.82)}
.st-t .link{margin-top:var(--s4);color:#f3f5f0}
.ctag{display:inline-flex;align-items:center;gap:var(--s2);height:28px;padding:0 var(--s3);border-radius:8px;background:rgba(11,12,11,.72);box-shadow:inset 0 0 0 1px rgba(243,245,240,.22);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#f3f5f0}
.ctag:before{content:"";width:7px;height:7px;border-radius:2px;background:#ffb23e}
.others{position:relative;z-index:2;padding-top:var(--s8);padding-bottom:var(--s9);background:var(--bg);max-width:none}
.has-rail .others{padding-left:calc(var(--pad) + 160px)}
.oth-h{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;max-width:var(--max)}
.oth-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:var(--s4);overflow-x:auto;margin-top:var(--s5);padding-bottom:var(--s4);scroll-snap-type:x mandatory;scrollbar-width:thin}
.oth{scroll-snap-align:start;display:block}
.oth .glimg{border-radius:var(--r2);overflow:hidden;background:var(--surface)}
.oth .glimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.oth:hover .glimg img{transform:scale(1.04)}
.oth b{display:block;margin-top:var(--s3);font-size:15px}
.oth span{display:block;font-size:13px;color:var(--muted)}

/* ---------- Brand OS Pro section + clip player ---------- */
.sec5{position:relative;z-index:2;background:var(--bg);padding:var(--s10) 0}
.h-os .wrap{max-width:none}
.has-rail .h-os .wrap{padding-left:calc(var(--pad) + 160px)}
.os-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s7);align-items:end;max-width:1320px}
.os-head .h2{margin-top:var(--s4);max-width:15ch}
.player{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:var(--s4);margin-top:var(--s7);max-width:1320px;align-items:start}
.pl-v{position:relative;border-radius:var(--r2);overflow:hidden;background:#0b0c0b;box-shadow:inset 0 0 0 1px var(--line2),var(--shadow);aspect-ratio:16/10}
.pl-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.player.mob .pl-v{aspect-ratio:390/844;max-height:72vh;justify-self:center;width:auto}
.cam{position:absolute;left:3.2%;bottom:5.5%;width:11%;aspect-ratio:1;border-radius:50%;padding:2px;background:var(--lime);box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
.cam img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.player.mob .cam{width:22%;left:5%;bottom:3%}
.pl-note{position:absolute;left:16.5%;bottom:5.5%;max-width:46%;font-size:12px;font-weight:600;line-height:1.35;color:rgba(243,245,240,.62)}
.player.mob .pl-note{display:none}
.pl-tabs{display:grid;gap:var(--s2)}
.pl-t{position:relative;display:block;width:100%;text-align:left;padding:var(--s4) var(--s4) 18px;border-radius:var(--r1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:background .4s var(--ease),box-shadow .4s var(--ease);overflow:hidden}
.pl-t b{display:block;font-size:15.5px;font-weight:700;line-height:1.3;color:var(--muted);transition:color .3s}
.pl-t span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--faint);transition:color .3s}
.pl-t i{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--lime)}
.pl-t.on{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.pl-t.on b{color:var(--text)}.pl-t.on span{color:var(--muted)}
.pl-t.on i{transform:scaleX(var(--pp,0))}
.pl-t:hover b{color:var(--text)}
.os-proof{max-width:80ch;margin-top:var(--s5);font-size:14px;color:var(--muted)}
@media (max-width:960px){.os-head{grid-template-columns:1fr;gap:var(--s4)}.player{grid-template-columns:1fr}.pl-tabs{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s2)}.pl-t{scroll-snap-align:start}.has-rail .h-os .wrap{padding-left:var(--pad)}}
@media (max-width:600px){.sec5{padding:var(--s8) 0}.pl-note{display:none}.cam{width:14%}}

/* ---------- proof: real clients, small photos ---------- */
.h-proof{position:relative;padding:var(--s10) 0}
.h-proof .wrap{max-width:none}
.has-rail .h-proof .wrap{padding-left:calc(var(--pad) + 160px)}
.proof-h{max-width:720px}
.proof-h .h2{margin-top:var(--s4);max-width:17ch}
.pstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s6)}
.pstats b{display:block;font:400 clamp(34px,3.4vw,48px)/1 var(--fd);color:var(--lime-ink)}
.pstats span{display:block;margin-top:var(--s2);font-size:var(--t-small);line-height:1.4;color:var(--muted)}
.pcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s7);max-width:820px}
.pc{display:flex;flex-direction:column;padding:var(--s5);border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}
.pc-h{display:flex;align-items:center;gap:var(--s3)}
.pc-ph{flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.pc-ph img{width:100%;height:100%;object-fit:cover}
.pc-h b{display:block;font-size:15.5px;line-height:1.3}
.pc-h span{display:block;font-size:13px;color:var(--muted);line-height:1.35}
.pc-r{margin-top:var(--s4);font-weight:700;font-size:16px;line-height:1.45}
.pc blockquote{margin-top:var(--s3);font-size:14.5px;line-height:1.55;color:var(--muted)}
.pc-s{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-top:auto;padding-top:var(--s4);font-size:12.5px;color:var(--faint)}
.pc-s .link{font-size:13.5px}
.h-proof .vslot{max-width:820px;margin-top:var(--s4)}
@media (max-width:1100px){.pcards{max-width:none}}
@media (max-width:760px){.h-proof{padding:var(--s8) 0}.has-rail .h-proof .wrap{padding-left:var(--pad)}.pcards{grid-template-columns:1fr}.pstats{grid-template-columns:1fr 1fr 1fr;gap:var(--s3)}.pstats b{font-size:28px}.pstats span{font-size:12px}}

/* ---------- close: let's build yours ---------- */
.h-close{position:relative;padding:var(--s9) 0 var(--s10)}
.close-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:var(--s8);align-items:start;max-width:none}
.has-rail .close-in{padding-left:calc(var(--pad) + 160px)}
.close-l .h2{margin-top:var(--s4);font-size:clamp(40px,5vw,76px)}
.close-l .lead{margin-top:var(--s4);max-width:44ch}
.doors-mini{list-style:none;display:grid;gap:var(--s2);margin-top:var(--s6);max-width:440px}
.doors-mini a{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--r1);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.doors-mini a:hover{box-shadow:inset 0 0 0 1px var(--lime)}
.doors-mini b{font-size:15px}.doors-mini span{font-size:13.5px;color:var(--muted);text-align:right}
.origin-t{margin-top:var(--s6);max-width:44ch}
@media (max-width:1000px){.close-in,.has-rail .close-in{grid-template-columns:1fr;padding-left:var(--pad);gap:var(--s6)}}

/* ---------- the short request form ---------- */
.form5{display:grid;gap:var(--s4);padding:var(--s6);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow);pointer-events:auto}
.f5-h{display:flex;align-items:center;gap:var(--s3);padding-bottom:var(--s4);border-bottom:1px solid var(--line)}
.f5-h b{display:block;font-size:17px}.f5-h span{display:block;font-size:13.5px;color:var(--muted)}
.form5 fieldset{border:0;padding:0;margin:0;min-width:0}
.form5 legend,.form5 label > span{display:block;font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:var(--s2)}
.form5 label > span em{font-style:normal;font-weight:500;color:var(--faint)}
.opts{display:flex;flex-wrap:wrap;gap:var(--s2)}
.opt{position:relative;cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt span{display:block;padding:10px 14px;border-radius:var(--r1);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);font-size:14px;font-weight:600;transition:box-shadow .25s,background .25s,color .25s}
.opt:hover span{box-shadow:inset 0 0 0 1px var(--text)}
.opt input:checked + span{background:color-mix(in srgb,var(--lime) 14%,var(--surface2));box-shadow:inset 0 0 0 1.5px var(--lime);color:var(--text)}
.opt input:focus-visible + span{outline:2px solid var(--lime);outline-offset:2px}
.f5-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.form5 input:not([type=radio]):not([type=checkbox]),.form5 textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r1);border:0;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);font-size:16px;transition:box-shadow .25s}
.form5 textarea{resize:vertical;min-height:72px;line-height:1.45}
.form5 input:focus,.form5 textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--lime)}
.form5 ::placeholder{color:var(--faint)}
.f5-err{font-size:14px;font-weight:600;color:#ff8a7a}
.f5-go{display:flex;align-items:center;gap:var(--s4) var(--s5);flex-wrap:wrap}
.f5-proof{font-size:12.5px;color:var(--faint)}
@media (max-width:520px){.form5{padding:var(--s5)}.f5-row{grid-template-columns:1fr}}

/* ---------- mobile: home chapters ---------- */
@media (max-width:900px){
  .h-problem{height:210vh}.h-work{height:220vh}
  .has-rail .grow .grow-ui{padding-left:var(--pad)}
  .has-rail .st-t{left:var(--pad)}.has-rail .others{padding-left:var(--pad)}
}
@media (max-width:760px){
  .home .hero .h1{font-size:clamp(34px,9.6vw,46px)}
  .hero .tagl{font-size:20px;margin-top:var(--s3)}
  .home .hero .lead{font-size:15.5px;margin-top:var(--s3)}
  .hstat{margin-top:var(--s4)}.hstat .avail{white-space:normal;font-size:12.5px}
  .home .hero .stats{display:none}
  .h-problem .panel{padding:var(--s5)}
  .h-problem .h2{font-size:clamp(23px,6.4vw,28px)}
  .pains{gap:var(--s2)}.pains li{font-size:14.5px}
  .answer{font-size:15px;margin-top:var(--s4);padding-top:var(--s3)}
  .stopper{height:78vh}.st-t,.has-rail .st-t{left:var(--s4);right:var(--s4);width:auto;bottom:var(--s4);padding:var(--s5)}.st-t p{font-size:14.5px}
  .h-work .cs p{font-size:14.5px}.h-work .focus{min-height:190px}
}
@media (max-width:760px) and (max-height:760px){.h-problem .pains li:nth-child(2){display:none}.home .hero .lead{display:none}}

/* ---------- contact: three doors + direct lines ---------- */
.cthero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:var(--s7);align-items:end}
.cthero .h1{max-width:12ch}
.ct-can{position:relative;aspect-ratio:1;border-radius:var(--r3);overflow:hidden}
.ct-can canvas{position:absolute;inset:0;width:100%;height:100%}
.ct-can .ph{position:absolute;left:var(--s4);bottom:var(--s4);font-size:13px;font-weight:600;color:var(--muted)}
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.door{position:relative;display:flex;flex-direction:column;gap:var(--s2);min-height:220px;padding:var(--s6);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow);transition:box-shadow .35s var(--ease),transform .5s var(--ease)}
.door:hover{box-shadow:inset 0 0 0 1.5px var(--lime),var(--shadow);transform:translateY(-3px)}
.door-i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);color:var(--lime-ink);margin-bottom:auto}
.door-i svg{width:22px;height:22px}
.door b{margin-top:var(--s6);font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.15}
.door > span:not(.door-i):not(.door-go){font-size:15px;color:var(--muted)}
.door-go{position:absolute;right:var(--s5);top:var(--s5);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line2)}
.door-go svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.door:hover .door-go svg{transform:translateX(3px)}
.door:first-child{background:color-mix(in srgb,var(--lime) 7%,var(--panel-solid))}
.direct{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5) var(--s6);margin-top:var(--s6);padding:var(--s6);border-radius:var(--r3);box-shadow:inset 0 0 0 1px var(--line)}
.direct .k{display:block;font-size:var(--t-label);font-weight:700;color:var(--faint);margin-bottom:var(--s1)}
.direct a,.direct button,.direct span:not(.k){font-size:15px;font-weight:600;color:var(--text);text-align:left;overflow-wrap:anywhere}
.direct .rt{grid-column:span 2}
.direct .rt span:not(.k){font-weight:500;color:var(--muted)}
@media (max-width:960px){.cthero{grid-template-columns:1fr}.ct-can{display:none}.doors{grid-template-columns:1fr}.door{min-height:0;padding:var(--s5)}.door b{margin-top:var(--s4)}.direct{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.direct{grid-template-columns:1fr;padding:var(--s5)}.direct .rt{grid-column:auto}}

/* ---------- the builder (Door 1) ---------- */
.builder{position:relative;padding:var(--s6);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.bd-steps{list-style:none;display:flex;gap:var(--s2);margin-bottom:var(--s6);flex-wrap:wrap}
.bd-steps li{display:flex;align-items:center;gap:var(--s2);font-size:13px;font-weight:700;color:var(--faint)}
.bd-steps li:not(:last-child):after{content:"";width:24px;height:1px;background:var(--line2);margin-left:var(--s2)}
.bd-steps em{font:400 13px/1 var(--fd);width:24px;height:24px;border-radius:7px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line2);font-style:normal}
.bd-steps li.on{color:var(--text)}.bd-steps li.on em{background:var(--lime);color:#0b0c0b;box-shadow:none}
.bd-steps li.done em{box-shadow:inset 0 0 0 1px var(--lime);color:var(--lime-ink)}
.bd-pane .h3{font-size:clamp(22px,2vw,30px)}
.bd-pane > .quiet{margin-top:var(--s2)}
.bpks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s5)}
.bpk{position:relative;display:flex;flex-direction:column;text-align:left;padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .3s,background .3s}
.bpk:hover{box-shadow:inset 0 0 0 1px var(--text)}
.bpk.on{background:color-mix(in srgb,var(--lime) 9%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--lime)}
.bpk b{font-size:20px;letter-spacing:-.02em}
.bpk .say{margin-top:var(--s1);font-size:14px;color:var(--muted);line-height:1.4}
.bpk ul{list-style:none;margin:var(--s3) 0 var(--s4);display:grid;gap:6px}
.bpk li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.bpk li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:2px;background:var(--lime)}
.bpk-d{margin-top:auto;font:400 18px/1 var(--fd);color:var(--text)}
.bpk-tag{position:absolute;right:var(--s4);top:var(--s4);font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--lime-ink)}
.bpk-c{position:absolute;right:var(--s4);bottom:var(--s4);width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--line2)}
.bpk.on .bpk-c{background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%230b0c0b' stroke-width='3'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:none}
.bd-or{display:flex;align-items:center;gap:var(--s3);margin:var(--s6) 0 var(--s3);font-size:13.5px;font-weight:700;color:var(--muted)}
.bd-or:after{content:"";flex:1;height:1px;background:var(--line)}
.bchips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.bch{display:inline-flex;align-items:center;gap:var(--s3);padding:10px 14px;border-radius:var(--r1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);font-size:14.5px;font-weight:600;text-align:left;transition:box-shadow .25s,background .25s}
.bch em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--faint)}
.bch:hover{box-shadow:inset 0 0 0 1px var(--text)}
.bch.on{background:color-mix(in srgb,var(--lime) 12%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--lime)}
.bch.on em{color:var(--lime-ink)}
.bmore{margin-top:var(--s4)}
.bmore summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--muted);list-style:none;margin-bottom:var(--s3)}
.bmore summary::-webkit-details-marker{display:none}
.bmore summary:before{content:"+";display:inline-block;width:16px;color:var(--lime-ink)}
.bmore[open] summary:before{content:"-"}
.bdet{margin-top:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--surface2);max-width:640px}
.bdet b{font-size:15px}.bdet .dots{margin-top:var(--s2)}.bdet .quiet{margin-top:var(--s2)}
.bsg{margin-top:var(--s4);font-size:15px;font-weight:600;color:var(--text);padding-left:var(--s4);border-left:2px solid var(--lime)}
.bsg .link{margin-left:var(--s2)}
.bd-sum{position:sticky;bottom:var(--s3);z-index:5;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin:var(--s6) calc(-1 * var(--s3)) calc(-1 * var(--s3));padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2),0 18px 40px -16px rgba(0,0,0,.6)}
.bd-sum .k{display:block;font-size:12px;font-weight:700;color:var(--faint)}
.bd-sum b{font-size:15.5px;margin-right:var(--s3)}
.dd5{font:400 15px/1 var(--fd);color:var(--lime-ink);white-space:nowrap}
.bd-sum .btn[disabled]{opacity:.4;pointer-events:none}
.bopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s5)}
.bop{text-align:left;padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .25s,background .25s}
.bop:hover{box-shadow:inset 0 0 0 1px var(--text)}
.bop.on{box-shadow:inset 0 0 0 1.5px var(--lime);background:color-mix(in srgb,var(--lime) 9%,var(--surface))}
.bop b{display:block;font-size:17px}.bop span{display:block;margin-top:var(--s1);font-size:13.5px;color:var(--muted)}
.bback{margin-top:var(--s5);font-size:14px}
.bform{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:720px}
.bf2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.bf > span{display:block;font-size:13.5px;font-weight:700;margin-bottom:var(--s2)}
.bf > span em{font-style:normal;font-weight:500;color:var(--faint)}
.bf input,.bf textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r1);border:0;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);font-size:16px}
.bf input:focus,.bf textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--lime)}
.bf textarea{resize:vertical;line-height:1.45}
.bcheck{display:flex;align-items:center;gap:var(--s3);font-size:14.5px;font-weight:600;cursor:pointer}
.bcheck input{width:20px;height:20px;accent-color:#82ff1f}
.bsum{margin-top:var(--s5);padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);max-width:720px}
.bsum-l{font-size:19px;font-weight:700;line-height:1.4}
.bsum dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s5);margin:var(--s4) 0}
.bsum dt{font-size:12px;font-weight:700;color:var(--faint)}.bsum dd{font-size:15px;overflow-wrap:anywhere}
.bd-pane > .ctas{margin-top:var(--s5)}
@media (max-width:860px){.bpks,.bopts{grid-template-columns:1fr}.builder{padding:var(--s5)}.bd-steps li span{display:none}.bd-steps li:not(:last-child):after{width:12px}}
@media (max-width:560px){.bf2,.bsum dl{grid-template-columns:1fr}.bd-sum{flex-direction:column;align-items:stretch}.bd-sum .btn{width:100%}.builder{padding:var(--s4)}}

/* ---------- services: the bloom as the hero, packages ---------- */
.svhero{height:175vh;z-index:1}
.svhero .wcopy{padding-top:96px}
.svhero .h1{margin-top:var(--s4);font-size:clamp(38px,4.4vw,68px);max-width:14ch}
.svhero .lead{margin-top:var(--s4);font-size:clamp(16px,1.2vw,18px);max-width:46ch}
.svhero .svc{margin-top:var(--s5)}
@media (max-width:900px),(max-aspect-ratio:1/1){.svhero{height:150vh}.svhero .lead{display:none}.svhero .h1{font-size:clamp(30px,8vw,40px)}.svhero .ctas{display:none}}
.pk5s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);align-items:stretch}
.pk5{position:relative;display:flex;flex-direction:column;padding:var(--s6);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.pk5.hl{box-shadow:inset 0 0 0 1.5px var(--lime),0 30px 80px -40px rgba(130,255,31,.35)}
.pk5-tag{position:absolute;right:var(--s5);top:var(--s5);font-size:12px;font-weight:800;color:var(--lime-ink)}
.pk5 .k{font-size:var(--t-label);font-weight:700;color:var(--faint);padding-right:96px}
.pk5 h3{margin-top:var(--s3);font-size:clamp(28px,2.4vw,36px)}
.pk5 .say{margin-top:var(--s2);font-size:16px;font-weight:600;color:var(--text);line-height:1.4}
.pk5 .dots{margin:var(--s5) 0}
.pk5-f{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;padding-top:var(--s4);border-top:1px solid var(--line)}
.pk5-d{font-size:14px;color:var(--muted)}.pk5-d b{font:400 26px/1 var(--fd);color:var(--text);margin-right:4px}
.pk5-note{margin-top:var(--s5);font-weight:700}
.pk5-alt{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s6);margin-top:var(--s3)}
.leap-v{border-radius:var(--r2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.leap-v img{width:100%;height:auto}
@media (max-width:1000px){.pk5s{grid-template-columns:1fr}.pk5{padding:var(--s5)}}
.srow-s .link{margin-top:var(--s3);font-size:14px;white-space:nowrap}

/* ---------- Brand OS Pro page ---------- */
.st5s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.st5{position:relative;padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.st5 b{display:block;font-size:17px;letter-spacing:-.02em}
.st5 span{display:block;margin-top:var(--s1);font-size:14.5px;line-height:1.45;color:var(--muted)}
.st5 em{position:absolute;right:var(--s4);top:var(--s4);font-style:normal;font-size:12px;font-weight:800;color:#ffb23e}
.st5.soon{background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.st5.soon b{padding-right:90px}
.ai5{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
.ai5-n{padding:var(--s6);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.ai5-s{display:inline-flex;flex-direction:column;width:48%;vertical-align:top}
.ai5-s .num{font-size:clamp(64px,7vw,104px);color:var(--faint)}
.ai5-s.on .num{color:var(--lime-ink)}
.ai5-s small{font-size:13.5px;color:var(--muted);line-height:1.4;padding-right:var(--s3)}
.ai5-n > p{margin-top:var(--s5);font-size:16px;line-height:1.5}
.ex5{display:flex;flex-direction:column;gap:var(--s3)}
.ex5 .glimg{border-radius:var(--r2);overflow:hidden}
.ex5 p{font-size:15px;color:var(--muted)}
.lv5s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.lv5{padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.lv5 .k{font-size:var(--t-label);font-weight:700;color:var(--faint)}
.lv5 b{display:block;margin-top:var(--s2);font-size:20px;color:var(--lime-ink)}
.lv5 p{margin-top:var(--s2);font-size:14.5px;color:var(--muted)}
#current,.monthly{margin-top:var(--s4)}
@media (max-width:960px){.st5s,.lv5s{grid-template-columns:1fr 1fr}.ai5{grid-template-columns:1fr;gap:var(--s5)}}
@media (max-width:600px){.st5s,.lv5s{grid-template-columns:1fr}}

/* ---------- work index ---------- */
.wtop{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto;gap:var(--s5)}
.wtop .wcard.wbig{grid-row:span 2}
.wstops{margin:var(--s7) 0 0}
.wstops .st-t{left:var(--pad)}
.wcard .meta .m{color:var(--lime-ink)}
@media (max-width:900px){.wtop{grid-template-columns:1fr}.wtop .wcard.wbig{grid-row:auto}}

/* ---------- about: vertical portrait on the right ---------- */
.abx5{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}
.abx-v{justify-self:end;width:min(100%,460px)}
.pv-img{aspect-ratio:3/4;border-radius:var(--r3);overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.pv-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.abx-v figcaption{display:flex;justify-content:space-between;gap:var(--s2) var(--s4);flex-wrap:wrap;margin-top:var(--s3);font-size:13px;font-weight:600;color:var(--muted)}
@media (max-width:960px){.abx5{grid-template-columns:1fr}.abx-v{justify-self:start;width:min(100%,420px)}}

/* ---------- journal thumbnails ---------- */
.jthumb .jc-img{aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden;margin-bottom:var(--s4);background:var(--surface)}
.jthumb .jc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.jthumb:hover .jc-img img{transform:scale(1.04)}
.post-img{margin-top:var(--s6);aspect-ratio:16/9;border-radius:var(--r3);overflow:hidden;max-width:960px}
.post-img img{width:100%;height:100%;object-fit:cover}
.grow .tl b{color:#9aa198}.grow .tl span:not(.bar){color:rgba(243,245,240,.62)}
.grow.rm{height:auto}.grow.rm .grow-sticky{position:relative}
@media (prefers-reduced-motion:reduce){.grow,.h-problem,.h-work{height:auto}.grow .grow-sticky{position:relative}.h-problem .stick,.h-work .stick{position:relative;min-height:100svh}}
.still .grow,.still .h-problem,.still .h-work{height:auto}.still .grow .grow-sticky,.still .h-problem .stick,.still .h-work .stick{position:relative;min-height:100svh}
.svhero .wim-poster{opacity:.85;background:url(/assets/img/bloom-poster.jpg) 78% 50%/cover no-repeat}
.svhero.gl-ready .wim-poster{opacity:0}
@media (max-width:900px),(max-aspect-ratio:1/1){.svhero .wim-poster{background-position:50% 10%;background-size:auto 70%}}
.wcard .wh{font-size:26px;letter-spacing:-.035em;line-height:1.15}
.wcard .sub{color:var(--muted)}
@media (max-width:760px){.wcard .wh{font-size:22px}}

/* ===================================================================== Vizura D6 (FEEDBACK v6, 14.10.2026)
   D1 layout on the home page: a simple card on the left, the 3D on the right, one chapter at a time.
   Funnels look like what they are: something to tap. Same tokens, no pills (10 px radius rectangles). */

/* ---------- home: work card gets the way out ---------- */
.h-work .allwork{margin-top:var(--s5)}
.h-work .bars{margin-top:var(--s4)}

/* ---------- home: 21 days, services as the stages ---------- */
.grow .tl a{pointer-events:auto;color:inherit;transition:color .3s}
.grow .tl a:hover{color:var(--lime)}
.grow .tl-all{pointer-events:auto;margin-top:var(--s4);color:var(--text);font-size:15px}
@media (max-width:760px){.grow .tl-all{display:none}}

/* ---------- Brand OS Pro: large player, Loom-style camera, clickable cards ---------- */
.h-os .player{grid-template-columns:minmax(0,2.6fr) minmax(250px,1fr);gap:var(--s5);max-width:1400px}
.pl-v{box-shadow:inset 0 0 0 1px var(--line2),0 40px 90px -40px rgba(0,0,0,.8)}
.cam{left:2.6%;bottom:4%;width:clamp(72px,12.5%,148px);padding:3px;background:var(--lime);box-shadow:0 0 0 4px rgba(11,12,11,.55),0 14px 34px -8px rgba(0,0,0,.7)}
.player.mob .cam{width:clamp(64px,24%,120px)}
.pl-note{display:none!important}
.pl-side{display:flex;flex-direction:column;gap:var(--s3)}
.pl-hint{display:flex;align-items:center;gap:var(--s2);font-size:13.5px;font-weight:700;color:var(--lime-ink)}
.pl-hint svg{width:18px;height:18px;flex:none}
.pl-t{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s3);align-items:center;cursor:pointer;padding:var(--s4) var(--s4) 18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);transition:background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}
.pl-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);transition:background .3s,color .3s,box-shadow .3s}
.pl-ic svg{width:14px;height:14px;margin-left:2px}
.pl-tx{display:block;min-width:0}
.pl-t b{color:var(--text)}
.pl-t:hover{box-shadow:inset 0 0 0 1.5px var(--text);transform:translateX(3px)}
.pl-t:hover .pl-ic{background:var(--text);color:var(--bg)}
.pl-t.on{background:color-mix(in srgb,var(--lime) 9%,var(--surface2));box-shadow:inset 0 0 0 1.5px var(--lime)}
.pl-t.on .pl-ic{background:var(--lime);color:#0b0c0b;box-shadow:none}
.pl-t:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (max-width:960px){.h-os .player{grid-template-columns:1fr}.pl-tabs{grid-auto-columns:minmax(232px,1fr)}.pl-t:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.pl-t,.pl-t:hover{transform:none;transition:none}}

/* ---------- home: clients - compact card left, the logo blocks drop on the right ---------- */
.h-proof{height:230vh;padding:0}
.pr-panel{width:min(100%,520px)}
.pr-panel .h2{font-size:clamp(26px,2.4vw,36px);max-width:18ch}
.pr-panel .pstats{margin-top:var(--s5);gap:var(--s3)}
.pr-panel .pstats b{font-size:clamp(28px,2.4vw,36px)}
.pr-panel .pstats span{font-size:12.5px}
.qlist{list-style:none;display:grid;gap:var(--s3);margin:var(--s5) 0 var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}
.qlist li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s3);align-items:start}
.qlist img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px var(--line2)}
.qlist blockquote{font-size:15px;line-height:1.45;color:var(--text);font-weight:600}
.qlist p{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.qlist p b{color:var(--text);font-weight:700;margin-right:4px}

/* ---------- home: close - card left (the funnel), the V on the right ---------- */
.h-close{padding:var(--s9) 0 var(--s10);min-height:100vh}
.close-in{display:block}
.close-l{width:min(100%,560px);pointer-events:auto}
.close-l .h2{font-size:clamp(40px,4.6vw,68px)}
.close-l .lead{margin-top:var(--s3)}
.close-l .fnl{margin-top:var(--s6)}
.close-l .doors-mini{grid-template-columns:1fr 1fr;margin-top:var(--s4);max-width:none}
.close-l .doors-mini a{flex-direction:column;align-items:flex-start;gap:2px}
.close-l .doors-mini span{text-align:left}

/* ---------- the mini funnel: unmistakably interactive ---------- */
.fnl{--fg:var(--lime);position:relative;border-radius:var(--r3);padding:var(--s5) var(--s5) var(--s5);background:linear-gradient(var(--panel-solid),var(--panel-solid)) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--lime) 85%,transparent),color-mix(in srgb,var(--lime) 18%,transparent) 45%,color-mix(in srgb,var(--lime) 60%,transparent)) border-box;border:1.5px solid transparent;box-shadow:0 0 0 6px color-mix(in srgb,var(--lime) 5%,transparent),0 30px 80px -36px color-mix(in srgb,var(--lime) 45%,transparent),var(--shadow);pointer-events:auto;text-align:left;animation:fnlin .9s var(--ease) both}
@keyframes fnlin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fnl-h{display:flex;align-items:center;gap:var(--s3)}
.fnl-h .av{flex:none;width:40px;height:40px}
.fnl-h .av img{width:40px;height:40px}
.fnl-h b{display:block;font-size:16px;line-height:1.3;color:var(--text)}
.fnl-h div span{display:block;font-size:12.5px;line-height:1.35;color:var(--muted)}
.fnl-n{margin-left:auto;font:400 15px/1 var(--fd);color:var(--lime-ink);white-space:nowrap;padding:6px 10px;border-radius:8px;background:color-mix(in srgb,var(--lime) 12%,transparent)}
.fnl-bar{height:3px;border-radius:2px;margin:var(--s4) 0 var(--s5);background:var(--line2);overflow:hidden}
.fnl-bar i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(.04);background:var(--lime);transition:transform .6s var(--ease)}
.fnl-b{min-height:220px}
.fnl-b.in > *{animation:fnlup .5s var(--ease) both}
.fnl-b.in > *:nth-child(2){animation-delay:.04s}.fnl-b.in > *:nth-child(3){animation-delay:.08s}
@keyframes fnlup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fnl-q{font:600 clamp(21px,1.9vw,26px)/1.2 var(--f);letter-spacing:-.03em;color:var(--text);outline:none;padding-bottom:.06em}
.fnl-hint{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);font-size:13px;font-weight:600;color:var(--muted)}
.fnl-hint svg{width:18px;height:18px;color:var(--lime-ink);flex:none}
.fnl-sub{margin-top:var(--s2);font-size:14.5px;line-height:1.5;color:var(--muted)}
.fnl-o{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);margin-top:var(--s4)}
.fnl-o button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:56px;padding:12px 14px 13px 16px;border-radius:var(--r1);background:var(--surface2);box-shadow:inset 0 0 0 1.5px var(--line2);text-align:left;font-size:15px;font-weight:700;line-height:1.3;color:var(--text);cursor:pointer;transition:box-shadow .25s var(--ease),background .25s var(--ease),transform .25s var(--ease);animation:fnlup .45s var(--ease) both;animation-delay:calc(var(--n,0) * 35ms)}
.fnl-o button svg{width:16px;height:16px;flex:none;color:var(--faint);transition:color .25s,transform .3s var(--ease)}
.fnl-o button:hover{box-shadow:inset 0 0 0 1.5px var(--lime);background:color-mix(in srgb,var(--lime) 6%,var(--surface2))}
.fnl-o button:hover svg{color:var(--lime-ink);transform:translateX(3px)}
.fnl-o button:active{transform:scale(.985)}
.fnl-o button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.fnl-o button[aria-pressed=true],.fnl-o button.picked{background:var(--lime);color:#0b0c0b;box-shadow:none}
.fnl-o button[aria-pressed=true] svg,.fnl-o button.picked svg{color:#0b0c0b}
.fnl-o button:only-child,.fnl-o.many button:last-child:nth-child(odd){grid-column:1/-1}
.fnl-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--s4);min-height:24px}
.fnl-back{font-size:13.5px;font-weight:700;color:var(--muted);padding:4px 0}
.fnl-back:hover{color:var(--text)}
.fnl-in{display:flex;gap:var(--s2);margin-top:var(--s4)}
.fnl-in input,.fnl-f input{flex:1;min-width:0;width:100%;min-height:52px;padding:12px 14px;border-radius:var(--r1);border:0;background:var(--surface2);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:16px;color:var(--text)}
.fnl-in input:focus,.fnl-f input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--lime)}
.fnl ::placeholder{color:var(--faint)}
.fnl-mail{display:grid;gap:var(--s3);margin-top:var(--s4)}
.fnl-f span{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text)}
.fnl-f em{font-style:normal;font-weight:500;color:var(--faint)}
.fnl-go{width:100%;justify-content:center;min-height:54px;font-size:16px}
.fnl-go.busy{opacity:.6;pointer-events:none}
.fnl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.fnl-err{margin-top:var(--s2);font-size:13.5px;font-weight:600;color:#ff8a7a}
.fnl-priv{margin-top:var(--s3);font-size:12.5px;color:var(--faint)}
.fnl-priv a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.fnl-res .k{font-size:var(--t-label);font-weight:700;color:var(--lime-ink)}
.fnl-pick{margin:var(--s2) 0 var(--s3);font:600 clamp(26px,2.4vw,34px)/1.15 var(--f);letter-spacing:-.035em;color:var(--text);padding-bottom:.06em}
.fnl-pick em{font:400 16px/1 var(--fd);font-style:normal;color:var(--lime-ink);margin-left:var(--s2);white-space:nowrap}
.fnl-res p{font-size:15px;line-height:1.5;color:var(--muted)}
.fnl-res p + p{margin-top:var(--s2)}
.fnl-res .btn{margin-top:var(--s5);margin-right:var(--s4)}
.fnl-res .link{margin-top:var(--s4)}
.fnl-done{text-align:left}
.fnl-tick{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--lime);color:#0b0c0b;margin-bottom:var(--s4)}
.fnl-tick svg{width:22px;height:22px}
.fnl-next{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:center;margin-top:var(--s5)}
@media (max-width:560px){.fnl{padding:var(--s4)}.fnl-o{grid-template-columns:1fr}.fnl-o button{min-height:52px}.fnl-b{min-height:0}.fnl-in{flex-direction:column}.fnl-h div span{display:none}}
@media (prefers-reduced-motion:reduce){.fnl,.fnl-b.in > *,.fnl-o button{animation:none}.fnl-bar i{transition:none}}
:root[data-theme="light"] .fnl-o button[aria-pressed=true],:root[data-theme="light"] .fnl-o button.picked{background:#82ff1f}

/* ---------- package quiz section (Services, Contact) ---------- */
.fit5{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7);align-items:center}
.fit5 .fit-l .h2{margin-top:var(--s3)}
.fit5 .fit-l .lead{margin-top:var(--s4)}
@media (max-width:960px){.fit5{grid-template-columns:1fr;gap:var(--s5)}}

/* ---------- Brand MRI: the order sits in the hero ---------- */
.mri6{align-items:start}
.mri-pts{margin-top:var(--s5)}
.mri-order .fnl{max-width:560px;margin-left:auto}
@media (max-width:960px){.mri-order .fnl{margin-left:0}}

/* ---------- work: one card format for every project ---------- */
.wgrid6{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s5)}
.wgrid6 .wcard .glimg{position:relative;aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden}
.wgrid6 .wcard .glimg img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.wgrid6 .wcard .meta{margin-top:var(--s4);grid-template-columns:minmax(0,1fr) auto;gap:var(--s1) var(--s4)}
.wgrid6 .wcard .wh{font-size:21px;line-height:1.2}
.wgrid6 .wcard .m{font-size:19px;padding-top:3px}
.wgrid6 .wcard p{font-size:15px;line-height:1.5}
.wc-tag{position:absolute;left:var(--s3);top:var(--s3);padding:5px 9px;border-radius:7px;background:rgba(11,12,11,.78);box-shadow:inset 0 0 0 1px rgba(243,245,240,.2);font-size:12px;font-weight:700;color:#f3f5f0}
@media (max-width:1100px){.wgrid6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wgrid6{grid-template-columns:minmax(0,1fr);gap:var(--s6)}}

/* ---------- journal + press: thumbnails on every card ---------- */
.press-th{display:block;aspect-ratio:16/10;border-radius:var(--r2);overflow:hidden;background:var(--surface2);margin-bottom:var(--s4)}
.press-th img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
a:hover > .press-th img{transform:scale(1.04)}

/* ---------- tool gate (AI-Ready Check, AI Mirror): free result first, email unlocks the rest ---------- */
.gate6{margin-top:var(--s5)}
.gate6 .fnl-b{min-height:0}
.locked6{position:relative;max-height:340px;overflow:hidden;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(#000 20%,transparent 92%);mask-image:linear-gradient(#000 20%,transparent 92%);filter:blur(3px);opacity:.7}

/* ---------- mobile: home chapters in D1's stacked layout (3D on top, card below) ---------- */
@media (max-width:900px){
  .h-proof{height:220vh}
  .h-close{padding-top:42vh}
}
@media (max-width:760px){
  .pr-panel .h2{font-size:clamp(22px,6.2vw,27px)}
  .pr-panel .pstats{margin-top:var(--s4)}
  .pr-panel .pstats b{font-size:24px}
  .qlist{margin:var(--s4) 0 var(--s3);padding-top:var(--s3);gap:var(--s2)}
  .qlist li:nth-child(3){display:none}
  .qlist blockquote{font-size:14px}
  .qlist li{grid-template-columns:36px minmax(0,1fr)}.qlist img{width:36px;height:36px}
  .close-l .h2{font-size:clamp(34px,10vw,44px)}
  .close-l .doors-mini{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.h-proof{height:auto}.h-proof .stick{position:relative;min-height:100svh}}
.still .h-proof{height:auto}.still .h-proof .stick{position:relative;min-height:100svh}
#press .jgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
#press .jcard{padding:var(--s4) var(--s4) var(--s5)}
#press .jcard .h3{font-size:17px;line-height:1.3;letter-spacing:-.02em}
#press .jc-d{display:flex;align-items:center;gap:6px}
#press .jc-d svg{width:13px;height:13px}
@media (max-width:1100px){#press .jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#press .jgrid{grid-template-columns:minmax(0,1fr)}}
/* services: the Seed to Crystal Bloom is the key moment - a longer pinned span, seed first, full bloom at the end */
.svhero{height:260vh}
.svhero .wim-poster{background:url(/assets/img/bloom-crystal.jpg) 74% 48%/min(44vw,620px) auto no-repeat}
@media (max-width:900px),(max-aspect-ratio:1/1){.svhero{height:220vh}.svhero .wim-poster{background-position:50% 16%;background-size:86vw auto}}
.wim ol.svc{background:none;padding:0;z-index:auto}
@media (max-width:760px){.wim ol.svc{padding:0}}
.gate6 .fnl-b{margin-top:var(--s4)}
@media (max-width:900px){.close-l{background:var(--panel-solid);padding:var(--s5);border-radius:var(--r3);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.close-l .fnl{margin-top:var(--s5)}}
@media (max-width:760px) and (max-height:820px){.qlist li:nth-child(2){display:none}.pr-panel .h2{font-size:21px}.pr-panel .pstats span{font-size:11.5px}}
.pl-t .pl-ic{display:grid;place-items:center;margin:0}.pl-t .pl-tx{margin:0;font-size:inherit;color:inherit}.pl-t .pl-tx span{display:block}

/* ===================================================================== Vizura D7 (FEEDBACK v7, 15.10.2026)
   Clean colours (no grain), D1 stacking blocks + work arc on home, crystal petal colours on Services, The Silver Promise,
   How I work, compact client voices everywhere, brand lime in both themes (a marker under dark text in light mode). */

/* ---------- v7-13: no grain, no noise ---------- */
.grain{display:none!important}

/* ---------- v7-6 + v7-5: work card - progress bars on their own row above, the case text sets the height (no overlap) ---------- */
.h-work{height:420vh}
.h-work .panel{width:min(100%,480px)}
.h-work .bars{margin-top:var(--s4);margin-bottom:0}
.h-work .focus{display:grid;min-height:0;margin-top:var(--s4)}
.h-work .focus .cs{position:relative;inset:auto;grid-area:1/1;align-self:start}
.h-work .cs .num{font-size:clamp(44px,4.2vw,64px);margin:var(--s3) 0 var(--s2);padding-bottom:.06em}
.h-work .cs p{font-size:15.5px;line-height:1.5}
.h-work .cs .link{display:inline-flex;margin-top:var(--s4)}
.h-work .allwork{margin-top:var(--s5)}
@media (max-width:900px){.h-work{height:360vh}}
@media (max-width:760px){.h-work .cs .num{font-size:clamp(34px,10vw,44px);margin:var(--s2) 0 var(--s1)}.h-work .cs p{font-size:14px}.h-work .allwork{margin-top:var(--s4)}}
@media (max-width:760px) and (max-height:760px){.h-work .cs p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
.h-problem{height:250vh}

/* ---------- 21 days: what you see at each stage, daily updates, the way to How I work ---------- */
.grow .tl .see{display:block;font:500 13px/1.45 var(--f);font-style:normal;color:rgba(243,245,240,.42);max-width:30ch;transition:color .5s;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.grow .tl li.on .see{color:rgba(243,245,240,.78)}
.grow .daily{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s3)!important;font-size:14.5px!important;font-weight:600;color:var(--text)!important}
.grow .daily i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(130,255,31,.18);flex:none}
@media (max-width:1080px){.grow .tl .see{font-size:12.5px}}
@media (max-width:760px){.grow .tl .see{display:none}.grow .tl li.on .see{display:block}.grow .daily{font-size:13px!important}}

/* ---------- v7-7: compact client voices everywhere ---------- */
.qlist.wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s5) var(--s6);margin:0;padding:var(--s5) 0 0;border-top:1px solid var(--line)}
.qlist.wide blockquote{font-size:16px}
.qlist .ql-case{margin-left:var(--s2);color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2);white-space:nowrap}
.qlist .ql-case:hover{text-decoration-color:var(--lime)}
@media (max-width:640px){.qlist.wide{grid-template-columns:minmax(0,1fr);gap:var(--s4)}}

/* ---------- v7-8: home close - compact, fits the section; the chat bubble lives on the right ---------- */
.h-close{padding:calc(var(--s8) + 24px) 0 var(--s8);min-height:100vh;display:flex;align-items:center}
.h-close .close-in{width:100%}
.close-l{width:min(100%,520px)}
.close-l .h2{font-size:clamp(36px,3.8vw,56px)}
.close-l .lead{margin-top:var(--s2);font-size:16px}
.close-l .fnl{margin-top:var(--s4);padding:var(--s4) var(--s5) var(--s4)}
.close-l .fnl-bar{margin:var(--s3) 0 var(--s4)}
.close-l .fnl-b{min-height:0}
.close-l .fnl-o button{min-height:48px;padding:10px 12px 11px 14px;font-size:14.5px}
.close-l .fnl-q{font-size:clamp(19px,1.6vw,23px)}
.close-l .doors-mini{margin-top:var(--s3)}
.close-l .doors-mini a{padding:var(--s3) var(--s4)}
@media (max-width:900px){.h-close{padding-top:46vh;display:block}}
@media (max-width:760px){.close-l .h2{font-size:clamp(30px,9vw,40px)}}

/* ---------- v7-17: The Silver Promise ---------- */
.sp-strip{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s3);padding:10px var(--s4);border-radius:var(--r1);background:linear-gradient(100deg,rgba(215,218,211,.10),rgba(215,218,211,.03));box-shadow:inset 0 0 0 1px var(--line2);font-size:13.5px;line-height:1.4;color:var(--muted)}
.sp-strip b{color:var(--text);font-weight:700}
.sp-strip a{margin-left:auto;font-weight:700;color:var(--text);white-space:nowrap;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.sp-strip a:hover{text-decoration-color:var(--lime)}
.sp-ic{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:linear-gradient(145deg,#f4f5f2,#a9ada6 55%,#e6e8e4);color:#0b0c0b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 4px 12px -4px rgba(0,0,0,.5)}
.sp-ic svg{width:18px;height:18px}
.sp{position:relative;padding:var(--s7);border-radius:var(--r3);background:radial-gradient(120% 140% at 0% 0%,rgba(215,218,211,.09),transparent 55%),var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2),var(--shadow)}
.sp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s5) var(--s7);align-items:end}
.sp-lab{gap:var(--s3)}.sp-lab:before{display:none}
.sp-lab .sp-ic{width:28px;height:28px}
.sp-head .h2{margin-top:var(--s4);max-width:16ch}
.sp-steps{position:relative;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s7)}
.sp-steps:before{content:"";position:absolute;left:0;right:0;top:15px;height:3px;border-radius:3px;background:linear-gradient(90deg,#d7dad3,#8d928a 50%,#d7dad3);opacity:.5}
.sp-b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);width:100%;text-align:left;padding:0 var(--s2) var(--s2) 0;cursor:pointer;color:var(--muted)}
.sp-b i{width:33px;height:33px;border-radius:50%;background:var(--panel-solid);box-shadow:inset 0 0 0 3px #a9ada6;transition:box-shadow .3s,background .3s,transform .3s var(--ease)}
.sp-b em{font:400 13px/1 var(--fd);font-style:normal;color:var(--faint);margin-top:var(--s2)}
.sp-b b{font-size:15.5px;line-height:1.35;font-weight:700;color:var(--muted);transition:color .3s}
.sp-b:hover b{color:var(--text)}.sp-b:hover i{box-shadow:inset 0 0 0 3px var(--text)}
.sp-b.on i{background:var(--lime);box-shadow:inset 0 0 0 3px var(--lime),0 0 0 6px rgba(130,255,31,.16);transform:scale(1.06)}
.sp-b.on b{color:var(--text)}.sp-b.on em{color:var(--lime-ink)}
.sp-b:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:8px}
.sp-panels{margin-top:var(--s5)}
.sp-p{padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.sp.js .sp-p{display:none}.sp.js .sp-p.on{display:block;animation:fnlup .45s var(--ease) both}
.sp:not(.js) .sp-p + .sp-p{margin-top:var(--s3)}
.sp-p .k{font:400 14px/1.2 var(--fd);color:var(--muted)}
.sp-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--s5);margin-top:var(--s4)}
.sp-l{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--s2)}
.sp-g p{font-size:16px;line-height:1.55;color:var(--text)}
.sp-r p b{font:400 30px/1 var(--fd);color:var(--lime-ink);display:block;margin-bottom:var(--s2);padding-bottom:.06em}
.sp-meter{display:block;position:relative;height:6px;margin-top:var(--s4);border-radius:6px;background:linear-gradient(90deg,var(--lime) 0 3%,var(--line2) 3%)}
.sp-meter i{position:absolute;left:0;top:-5px;width:4px;height:16px;border-radius:2px;background:var(--text)}
.sp-fs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}
.sp-f{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px var(--s3);align-items:start}
.sp-fi{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--lime) 14%,transparent);color:var(--lime-ink)}
.sp-fi svg{width:16px;height:16px}
.sp-f b{font-size:15px;line-height:1.35}.sp-f span{font-size:14px;line-height:1.45;color:var(--muted)}
@media (max-width:960px){.sp{padding:var(--s5)}.sp-head{grid-template-columns:1fr;gap:var(--s3)}.sp-fs{grid-template-columns:1fr}.sp-g{grid-template-columns:1fr;gap:var(--s4)}}
@media (max-width:640px){.sp-steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:var(--s5)}.sp-steps:before{display:none}.sp-b b{font-size:14.5px}.sp-strip{flex-wrap:wrap}.sp-strip a{margin-left:42px}}
.fnl-promise{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s3);font-size:13.5px;font-weight:700;color:var(--text)}
.fnl-promise span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:linear-gradient(145deg,#f4f5f2,#a9ada6 55%,#e6e8e4);color:#0b0c0b}
.fnl-promise svg{width:15px;height:15px}

/* ---------- v7-12: service rows wear their crystal petal colour ---------- */
.srow .srow-t{position:relative;padding-left:var(--s5)}
.srow .srow-t:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:var(--c)}
.srow .sv-n{color:var(--c)}
.srow .srow-s .dd .num{color:var(--c)}
.srow .srow-m .glimg{box-shadow:inset 0 0 0 1px var(--line),0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}
.srow .dots li:before{background:var(--c)}
.pk5-rev{margin-top:var(--s4);font-size:13.5px;font-weight:600;color:var(--muted)}
.pk5-note .link{margin-left:var(--s2)}

/* ---------- v7-10: crystal poster = the seed, same background, no box; the canvas crossfades in over it ---------- */
.svhero .wstick canvas{opacity:0;transition:opacity .9s var(--ease)}
.svhero.gl-ready .wstick canvas{opacity:1}
.svhero,.svhero .wstick{background:#020202}
.svhero .wim-poster{opacity:1;background:url(/assets/img/seed-poster.webp) calc(71.875vw - 34.44vh) 21.67vh/68.9vh 68.9vh no-repeat;-webkit-mask-image:radial-gradient(ellipse 28vh 34vh at 71.875vw 56.1vh,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 28vh 34vh at 71.875vw 56.1vh,#000 80%,transparent 100%);transition:opacity .9s var(--ease)}
.svhero.gl-ready .wim-poster{opacity:0}
.no-gl .svhero .wim-poster{opacity:1}
@media (max-width:900px),(max-aspect-ratio:1/1){.svhero .wim-poster{background-position:19.5vw calc(40vh - 30.5vw);background-size:61vw 61vw;-webkit-mask-image:radial-gradient(ellipse 22vw 28vw at 50vw 40vh,#000 80%,transparent 100%);mask-image:radial-gradient(ellipse 22vw 28vw at 50vw 40vh,#000 80%,transparent 100%)}}

/* ---------- How I work (/process/) ---------- */
.pnhero .stats{margin-top:var(--s6)}
.grow.pnav{height:auto}
.grow.pnav .grow-sticky{position:relative;height:auto;min-height:100vh;min-height:100svh}
.grow.pnav .grow-ui{min-height:100vh;min-height:100svh;grid-template-rows:auto 1fr auto}
.pn-hint{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s3)!important;font-size:14px!important;font-weight:700;color:var(--lime)!important}
.pn-ds{margin-top:var(--s4);pointer-events:auto}
.pn-d{display:none;padding:var(--s5);border-radius:var(--r2);background:rgba(11,12,11,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(243,245,240,.14)}
.pn-d.on{display:block;animation:fnlup .45s var(--ease) both}
.pn-d .k{font:400 14px/1.2 var(--fd);color:var(--lime)}
.pn-d dl{display:grid;gap:var(--s3);margin-top:var(--s3)}
.pn-d dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,245,240,.5)}
.pn-d dd{margin:2px 0 0;font-size:15px;line-height:1.5;color:#f3f5f0}
.grow .pn-tl{grid-template-columns:repeat(6,minmax(0,1fr))}
.pn-tl li{pointer-events:auto}
.pn-b{display:flex;flex-direction:column;gap:var(--s2);width:100%;text-align:left;padding:var(--s3) var(--s3) var(--s3);border-radius:var(--r1);cursor:pointer;color:inherit;background:rgba(11,12,11,.5);box-shadow:inset 0 0 0 1px rgba(243,245,240,.14);transition:box-shadow .25s,background .25s}
.pn-b b{margin-top:0!important}
.pn-b:hover{box-shadow:inset 0 0 0 1.5px rgba(243,245,240,.6)}
.pn-b.on{box-shadow:inset 0 0 0 1.5px var(--lime);background:rgba(130,255,31,.08)}
.pn-b.on span:not(.bar){color:#f3f5f0}
.pn-b:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (max-width:1080px){.grow .pn-tl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grow .pn-tl{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.pn-b{padding:var(--s2) var(--s3)}.pn-b span:not(.bar){font-size:13.5px}.grow.pnav .grow-ui{grid-template-rows:auto auto auto auto}.pn-d{padding:var(--s4)}.pn-d dd{font-size:14px}}
.rev-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.rev-n div{padding:var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.rev-n b{display:block;font:400 clamp(40px,4vw,56px)/1 var(--fd);color:var(--lime-ink);padding-bottom:.06em}
.rev-n span{display:block;margin-top:var(--s2);font-size:14px;line-height:1.45;color:var(--muted)}
.need-l{margin-top:0}
@media (max-width:640px){.rev-n{grid-template-columns:1fr}}

/* ---------- v7-19: one green. In light mode the lime is a marker under dark text, never a darker green ---------- */
:root[data-theme="light"]{--lime-ink:#0b0c0b}
:root[data-theme="light"] :is(.lime,.hero .h1 .l2 .hl-mk,.wcard .m,.wcard .sub em,.card .k,.ladder em,.fnl-pick em,.fnl-n,.sp-b.on em,.pk5-tag,.bpk-tag,.dd5,.pl-hint){color:#0b0c0b;background-image:linear-gradient(transparent 52%,#82ff1f 52%,#82ff1f 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}
:root[data-theme="light"] .hero .h1 .l2{color:#0b0c0b}
:root[data-theme="light"] .hero .h1 .l2 .hl-mk{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M4 34c40-8 98-11 160-10 70 1 150 4 232-3l-2 22c-80 7-166 4-238 3-62-1-112 2-150 9z' fill='%2382ff1f'/%3E%3C/svg%3E") 0 70%/100% 62% no-repeat;padding:0 .1em}
:root[data-theme="light"] :is(.cs .num,.pstats b,.big .to,.ai5-s.on .num,.lv5 b,.sp-r p b,.rev-n b,.srow-s .dd .num,.daycount b){color:#0b0c0b;width:fit-content;background-image:linear-gradient(transparent 56%,#82ff1f 56%,#82ff1f 92%,transparent 92%);padding:0 .08em}
:root[data-theme="light"] .srow .srow-s .dd .num,:root[data-theme="light"] .srow .sv-n{color:#0b0c0b}
:root[data-theme="light"] .door-i,:root[data-theme="light"] .sp-fi{background:#82ff1f;color:#0b0c0b}
:root[data-theme="light"] .fnl-n{background-color:transparent}
:root[data-theme="light"] .sp-b.on i{box-shadow:inset 0 0 0 3px #0b0c0b,0 0 0 6px rgba(130,255,31,.5)}
:root[data-theme="light"] .label:before{background:#82ff1f;box-shadow:0 0 0 1px rgba(11,12,11,.25)}
:root[data-theme="light"] .sp-strip{background:linear-gradient(100deg,rgba(16,18,16,.06),rgba(16,18,16,.02))}
:root[data-theme="light"] .avail i{background:#82ff1f;box-shadow:0 0 0 1px rgba(11,12,11,.35)}
.grow.tl-compact .tl{max-width:440px}
.grow.tl-compact .tl li{grid-template-rows:auto auto;row-gap:0}
.grow.tl-compact .tl li .bar{grid-row:1/3}
.grow.tl-compact .tl li .see{grid-column:3;grid-row:2;padding:0 0 4px;max-width:none}
.close-l .h2{font-size:clamp(34px,3.2vw,48px)}
.close-l .fnl-mail{gap:var(--s2)}
.close-l .fnl-f input{min-height:46px;padding:10px 14px}
.close-l .fnl-go{min-height:50px}
.close-l .fnl-foot{margin-top:var(--s2)}
.close-l .fnl-priv{margin-top:var(--s2)}
.close-l .sp-strip{padding:8px 12px}
.alt-l{margin-top:var(--s3);font-size:14px;color:var(--muted)}
.alt-l a{font-weight:700;color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lime)}
.alt-l span{color:var(--faint)}
.close-l{width:min(100%,560px)}
.close-l .fnl-promise{display:none}
.close-l .lead{font-size:15.5px}
.close-l .fnl-sub{font-size:14px;margin-top:var(--s1)}
.close-l .fnl-f span{margin-bottom:4px}
@media (min-width:901px){.h-close{padding-top:calc(var(--s8) + 8px);padding-bottom:var(--s6)}}
.close-l .lead{max-width:none}
.pn-b b{font-size:11.5px!important;letter-spacing:.1em}
@media (max-width:760px){.pn-d{background:rgba(11,12,11,.6)}}
.ai5-s .num{white-space:nowrap}
/* mobile: the clip cards scroll sideways inside the page, never widen it */
@media (max-width:960px){.h-os .player,.player{grid-template-columns:minmax(0,1fr)}.pl-side,.pl-v{min-width:0}.pl-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}}
.grow .grow-copy .h2{line-height:1.14}
.cidx{background:var(--bg)}
@media (max-width:560px){.story .mini .ph{bottom:auto;top:var(--s4);left:var(--s4);right:var(--s4)}}
@media (prefers-reduced-motion:reduce){.h-problem,.h-work,.h-proof{height:auto}.h-problem .stick,.h-work .stick,.h-proof .stick{position:relative;min-height:100svh}}
.still .h-problem,.still .h-work{height:auto}

/* ===================== Vizura D8 - FEEDBACK v8 (15.10.2026) ===================== */

/* v8-1 hero: always three lines - "A full brand and website," / "A-Z, in 21 days." / "Not 4 months."
   The size follows the width of the copy column, so the longest line always fits on one line. */
.home .hero .h1.hero-h{max-width:none;font-size:clamp(30px,5.3vw,80px);line-height:1.04}
/* one h1 block (it stays the LCP element), three lines by explicit breaks; no line can wrap */
.hero .h1.hero-h .hl1,.hero .h1.hero-h .l2{display:inline;white-space:nowrap}
@media (max-width:1180px){.home .hero .h1.hero-h{font-size:clamp(30px,6.1vw,72px)}}
@media (max-width:900px),(max-aspect-ratio:1/1){.home .hero .h1.hero-h{font-size:min(8.6vw,64px)}}
@media (max-width:760px){.home .hero .h1.hero-h{font-size:calc((100vw - 2 * var(--pad)) / 10.9)}}

/* v8-3 the highlighter under "Not 4 months.": a sprayed lime block, drawn on by the can (d8.js). The words stay HTML. */
.hero .h1 .l2 .hl-mk{position:relative;display:inline-block;color:var(--lime-ink);background:none!important;padding:0}
.hl-st{position:absolute;left:-.13em;right:-.12em;top:.08em;bottom:-.06em;z-index:1;pointer-events:none;font-style:normal;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M6 14c38-7 92-9 150-8 70 1 152 6 236 2l4 10-2 18 3 22-3 20 2 14c-80 6-168 3-240 2-62-1-114 1-152 5l-3-14 2-22-3-20 3-16z' fill='%2382ff1f'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}
.hl-st:after{content:attr(data-t);position:absolute;left:.13em;top:-.08em;color:#0b0c0b;white-space:nowrap}
.hl-on .hl-st{animation:hlsw .62s cubic-bezier(.3,.6,.2,1) forwards}
.hl-now .hl-st{animation:none;clip-path:none;-webkit-clip-path:none}
@keyframes hlsw{from{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}
:root[data-theme="light"] .hero .h1 .l2 .hl-mk{color:#0b0c0b}
/* the DOM mist (when the 3D can is not on screen yet): a few lime drops fly in from the can's side and land on the stroke */
.hl-mist{position:absolute;left:0;top:0;width:0;height:0;z-index:2;pointer-events:none}
.hl-mist i{position:absolute;left:0;top:0;width:var(--s);height:var(--s);border-radius:50%;background:#82ff1f;filter:blur(1px);opacity:0;
  transform:translate(var(--fx),var(--fy));animation:hlm .9s cubic-bezier(.2,.7,.2,1) var(--d) forwards}
@keyframes hlm{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.4)}18%{opacity:var(--o)}80%{opacity:calc(var(--o) * .7)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.6)}}

/* the headline paints at once (no slide-in on the LCP element) */
.hero .inner>.h1{animation:none}

/* v8-2 hero CTA, outcome-led: the button keeps one line on phones */
.hero .ctas .btn{white-space:nowrap}
@media (max-width:420px){.hero .ctas .btn{font-size:14.5px;padding:0 var(--s4)}}

/* v8-4 the "Press and hold" hint belongs to the hero only */
.past-hero .press,.past-hero .scrollcue{opacity:0!important;transition:opacity .35s ease 0s!important;pointer-events:none}

/* v8-5 the 21 days section sits on exactly the same black as every other section */
.grow,.grow .stage,.grow-sticky{background:#0b0c0b}
.grow .stage::before{background:linear-gradient(90deg,rgba(11,12,11,.74) 0%,rgba(11,12,11,.4) 30%,rgba(11,12,11,0) 50%)}
.grow .stage::after{background:linear-gradient(rgba(11,12,11,0),rgba(11,12,11,.6) 45%,rgba(11,12,11,.9))}
@media (max-width:900px),(max-aspect-ratio:1/1){.grow .stage::before{background:linear-gradient(180deg,rgba(11,12,11,.86) 0%,rgba(11,12,11,.5) 26%,rgba(11,12,11,0) 40%)}}

/* v8-6 work cards: one number, its few words, one plain sentence */
.h-work .cs .num{margin-bottom:2px}
.h-work .cs .nl{display:block;font-size:15px;font-weight:700;color:var(--text);margin-bottom:var(--s3)}
@media (max-width:760px){.h-work .cs .nl{font-size:13.5px;margin-bottom:var(--s2)}}

/* v8-7 the chat bubble poster: shown until the live 3D bubble is on screen (and for good without WebGL) */
.h-close{position:relative}
.bub-po{--bw:min(62.2vh,38.9vw);position:absolute;z-index:0;pointer-events:none;left:calc(80.55vw - var(--bw) / 2);top:calc(50% - var(--bw) / 2);width:var(--bw);height:var(--bw);opacity:1;transition:opacity .5s var(--ease)}
.bub-po img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 88%,transparent);mask-image:radial-gradient(closest-side,#000 88%,transparent)}
.world-on.bub-live .bub-po{opacity:0}
.no-gl .bub-po{opacity:1!important}
.h-close .close-in{position:relative;z-index:1}
@media (max-width:900px),(max-aspect-ratio:1/1){.bub-po{display:none}}
:root[data-theme="light"] .bub-po{display:none}

/* v8-10 service checkmarks in their own petal colour (the row link no longer resets --c to lime) */
.svc a{--c:inherit}
.svc li .k{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 45%,transparent)}
.svc li.on .k{background:var(--c)}

/* v8-11 The Silver Promise: a static safety visual (no bar, nothing that looks draggable or loading) */
.sp-flow{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:var(--s3);margin-top:var(--s7)}
.sp-flow li:not(.sp-ar){display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.sp-flow .sp-ar{display:grid;place-items:center;color:var(--faint)}.sp-flow .sp-ar svg{width:20px;height:20px}
.sp-fn{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:400 16px/1 var(--fd);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}
.sp-flow b{display:block;font-size:16px;line-height:1.3;color:var(--text);padding-bottom:1px}
.sp-flow em{display:block;margin-top:4px;font-style:normal;font-size:13.5px;line-height:1.45;color:var(--muted)}
.sp-flow .sp-ok{background:color-mix(in srgb,var(--lime) 10%,var(--surface));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 55%,transparent)}
.sp-ok .sp-fn{background:var(--lime);color:#0b0c0b;box-shadow:none}.sp-ok .sp-fn svg{width:19px;height:19px}
.sp-ok b{color:var(--lime-ink)}
.sp-zero{display:flex;align-items:flex-start;gap:var(--s3)}
.sp-badge{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--lime) 14%,transparent);color:var(--lime-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 50%,transparent)}
.sp-badge svg{width:24px;height:24px}
.sp-meter{display:none}
:root[data-theme="light"] .sp-ok b{color:#0b0c0b}
:root[data-theme="light"] .sp-badge{color:#0b0c0b;background:#82ff1f}
@media (max-width:960px){.sp-flow{grid-template-columns:minmax(0,1fr);gap:var(--s2)}.sp-flow .sp-ar{transform:rotate(90deg);height:20px}}

/* v8-12 nav: How I work is its own item. 1024-1279: the logo is Home, everything fits on one row. */
@media (max-width:1440px){.nav-links{gap:22px}.nav-links a,.dd-b{font-size:14.5px}}
@media (max-width:1279px){.nav-links .nv-home{display:none}.nav-links{gap:18px}.nav-links a,.dd-b{font-size:14px}.nav .wrap{gap:var(--s4)}}
@media (max-width:1180px){.nav-links{display:flex}.nav .menu-btn{display:none}}
@media (max-width:1100px){.nav-links{gap:15px}.nav-links a,.dd-b{font-size:13.5px}.nav .wrap{gap:14px}.nav .nav-tools{gap:6px}.nav .btn.sm{padding:0 14px;font-size:13.5px}.nav .btn.sm svg{display:none}}
@media (max-width:1023px){.nav-links{display:none}.nav .menu-btn{display:grid}}
.nav-links a,.nav-links .dd-b{white-space:nowrap}

/* D9 - copy + strategy update on the D8 design. Only what the new content needs: capacity line, refund micro-line,
   Silver Promise four lines, 5-step ladder, Design Partner + Care, proof initials. No visual redesign. */
.hstat{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s3)}
.prio{font-size:13px;font-weight:700;color:var(--text)}
.hsafe{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);font-size:13px;font-weight:600;color:var(--muted);line-height:1.4}
.hsafe span{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:6px;background:linear-gradient(145deg,#f4f5f2,#a9ada6 55%,#e6e8e4);color:#0b0c0b}
.hsafe svg{width:13px;height:13px}
.cap-l{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s3);margin-top:var(--s3);font-size:13px;line-height:1.4}
.cap-l b{color:var(--text);font-weight:700}
.cap-l .avail{white-space:normal}
.os-proof{margin-top:var(--s3);font-size:14px;line-height:1.5}
.lead b{color:var(--text);font-weight:700}
.qlist .ql-in{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f4f5f2,#a9ada6 55%,#e6e8e4);color:#0b0c0b;font:800 14px/1 var(--fd);letter-spacing:.02em}
.qlist .ql-via{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--faint)}
.ladder.l5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1180px){.ladder.l5{grid-template-columns:repeat(3,minmax(0,1fr))}.ladder.l5 a:after{display:none}}
@media (max-width:760px){.ladder.l5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ladder.l5{grid-template-columns:minmax(0,1fr)}}
.pk5s.kp2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pk5s.kp2 .pk5-d{font-size:13.5px;color:var(--muted);font-weight:600}
@media (max-width:1000px){.pk5s.kp2{grid-template-columns:minmax(0,1fr)}}
.sp-fs.sp-fs4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s6);margin-top:var(--s6)}
.sp-fs4 .sp-f1 b{color:var(--text)}
.sp-fs4 .sp-f1 .sp-fi{color:var(--lime-ink)}
.sp-fs4 .sp-fi svg{width:20px;height:20px}
@media (max-width:760px){.sp-fs.sp-fs4{grid-template-columns:minmax(0,1fr)}}
.wall-q span{display:block;margin-top:6px;font-size:.45em;color:var(--muted);letter-spacing:0}
.deep .lead{max-width:60ch}
/* the problem card holds 5 short pains now: tighter on short phones */
.pains.p5{gap:var(--s2)}
@media (max-width:760px){.pains.p5 li{font-size:14px;line-height:1.42}}
@media (max-width:760px) and (max-height:760px){.h-problem .pains.p5 li:nth-child(2){display:list-item}.h-problem .pains.p5 li:nth-child(4),.h-problem .pains.p5 li:nth-child(5){display:none}}
@media (max-width:760px){.home .hero .hsafe{font-size:12.5px}.home .hero .prio{font-size:12.5px}}
.sp-fs4 .sp-f{align-content:start}
/* shared proof cards (assets/proof): layout of the slots only; the cards keep their own look */
.proof-slot{margin-top:var(--s6)}
.proof-ns .qlist{margin-top:0}
.proof-slot+.proof-slot{margin-top:var(--s5)}
.pstats a{display:block;color:inherit;text-decoration:none}.pstats a:hover b{color:var(--lime-ink)}
.leap-n.lg .num{font-size:clamp(52px,7.4vw,132px);white-space:nowrap}@media (max-width:760px){.leap-n.lg .num{font-size:clamp(44px,13.5vw,72px)}}
/* footer badges: small and quiet, under the columns (site class .r would otherwise turn the rating line into a grid) */
.foot-proof{margin-top:var(--s6);min-height:48px;opacity:.85}
.foot-proof .pcb .r{display:flex;grid-template-columns:none;padding:0;gap:6px;font-size:13.5px}
.foot-proof .pcb .c,.foot-proof .pcb .t{margin:0}
.foot-proof .proof-ns{font-size:13px}
.sp-more{display:inline-flex;margin-top:var(--s6)}

/* ===================== Vizura D10 - FEEDBACK v9 (16.10.2026). Polish on D9, no redesign. ===================== */

/* v9-2/3 hero A/B: ?hero=a (default) = small eyebrow above the H1; ?hero=b = no line at all, a slightly tighter rhythm */
.h-eye{display:none;align-items:center;gap:10px;margin:0;font-size:12.5px;line-height:1.3;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:1px}
.h-eye i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px color-mix(in srgb,var(--lime) 18%,transparent)}
:root[data-hero="a"] .h-eye{display:flex}
:root[data-hero="a"] .hero .h1.hero-h{margin-top:var(--s4)}
:root:not([data-hero="a"]) .hero .h1.hero-h{margin-top:0}
:root:not([data-hero="a"]) .home .hero .lead{margin-top:var(--s4)}
:root:not([data-hero="a"]) .hero .ctas{margin-top:var(--s5)}
:root:not([data-hero="a"]) .hero .stats{margin-top:var(--s6)}
:root[data-theme="light"] .h-eye i{background:#82ff1f;box-shadow:0 0 0 4px rgba(47,122,0,.16)}
@media (max-width:760px){.h-eye{font-size:11.5px;letter-spacing:.12em}:root[data-hero="a"] .hero .h1.hero-h{margin-top:var(--s3)}}

/* v9-1 the highlighter: a clean sprayed rectangle (texture made by _patch/spray_hl.py): overspray halo, fine mist,
   slight density variation, two tiny drips. The box is larger than the word so the halo and the drips have room;
   the core covers cap height to below the descenders, so the black copy of the words (:after) is never clipped.
   Reveal: a soft-edged mask sweep (the can's pass), not a hard wipe. */
.hl-st{left:-.26em;right:-.26em;top:-.06em;bottom:-.34em;background:url(/assets/img/hl-spray-en.webp) 0 0/100% 100% no-repeat;
  clip-path:none;-webkit-clip-path:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0 46%,transparent 54% 100%);mask-image:linear-gradient(90deg,#000 0 46%,transparent 54% 100%);
  -webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
:lang(hr) .hl-st{background-image:url(/assets/img/hl-spray-hr.webp)}
.hl-st:after{left:.26em;top:.06em;line-height:inherit}
.hero .h1.hero-h .hl1{position:relative;z-index:2}
.hl-on .hl-st{animation:hlsw10 .75s cubic-bezier(.16,1,.3,1) forwards}
.hl-now .hl-st{animation:none;-webkit-mask-image:none;mask-image:none}
@keyframes hlsw10{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
.hero .h1 .l2 .hl-mk{padding-bottom:0}

/* v9-5 cursor: a label never sticks (d.js + world.js); the label bubble fades instead of popping */
.cur b{transition:opacity .18s ease}

/* v9-6/7/8 the Silver Promise, compact everywhere */
.sp10{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s5) var(--s8);align-items:start;padding:var(--s6) var(--s7)}
.sp10 .h2{margin-top:var(--s4);max-width:14ch;font-size:clamp(30px,3vw,46px)}
.sp-lines{list-style:none;display:grid;gap:var(--s3);margin:0;padding:0}
.sp-lines li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:var(--s3);align-items:center;font-size:16px;line-height:1.4;color:var(--muted)}
.sp-lines b{color:var(--text);font-weight:700}
.sp-li{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--lime) 14%,transparent);color:var(--lime-ink)}
.sp-li svg{width:17px;height:17px}
.sp-lines li:first-child .sp-li{background:var(--lime);color:#0b0c0b}
.sp3{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:var(--s5) 0 0;padding:0;font-size:13.5px;line-height:1.3;font-weight:600;color:var(--muted)}
.sp3 li{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.sp3 li+li:before{content:"";width:14px;height:1.5px;margin:0 6px 0 -12px;background:var(--line2);order:-1;display:none}
.sp3-n{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;font:400 12px/1 var(--fd);color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}
.sp3-ok{color:var(--text);background:color-mix(in srgb,var(--lime) 10%,var(--surface))!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 55%,transparent)!important}
.sp3-ok .sp3-n{background:var(--lime);color:#0b0c0b;box-shadow:none}.sp3-ok .sp3-n svg{width:13px;height:13px}
.sp-note{margin-top:var(--s4);font-size:14px;line-height:1.5;color:var(--muted)}
.sp10 .sp-more{margin-top:var(--s5)}
@media (max-width:960px){.sp10{grid-template-columns:minmax(0,1fr);padding:var(--s5)}.sp10 .h2{margin-top:var(--s3)}}
@media (max-width:520px){.sp-lines li{font-size:15px}.sp3{font-size:13px}}
:root[data-theme="light"] .sp-lines li:first-child .sp-li{background:#82ff1f}
:root[data-theme="light"] .sp-li{color:#0b0c0b;background:rgba(130,255,31,.35)}
:root[data-theme="light"] .sp3-ok .sp3-n{background:#82ff1f}

/* home: the promise is a world chapter (card left, the chrome seal right, world.js chapter 4) */
.h-promise{height:210vh;padding:0}
.sp-panel{width:min(100%,500px)}
.sp-panel .sp-lab{gap:var(--s3)}
.sp-panel .h2{margin-top:var(--s4);max-width:14ch}
.sp-panel .sp-lines{margin-top:var(--s5)}
.sp-panel .sp-more{display:inline-flex;margin-top:var(--s5)}
.prom-po{--bw:min(62.2vh,38.9vw);position:absolute;z-index:0;pointer-events:none;left:calc(80.55vw - var(--bw) / 2);top:calc(50% - var(--bw) / 2);width:var(--bw);height:var(--bw);opacity:1;transition:opacity .5s var(--ease)}
.prom-po img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 86%,transparent);mask-image:radial-gradient(closest-side,#000 86%,transparent)}
.world-on.seal-live .prom-po{opacity:0}
.no-gl .prom-po{opacity:1!important}
.h-promise .stick>.wrap{position:relative;z-index:1}
:root[data-theme="light"] .prom-po{display:none}
@media (max-width:900px),(max-aspect-ratio:1/1){
  .h-promise{height:200vh}
  .prom-po{--bw:min(56vw,34vh);left:calc(50vw - var(--bw) / 2);top:calc(70px + 1vh);display:none}
  .no-gl .prom-po{display:block}
}
@media (max-width:760px){.sp-panel .h2{font-size:clamp(24px,6.6vw,30px)}.sp-panel .sp-lines{margin-top:var(--s4);gap:var(--s2)}.sp-panel .sp3{margin-top:var(--s4)}.sp-panel .sp-more{margin-top:var(--s4)}}
@media (max-width:760px) and (max-height:760px){.sp-panel .sp3{display:none}}
@media (prefers-reduced-motion:reduce){.h-promise{height:auto}.h-promise .stick{position:relative;min-height:100svh}}
.still .h-promise{height:auto}.still .h-promise .stick{position:relative;min-height:100svh}

/* v9-9/10 Services crystal: the canvas is lifted to the exact page black in the shader (wim.js), so the section and the
   poster sit on #0b0c0b with no visible box. The copy column scales with the screen height so the two CTAs at the
   bottom always fit inside the pinned screen; on very short screens the lead paragraph steps aside (d10.js .short). */
.svhero,.svhero .wstick{background:#0b0c0b}
.svhero .wim-poster{mix-blend-mode:lighten}
@media (min-width:901px) and (min-aspect-ratio:1/1){
  .svhero .wcopy{padding-top:84px;padding-bottom:28px}
  .svhero .h1{font-size:clamp(32px,min(4.4vw,7.2vh),68px)}
  .svhero .lead{font-size:clamp(15px,min(1.2vw,2.1vh),18px);margin-top:min(var(--s4),2vh)}
  .svhero .svc{margin-top:min(var(--s5),2.6vh)}
  .svhero .svc a{padding-top:min(11px,1.1vh);padding-bottom:min(12px,1.2vh)}
  .svhero .meta{margin-top:min(var(--s4),2vh)}
  .svhero .wcopy .ctas{margin-top:min(var(--s5),2.8vh)!important;padding-bottom:4px}
}
.svhero.short .lead{display:none}

/* v9-11 How I work, before day 1: one continuous timeline that draws as you arrive; each step pops in when the line
   reaches it (d10.js, reversible). Vertical on narrow screens. */
.nxt.tl10{position:relative;gap:var(--s5)}
.tl10 li:not(.tl-track){box-shadow:none;padding-top:var(--s6)}
.tl10 li:before{display:none}
.tl10 .tl-track{position:absolute;padding:0;box-shadow:none;left:8px;right:0;top:8px;height:2px;border-radius:2px;background:var(--line2);pointer-events:none}
.tl10 .tl-track i{position:absolute;inset:0;border-radius:2px;background:var(--lime);transform-origin:0 50%;transform:scaleX(var(--tl,1))}
.tl10 .tl-dot{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px color-mix(in srgb,var(--lime) 16%,transparent)}
.tl10.js .tl-dot{background:var(--bg);box-shadow:inset 0 0 0 2px var(--line2);transform:scale(.7);transition:transform .7s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease}
.tl10.js li:not(.tl-track)>:not(.tl-dot){opacity:.28;transform:translateY(10px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.tl10.js li.hit .tl-dot{background:var(--lime);box-shadow:0 0 0 5px color-mix(in srgb,var(--lime) 16%,transparent);transform:scale(1)}
.tl10.js li.hit>:not(.tl-dot){opacity:1;transform:none}
@media (min-width:901px){.nxt.tl10{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){
  .nxt.tl10{grid-template-columns:minmax(0,1fr);gap:var(--s5);padding-left:36px}
  .tl10 li:not(.tl-track){padding-top:0}
  .tl10 .tl-track{left:8px;right:auto;top:9px;bottom:12px;width:2px;height:auto}
  .tl10 .tl-track i{transform-origin:50% 0;transform:scaleY(var(--tl,1))}
  .tl10 .tl-dot{left:-36px;top:1px}
}
@media (prefers-reduced-motion:reduce){.tl10.js li>*,.tl10.js .tl-dot{transition:none}}

/* v9-12 How I work, day by day: pinned and scroll-driven when the layout fits the screen (d7.js adds .pn-scroll) */
.grow.pnav.pn-scroll{height:620vh}
.grow.pnav.pn-scroll .grow-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
.grow.pnav.pn-scroll .grow-ui{min-height:0;height:100%}
.pn-d.on{animation:none}
.pn-scroll .pn-d.on{animation:fnlup .45s cubic-bezier(.16,1,.3,1) both}
/* "Day 14 of 21 - Blossom" on one clean line (the old label stacked "Day, of 21 -" over the season) */
.grow .daycount .lbl{display:block;white-space:nowrap}
.grow .daycount .lbl span{display:inline;margin:0}
.grow .daycount .lbl .dn{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}

/* v9-13 nav dropdowns: descriptions wrap inside the panel at every width (d8 set nowrap on every nav link) */
.nav-links .dd-m a,.nav-links .dd-m b,.nav-links .dd-m span{white-space:normal}
.dd-m{width:min(340px,calc(100vw - 32px))}
.nav-links .dd:last-of-type .dd-m{left:auto;right:-16px}
.dd-m span{overflow-wrap:anywhere}

.pnav .pn-h1{display:none}.pnav.pn-scroll .pn-h1{display:inline}.pnav.pn-scroll .pn-h2{display:none}

/* ===================== D10.1 - FEEDBACK v10 ===================== */
/* v10-2 hero secondary CTA: a ghost button, same height and radius as the primary, white 1px outline, subtle fill on hover */
.hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.btn.ghost.hg{box-shadow:inset 0 0 0 1px rgba(243,245,240,.85);color:var(--text);transition:background .25s ease,box-shadow .25s ease,transform .25s}
.btn.ghost.hg:hover{background:rgba(243,245,240,.08);box-shadow:inset 0 0 0 1px #f3f5f0}
:root[data-theme="light"] .btn.ghost.hg{box-shadow:inset 0 0 0 1px rgba(11,12,11,.8)}
:root[data-theme="light"] .btn.ghost.hg:hover{background:rgba(11,12,11,.06)}
/* v10-4 capacity pill in the navbar: small, static dot (no pulse), left of the HR / theme toggles; hidden below 1100 px
   (the mobile menu keeps the full line) */
.nav-cap{display:none;align-items:center;gap:7px;height:32px;padding:0 11px 0 9px;margin-right:4px;border-radius:999px;font-size:12.5px;font-weight:700;line-height:1;color:var(--muted);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line2);transition:color .2s,box-shadow .2s}
.nav-cap i{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}
.nav-cap:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.nav-cap span{padding-bottom:1px}
@media (min-width:1100px){.nav-cap{display:inline-flex}}
:root[data-theme="light"] .nav-cap i{background:#3fa800}
/* v10-6 the scroll cue sits in the bottom-left corner, under the chapter rail, never across the stats row;
   d10.js hides it if it would still touch the stats at some odd size */
.hero .scrollcue{left:var(--pad);transform:none;align-items:flex-start}
.hero .scrollcue i{margin-left:2px}
.hero .scrollcue.clash{display:none}
.hero .hsafe{margin-top:var(--s4)}
@media (max-width:1339px){:lang(hr) .nav-cap{display:none}}

/* D10.2 spray can cursor (assets/cursor/, mounted by cursor.js). Picker + sound: compact, bottom left, under everything
   that matters: the hero scroll cue moves up while it is there, it steps aside for the consent bar and the open menu. */
.vzs-pick{left:var(--s4)!important;bottom:var(--s4)!important;z-index:58!important;background:color-mix(in srgb,var(--panel-solid) 92%,transparent)!important}
.has-spray .hero .scrollcue{bottom:calc(var(--s4) + 56px)}
html:has(.consent:not([hidden])) .vzs-pick,body.menu-open .vzs-pick,.leave .vzs-pick{opacity:0;pointer-events:none}
.vzs-pick{transition:opacity .3s ease}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.vzs-pick{display:none!important}}

/* ===================== D10.2 - The Wall ===================== */
/* home chapter: card left, the live wall teaser right (2D canvas from vizura-tag-wall); a solid section, the 3D world hides behind it */
.h-wall{position:relative;z-index:2;background:var(--bg);padding:calc(var(--s8) + 40px) 0 var(--s8);min-height:100vh;min-height:100svh;display:flex;align-items:center}
.h-wall>.wrap{width:100%}
.has-rail .h-wall .wrap{padding-left:calc(var(--pad) + 160px)}
.wall10{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:var(--s7);align-items:center;max-width:none}
.wall-card .h2{margin-top:var(--s4)}
.wall-card .lead{margin-top:var(--s3);max-width:40ch}
.wall-card .btn{margin-top:var(--s5)}
.wall-n{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4);font-size:14px;font-weight:700;line-height:1.4;color:var(--text)}
.wall-n i{width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}
.wall-tz{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:#070807;box-shadow:inset 0 0 0 1px var(--line2)}
.wall-tz-po{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wall-tz.vwt{min-height:0;aspect-ratio:4/3}
@media (max-width:1180px){.has-rail .h-wall .wrap{padding-left:calc(var(--pad) + 48px)}}
@media (max-width:900px){
  .has-rail .h-wall .wrap{padding-left:var(--pad)}
  .h-wall{padding:calc(var(--s7) + 56px) 0 var(--s8)}
  .wall10{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
  .wall-tz{order:-1;aspect-ratio:16/11}.wall-tz.vwt{aspect-ratio:16/11}
}
:root[data-theme="light"] .wall-n i{background:#3fa800}
/* about: the link to the wall under "Still on the wall" */
.wall-go{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s5);margin-top:var(--s5);padding:var(--s4) var(--s5);border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);text-decoration:none;transition:box-shadow .25s}
.wall-go:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.wall-go-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.wall-go-t b{font:400 20px/1.2 var(--fd);padding-bottom:.06em}
.wall-go-t span{font-size:14px;line-height:1.45;color:var(--muted)}
.wall-go-c{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--lime-ink);white-space:nowrap}
.wall-go-c svg{width:16px;height:16px}

/* ===================== Vizura D11 - the approved brand assets, used minimally =====================
   One moment per section, lime stays the one accent, text never sits on a pattern, everything lazy. */

/* 3D objects (transparent renders): small accents, never under text */
.svc-obj{float:right;width:clamp(96px,10vw,150px);height:auto;margin:-14px 0 8px var(--s4);filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.srow-t .h2s{overflow-wrap:anywhere}
@media (max-width:760px){.svc-obj{width:84px;margin:-6px 0 6px var(--s3)}}
.sp10-l{position:relative}
.sp-stamp{display:block;width:clamp(86px,8vw,118px);height:auto;margin-top:var(--s5);filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}
@media (max-width:960px){.sp-stamp{position:absolute;right:0;top:0;margin:0;width:72px}.sp10-l .h2{padding-right:84px}}
.sig-can{width:auto;height:96px;margin-left:auto;filter:drop-shadow(0 14px 20px rgba(0,0,0,.45))}
.wall-card{position:relative}
.wall-bb{position:absolute;right:-22px;top:-34px;width:clamp(120px,11vw,160px);height:auto;transform:rotate(-6deg);filter:drop-shadow(0 18px 26px rgba(0,0,0,.5));pointer-events:none}
@media (max-width:900px){.wall-bb{right:-6px;top:-26px;width:104px}}
:root[data-theme="light"] :is(.svc-obj,.sp-stamp,.sig-can,.wall-bb){filter:drop-shadow(0 14px 20px rgba(0,0,0,.18))}

/* patterns: thin dividers between sections, faded at both ends; the Next page block gets a V Repeat texture on hover */
.pdiv{display:block;margin-top:var(--s4);margin-bottom:var(--s4)}
.pdiv img{display:block;width:100%;height:auto;max-height:120px;object-fit:cover;opacity:.75;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
:root[data-theme="light"] .pdiv img{filter:invert(1) hue-rotate(180deg);opacity:.5}
.next .nx-pat{position:absolute;right:0;top:12%;bottom:12%;width:min(46%,560px);background:url(/assets/img/brand/pat-v-repeat.webp) right center/auto 100% repeat-x;opacity:0;transition:opacity .5s var(--ease);pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.next:hover .nx-pat{opacity:.55}
.next>div,.next .round{position:relative;z-index:1}
@media (hover:none){.next .nx-pat{display:none}}
:root[data-theme="light"] .next .nx-pat{display:none}

/* photos (Photo Library v1, graded) in brand masks */
.pnhero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:var(--s7);align-items:center}
.pn-ph{margin:0;justify-self:end;width:min(100%,340px)}
.pn-ph img{display:block;width:100%;height:auto}
@media (max-width:960px){.pnhero{grid-template-columns:minmax(0,1fr)}.pn-ph{display:none}}
.nf-ph{margin:0;justify-self:center;width:min(100%,320px)}
.nf-ph img{display:block;width:100%;height:auto}
@media (max-width:760px){.nf-ph{width:180px;justify-self:start}}
.jhero{position:relative;overflow:hidden}
.jhero .ph-t{position:relative;z-index:1}
.jh-pat{position:absolute;right:calc(var(--pad) - 40px);top:50%;width:min(36vw,440px);height:auto;transform:translateY(-50%);opacity:.6;pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
@media (max-width:1100px){.jh-pat{display:none}}
:root[data-theme="light"] .jh-pat{filter:invert(1);opacity:.35}

/* photo credits */
.credits{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--s3) var(--s6);margin:0;padding:0}
.credits li{display:flex;flex-direction:column;gap:2px;padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.credits b{font-weight:700;color:var(--text)}.credits span{color:var(--muted)}.credits a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.foot .bot-l{display:inline-flex;gap:var(--s4)}

/* D12 (18.10.2026): one form everywhere, services picker, package pages, clean contact. Mobile first. */

/* ---------- home hero: copy + the form */
.hero.h12 .h12-in{display:grid;gap:var(--s5);max-width:none}
.hero.h12 .h12-copy{min-width:0}
.hero.h12 .h12-form{min-width:0;max-width:560px}
.hero.h12 .h12-form .fnl{animation-delay:.2s}
.hero.h12 .hsafe{margin-top:var(--s3);font-size:13.5px}
.h12-trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:var(--s4);font-size:13.5px;line-height:1.4;color:var(--muted)}
.h12-trust b{color:var(--text);font-weight:800}
.h12-trust i{width:4px;height:4px;border-radius:50%;background:var(--faint)}
.hv-form .hero.h12 .press{display:none}
.hv-form .hero.h12 .stick>.wrap{opacity:1!important;transform:none!important}  /* the form must never fade out while someone fills it */
@media (min-width:1100px){
  .hv-form .hero.h12 .h12-in{grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);gap:clamp(40px,5vw,88px);align-items:center}
  .hero.h12 .h1.hero-h{font-size:clamp(40px,4.3vw,70px)}
  .hero.h12 .h12-form{justify-self:end;width:100%}
}
@media (max-width:1099px){
  .hv-form .hero.h12 .stick{height:auto;min-height:100svh;position:relative}
  .hv-form .hero.h12 .h12-in{padding-top:calc(var(--s7, 72px) + 8px);padding-bottom:var(--s7, 72px)}
  .hero.h12 .lead{display:block}
  .hv-form .hero.h12 .scrollcue{display:none}
}

/* ---------- the form, value step */
.fnl-give .fnl-li{display:grid;gap:8px;margin-top:var(--s3);padding:0;list-style:none}
.fnl-give .fnl-li li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.45;color:var(--text)}
.fnl-give .fnl-li li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.4px solid var(--lime);border-bottom:2.4px solid var(--lime);transform:rotate(-45deg)}
.fnl-give .fnl-steps{display:grid;gap:6px;margin:var(--s4) 0 var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r1);background:var(--surface2);list-style:none;counter-reset:st}
.fnl-give .fnl-steps li{counter-increment:st;display:flex;gap:10px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.fnl-give .fnl-steps li::before{content:counter(st);flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:800;color:#0b0c0b;background:var(--lime)}
.fnl-give .btn{width:100%;justify-content:center;min-height:54px}
.fnl-sel{margin-top:var(--s2);font-size:13.5px;line-height:1.45;color:var(--muted)}
.fnl-sel b{color:var(--text)}
.fnl-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--s3);min-height:48px;border-radius:var(--r1);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:14.5px;font-weight:700;color:var(--text)}
.fnl-wa svg{width:16px;height:16px}
.fnl-wa:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
@media (max-width:560px){
  .fnl{padding:var(--s4)}
  .fnl-o{grid-template-columns:1fr}
  .fnl-o button{min-height:52px}
  .fnl-b{min-height:0}
}

/* ---------- overlay */
.fov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,#050605 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .25s var(--ease);overflow-y:auto;overscroll-behavior:contain}
.fov.on{opacity:1}
.fov[hidden]{display:none}
.fov-in{position:relative;width:100%;max-width:560px;margin:auto;transform:translateY(14px);transition:transform .35s var(--ease)}
.fov.on .fov-in{transform:none}
.fov-x{position:absolute;right:0;top:-48px;width:40px;height:40px;border-radius:50%;background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);font-size:24px;line-height:1;color:var(--text)}
.fov-alt{margin-top:var(--s3);text-align:center;font-size:13.5px;color:var(--muted)}
.fov-alt a{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fov .fnl{animation:none}
html.fov-lock,html.fov-lock body{overflow:hidden}
@media (max-width:560px){.fov{place-items:start center;padding:64px 12px 24px}}

/* ---------- services picker */
.sv12{padding-bottom:var(--s4)}
.sv12 .h1{max-width:16ch}
.sv12 .lead{max-width:52ch}
.pk12s{position:relative;z-index:2;padding-bottom:var(--s7, 72px)}
.pk12-hint{margin:0 0 var(--s3)}
.pk12-g{display:grid;gap:var(--s2);grid-template-columns:1fr}
.pk12{position:relative;display:grid;grid-template-columns:28px 1fr auto;grid-template-areas:"k b e" "k s s";gap:2px 12px;align-items:start;padding:14px 16px 15px;border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1.5px var(--line2);text-align:left;color:var(--text);cursor:pointer;transition:box-shadow .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}
.pk12:hover{box-shadow:inset 0 0 0 1.5px var(--c,var(--lime))}
.pk12:active{transform:scale(.99)}
.pk12:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.pk12-k{grid-area:k;width:26px;height:26px;margin-top:1px;border-radius:8px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line2);color:transparent;transition:background .2s,color .2s,box-shadow .2s}
.pk12-k svg{width:16px;height:16px}
.pk12 b{grid-area:b;font-size:16.5px;line-height:1.3;font-weight:800;padding-top:2px}
.pk12 span:not(.pk12-k){grid-area:s;font-size:14px;line-height:1.45;color:var(--muted)}
.pk12 em{grid-area:e;font-style:normal;font-size:12.5px;font-weight:700;color:var(--faint);white-space:nowrap;padding-top:4px}
.pk12[aria-pressed=true]{background:color-mix(in srgb,var(--c,var(--lime)) 10%,var(--surface2));box-shadow:inset 0 0 0 2px var(--c,var(--lime))}
.pk12[aria-pressed=true] .pk12-k{background:var(--c,var(--lime));box-shadow:none;color:#0b0c0b}
@media (min-width:700px){.pk12-g{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.pk12-g{grid-template-columns:repeat(4,1fr)}.pk12-g .pk12:last-child{grid-column:span 2}}

.pk-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0 12px calc(12px + env(safe-area-inset-bottom));transform:translateY(120%);transition:transform .35s var(--ease);pointer-events:none}
.pk-bar.on{transform:none;pointer-events:auto}
.pk-bar-in{display:flex;align-items:center;gap:var(--s3);max-width:980px;margin:0 auto;padding:12px 12px 12px 18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1.5px var(--lime),0 20px 50px -14px rgba(0,0,0,.6)}
.pk-bar-t{flex:1;min-width:0;display:grid;gap:2px}
.pk-c{font-size:13px;font-weight:700;color:var(--muted)}
.pk-c b{color:var(--lime-ink);font-size:15px}
.pk-l{font-size:14px;font-weight:700;line-height:1.35;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-d{font-size:12.5px;font-weight:700;color:var(--text)}
.pk-h{font-size:12.5px;line-height:1.4;color:var(--lime-ink)}
.pk-x{flex:none;width:36px;height:36px;border-radius:50%;font-size:20px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line2)}
.pk-bar .btn{flex:none}
html.pk-open .wa{opacity:0!important;pointer-events:none!important}
@media (max-width:640px){
  .pk-bar-in{flex-wrap:wrap;padding:12px}
  .pk-bar-t{flex-basis:calc(100% - 48px)}
  .pk-bar .btn{width:100%;justify-content:center}
}
html.pk-open .foot{padding-bottom:180px}
.pk12-more{margin-top:var(--s3)}
.pk5 h3 a{color:inherit}

/* ---------- contact */
.ct12{display:grid;gap:var(--s6);padding-top:calc(var(--s8, 96px) + 16px);padding-bottom:var(--s7, 72px)}
.ct12 .h1{margin-top:var(--s3)}
.ct12 .lead{margin-top:var(--s3);max-width:44ch}
.ct12-d{display:grid;gap:var(--s2);margin:var(--s5) 0 var(--s4);padding:0;list-style:none}
.ct12-d a,.ct12-d button{display:grid;grid-template-columns:1fr;gap:2px;width:100%;padding:14px 16px;border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1.5px var(--line2);text-align:left;color:var(--text);transition:box-shadow .2s var(--ease)}
.ct12-d a:hover,.ct12-d button:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.ct12-d .k{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ct12-d b{font-size:17px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.ct12-d em{font-style:normal;font-size:13px;color:var(--faint)}
.ct12-f .hsafe{margin-top:var(--s3);font-size:13.5px}
.ct12{grid-template-areas:"t" "f" "d"}.ct12-t{grid-area:t}.ct12-f{grid-area:f}.ct12-dd{grid-area:d}
.ct12-d{margin-top:0}
@media (min-width:1000px){.ct12{grid-template-columns:minmax(0,1fr) minmax(420px,520px);grid-template-areas:"t f" "d f";align-items:start;column-gap:clamp(48px,6vw,96px);row-gap:var(--s5)}.ct12-d{grid-template-columns:1fr 1fr}}

/* ---------- package pages */
.pg12 .h1{max-width:20ch;font-size:clamp(40px,6vw,84px)}
.pg12 .h1 .lime{display:block;font-size:.56em;line-height:1.12;margin-top:.2em;padding-bottom:.06em}
.pg12 .lead b{color:var(--text)}
.pg12-g{display:grid;gap:var(--s4)}
.pg12-g .card{padding:var(--s5)}
.pg12-g .h2s{margin-top:var(--s3)}
.pg12-g .pains{margin-top:var(--s4)}
.pg12-g .dots{margin-top:var(--s4)}
@media (min-width:900px){.pg12-g{grid-template-columns:1fr 1fr}}
.pg12-case{display:grid;gap:var(--s5);align-items:center;color:var(--text)}
.pg12-case .num{margin-top:var(--s3);font:400 clamp(40px,5vw,64px)/1.05 var(--fd);color:var(--lime-ink);padding-bottom:.08em}
.pg12-case .nl{font-weight:700;margin-top:var(--s2)}
.pg12-case .quiet{margin-top:var(--s2)}
.pg12-case .link{margin-top:var(--s4)}
@media (min-width:900px){.pg12-case{grid-template-columns:1.1fr .9fr}}

/* phones: while a form is on screen the 3D world and the WhatsApp bubble step back */
@media (max-width:1099px){
  #world{transition:opacity .4s var(--ease)}
  html.form-in #world{opacity:0}
  html.form-in .wa{opacity:0!important;pointer-events:none!important;transform:translateY(16px)!important}
}

/* ---------- hero variant B (?h=chips): the first question as chips, the hero animation stays */
.hv-form .h12-chips{display:none}
.hv-chips .hero.h12 .h12-form{display:none}
.h12-chips{margin-top:var(--s5);max-width:640px}
.h12-q{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--lime-ink)}
.h12-cg{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
.h12-c{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px 10px 16px;border-radius:var(--r1);background:color-mix(in srgb,var(--panel-solid) 82%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px var(--line2);font-size:15px;font-weight:700;line-height:1.25;color:var(--text);transition:box-shadow .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}
.h12-c svg{width:15px;height:15px;color:var(--faint);transition:transform .25s var(--ease),color .2s}
.h12-c:hover{box-shadow:inset 0 0 0 1.5px var(--lime);background:color-mix(in srgb,var(--lime) 8%,var(--panel-solid))}
.h12-c:hover svg{color:var(--lime-ink);transform:translateX(3px)}
.h12-c:active{transform:scale(.97)}
.h12-cn{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:var(--s4);font-size:13.5px;color:var(--muted)}
.h12-cn .link{font-size:14px}
@media (max-width:560px){.h12-c{font-size:14.5px;min-height:44px;padding:9px 12px 9px 14px}}

/* ---------- 07 close: what happens next */
.cl12{display:grid;gap:12px;margin:var(--s5) 0 var(--s4);padding:0;list-style:none;max-width:520px}
.cl12 li{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--line2)}
.cl12 b{font-size:14px;font-weight:800;color:var(--lime-ink)}
.cl12 span{font-size:14.5px;line-height:1.45;color:var(--muted)}
.h-close .fnl{margin-top:var(--s5);max-width:560px}

/* ---------- form: chosen package, optional question, question path */
.fnl-chosen{display:flex;align-items:center;gap:10px;margin-bottom:var(--s4);padding:10px 12px;border-radius:var(--r1);background:color-mix(in srgb,var(--lime) 9%,var(--surface2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 55%,transparent)}
.fnl-ck{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#0b0c0b}
.fnl-ck svg{width:13px;height:13px}
.fnl-chosen b{font-size:15px;font-weight:800;color:var(--text)}
.fnl-chosen em{font-style:normal;font-size:13px;color:var(--muted)}
.fnl-chg{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.fnl-chg:hover{color:var(--text)}
.fnl textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:var(--r1);border:0;background:var(--surface2);box-shadow:inset 0 0 0 1.5px var(--line2);font:inherit;font-size:16px;line-height:1.45;color:var(--text);resize:vertical}
.fnl textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--lime)}

/* ---------- Silver Promise (D12): one message */
.sp12{position:relative;padding:clamp(28px,4vw,56px);border-radius:var(--r3);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,#c9ccd1 10%,transparent),transparent 55%),var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);max-width:980px}
.h-promise .sp12{margin:0 auto 0 0}
.sp12-h{margin-top:var(--s4);max-width:16ch}
.sp12-s{background:linear-gradient(100deg,#f4f5f7 0%,#a9aeb6 38%,#ffffff 52%,#8d939c 70%,#e6e8eb 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em;display:inline-block}
.sp12-p{margin-top:var(--s4);max-width:58ch;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--muted)}
.sp12-t{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:var(--s5);padding:0;list-style:none}
.sp12-t li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--text)}
.sp12-t span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--lime) 16%,transparent);color:var(--lime-ink)}
.sp12-t svg{width:13px;height:13px}
.sp12-n{margin-top:var(--s4);font-size:13px;color:var(--faint)}
@media (max-width:640px){.sp12-t{flex-direction:column;gap:10px}}

/* ---------- hero C (default): one button, the form opens as the overlay */
.h12-cta{display:none}
.hv-c .hero.h12 .h12-form,.hv-c .h12-chips{display:none}
.hv-c .h12-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s5)}
.hv-c .h12-cta .btn{min-height:54px;padding-inline:24px;font-size:16px}
.hv-c .h12-trust{margin-top:var(--s5)}
.hv-chips .h12-cta{display:none}
@media (max-width:560px){.hv-c .h12-cta .btn{width:100%;justify-content:center}.hv-c .h12-cta{gap:var(--s3)}}
.cl12-c{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s5)}
.cl12-c .btn{min-height:54px;padding-inline:24px;font-size:16px}

/* ---------- package pages, richer (D12 r3) */
.pg12-gal{display:grid;gap:var(--s3);grid-template-columns:1fr}
.pg12-gal .glimg{border-radius:var(--r2);overflow:hidden}
.pg12-cap{grid-column:1/-1;font-size:13px}
.pg12-cap a{text-decoration:underline;text-underline-offset:3px}
@media (min-width:760px){.pg12-gal{grid-template-columns:repeat(3,1fr)}}
.pg12-steps{display:grid;gap:var(--s3);margin-top:var(--s5);padding:0;list-style:none;counter-reset:ps}
.pg12-steps li{counter-increment:ps;display:grid;gap:6px;padding:var(--s4);border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.pg12-steps b{font:400 clamp(20px,1.8vw,24px)/1.15 var(--fd);color:var(--lime-ink);padding-bottom:.06em}
.pg12-steps span{font-size:15px;line-height:1.5;color:var(--muted)}
@media (min-width:900px){.pg12-steps{grid-template-columns:repeat(4,1fr)}}
.pg12-end{display:grid;gap:var(--s5);align-items:start}
.pg12-end .lead{margin-top:var(--s3);max-width:44ch}
.pg12-end-f{max-width:560px;width:100%}
@media (min-width:1000px){.pg12-end{grid-template-columns:1fr minmax(420px,520px);gap:clamp(48px,6vw,96px)}}

/* ---------- Brand Check (quiz) */
.qz12{display:grid;gap:var(--s6);padding-top:calc(var(--s8, 96px) + 16px);padding-bottom:var(--s7, 72px)}
.qz12 .h1{margin-top:var(--s3)}
.qz12 .lead{margin-top:var(--s3);max-width:46ch}
.qz12-l{display:grid;gap:8px;margin-top:var(--s5);padding:0;list-style:none}
.qz12-l li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.qz12-l li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--lime)}
.qz12-l a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.qz12-app{max-width:560px;width:100%}
@media (min-width:1000px){.qz12{grid-template-columns:minmax(0,1fr) minmax(420px,540px);align-items:start;gap:clamp(48px,6vw,96px)}}
.qz .fnl-o{grid-template-columns:1fr}
.qz-a{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s4) 0;padding:0;list-style:none}
.qz-a li{padding:6px 12px;border-radius:var(--r1);font-size:13px;font-weight:700;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)}
.qz-score{display:flex;align-items:baseline;gap:8px;margin-top:var(--s2)}
.qz-score b{font:400 clamp(56px,7vw,80px)/1 var(--fd);color:var(--lime-ink);padding-bottom:.06em}
.qz-score span{font-size:16px;color:var(--muted)}
.qz-v{margin-top:var(--s2);font-size:16px;line-height:1.45;color:var(--text);font-weight:600}
.qz-bars{display:grid;gap:10px;margin:var(--s4) 0;padding:0;list-style:none}
.qz-bars li{display:grid;grid-template-columns:120px 1fr 32px;gap:10px;align-items:center;font-size:13.5px;color:var(--muted)}
.qz-bars i{height:8px;border-radius:4px;background:var(--line2);overflow:hidden}
.qz-bars em{display:block;height:100%;border-radius:4px;background:var(--lime)}
.qz-bars b{text-align:right;color:var(--text)}
.qz-fix,.qz-pick{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r1);background:var(--surface2)}
.qz-fix p:not(.k),.qz-pick p:not(.k):not(.fnl-pick){margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.qz-pick .btn{margin-top:var(--s4)}
.qz-pick .link{margin-top:var(--s3)}
.pk12-qz{margin-left:8px;color:var(--text);text-decoration:underline;text-underline-offset:3px}
.fnl-qz{margin-top:var(--s3);display:inline-flex}

@media (max-width:999px){.qz12-l{display:none}.qz12{gap:var(--s5)}}
@media (max-width:560px){.h12-trust i{display:none}.h12-trust{gap:6px 14px}}

.pk12-hint{flex-wrap:wrap}
.pk12-qz{flex-basis:100%;margin-left:0;margin-top:6px}

/* ---------- avatar: the glow photo, centered in every circle */
.av{box-sizing:border-box}
.av img{width:100%!important;height:100%!important;object-fit:cover;object-position:50% 50%}

/* ---------- 07 close as a card, like the other chapters */
.cl12-card{max-width:620px;padding:clamp(28px,4vw,48px)}
.cl12-card .lead{margin-top:var(--s3)}

/* ---------- Silver Promise: text left, the ring + check right */
.sp12{display:grid;grid-template-columns:1fr;column-gap:clamp(32px,5vw,72px)}
.sp12>*:not(.sp12-art){grid-column:1}
.sp12-art{position:relative;justify-self:start;width:132px;margin-top:var(--s5)}
@media (min-width:900px){.sp12{grid-template-columns:minmax(0,1fr) 240px;align-items:center}.sp12-art{grid-column:2;grid-row:1/span 6;margin-top:0;width:240px}}
.sp12-art svg{display:block;width:100%;height:auto;overflow:visible}
.sp12-glow{fill:color-mix(in srgb,var(--lime) 10%,transparent);transform-origin:100px 100px;transform:scale(.6);opacity:0;transition:transform 1.2s var(--ease) .9s,opacity 1.2s var(--ease) .9s}
.sp12-ring{transform-origin:100px 100px;animation:spspin 14s linear infinite}
.sp12-run{stroke-dasharray:490;stroke-dashoffset:490;transform:rotate(-90deg);transform-origin:100px 100px;transition:stroke-dashoffset 1.1s var(--ease) .15s}
.sp12-ck{stroke-dasharray:130;stroke-dashoffset:130;transition:stroke-dashoffset .6s var(--ease) 1.05s}
.sp12-pc{position:absolute;left:50%;bottom:-6px;transform:translate(-50%,8px);padding:6px 12px;border-radius:var(--r1);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);font-size:13px;font-weight:800;color:var(--lime-ink);white-space:nowrap;opacity:0;transition:opacity .5s var(--ease) 1.5s,transform .5s var(--ease) 1.5s}
.sp12.in .sp12-run,.no-js .sp12-run{stroke-dashoffset:0}
.sp12.in .sp12-ck{stroke-dashoffset:0}
.sp12.in .sp12-glow{transform:scale(1);opacity:1}
.sp12.in .sp12-pc{opacity:1;transform:translate(-50%,0)}
@keyframes spspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sp12-ring{animation:none}.sp12-run,.sp12-ck{stroke-dashoffset:0;transition:none}.sp12-glow,.sp12-pc{opacity:1;transform:none;transition:none}.sp12-pc{transform:translate(-50%,0)}}

/* ---------- Keep it, compact */
#keep .pk5{padding:clamp(22px,2.6vw,32px)}
#keep .dots{margin-top:var(--s3)}
.kp-more{list-style:none;padding-left:0!important}
.kp-more::before{display:none!important}
.kp-more summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--text);text-decoration:underline;text-underline-offset:3px;list-style:none}
.kp-more summary::-webkit-details-marker{display:none}
.kp-more details[open] summary{margin-bottom:var(--s2)}
#keep .pk5-f{margin-top:var(--s4)}

/* ---------- form: switcher, tip, WhatsApp fastest */
.fnl-d{font-style:normal;font-weight:500;color:var(--muted);margin-left:6px;font-size:13px}
.fnl-else{margin-top:var(--s3);display:inline-flex}
.fnl-days{margin-top:var(--s3);font-size:14.5px;font-weight:800;color:var(--lime-ink)}
.fnl-tip{display:flex;gap:10px;align-items:flex-start;margin-top:var(--s3);padding:12px 14px;border-radius:var(--r1);background:color-mix(in srgb,var(--lime) 7%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 35%,transparent);font-size:13.5px;line-height:1.45;color:var(--muted);cursor:pointer}
.fnl-tip input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:#82ff1f}
.fnl-tip b{color:var(--text)}
.fnl-tip em{display:block;margin-top:4px;font-style:normal;font-weight:700;color:var(--text)}
.fnl-wa{justify-content:flex-start;gap:12px;padding:10px 14px;min-height:56px;text-align:left;font-weight:500;line-height:1.35}
.fnl-wa b{font-weight:800}
.fnl-wa>svg{margin-left:auto;flex:none}
.fnl-wa-i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff}
.fnl-wa-i svg{width:18px;height:18px}
.pk12-foot{margin-top:var(--s4);font-size:14.5px}
.pk12-foot .pk12-qz{margin:0;color:var(--muted)}
.pk12-foot .pk12-qz:hover{color:var(--text)}

.qz-bars em{transition:width 1.1s var(--ease)}
.qzh{display:grid;gap:var(--s4);align-items:center;padding:clamp(24px,3.5vw,44px);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);transition:box-shadow .25s var(--ease)}
.qzh:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.qzh .lead{margin-top:var(--s3);max-width:44ch}
.qzh .btn{justify-self:start}
.qzh-g{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 0 72%,var(--line2) 72% 100%)}
.qzh-g::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--panel-solid)}
.qzh-g b{position:relative;font:400 30px/1 var(--fd);color:var(--lime-ink);padding-bottom:.06em}
@media (min-width:900px){.qzh{grid-template-columns:1fr auto auto;gap:clamp(24px,4vw,56px)}}
@media (max-width:899px){.qzh-g{display:none}.qzh .btn{width:100%;justify-content:center}}

/* spots pill sits with the logo (D12): the right side keeps only language, theme and the CTA */
.nav .wrap>.nav-cap{margin-left:14px;margin-right:auto}
@media (max-width:640px){.nav .wrap>.nav-cap{display:none}}

/* ---------- phones (D12 mobile first): no 3D world, every chapter is a plain card in normal flow.
   Only the 21-day tree keeps its scroll story. */
@media (max-width:759px){
  .home .ch:not(#ch-days){height:auto!important;min-height:0!important;padding:0!important}
  .home .ch:not(#ch-days) .stick{position:relative;height:auto;min-height:0;padding:var(--s5) 0;display:block}
  .home .ch:not(#ch-days) .stick>.wrap{opacity:1!important;transform:none!important}
  .home .hero.h12 .stick{padding:calc(var(--s7, 72px) + 24px) 0 var(--s6)}
  .home .hero .scrollcue,.home .rail,.home .rail-m,.home .vign,.home #world{display:none!important}
  .home .h-work .bars{display:none}
  .home .h-work .focus{min-height:0;display:grid;gap:var(--s5)}
  .home .h-work .focus .cs{grid-area:auto!important;position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding-top:var(--s4);border-top:1px solid var(--line2)}
  .home .h-work .cs p{display:block}
  .home .h-close{min-height:0;padding:var(--s5) 0 var(--s7, 72px)}
  .home .qz-home{padding-top:var(--s4);padding-bottom:var(--s4)}
}
.cl12-qz{margin-top:var(--s4);font-size:14px}
.cl12-qz a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cl12-qz a:hover{color:var(--text)}

/* ---------- round 5 */
.sv12 .h1 .lime{display:block}
.wa-go{background:var(--lime)!important;color:#0b0c0b!important;box-shadow:none!important}
.wa-go svg{color:#0b0c0b}
.pk-bar-in{position:relative}
.pk-x{position:absolute;top:-14px;right:-14px;width:32px;height:32px;font-size:18px;background:var(--panel-solid);box-shadow:inset 0 0 0 1.5px var(--lime),0 6px 16px -6px rgba(0,0,0,.6);color:var(--text);display:grid;place-items:center}
.fov-x{top:-16px;right:-16px;z-index:2;width:36px;height:36px;font-size:20px;box-shadow:inset 0 0 0 1.5px var(--lime),0 8px 20px -6px rgba(0,0,0,.6)}
.fov-alt a{color:#25d366}
.fnl-give .k{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fnl-give .k .fnl-days{margin:0;font-size:13px}
.fnl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
.fnl-chips span{padding:7px 12px;border-radius:var(--r1);font-size:14px;font-weight:700;color:var(--text);background:var(--surface2);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 45%,transparent)}
.fnl-tip{margin-top:var(--s4)}
.fnl-tip em{display:inline;margin:0;font-weight:500;color:var(--muted)}
.fnl-give .btn{margin-top:var(--s4)}
.fnl-mini{margin-top:var(--s3);font-size:13px;color:var(--faint);text-align:center}
/* contact, compact */
.ct12{grid-template-areas:none!important;align-items:start}
.ct12-t,.ct12-f{grid-area:auto!important}
.ct12-l{display:grid;margin:var(--s5) 0 var(--s4);padding:0;list-style:none;border-top:1px solid var(--line2)}
.ct12-l li{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line2)}
.ct12-l .k{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ct12-l a,.ct12-l button{font-size:16px;font-weight:800;color:var(--text);text-align:left;overflow-wrap:anywhere}
.ct12-l a:hover,.ct12-l button:hover{color:var(--lime-ink)}
.ct12-l em{font-style:normal;font-size:12.5px;color:var(--faint);white-space:nowrap}
@media (max-width:520px){.ct12-l li{grid-template-columns:80px 1fr}.ct12-l em{display:none}}
@media (min-width:1000px){.ct12{grid-template-columns:minmax(0,1fr) minmax(420px,500px)}}

/* ---------- D13: 21 days, compact. Only the stage you are in shows its line. */
#ch-days .tl li .see{display:none}
#ch-days .tl li.on .see{display:block}
#ch-days .tl li{padding-top:10px;padding-bottom:10px}
#ch-days .grow-copy p{max-width:40ch}


.fnl-add{padding:7px 12px;border-radius:var(--r1);font-size:14px;font-weight:700;color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--line2);border:0;background:none}
.fnl-add:hover{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--lime)}
.fnl-o button[aria-pressed=true] .fnl-d,.fnl-o button.picked .fnl-d{color:#0b0c0b;opacity:.72}

/* ---------- D13 contact: one number, two actions, two small tiles. No lines. */
.ct13{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:var(--s5) 0 var(--s4)}
.ct13-n{grid-column:1/-1;display:grid;gap:4px;padding:18px 20px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
.ct13 .k{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ct13-n b{font:400 clamp(24px,2.4vw,30px)/1.15 var(--fd);color:var(--text);padding-bottom:.06em}
.ct13-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ct13-wa,.ct13-tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px 8px 8px;border-radius:var(--r1);font-size:14.5px;font-weight:800}
.ct13-wa{background:#25d366;color:#06200f}
.ct13-wa .g{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.14)}
.ct13-wa .g svg{width:17px;height:17px}
.ct13-wa em{font-style:normal;font-weight:600;opacity:.75}
.ct13-tel{padding-left:16px;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line2)}
.ct13-tel:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.ct13-t{display:grid;gap:3px;padding:16px 18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);text-align:left;color:var(--text);transition:box-shadow .2s var(--ease)}
.ct13-t:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.ct13-t b{font-size:15.5px;font-weight:800;overflow-wrap:anywhere}
.ct13-t em{font-style:normal;font-size:12.5px;color:var(--faint)}
@media (max-width:420px){.ct13{grid-template-columns:1fr}}
@media (max-width:460px){.ct13-wa em{display:none}}

/* ---------- D13.1 What I make: a card like every chapter, packages as rows */
.home .pk13{position:relative;padding:clamp(48px,10vh,120px) 0}
.home .pk13 .wrap{padding-left:calc(var(--pad) + 160px)}
@media (max-width:1180px){.home .pk13 .wrap{padding-left:calc(var(--pad) + 48px)}}
@media (max-width:900px){.home .pk13 .wrap{padding-left:var(--pad)}}
.pk13-card{max-width:620px;pointer-events:auto}
.pk13-rows{display:grid;gap:8px;margin-top:var(--s5)}
.pk13-r{display:grid;grid-template-columns:1fr auto 18px;grid-template-areas:"n d a" "s s s";gap:4px 14px;align-items:center;padding:14px 16px;border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.pk13-r:hover{box-shadow:inset 0 0 0 1.5px var(--lime);transform:translateX(3px)}
.pk13-r.hl{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 70%,transparent)}
.pk13-n{grid-area:n;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pk13-n b{font:400 clamp(20px,1.7vw,24px)/1.15 var(--fd);padding-bottom:.06em}
.pk13-n em{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:var(--r1);background:var(--lime);color:#0b0c0b}
.pk13-s{grid-area:s;font-size:14px;line-height:1.45;color:var(--muted)}
.pk13-d{grid-area:d;font-size:13px;font-weight:800;color:var(--lime-ink);white-space:nowrap}
.pk13-r>svg{grid-area:a;width:16px;height:16px;color:var(--faint)}
.pk13-f{margin-top:var(--s4);font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
#ch-days .tl-all{margin-top:var(--s4)}
/* ---------- smoother hand-off: clients -> promise -> 07 */
.home .h-proof{height:170vh}
.home .h-promise{height:auto!important;padding:clamp(24px,6vh,64px) 0!important}
.home .h-promise .stick{position:relative;height:auto;min-height:0;display:block}
.home .h-promise .stick>.wrap{opacity:1!important;transform:none!important}
.home .h-close{min-height:0!important;padding:clamp(24px,6vh,64px) 0 clamp(48px,10vh,96px)!important}
/* Brand Check quiz attached under the 07 card */
.close-in{flex-direction:column;align-items:flex-start}
.close-l+.qz13-in{margin-top:10px;width:100%;max-width:620px}
.qz13-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s5);padding:14px 18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);color:var(--text);transition:box-shadow .25s var(--ease);pointer-events:auto}
.qz13-in:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}
.qz13-t{display:grid;gap:2px}
.qz13-t b{font-size:14.5px;font-weight:800}
.qz13-t span{font-size:13.5px;color:var(--muted)}
.qz13-go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--lime-ink)}
.qz13-go svg{width:16px;height:16px}
.home .next{position:relative;z-index:2;background:var(--bg)}
/* contact buttons: Call left, WhatsApp right in brand lime with the real mark */
.ct13-wa{background:var(--lime)!important;color:#0b0c0b!important;padding:6px 18px 6px 6px}
.ct13-wa .g{width:32px;height:32px;border-radius:9px;background:#25d366!important;color:#fff}
.ct13-wa .g svg{width:19px;height:19px}
.ct13-rt{margin-top:8px;font-size:12.5px;color:var(--faint)}

/* guidelines: soft corners, no pills */
.nav-cap,.sp3 li{border-radius:var(--r1)!important}

/* ---------- D13.1 r2: 02 What I make, aligned with the chapter cards, its own object on the right */
.home .pk13{position:relative;z-index:2;background:var(--bg);min-height:100vh;display:flex;align-items:center;padding:clamp(48px,8vh,96px) 0}
.home .pk13 .wrap{max-width:none;width:100%}
.pk13-in{display:grid;gap:var(--s7);align-items:center}
@media (min-width:1000px){.pk13-in{grid-template-columns:minmax(0,620px) minmax(0,1fr)}}
.pk3d{justify-self:center;width:min(100%,560px)}
.pk3d-s{display:block;width:100%;height:auto;overflow:visible}
.pk3d .sh{fill:color-mix(in srgb,var(--lime) 6%,transparent)}
.pk3d .fl{fill:#151715;stroke:#2a2d2a;stroke-width:1}
.pk3d .fr{fill:#202320;stroke:#2a2d2a;stroke-width:1}
.pk3d .tp{fill:url(#pkt);stroke:#ffffff22}
.pk3d .tl{font:600 15px/1 var(--f);fill:var(--text)}
.pk3d .td{font:700 12.5px/1 var(--f);fill:var(--muted)}
.pk3d .pr{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.04);opacity:0;transition:transform 1s var(--ease),opacity .6s var(--ease)}
.pk3d.in .pr{transform:none;opacity:1}
.pk3d.in .p1{transition-delay:.1s}.pk3d.in .p2{transition-delay:.3s}.pk3d.in .p3{transition-delay:.5s}
.pk3d .pr polygon,.pk3d .pr text{transition:fill .35s var(--ease)}
.pk3d[data-on="1"] .p1 .tp,.pk3d[data-on="2"] .p2 .tp,.pk3d[data-on="3"] .p3 .tp{fill:var(--lime)}
.pk3d[data-on="1"] .p1 .fr,.pk3d[data-on="2"] .p2 .fr,.pk3d[data-on="3"] .p3 .fr{fill:#3f6a1a}
.pk3d[data-on="1"] .p1 .fl,.pk3d[data-on="2"] .p2 .fl,.pk3d[data-on="3"] .p3 .fl{fill:#2a4a12}
.pk3d[data-on="1"] .p1 .td,.pk3d[data-on="2"] .p2 .td,.pk3d[data-on="3"] .p3 .td{fill:var(--lime-ink)}
@keyframes pkfloat{50%{transform:translateY(-8px)}}
@media (max-width:999px){.pk3d{width:min(100%,360px)}.home .pk13{min-height:0}}
/* rows light their block */
.pk13-r.on{box-shadow:inset 0 0 0 1.5px var(--lime)}

/* ---------- clients: the card never fades out, it scrolls away with the promise right behind it */
.home .h-proof{height:150vh}
.home .h-proof .stick>.wrap{opacity:1!important;transform:none!important}

/* ---------- 21 days: big number, three words */
#ch-days .daycount .lbl{font-size:15px;color:var(--muted)}

/* ---------- Brand OS Pro: card left, video right, the five cards in a row under them */
.home .h-os .wrap{display:grid;gap:var(--s5);align-items:stretch}
.home .h-os .os-head{display:block;max-width:none;padding:clamp(24px,3vw,40px)}
.home .h-os .os-head>div+div{margin-top:var(--s4)}
.home .h-os .os-head .lead{font-size:16.5px}
.home .h-os .player{display:contents}
.home .h-os .pl-side{grid-column:1/-1}
.home .h-os .pl-tabs{grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr)}
.home .h-os .pl-hint{display:none}
@media (min-width:1000px){.home .h-os .wrap{grid-template-columns:minmax(0,520px) minmax(0,1fr)}.home .h-os .pl-v{align-self:center}}

/* ---------- Brand Check band, centered between 07 and the next page */
.qz14{position:relative;z-index:2;background:var(--bg);padding:var(--s7) var(--pad) var(--s9)}
.qz14-in{max-width:880px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:var(--s5);align-items:center;padding:clamp(20px,3vw,32px);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
.qz14-g{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime) 0 72%,var(--line2) 72% 100%)}
.qz14-g::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel-solid)}
.qz14-g b{position:relative;font:400 26px/1 var(--fd);color:var(--lime-ink);padding-bottom:.06em}
.qz14-t .h3{margin-top:var(--s2)}
.qz14-t p{margin-top:var(--s2);font-size:14.5px;color:var(--muted)}
@media (max-width:760px){.qz14-in{grid-template-columns:1fr;text-align:left}.qz14-g{display:none}.qz14 .btn{width:100%;justify-content:center}}


/* ---------- D13.1 r3: 02 blocks breathe, each on its own rhythm; the lit one lifts and glows */
.pk3d .bob{transform-box:fill-box}
@media (prefers-reduced-motion:no-preference){
  .pk3d.in .b1{animation:pkbob 5.2s ease-in-out 1.4s infinite}
  .pk3d.in .b2{animation:pkbob 6.1s ease-in-out 1.8s infinite}
  .pk3d.in .b3{animation:pkbob 7s ease-in-out 2.2s infinite}
  .pk3d.in .sh{animation:pksh 6s ease-in-out 1.4s infinite;transform-box:fill-box;transform-origin:50% 50%}
}
@keyframes pkbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pksh{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.94);opacity:.7}}
.pk3d .pr{transition:transform 1s var(--ease),opacity .6s var(--ease),filter .4s var(--ease)}
.pk3d[data-on="1"] .p1,.pk3d[data-on="2"] .p2,.pk3d[data-on="3"] .p3{filter:drop-shadow(0 0 22px rgba(130,255,31,.32))}
.pk3d.in[data-on="1"] .p1,.pk3d.in[data-on="2"] .p2,.pk3d.in[data-on="3"] .p3{transform:translateY(-10px)}
/* rows open a mini card */
.pk13-item{border-radius:var(--r2);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .2s var(--ease)}
.pk13-item.hl{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--lime) 70%,transparent)}
.pk13-item:hover,.pk13-item.open{box-shadow:inset 0 0 0 1.5px var(--lime)}
.pk13-item .pk13-r{width:100%;background:none;box-shadow:none!important;text-align:left;cursor:pointer;transform:none!important}
.pk13-c{grid-area:a;font-size:20px;font-weight:500;line-height:1;color:var(--muted);transition:transform .3s var(--ease)}
.pk13-item.open .pk13-c{transform:rotate(45deg);color:var(--lime-ink)}
.pk13-x{padding:0 16px 16px}
.pk13-w{font-size:13.5px;color:var(--muted)}
.pk13-x ul{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.pk13-x li{position:relative;padding-left:20px;font-size:14px;line-height:1.45;color:var(--text)}
.pk13-x li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:6px;border-left:2px solid var(--lime);border-bottom:2px solid var(--lime);transform:rotate(-45deg)}
.pk13-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pk13-x:not([hidden]){animation:fnlup .35s var(--ease) both}

/* ---------- small line under the main buttons */
.h12-micro{margin-top:var(--s3);font-size:13px;color:var(--faint)}
.hv-c .h12-cta+.h12-micro{margin-top:var(--s3)}

/* ---------- 05 Brand OS Pro: calmer title in the card */
.home .h-os .os-head .h2{font-size:clamp(28px,2.8vw,44px);line-height:1.08}
.home .h-os .os-proof{font-size:13.5px}

/* ---------- Brand Check band: honest ring, the quiz name on its own line */
.qz14-g{flex-direction:column;gap:0}
.qz14-g b{font-size:30px;line-height:1}
.qz14-g i{position:relative;font-style:normal;font-size:11px;font-weight:700;color:var(--muted)}
.qz14-t .h3 span{display:block;color:var(--lime-ink)}

/* ---------- WhatsApp bubble: original size, status small and grey under the name, minimize */
.wa-bub em small{display:block;font-size:11px!important;font-weight:500;color:var(--muted)!important;margin-top:1px}
.wa-off{position:absolute;right:-6px;top:-8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:13px;line-height:1;background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);color:var(--muted);z-index:3}
.wa-off:hover{color:var(--text)}
.wa.min .wa-bub em,.wa.min .wa-off{display:none}
.wa.min .wa-bub{padding:0 6px!important;gap:6px!important}
.wa{position:fixed}
.wa .wa-bub{position:relative}

/* ---------- contact: Call in lime, WhatsApp as a ghost with the green mark */
.ct13-tel{background:var(--lime)!important;color:#0b0c0b!important;box-shadow:none!important}
.ct13-wa{background:none!important;color:var(--text)!important;box-shadow:inset 0 0 0 1.5px var(--line2)!important;padding:8px 16px!important}
.ct13-wa:hover{box-shadow:inset 0 0 0 1.5px var(--text)!important}
.ct13-wa .i{display:grid;color:#25d366}
.ct13-wa .i svg{width:19px;height:19px}

/* ---------- D13.1 r4 */
.os-go{margin-top:var(--s4)}
/* 07 holds a full screen again, so the bubble has room to live */
.home .h-close{min-height:100vh!important;display:flex;align-items:center}
/* Brand Check band: one compact row */
.qz14{padding:var(--s6) var(--pad) var(--s8)}
.qz14-in{grid-template-columns:auto 1fr auto;gap:var(--s4) var(--s5);padding:16px 20px;max-width:920px}
.qz14-g{width:56px;height:56px;background:conic-gradient(var(--lime) 0 72%,var(--line2) 72% 100%)}
.qz14-g::before{inset:5px}
.qz14-g b{font:400 22px/1 var(--fd);color:var(--lime-ink)}
.qz14-g i{display:none}
.qz14-t h2{font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.3}
.qz14-t h2 span{display:inline;color:var(--lime-ink)}
.qz14-t p{margin-top:4px;font-size:13.5px}
@media (max-width:760px){.qz14-in{grid-template-columns:auto 1fr}.qz14-g{display:grid}.qz14 .btn{grid-column:1/-1}}
/* bubble: green Online, smaller rest, + to restore */
.wa-bub em small{font-size:10px!important;letter-spacing:.01em}
.wa-live{color:#25d366;font-weight:800}
.wa-on{display:none;position:absolute;right:-6px;top:-8px;width:20px;height:20px;border-radius:50%;place-items:center;font-size:14px;line-height:1;background:var(--lime);color:#0b0c0b;z-index:3}
.wa.min .wa-on{display:grid}
/* contact: Call back to outlined, so Send my question is the only lime */
.ct13-tel{background:none!important;color:var(--text)!important;box-shadow:inset 0 0 0 1.5px var(--line2)!important}
.ct13-tel:hover{box-shadow:inset 0 0 0 1.5px var(--text)!important}

/* ---------- D13.1 r5 */
/* the 3D bubble floats over the quiz band instead of being cut by it */
.qz14{background:none!important;z-index:auto!important;padding:var(--s4) var(--pad) var(--s8)!important}
.qz14-in{position:relative;z-index:2}
.home .h-close{min-height:88vh!important;padding-bottom:var(--s5)!important}
/* ring: 84%, centered */
.qz14-g{background:conic-gradient(var(--lime) 0 84%,var(--line2) 84% 100%)!important}
.qz14-g b{display:block;width:100%;text-align:center;font:400 15px/1 var(--fd)!important;letter-spacing:-.01em;padding:0!important;transform:translateY(1px)}
/* Online in brand lime */
.wa-live{color:var(--lime)!important}

/* ---------- D13.2 */
.qz14-in{padding:22px 24px!important}
.wa-live{font-weight:500!important}

/* ---------- lab: process option B (calendar fills on scroll) */
.cb{position:relative;height:260vh}
.cb-st{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.cb-in{display:grid;gap:var(--s7);align-items:center;max-width:none;padding-left:calc(var(--pad) + 160px)}
@media (min-width:1000px){.cb-in{grid-template-columns:minmax(0,520px) minmax(0,1fr)}}
@media (max-width:1180px){.cb-in{padding-left:calc(var(--pad) + 48px)}}
.cb-card{max-width:560px}
.cb-ph{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line2)}
.cb-day b{font:400 56px/1 var(--fd);color:var(--lime-ink);padding-bottom:.06em}.cb-day span{color:var(--muted)}
.cb-ph h3{margin-top:4px;font-size:22px}.cb-ph p[data-cw]{margin-top:6px;color:var(--muted)}
.cb-you{margin-top:12px;font-size:14.5px}.cb-you span{color:var(--muted)}
.cb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:620px}
.cb-wk{grid-column:1/-1;font-size:12px;font-weight:800;color:var(--faint);margin-top:6px}
.cb-d{position:relative;aspect-ratio:1;border-radius:10px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2);display:grid;place-items:center;transition:background .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease);cursor:pointer}
.cb-d b{font:400 clamp(16px,1.7vw,24px)/1 var(--fd);color:var(--faint);transition:color .3s}
.cb-d em{position:absolute;bottom:5px;font-style:normal;font-size:10px;font-weight:800;color:var(--faint)}
.cb-d.on{background:color-mix(in srgb,var(--c) 26%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.cb-d.on b{color:var(--text)}.cb-d.on em{color:var(--c)}
.cb-d.now{transform:translateY(-4px) scale(1.04);background:var(--c);box-shadow:0 0 24px color-mix(in srgb,var(--c) 50%,transparent)}
.cb-d.now b,.cb-d.now em{color:#0b0c0b}
@media (max-width:900px){.cb{height:auto}.cb-st{position:relative;height:auto;padding:var(--s6) 0}.cb-in{padding-left:var(--pad)}}

/* ---------- D13.3 case studies (case13.py): each case has its own accent (--ca), mobile first, nothing cropped */
.c13 .label{color:var(--cai)}
.c13 .label::before{background:var(--ca)!important}
.c13-hero{padding-top:calc(var(--s8, 96px) + 24px);padding-bottom:var(--s6)}
.c13-back{display:inline-flex;font-size:13px;font-weight:700;color:var(--muted)}
.c13-back::before{content:"\2190";margin-right:8px}
.c13-hero .h1{margin-top:var(--s3);max-width:16ch}
.c13-hero .h1 span{display:block;color:var(--ca);font-size:.62em;line-height:1.1;margin-top:.12em;padding-bottom:.06em}
.c13-hero .lead{margin-top:var(--s4);max-width:62ch}
.c13-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:var(--s6);border-radius:var(--r2);overflow:hidden;background:var(--line2);box-shadow:inset 0 0 0 1px var(--line2)}
.c13-facts div{padding:14px 16px;background:var(--panel-solid);display:grid;gap:4px}
.c13-facts span{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.c13-facts b{font-size:14.5px;line-height:1.4;font-weight:700}
@media (min-width:1000px){.c13-facts{grid-template-columns:repeat(3,1fr)}}
/* live site / reel on top */
.c13-live{padding-bottom:var(--s6)}
.c13-browser{border-radius:var(--r3);overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px var(--line2),0 40px 120px -40px color-mix(in srgb,var(--ca) 45%,transparent)}
.c13-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--panel-solid);border-bottom:1px solid var(--line2)}
.c13-bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.c13-bar span{margin-left:10px;font-size:12.5px;color:var(--muted)}
.c13-bar em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:800;color:var(--ca);display:inline-flex;align-items:center;gap:6px}
.c13-bar em::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ca);box-shadow:0 0 10px var(--ca)}
.c13-screen{position:relative;aspect-ratio:16/10;background:#000}
.c13-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.c13-screen .c13-mv{display:none}
.c13-screen.on{aspect-ratio:16/10;height:auto}
.c13-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:700px){.c13-screen{aspect-ratio:9/16;max-height:78vh}.c13-screen .c13-dv{display:none}.c13-screen .c13-mv{display:block}}
.c13-live-a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s4);margin-top:var(--s4)}
.c13-live-a .quiet{font-size:13.5px}
.c13-reel{border-radius:var(--r3);overflow:hidden;background:#000;box-shadow:0 40px 120px -40px color-mix(in srgb,var(--ca) 40%,transparent)}
.c13-reel video{display:block;width:100%;height:auto}
/* proof */
.c13-proof{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.c13-proof div{padding:18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);display:grid;gap:6px}
.c13-proof b{font:400 clamp(30px,3vw,44px)/1 var(--fd);color:var(--ca);padding-bottom:.06em}
.c13-proof span{font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (min-width:1000px){.c13-proof{grid-template-columns:repeat(4,1fr)}}
/* chapter nav */
.c13-toc{display:flex;gap:8px;overflow-x:auto;padding-top:var(--s5);padding-bottom:var(--s5);scrollbar-width:none}
.c13-toc span{flex:none;align-self:center;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}
.c13-toc a{flex:none;padding:8px 12px;border-radius:var(--r1);font-size:13.5px;font-weight:700;color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.c13-toc a:hover{box-shadow:inset 0 0 0 1.5px var(--ca)}
/* story blocks */
.c13-sec{padding-top:var(--s7);padding-bottom:var(--s7)}
.c13-two{display:grid;gap:var(--s4)}
@media (min-width:1000px){.c13-two{grid-template-columns:200px minmax(0,1fr);gap:var(--s7)}.c13-k{position:sticky;top:110px;align-self:start}}
.c13-two .lead{margin-top:var(--s4);max-width:62ch}
.c13-cards{display:grid;gap:10px;margin-top:var(--s5)}
.c13-cards div{padding:16px 18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
.c13-cards b{font-size:15px}.c13-cards p{margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}
@media (min-width:760px){.c13-cards{grid-template-columns:1fr 1fr}.c13-cards.c3{grid-template-columns:repeat(3,1fr)}}
.c13-one{padding:clamp(20px,3vw,32px);border-radius:var(--r3);background:var(--ca);color:#0b0c0b;font:400 clamp(24px,2.6vw,38px)/1.18 var(--fd);padding-bottom:calc(clamp(20px,3vw,32px) + .08em)}
.c13-vals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.c13-vals div{padding:14px 16px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
.c13-vals b{font-size:15px}.c13-vals p{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (min-width:1000px){.c13-vals{grid-template-columns:repeat(4,1fr)}}
.c13-dec{display:grid;gap:10px;margin-top:var(--s5);padding:0;list-style:none}
.c13-dec li{display:grid;grid-template-columns:36px 1fr;gap:8px 14px;padding:16px 18px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
.c13-dec .n{font:400 18px/1.3 var(--fd);color:var(--ca)}
.c13-dec b{font-size:16px}.c13-dec p{margin-top:4px;font-size:14px;line-height:1.5;color:var(--muted)}
.c13-dec .rej{grid-column:2}.c13-dec .rej em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#ff8a7a}
.c13-dec .rej p{text-decoration:line-through;text-decoration-color:color-mix(in srgb,#ff8a7a 60%,transparent)}
@media (min-width:1000px){.c13-dec li{grid-template-columns:36px 1fr 260px}.c13-dec .rej{grid-column:3}}
/* chapters: full images, never cropped */
.c13-ch{padding-top:var(--s8);padding-bottom:var(--s5)}
.c13-ch-h{display:grid;grid-template-columns:auto 1fr;gap:var(--s4);align-items:start}
.c13-num{font:400 clamp(40px,5vw,72px)/1 var(--fd);color:var(--ca);padding-bottom:.06em}
.c13-ch-h .lead{margin-top:var(--s2);max-width:58ch}
.c13-flow{display:grid;gap:clamp(10px,1.4vw,18px);margin-top:var(--s5)}
.c13-m{margin:0;border-radius:var(--r2);overflow:hidden;background:#0d0f0d;box-shadow:inset 0 0 0 1px var(--line2)}
.c13-m img{display:block;width:100%;height:auto}
.c13-v video{display:block;width:100%;height:auto;background:#000}
.c13-v figcaption{padding:8px 14px;font-size:12.5px;color:var(--muted)}
/* problems + outcome */
.c13-tbl{margin-top:var(--s5);border-radius:var(--r2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line2)}
.c13-tbl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 18px;border-top:1px solid var(--line2);font-size:14.5px;line-height:1.45}
.c13-tbl>div:first-child{border-top:0}
.c13-tbl .th{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--panel-solid)}
.c13-tbl span{color:var(--muted)}.c13-tbl b{color:var(--text)}
@media (max-width:600px){.c13-tbl>div{grid-template-columns:1fr;gap:4px}}
.c13-q{margin:var(--s5) 0 0;padding:clamp(18px,2.4vw,28px);border-left:3px solid var(--ca);border-radius:0 var(--r2) var(--r2) 0;background:var(--panel-solid)}
.c13-q p{font-size:clamp(16px,1.4vw,19px);line-height:1.55}
.c13-q footer{margin-top:var(--s3);font-size:13.5px;color:var(--muted)}.c13-q footer b{color:var(--text)}
/* D13.4 case fixes */
.c13-cards.o3{height:auto}
@media (min-width:760px){.c13-cards.o3{grid-template-columns:repeat(3,1fr)}}
.c13-pm{margin-top:10px}
.c13-pm .c13-m{border-radius:var(--r2)}
@media (min-width:900px){.c13-flow.pair{grid-template-columns:1fr 1fr}}
.c13-phone{padding:clamp(20px,4vw,56px) 16px;background:radial-gradient(60% 70% at 50% 45%,color-mix(in srgb,var(--ca) 22%,transparent),transparent 70%),#0a0c0b}
.c13-phone>div{margin:0 auto;width:min(100%,340px);border-radius:34px;overflow:hidden;box-shadow:0 0 0 8px #151816,0 0 0 9px var(--line2),0 40px 80px -30px #000}
.c13-phone video{width:100%;height:auto;display:block}
@media (max-width:700px){.c13-phone>div{width:min(78%,300px)}}
/* top live frame: mobile clip never taller than the viewport */
@media (max-width:700px){.c13-screen{aspect-ratio:auto;max-height:none}.c13-screen .c13-mv{width:auto;max-width:100%;height:auto;max-height:72vh;margin:0 auto}}
.c13-phone>div{width:min(100%,340px,calc(76vh * .436))}

/* ---------- D13.4 phones: the summary, not the whole film. Every home chapter is one card that fits a screen;
   the detail lives on its own page (21 days -> /process/, work -> /work/). */
@media (max-width:759px){
  /* 21 days: no scroll scrub, one static card */
  .home #ch-days{height:auto!important;min-height:0!important}
  .home #ch-days .grow-sticky{position:relative!important;height:auto!important;min-height:0!important;display:block}
  .home #ch-days .stage{position:relative!important;inset:auto!important;height:240px!important;border-radius:var(--r3);overflow:hidden;margin:0 var(--s4)}
  .home #ch-days .stage canvas{display:none!important}
  .home #ch-days .tree-poster{position:absolute;inset:0;height:100%!important;opacity:1!important}
  .home #ch-days .grow-ui{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;display:flex;flex-direction:column;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s6)}
  .home #ch-days .grow-copy{order:-2}
  .home #ch-days .daycount{display:none}
  .home #ch-days .tl{order:-1;margin:0;max-width:none}
  .home #ch-days .tl li{opacity:1!important}
  .home #ch-days .tl li .bar i{transform:none!important;width:100%!important}
  .home #ch-days .tl li .see{display:none!important}
  .home #ch-days .tl-all{width:100%;justify-content:center}
  .home #ch-days .grow-sticky{display:flex!important;flex-direction:column;padding-bottom:var(--s6)}
  .home #ch-days .grow-ui{order:-1;padding-bottom:var(--s4)}
  /* work: swipe cards instead of a long list */
  .home .h-work .focus{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--s4));margin-right:calc(-1 * var(--s4));padding:4px var(--s4) 8px;scrollbar-width:none}
  .home .h-work .focus::-webkit-scrollbar{display:none}
  .home .h-work .focus .cs{flex:0 0 82%;scroll-snap-align:start;border-top:0!important;padding:18px!important;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;gap:6px}
  .home .h-work .focus .cs p{font-size:14px;line-height:1.45}
  .home .h-work .focus .cs .link{margin-top:auto;padding-top:8px}
  .home .h-work .allwork{width:100%;justify-content:center;margin-top:var(--s4)}
  .home .h-work .panel>.h2+.focus::before{content:none}
}
@media (max-width:759px){
  .home #ch-days .tree-poster{background:url(/assets/img/tree-mobile.webp) center/contain no-repeat #000!important}
  .home #ch-days .stage{height:auto!important;aspect-ratio:55/58;max-height:46vh;margin:0 auto;width:calc(100% - 2 * var(--s4));background:#000}
}
@media (max-width:759px){
  .home #ch-days .tree-poster{background-size:contain!important}
  .home #ch-days .grow-copy .tl-all{display:inline-flex!important;margin-top:var(--s4)}
}

/* ---------- D13.5 phones: motion only where it carries the message */
.tree-m{display:none}
@media (max-width:759px){
  .rv,.split .w>span{opacity:1!important;transform:none!important;transition:none!important}
  .home .ch .stick>.wrap,.home .panel{opacity:1!important;transform:none!important}
  .sp12-art *{animation:none!important}
  .home #ch-days .tree-poster{display:none!important}
  .home #ch-days .stage{aspect-ratio:7/6!important;max-height:none!important;background:#000}
  .home #ch-days .tree-m{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .story .txt b{color:var(--text)}
}
.story .txt b{color:var(--text);font-weight:600}

/* ---------- D13.6 phones (Vedran, 18.10 recording): calm, clear, no decoration motion ---------- */
@media (max-width:759px){
  /* hero sits below the nav, never under it */
  .home .hero .stick,.home .hero.h12 .stick{min-height:0!important;height:auto!important;display:block!important;padding-top:104px!important;padding-bottom:var(--s6)!important}
  .phero{padding-top:104px!important}
  /* no decoration motion, no WebGL, no custom cursor */
  #pworld,.gl-layer,.vign,.pk3d,.cursor,.cur,[class*="cursor-dot"],[class*="cursor-ring"]{display:none!important}
  .glimg img,.glimg picture,.glimg>*{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;visibility:visible!important}
  .wcard,.wcard *{transition:none!important}
  /* menu: Cal Sans has one weight, never fake-bold it */
  .menu .big,.menu .big a,.menu a.big{font-weight:400!important;letter-spacing:-.01em}
  /* 03 21 days: the bloom fills the whole section, text above and below it */
  .home #ch-days{position:relative;min-height:0!important;overflow:hidden;background:#000}
  .home #ch-days .grow-sticky{position:relative!important;display:block!important;padding:0!important}
  .home #ch-days .stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;z-index:0}
  .home #ch-days .tree-m{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
  .home #ch-days .stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 26%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 58%,rgba(0,0,0,.85) 76%,#000 100%)}
  .home #ch-days .grow-ui{position:relative!important;z-index:1;display:flex!important;flex-direction:column;justify-content:space-between;min-height:min(150vw,720px)!important;padding-top:var(--s6)!important;padding-bottom:var(--s6)!important}
  .home #ch-days .grow-copy .tl-all{display:inline-flex!important;width:auto!important;margin-top:var(--s3)!important}
  .home #ch-days .tl{margin-top:auto!important}
  .home #ch-days .tl li{padding-top:6px!important;padding-bottom:6px!important}
  .home #ch-days .tl-more{display:inline-flex}
  /* 02 what I make: the cards only, no isometric blocks */
  .home #what .pk13-in{display:block}
  /* 04 work: a real thumbnail on every card */
  .home .h-work .cs-th{display:block;width:calc(100% + 36px);margin:-18px -18px 10px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r2) var(--r2) 0 0;background:#111}
  /* 05 Brand OS: the summary card and one button, the tools live on the Brand OS Pro page */
  .home #ch-os .pl-home,.home #ch-os .os-play,.home #ch-os video{display:none!important}
}
.cs-th{display:none}
@media (max-width:759px){
  .home #ch-days .grow-sticky{display:flex!important;flex-direction:column}
  .home #ch-days .grow-ui{display:contents!important}
  .home #ch-days .grow-copy{order:1;position:relative;z-index:1;padding:var(--s6) var(--s4) 0}
  .home #ch-days .stage{order:2;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:462/740!important;margin-top:-40px!important}
  .home #ch-days .stage::after{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 62%,rgba(0,0,0,.9) 84%,#000 100%)}
  .home #ch-days .tree-m{object-position:50% 50%}
  .home #ch-days .tl{order:3;position:relative;z-index:1;margin:-190px var(--s4) 0!important;padding-bottom:var(--s6)}
  .home .h-work .cs-th{height:auto!important;max-height:220px}
}
@media (max-width:759px){.home .h-work .cs-th{max-width:none!important;width:calc(100% + 36px)!important}}
@media (max-width:759px){.mini[data-scene]{display:none!important}}
@media (max-width:759px){
  .st5s{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .st5{padding:12px 0!important;border:0!important;border-bottom:1px solid var(--line2)!important;background:none!important;box-shadow:none!important;min-height:0!important;display:grid;gap:2px}
  .st5 b{font-size:15.5px}.st5 span{font-size:13.5px;line-height:1.45;color:var(--muted)}
}
@media (max-width:759px){a.next{padding-top:var(--s6)!important;padding-bottom:var(--s6)!important}a.next .round svg{width:30px;height:30px}}
.c13-v video{max-height:82vh;width:auto!important;max-width:100%;margin:0 auto}.c13-v{background:#000}

/* D13.7: two images side by side (each its own rounded box), stacked on phones. Pairs hug their images (no empty box bottom). */
.c13-duo{display:grid;gap:clamp(10px,1.4vw,18px)}
@media (min-width:700px){.c13-duo{grid-template-columns:1fr 1fr}}
.c13-flow.pair{align-items:start}
/* D13.7: next-page arrow dark on lime (contrast); no decorative V pattern behind it */
.next .round,a.next .round{color:#0b0c0b!important}.next .round svg{stroke:#0b0c0b!important;stroke-width:2.4}
.next .nx-pat,.band .tagbg,.foot .ftag,.pdiv{display:none!important}

/* D13.7: more client voices (exact words) + the video testimonial slot */
.vxw{margin-top:var(--s5)}
.vx-h{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s3)}
.vxs{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.vx{margin:0;padding:16px 18px 14px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.vx blockquote{font-size:14.5px;line-height:1.5;color:var(--text)}
.vx figcaption{display:flex;gap:10px;align-items:center;font-size:12.5px;line-height:1.4;color:var(--muted)}
.vx figcaption b{color:var(--text);font-weight:700;margin-right:4px}
.vx figcaption em{display:block;font-style:normal;font-size:11.5px;color:var(--faint)}
.vx figcaption a{color:var(--text);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.vx .ql-in{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(145deg,#f4f5f2,#a9ada6 55%,#e6e8e4);color:#0b0c0b;font:800 12px/1 var(--fd)}
/* home: a swipe row inside the Clients card */
.vx-home .vxs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(260px,32%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.vx-home .vx{scroll-snap-align:start}
@media (max-width:700px){.vx-home .vxs{grid-auto-columns:84%}.vx-home .vx blockquote{font-size:14px}}
/* video slot */
.vt7w{margin-top:var(--s7)}
.vt7-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s4);margin-bottom:var(--s4)}
.vt7s{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.vt7{margin:0}
.vt7 video,.vt7-ph{display:block;width:100%;aspect-ratio:9/16;max-height:62vh;border-radius:var(--r2);background:#000;object-fit:cover}
.vt7-ph{position:relative;display:grid;place-items:center;background:radial-gradient(70% 50% at 50% 40%,#1b1f1b,#0d0f0d);box-shadow:inset 0 0 0 1px var(--line2)}
.vt7-play{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--line2)}
.vt7-play svg{width:22px;height:22px;fill:var(--muted);margin-left:3px}
.vt7-soon{position:absolute;left:12px;top:12px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.vt7-soon::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4a3d;box-shadow:0 0 8px #ff4a3d}
.vt7 figcaption{margin-top:8px;font-size:13px;color:var(--muted)}.vt7 figcaption b{color:var(--text)}
.vt7 figcaption span{display:block}
@media (max-width:700px){.vt7s{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory}.vt7{scroll-snap-align:start}.vt7 video,.vt7-ph{max-height:none}}
.c13-duo{align-items:start}
.vx-home .vxs{grid-auto-columns:calc(50% - 5px)}
@media (max-width:700px){.vx-home .vxs{grid-auto-columns:100%}}
.vx-home .vx-h::after{content:"  \2192  swipe";font-weight:700;color:var(--faint);letter-spacing:.02em;text-transform:none}
@media (min-width:1000px){.vx-work .vxs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:999px){.vx-work .vxs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vt7 video,.vt7-ph{aspect-ratio:4/5;max-height:380px}
@media (max-width:700px){.vt7 video,.vt7-ph{max-height:none}}
@media (max-width:700px){.vt7s{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;gap:8px}.vt7-play{width:40px;height:40px}.vt7-play svg{width:16px;height:16px}.vt7-soon{left:8px;top:8px;font-size:9.5px}.vt7 figcaption{font-size:11.5px;line-height:1.35}.vt7 figcaption b{display:block}}

/* D13.8: footer cleanup. Company info, one compact ratings row (no badge cards), tighter on phones. */
.foot-proof{display:none!important}
.f-rate{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s6)}
.f-rate a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border-radius:var(--r1);box-shadow:inset 0 0 0 1px var(--line2);font-size:13px;line-height:1.2;color:var(--muted);transition:box-shadow .25s,color .25s}
.f-rate a:hover{box-shadow:inset 0 0 0 1px var(--lime);color:var(--text)}
.f-rate span{font-weight:700;color:var(--text)}.f-rate b{font-weight:700;color:var(--text)}.f-rate b i{font-style:normal;color:var(--lime-ink,#82ff1f)}.f-rate em{font-style:normal;color:var(--muted)}
.foot .f-co{line-height:1.6;color:var(--muted)}
@media (max-width:760px){
  .foot{padding-top:var(--s7)}
  .foot .tl{font-size:28px;margin:var(--s4) 0 var(--s3)}
  .foot .g{gap:var(--s5) var(--s4)}
  .foot .fh{margin-bottom:var(--s2)}
  .foot ul{gap:8px;font-size:14px}
  .foot .soc{font-size:14px;gap:8px 14px}
  .f-rate{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .f-rate a{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:12.5px}
  .foot .bot{flex-direction:column;gap:var(--s3);margin-top:var(--s6);font-size:12.5px}
}
@media (max-width:760px){
  .foot .g{grid-template-columns:minmax(0,1fr);gap:var(--s4)}
  .foot .g ul{display:flex;flex-wrap:wrap;gap:6px 16px}
  .foot .g>div:last-child ul{display:grid;gap:6px}
  .foot .fh[style]{margin-top:var(--s4)!important}
  .foot .f-brand .quiet{font-size:13px}
  .f-rate a{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 5px}
}
.foot .f-co{display:grid;gap:3px;font-size:12.5px;line-height:1.5;max-width:560px}
.foot .f-co b{font-weight:700;color:var(--text)}
.foot .f-co i{font-style:normal;margin:0 7px;color:var(--faint)}
@media (min-width:700px){.c13-duo:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}
.c13-duo .c13-v video{max-height:80vh}

/* ============ D13.9 phone pass (Vedran's screen recording 18.10.2026) ============ */
/* WhatsApp card: only "Online" is green, the reply time is grey */
.wa-card .wa-status{color:var(--muted)!important;font-weight:500}.wa-card .wa-status .wa-live{color:var(--lime-ink,#82ff1f);font-weight:600}
.wa-x{font-size:0!important}.wa-x::before{content:"\2212";font-size:22px;line-height:1}
.wa.open .wa-off,.wa.open .wa-on{display:none!important}
@media (max-width:760px){
  /* chat bubble: no +/- toggles on phones, one tap opens it, the minus in the card closes it */
  .wa-off,.wa-on{display:none!important}
  .wa-card{position:relative}.wa-x{position:absolute;top:10px;right:10px}

  /* less empty space under the nav on every page */
  .phero,.c13-hero,.pnhero,.sv12{padding-top:84px!important}
  .ct12{padding-top:84px!important}
  .phero .ph-t>.label,.c13-back{margin-top:0}

  /* hero trust line: three tidy stat chips */
  .h12-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:var(--s4)}
  .h12-trust>i{display:none}
  .h12-trust>span{display:grid;gap:2px;padding:10px 10px 9px;border-radius:var(--r1);box-shadow:inset 0 0 0 1px var(--line2);font-size:11.5px;line-height:1.3;color:var(--muted)}
  .h12-trust>span b{font:400 20px/1.05 var(--fd);color:var(--text);padding-bottom:.06em}

  /* 21 days on the home page: no animation, one clean card with the four stages */
  .home .grow.tl-compact{height:auto!important;min-height:0!important;padding:0 var(--pad) var(--s5)}
  .home .grow.tl-compact .grow-sticky{position:static!important;height:auto!important;min-height:0!important;overflow:visible}
  .home .grow.tl-compact .stage,.home .grow.tl-compact .daycount{display:none!important}
  .home .grow.tl-compact .grow-ui{position:static!important;padding:20px 18px!important;border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);max-width:none;height:auto!important}
  .home .grow.tl-compact .tl{position:static!important;margin-top:var(--s4)!important;display:grid!important;gap:8px;inset:auto!important;transform:none!important}
  .home .grow.tl-compact .tl li{opacity:1!important;display:grid;grid-template-columns:76px 1fr;gap:2px 10px;padding:10px 0 0;border-top:1px solid var(--line2)}
  .home .grow.tl-compact .tl li .bar{display:none}
  .home .grow.tl-compact .tl li b{font-size:12px;color:var(--lime-ink,#82ff1f);font-weight:700}
  .home .grow.tl-compact .tl li span a{font-size:14.5px;font-weight:700;color:var(--text)}
  .home .grow.tl-compact .tl li .see{grid-column:2;display:block!important;font-style:normal;font-size:12.5px;line-height:1.45;color:var(--muted);opacity:1!important;max-height:none!important}
  .home .grow.tl-compact .tl-all{margin-top:var(--s4)}

  /* Brand OS Pro on home: the summary card only (no empty player on phones) */
  .home .h-os .player{display:none!important}

  /* Silver Promise: the seal small in the card's top right, no big block */
  .sp12{position:relative}
  .sp12 .sp12-art{position:absolute!important;top:16px;right:16px;width:64px!important;height:auto!important;margin:0!important}
  .sp12 .sp12-art svg{width:64px;height:64px}
  .sp12 .sp12-pc{display:none!important}
  .sp12 .sp12-h{padding-right:70px}

  /* menu: EN + theme top right, compact groups, one big button at the bottom */
  .menu{padding-bottom:0!important}
  .menu .menu-top{position:absolute;top:76px;right:var(--pad);margin:0!important;display:flex!important}
  .menu-g span{display:none!important}
  .menu-g a{padding:7px 0}.menu-g b{font-size:16px}
  .menu-cta{position:sticky;bottom:0;margin-top:auto;padding:14px 0 calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 18%);display:grid;gap:10px}
  .menu-cta .btn{width:100%;justify-content:center;min-height:52px;font-size:16px}
  .menu-cta .link{justify-self:center;font-size:14px}

  /* footer: only the basics on phones */
  .foot .g>div:nth-child(2),.foot .g>div:nth-child(3){display:none}
  .foot .g>div:last-child .fh[style]{margin-top:var(--s4)!important}

  /* Services: compact picker and a slim selection bar with the X inside, top right */
  .pk12{padding:12px 14px!important;gap:2px 10px!important}
  .pk12 b{font-size:15px!important}.pk12>span:not(.pk12-k){font-size:12.5px!important}
  .pk-bar-in{padding:12px 44px 12px 14px!important;gap:8px!important}
  .pk-x{position:absolute!important;top:8px!important;right:8px!important;width:28px!important;height:28px!important;font-size:16px!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
  .pk-bar-t{flex-basis:100%!important;font-size:12.5px}
  .pk-bar-t .pk-h{display:none!important}
  .pk-bar .btn{min-height:44px}
  .pk5{padding:18px!important}.pk5 .dots li{font-size:13.5px}

  /* Process: no tree, the six stages as one clean list; compact cards */
  .pnav{height:auto!important;min-height:0!important}
  .pnav .grow-sticky{position:static!important;height:auto!important;min-height:0!important;overflow:visible}
  .pnav .stage,.pnav .daycount,.pnav .pn-tl,.pnav .pn-hint{display:none!important}
  .pnav .grow-ui{position:static!important;height:auto!important;padding:0 var(--pad)!important}
  .pnav .pn-ds{display:grid!important;gap:8px;margin-top:var(--s4);position:static!important}
  .pnav .pn-d{display:block!important;position:static!important;opacity:1!important;transform:none!important;padding:14px 16px;border-radius:var(--r2);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
  .pnav .pn-d .k{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:6px}
  .pnav .pn-d dl{display:grid;gap:6px;margin:0}
  .pnav .pn-d dl>div{display:grid;grid-template-columns:86px 1fr;gap:8px}
  .pnav .pn-d dt{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding-top:2px}
  .pnav .pn-d dd{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}
  #talk .grid4{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  #talk .grid4 .card{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;padding:14px 16px!important;min-height:0!important}
  #talk .grid4 .card .k{grid-row:1/3;font-size:13px}
  #talk .grid4 .card h3{font-size:16px!important;margin:0!important}
  #talk .grid4 .card p{grid-column:2;font-size:13px;margin:0!important}
  #revisions .rev-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #revisions .rev-n>*{padding:12px 10px!important;min-height:0!important}
  #revisions .rev-n b{font-size:26px!important}
  #revisions .rev-n span,#revisions .rev-n p{font-size:11.5px!important;line-height:1.35}

  /* Contact: compact, the form right under the title, contact options after it */
  .ct12{display:flex!important;flex-direction:column;gap:var(--s4)}
  .ct12 .ct12-t{display:contents}
  .ct12 .ct12-t>.label,.ct12 .ct12-t>h1,.ct12 .ct12-t>.lead{order:0}
  .ct12 .ct12-f{order:1;margin-top:0!important}
  .ct12 .ct13{order:2}
  .ct12 .ct12-t>.lead{font-size:15px}
}
@media (max-width:760px){
  .proof-hero{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding:0 var(--pad) 8px;scrollbar-width:none}
  .proof-hero::-webkit-scrollbar{display:none}
  .proof-hero>*{flex:0 0 86%!important;scroll-snap-align:start;min-width:0}
  .proof-slot[data-proof-class="proof-hero"]::after{content:"\2190  swipe  \2192";display:block;text-align:center;font-size:11.5px;color:var(--faint);margin-top:6px;letter-spacing:.04em}
}
.c13-factsw{padding-top:var(--s5)}.c13-factsw .c13-facts{margin-top:0}
@media (max-width:760px){
  .home .grow.tl-compact .grow-ui{display:block!important;grid-template-columns:none!important}
  .home .grow.tl-compact .grow-copy,.home .grow.tl-compact .tl{position:static!important;width:auto!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
  .home .grow.tl-compact .tl li{grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:baseline}
  .home .grow.tl-compact .tl li b{grid-column:1!important;grid-row:1!important}
  .home .grow.tl-compact .tl li>span:not(.bar){grid-column:2!important;grid-row:1!important}
  .home .grow.tl-compact .tl li .see{grid-column:2!important;grid-row:2!important;padding:0!important}
}
@media (max-width:760px){
  body #ch-days .grow-sticky{display:block!important;padding:20px 18px!important;border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
  body #ch-days .grow-ui{display:block!important;padding:0!important;background:none!important;box-shadow:none!important}
  body #ch-days .grow-copy{grid-area:auto!important}
  body #ch-days .tl{grid-template-columns:minmax(0,1fr)!important;grid-area:auto!important;margin-top:var(--s4)!important}
  body #ch-days .tl li{grid-template-columns:76px minmax(0,1fr)!important}
}
@media (max-width:760px){body #ch-days .tl{margin:var(--s4) 0 0!important}}
@media (max-width:760px){.home #ch-days .tl{margin:var(--s4) 0 0!important;padding-bottom:0!important}.home #ch-days .stage{display:none!important}}
@media (max-width:760px){
  body.home #ch-days .grow-sticky{padding:20px 0 18px!important}
  body.home #ch-days .grow-copy{padding:0 18px!important}
  body.home #ch-days .tl{margin:var(--s4) 18px 0!important}
  body.home #ch-days .tl li .see{display:none!important}
}

/* D13.10 Brand OS Pro: one full-width player, whole recording visible (contain), tabs under it; same on phones */
.pl-v .cam,.cam{display:none!important}
@media (max-width:760px){
  .home .h-os .wrap{display:block!important}
  .home .h-os .os-head{margin-bottom:var(--s5)}
  .home .h-os .player,.h-os .player{display:block!important;margin-top:0;max-width:none}
  .pl-v{aspect-ratio:16/10!important;width:100%!important;max-height:none!important;background:#0b0c0b}
  .pl-v video{object-fit:contain!important;background:#0b0c0b}
  .h-os .pl-side{margin-top:12px}
  .h-os .pl-hint{display:none}
  .h-os .pl-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
}
@media (max-width:960px){.h-os .pl-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.h-os .pl-t{flex:0 0 72%;scroll-snap-align:start}}
@media (max-width:760px){.home .h-os .player{display:block!important}.home .h-os .os-head{margin-bottom:12px}.home .h-os .os-proof{display:none}}
/* D13.10 Home 07 = contact form card; quiz band clearly separate */
.cl13{max-width:620px}
.cl13 .cl13-f{margin-top:var(--s5)}
.cl13 .cap-l{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:var(--s4)}
.qz14{margin-top:var(--s8)!important}
@media (max-width:760px){.qz14{margin-top:var(--s7)!important}.cl13{padding:20px 16px!important}}

/* ===== D13.10 footer ===== */
.f13{padding:var(--s8) 0 var(--s5)!important}
.f13 .g{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important;gap:var(--s5) var(--s6)!important}
.f13 .f-brand .logo .lockup{height:28px}
.f13 .tl{font:400 clamp(20px,1.7vw,26px)/1.2 var(--fd)!important;max-width:22ch!important;margin:var(--s4) 0!important}
.f13 .tl .lime{display:inline}
.f13 .f-cta{display:flex;gap:8px;flex-wrap:wrap}
.f13 .fh{color:var(--lime-ink,#82ff1f)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--s3)!important}
.f13 .fh2{margin-top:var(--s5)!important}
.f13 ul{gap:8px!important;font-size:14.5px!important;font-weight:600}
.f13 .soc{display:grid!important;gap:8px!important;font-size:14.5px!important}
.f13 .soc a{display:inline-flex;align-items:center;gap:9px}
.f13 .si{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line2)}
.f13 .si svg{width:14px;height:14px}
.f13 .f-rate{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:var(--s7)!important}
.f13 .fr{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line2);min-height:58px}
.f13 .fr:hover{box-shadow:inset 0 0 0 1px var(--lime)}
.f13 .fr-i{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:#fff}
.f13 .fr-i svg{width:18px;height:18px}
.f13 .fr-t{display:grid;gap:1px;min-width:0}
.f13 .fr-t b{font-size:13.5px;color:var(--text);font-weight:700}.f13 .fr-t b em{font-style:normal;margin-left:3px}
.f13 .fr-t>span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f13 .bot{display:grid!important;grid-template-columns:1fr auto;gap:var(--s3) var(--s5);align-items:end;margin-top:var(--s5)!important;padding-top:var(--s4)!important;border-top:1px solid var(--line);font-size:12px!important}
.f13 .bot:before{display:none}
.f13 .f-co{margin:0;line-height:1.7;color:var(--muted);max-width:none}
.f13 .f-co b{color:var(--text);font-weight:700}
.f13 .f-co span{white-space:nowrap}.f13 .f-co span+span::before{content:"\00b7";margin:0 7px;color:var(--faint)}
.f13 .f-co br+span::before{content:none;margin:0}
.f13 .bot-l{display:flex!important;gap:14px;margin:0;color:var(--muted)}
@media (max-width:760px){
  .f13{padding:var(--s6) 0 calc(var(--s5) + 70px)!important}
  .f13 .g{grid-template-columns:1fr 1fr!important;gap:var(--s5) var(--s4)!important}
  .f13 .g>div{display:block!important}
  .f13 .f-brand{grid-column:1/-1}
  .f13 .tl{font-size:24px!important}
  .f13 .g>div:nth-child(2){display:none!important}
  .f13 ul{display:grid!important;gap:7px!important;font-size:14px!important}
  .f13 .f-rate{grid-template-columns:1fr 1fr;margin-top:var(--s5)!important}
  .f13 .fr{min-height:54px}
  .f13 .bot{grid-template-columns:1fr}
  .f13 .f-co span{white-space:normal}
}
/* D13.10: list bullets are a short line, so they never look like the section-label dot */
.dots li:before{width:10px!important;height:2px!important;border-radius:2px!important;top:.72em!important;background:var(--lime)!important}
/* Process communication cards: platform marks */
#talk .ci{display:grid!important;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;margin-bottom:var(--s3)}
#talk .ci svg{width:20px;height:20px}
#talk .ci-v{background:#0b0c0b;box-shadow:inset 0 0 0 1px var(--line2)}#talk .ci-v svg{fill:var(--lime);width:16px;height:20px}
#talk .ci-ok{background:var(--lime)}
@media (max-width:760px){#talk .grid4 .card{grid-template-columns:34px 1fr!important;gap:2px 12px!important}#talk .ci{margin:0;grid-row:1/3}}
@media (max-width:760px){
  html.wk-scrub .home .h-work .focus{overflow:hidden!important;scroll-snap-type:none!important;touch-action:pan-y}
  html.wk-scrub .home .h-work .focus .cs{will-change:transform;transition:none}
  /* Silver Promise: no seal/check on phones (Vedran) */
  .sp12 .sp12-art{display:none!important}.sp12 .sp12-h{padding-right:0!important}
  /* hero trust chips: three equal cards with platform marks */
  .h12-trust{align-items:stretch}
  .h12-trust>span{height:100%;align-content:start}
  .h12-trust em{display:inline-flex;vertical-align:-2px;margin-right:4px}.h12-trust em svg{width:12px;height:12px}
}
.h12-trust em{font-style:normal;display:inline-flex;vertical-align:-1px;margin:0 3px 0 2px}.h12-trust em svg{width:13px;height:13px}
/* D13.10 Services "Keep it growing": one compact section (title, one line, button) on every screen */
@media (max-width:760px){
  #keep .kp2 .dots,#keep .kp2 .pk5-tag{display:none!important}
  #keep .kp2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  #keep .kp2 .pk5{padding:20px!important;display:flex;flex-direction:column;gap:6px;min-height:0!important}
  #keep .kp2 .pk5 h3{margin:0}#keep .kp2 .pk5 .say{margin:0 0 6px;font-size:14.5px}
  #keep .kp2 .pk5-f{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
  #keep .kp2 .pk5-d{font-size:12px;color:var(--muted)}
  #keep .kp2 .btn{min-height:42px;padding:0 16px;font-size:14px}
}
@media (max-width:760px){#keep .kp2{grid-template-columns:1fr}#keep .head .lead{font-size:14.5px}}
/* D13.10 Contact on phones: compact contact tiles first, the form right after (visible in the first scroll) */
@media (max-width:760px){
  .ct12{gap:var(--s3)!important}
  .ct12 .ct13{order:1!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:0!important}
  .ct12 .ct12-f{order:2!important}
  .ct12 .cap-l{display:none!important}
  .ct13-n{grid-column:1/-1;display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:12px 14px!important}
  .ct13-n .k{grid-column:1/-1}.ct13-n b{font-size:17px!important}
  .ct13-n .ct13-a{margin:0!important;gap:6px!important}.ct13-n .ct13-a a{min-height:38px;padding:0 12px!important;font-size:13px}
  .ct13-rt{display:none!important}
  .ct13-t{padding:12px 14px!important}.ct13-t b{font-size:14px!important}.ct13-t em{font-size:11px!important}
  .ct12 h1{font-size:40px!important}
}
/* D13.13 phones: a small upright VZR STD can top right of the hero; it sways a little and sprays fine droplets toward the words */
.hcan{display:none}
@media (max-width:760px){
  .hero .h12-copy{position:relative}
  .hcan{display:block;position:absolute;z-index:3;right:6px;top:-2px;width:26px;height:64px;pointer-events:none;transform-origin:50% 100%;animation:hcan13 3.2s ease-in-out infinite}
  .hcan .hcan-s{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
  .hcan .hd{position:absolute;left:4px;top:2px;width:3px;height:3px;border-radius:50%;background:var(--lime,#82ff1f);opacity:0}
  .hl-on .hcan .hd{animation:hd13 1.6s linear infinite}
  .hcan .hd2{animation-delay:.25s!important;top:5px}.hcan .hd3{animation-delay:.5s!important;top:0}.hcan .hd4{animation-delay:.75s!important;top:7px}.hcan .hd5{animation-delay:1s!important;top:3px}.hcan .hd6{animation-delay:1.25s!important;top:6px}
}
@keyframes hcan13{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}}
@keyframes hd13{0%{opacity:0;transform:translate(0,0) scale(1)}12%{opacity:.95}100%{opacity:0;transform:translate(-110px,70px) scale(.4)}}
@media (prefers-reduced-motion:reduce){.hcan,.hcan .hd{animation:none!important}}
@media (max-width:760px){.f13 .f-co span{display:block;white-space:normal}.f13 .f-co span+span::before,.f13 .f-co br{display:none;content:none}.f13 .f-co b{display:block;margin-bottom:2px}}
@media (max-width:760px){.home #ch-os .player,.home #ch-os .pl-home{display:block!important}.home #ch-os .pl-v video{display:block!important}}
.f13 .f-co{display:block!important;gap:0!important}
.f13 .fr{flex-direction:row!important}
@media (max-width:760px){
  .home .h-os .pl-v{margin:0!important;justify-self:stretch!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important}
  .ct13{grid-template-columns:1fr!important}
  .ct13-t{display:grid!important;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px}
  .ct13-t .k{grid-column:1/-1}.ct13-t em{display:none!important}
}
@media (max-width:760px){
  main.page{padding-top:0!important;margin-top:0!important}
  main.page>section:first-child,main.page>.wrap:first-child,.phero,.c13-hero,.pnhero,.sv12,.ct12{padding-top:88px!important;margin-top:0!important}
  .phero .ph-t,.c13-hero>*:first-child{margin-top:0!important}
}

/* D13.11 overlay player + "watch full screen" hint; phone: the clip runs edge to edge */
.pl-v{cursor:zoom-in}
.pl-pop{position:absolute;z-index:2;right:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(11,12,11,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#e9ebe6;font-size:12.5px;font-weight:700;pointer-events:none;backdrop-filter:blur(6px)}
.pl-pop::before{content:"\25B6";color:var(--lime,#82ff1f);margin-right:7px;font-size:10px}
.vpop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(5,6,5,.92);backdrop-filter:blur(8px)}
.vpop[hidden]{display:none}
.vpop-in{width:min(100%,1500px);display:grid;gap:10px}
.vpop video{width:100%;max-height:82vh;border-radius:14px;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.vpop-bar{display:flex;gap:8px;justify-content:center}
.vpop-bar button{padding:10px 16px;border-radius:12px;background:#1a1d1a;color:#e9ebe6;font:700 14px/1 inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);cursor:pointer}
.vpop-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background:#1a1d1a;color:#fff;font-size:26px;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);cursor:pointer}
html.vpop-open,html.vpop-open body{overflow:hidden}
html.vpop-open .wa{display:none}
@media (max-width:760px){
  .home .h-os .pl-v,.h-os .pl-v{margin-left:calc(-1 * var(--pad))!important;margin-right:calc(-1 * var(--pad))!important;width:calc(100% + 2 * var(--pad))!important;border-radius:0!important;box-shadow:none!important}
  .pl-pop{font-size:11.5px;right:10px;bottom:10px}
  .vpop{padding:0}.vpop video{border-radius:0;max-height:78vh}
}

/* ===== D13.11 Process page on phones: hero card, compact timeline, six stages as tap-to-open rows ===== */
@media (max-width:760px){
  .pnhero{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
  .pnhero .pn-ph{display:none!important}
  .pnhero .ph-t{padding:22px 18px 18px;border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2)}
  .pnhero .h1{font-size:36px!important;max-width:none!important}
  .pnhero .lead{font-size:15px;margin-top:12px}
  .pnhero .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}
  .pnhero .stats>div{padding:10px 8px;border-radius:var(--r1);box-shadow:inset 0 0 0 1px var(--line2)}
  .pnhero .stats b{font-size:18px!important;display:block}.pnhero .stats span{font-size:10.5px!important;line-height:1.25;display:block}
  #before .tl10{padding-left:22px!important;gap:10px!important}
  #before .tl10 li p{display:none}
  #before .tl10 li em{font-size:11px}#before .tl10 li b{font-size:15px}
  .pnav .pn-d{padding:0!important;cursor:pointer}
  .pnav .pn-d .k{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;margin:0!important}
  .pnav .pn-d .k::after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--lime);box-shadow:inset 0 0 0 1px var(--line2);font-weight:700}
  .pnav .pn-d.open .k::after{content:"\2212"}
  .pnav .pn-d dl{display:none!important;padding:0 16px 14px}
  .pnav .pn-d.open dl{display:grid!important}
  .pnav .pn-d.open{box-shadow:inset 0 0 0 1px var(--lime)!important}
}

/* D13.11: one background colour for every section and the footer; glows spill over instead of being cut */
#ch-days,.grow,.grow-sticky,.foot,.f13{background:var(--bg)!important}
.f13{border-top:1px solid var(--line)}
html,body{overflow-x:clip}
@media (max-width:760px){
  main section,main .panel,main .stick,main .wrap,main .grow-sticky,main .pk13-in,main .sp12,main .cl12-card,#ch-days{overflow:visible!important}
  html.wk-scrub .home .h-work .focus{overflow:clip!important;overflow-clip-margin:40px;padding-bottom:28px!important}
}
@media (max-width:760px){html.wk-scrub .home .h-work .focus .cs{backface-visibility:hidden;transform:translateZ(0)}html.wk-scrub .home .h-work .cs-th{content-visibility:visible}}
.osf{list-style:none;padding:0;margin:var(--s4) 0 0;display:flex;flex-wrap:wrap;gap:6px}
.osf li{padding:6px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.osf li:last-child{box-shadow:inset 0 0 0 1px var(--lime);color:var(--lime-ink,#82ff1f)}
@media (max-width:760px){.home .h-os .pl-v,.h-os .pl-v{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;position:relative;left:auto!important;transform:none!important}}
@media (max-width:760px){#working .pl-v{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;border-radius:0!important;aspect-ratio:16/10!important}#working .pl-v video{object-fit:contain!important}}
/* D13.12 Brand OS Portal studios on phones: proper compact cards, text inside with padding */
@media (max-width:760px){
  .st5s{gap:8px!important}
  .st5{padding:14px 16px!important;border:0!important;border-radius:var(--r2)!important;background:var(--panel-solid)!important;box-shadow:inset 0 0 0 1px var(--line2)!important}
  .st5.soon{background:transparent!important}
  .st5 em{right:14px!important;top:14px!important;font-size:11px}
  .st5.soon b{padding-right:80px}
}
/* D13.13 About hero proof row */
.abx-f{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s5)}
.abx-f>div{padding:12px 14px;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line2);display:grid;gap:2px;min-width:120px}
.abx-f b{font:400 28px/1 var(--fd);color:var(--lime-ink,#82ff1f);padding-bottom:.06em}.abx-f span{font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.abx-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.abx-f>div{min-width:0;padding:10px}.abx-f b{font-size:22px}.abx-f span{font-size:11px}}
/* D13.13 Process hero: text in a card, the 21-day bloom on the right */
@media (min-width:961px){
  .pnhero{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)!important;align-items:stretch!important}
  .pnhero .ph-t{padding:clamp(28px,3vw,44px);border-radius:var(--r3);background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line2);align-self:center}
}
.pn13{position:relative;justify-self:stretch!important;width:auto!important;min-height:440px;border-radius:var(--r3);overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px var(--line2),0 40px 120px -50px rgba(130,255,31,.35)}
.pn13 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pn13::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 30%,transparent 70%,rgba(0,0,0,.7))}
.pn13-d{position:absolute;z-index:1;left:20px;top:16px;display:grid}.pn13-d b{font:400 64px/1 var(--fd);color:var(--lime-ink,#82ff1f)}.pn13-d em{font-style:normal;font-size:12px;color:#c8ccc6}
.pn13-s{position:absolute;z-index:1;left:20px;bottom:18px;padding:7px 12px;border-radius:999px;background:rgba(11,12,11,.75);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:13px;font-weight:700;color:#e9ebe6}
@media (min-width:961px){.pnhero .stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}}
@media (min-width:761px){.pk12-g .pk12{grid-column:auto!important}}
/* D13.14 phones: the can sits a little further left (Vedran's mark), no droplets; it sprays the highlight once */
@media (max-width:760px){.hcan{right:58px!important;top:0!important}.hcan .hd{display:none!important}}

/* ===== D13.14 LIGHT MODE PASS: same layout as dark, every text at WCAG contrast ===== */
:root[data-theme="light"]{--faint:#5c6359;--muted:#454b43}
:root[data-theme="light"] .acc,:root[data-theme="light"] .pn-h1,:root[data-theme="light"] .h12-trust em{color:#2f7a00!important}
:root[data-theme="light"] .st5 em,:root[data-theme="light"] .pl-pop::before{color:#9a5a00!important}
:root[data-theme="light"] .c13-dec .rej em{color:#b3261e!important}
:root[data-theme="light"] .c13-dec .rej p{text-decoration-color:rgba(179,38,30,.5)!important}
:root[data-theme="light"] .c13 .label{color:var(--ca)!important}
:root[data-theme="light"] .sp12-s{background:linear-gradient(100deg,#2f332e 0%,#6f756c 38%,#1d201c 55%,#80867d 75%,#3a3e38 100%);-webkit-background-clip:text;background-clip:text}
/* desktop: the 21-day tree and the Process tree stay dark islands (the 3D scene is dark), text stays light on them */
@media (min-width:761px){
  :root[data-theme="light"] #ch-days,:root[data-theme="light"] #ch-days .grow-sticky,:root[data-theme="light"] .pnav,:root[data-theme="light"] .pnav .grow-sticky{background:#0b0c0b!important;color:#f3f5f0;--text:#f3f5f0;--muted:#a9b0a6;--faint:#8b9287;--line:rgba(243,245,240,.09);--line2:rgba(243,245,240,.16);--panel-solid:#141714;--lime-ink:#82ff1f}
  :root[data-theme="light"] #ch-days .acc,:root[data-theme="light"] .pnav .pn-h1{color:#82ff1f!important}
}
/* phones: those sections are plain cards, so they follow the light theme */
@media (max-width:760px){
  :root[data-theme="light"] #ch-days,:root[data-theme="light"] #ch-days *,:root[data-theme="light"] .pnav,:root[data-theme="light"] .pnav *{--text:#101210}
  :root[data-theme="light"] #ch-days .grow-sticky{background:var(--panel-solid)!important}
  :root[data-theme="light"] #ch-days h2,:root[data-theme="light"] #ch-days h2 span,:root[data-theme="light"] #ch-days p,:root[data-theme="light"] #ch-days b,:root[data-theme="light"] #ch-days .tl a,:root[data-theme="light"] #ch-days .label,:root[data-theme="light"] #ch-days .tl-all,
  :root[data-theme="light"] .pnav h2,:root[data-theme="light"] .pnav h2 span,:root[data-theme="light"] .pnav .k,:root[data-theme="light"] .pnav .label,:root[data-theme="light"] .pnav dd{color:#101210!important}
  :root[data-theme="light"] #ch-days .tl li b,:root[data-theme="light"] #ch-days .acc{color:#2f7a00!important}
  :root[data-theme="light"] #ch-days p,:root[data-theme="light"] .pnav dd{color:#454b43!important}
  :root[data-theme="light"] .pnav dt{color:#5c6359!important}
  :root[data-theme="light"] #ch-days .tl-all{box-shadow:inset 0 0 0 1px rgba(16,18,16,.2)!important}
}
.c13-one{color:var(--cat,#0b0c0b)!important}
:root[data-theme="light"] .c13 .label,:root[data-theme="light"] .c13-num,:root[data-theme="light"] .c13-hero .h1 span,:root[data-theme="light"] .c13-dec .n,:root[data-theme="light"] .c13-proof b,:root[data-theme="light"] .c13-bar em,:root[data-theme="light"] .c13 .sec-b .label{color:var(--cad)!important}
:root[data-theme="light"] .c13 .label::before{background:var(--cad)!important}
:root[data-theme="light"] .c13-v figcaption{color:#c8ccc6!important}
@media (min-width:761px){:root[data-theme="light"] #ch-days .daycount b,:root[data-theme="light"] .pnav .daycount b{color:#82ff1f!important}:root[data-theme="light"] #ch-days .daycount .lbl,:root[data-theme="light"] .pnav .daycount .lbl{color:#a9b0a6!important}}
.pn13-d b{color:#82ff1f!important}.pn13-d em{color:#c8ccc6!important}
@media (max-width:760px){.hcan{top:-40px!important;right:44px!important}}
@media (max-width:760px){.hcan{top:-58px!important;right:40px!important;width:22px!important;height:54px!important}}
/* D13.15 light mode: black VZR STD can on the phone hero */
.hcan .hcan-d{display:none!important}
:root[data-theme="light"] .hcan .hcan-d{display:block!important}
:root[data-theme="light"] .hcan .hcan-s:not(.hcan-d){display:none!important}

/* D13.15 light mode: every lime marker is the sprayed highlight from the hero, full letter height (no half underline) */
:root[data-theme="light"] :is(.lime,.wcard .m,.wcard .sub em,.card .k,.ladder em,.fnl-pick em,.fnl-n,.sp-b.on em,.pk5-tag,.bpk-tag,.dd5,.pl-hint,.cs .num,.pstats b,.big .to,.ai5-s.on .num,.lv5 b,.sp-r p b,.rev-n b,.srow-s .dd .num,.abx-f b){
  background:url(/assets/img/hl-spray.webp) center/100% 100% no-repeat!important;color:#0b0c0b!important;padding:.06em .28em .14em!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
:root[data-theme="light"] :is(.daycount b,#ch-days .daycount b,.pnav .daycount b){background:none!important;padding:0!important;color:#82ff1f!important}
@media (max-width:760px){:root[data-theme="light"] .daycount b{color:#2f7a00!important}}
/* D13.15 light palette: calmer greys (like the old Framer site), cards no longer pure white; WhatsApp bubble readable */
:root[data-theme="light"]{--bg:#e8e9e5;--bg2:#e1e3de;--surface:#f3f4f1;--surface2:#eceee9;--panel:rgba(243,244,241,.9);--panel-solid:#f3f4f1}
:root[data-theme="light"] .wa-bub,:root[data-theme="light"] .wa-card{background:#f3f4f1!important;box-shadow:inset 0 0 0 1px rgba(16,18,16,.14),0 14px 40px -18px rgba(20,30,10,.35)!important}
:root[data-theme="light"] .wa-live{color:#1f6a00!important;font-weight:700!important}
:root[data-theme="light"] .wa-status,:root[data-theme="light"] .wa-bub em small{color:#454b43!important}
/* D13.15 light mode only: Silver Promise icon and seal (dark stays as it is) */
:root[data-theme="light"] .sp12 .sp-ic{background:#0b0c0b!important;color:#82ff1f!important;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)!important}
:root[data-theme="light"] .sp12 .sp-ic svg{stroke:#82ff1f!important}
:root[data-theme="light"] .sp12-glow{fill:#0b0c0b!important;opacity:1}
:root[data-theme="light"] .sp12-ring{stroke:url(#spg)}
:root[data-theme="light"] .sp12-pc{background:#0b0c0b!important;color:#f3f5f0!important;box-shadow:none!important}
/* D13.15 About Wall of Fame: phones get the card only */
@media (max-width:760px){.ab-wall .wall-tz{display:none!important}.ab-wall .wall10{display:block!important}}
.ab-wall{padding-top:var(--s8);padding-bottom:var(--s8)}
:root[data-theme="light"] .st5 em{color:#8a4f00!important}

/* ===== D13.16 ===== */
/* highlights cover the words only, never the empty space after them (every theme, site-wide) */
:root[data-theme="light"] :is(.lime,.wcard .m,.wcard .sub em,.card .k,.ladder em,.fnl-pick em,.fnl-n,.sp-b.on em,.pk5-tag,.bpk-tag,.dd5,.pl-hint,.cs .num,.pstats b,.big .to,.ai5-s.on .num,.lv5 b,.sp-r p b,.rev-n b,.srow-s .dd .num,.abx-f b){display:inline-block!important;width:auto!important;max-width:max-content!important;justify-self:start;align-self:start}
:root[data-theme="light"] :is(.card .k,.lv5 b,.abx-f b,.pstats b,.cs .num,.rev-n b){display:table!important}
/* light: list bullets and the "before day 1" timeline in a darker green so they read on grey */
:root[data-theme="light"] .dots li:before{background:#2f7a00!important;height:2.5px!important}
:root[data-theme="light"] .tl10 .tl-track{background:rgba(16,18,16,.22)!important}
:root[data-theme="light"] .tl10 .tl-track i{background:#2f7a00!important}
:root[data-theme="light"] .tl10.js li.hit .tl-dot,:root[data-theme="light"] .tl10 .tl-dot{background:#82ff1f!important;box-shadow:0 0 0 2px #2f7a00,0 0 0 6px rgba(47,122,0,.14)!important}
:root[data-theme="light"] .tl10.js li:not(.hit) .tl-dot{background:var(--bg)!important;box-shadow:inset 0 0 0 2px rgba(16,18,16,.35)!important}
:root[data-theme="light"] .tl10.js li:not(.tl-track)>:not(.tl-dot){opacity:.55}
:root[data-theme="light"] .tl10.js li.hit>:not(.tl-dot){opacity:1}
/* light: the 100% seal is grey inside, the icon stays black */
:root[data-theme="light"] .sp12-glow{fill:#d9dbd6!important}
:root[data-theme="light"] .sp12-ck{stroke:#2f7a00!important}
/* D13.16 Process hero: the wall builds itself, one brick a day (dark card in both themes) */
.pnw{background:radial-gradient(70% 60% at 55% 55%,#1a1f17,#0b0c0b 70%)!important;display:grid;place-items:center}
.pnw::after{display:none}
.pnw-s{position:absolute;left:4%;top:12%;width:92%;height:84%}
.pnb{opacity:0;transform:translateY(-40px);transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.pnb.on{opacity:1;transform:none}
.pnb.now polygon:nth-child(2){fill:#82ff1f}.pnb.now polygon:nth-child(3){fill:#b6ff6e}.pnb.now polygon:nth-child(1){fill:#4d9a12}
.pnb.now{filter:drop-shadow(0 0 14px rgba(130,255,31,.55))}

/* D13.18: phone hero can tilts to aim at the highlight while it sprays */
@media (max-width:760px){.hero .hcan{transition:transform .34s cubic-bezier(.3,.7,.3,1)}.hero .hcan.hcan-aim{animation:none!important;transform:rotate(-38deg) translateY(-2px)}}
/* D13.18: AI-Ready check, website field full size on phones (column flex collapsed it) */
@media (max-width:760px){.ck-row input{flex:none;width:100%;height:56px;padding:0 18px;font-size:17px;line-height:56px;border-radius:14px}}

/* D13.19 light pass: the shared proof cards (testimonials, reviews, chats) were dark-only. Light tokens + the few hard-coded darks. */
:root[data-theme="light"]{
  --pc-bg:#e8e9e5;--pc-panel:#f3f4f1;--pc-surface:#f3f4f1;--pc-surface2:#e6e8e3;--pc-surface3:#dcdfd8;
  --pc-text:#101210;--pc-muted:#454b43;--pc-faint:#5c6359;--pc-line:rgba(16,18,16,.1);--pc-line2:rgba(16,18,16,.16);
  --pc-lime-dim:rgba(130,255,31,.28);--pc-out:#e2f6cf;--pc-out-line:rgba(60,140,0,.28);--pc-in:#e6e8e3;
  --pc-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(16,18,16,.06),0 14px 34px -14px rgba(16,18,16,.18)
}
:root[data-theme="light"] .pc-quote .pc-body{background:linear-gradient(180deg,#f6f7f4 0%,#eef0eb 100%)}
:root[data-theme="light"] .pc-quote p{color:#2b2f2a}
:root[data-theme="light"] .pc-photo{box-shadow:0 0 0 1px var(--pc-line2),0 0 0 4px #f3f4f1,0 0 0 5px rgba(60,140,0,.4)}
:root[data-theme="light"] .pc-stars,:root[data-theme="light"] .pc-quote .co .qm,:root[data-theme="light"] .pc-msg.out .tk,:root[data-theme="light"] .pc-meta .tag.ok{color:#3f8a06}
:root[data-theme="light"] .pc-meta .tag.ok{border-color:rgba(63,138,6,.4)}
:root[data-theme="light"] .pc-label{color:#454b43}
:root[data-theme="light"] .pc-label::before{background:#3f8a06;box-shadow:none}

/* D13.19 SEO pages: 21-day plan, comparison table, fact sheet, vertical case cards */
@media (max-width:760px){.grid4.d21{grid-template-columns:1fr}}
.cmpw{overflow-x:auto;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line2);background:var(--panel-solid)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:520px}
.cmp th,.cmp td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font-weight:600;color:var(--muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.cmp thead th:last-child,.cmp td:last-child{color:var(--text);font-weight:600}
.cmp tbody th{font-weight:500;color:var(--muted)}
.cmp tr:last-child th,.cmp tr:last-child td{border-bottom:0}
.cmp td:nth-child(2){color:var(--muted)}
.facts{display:grid;gap:0;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line2);background:var(--panel-solid);overflow:hidden}
.facts>div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:6px 24px;padding:16px 20px;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:0}
.facts dt{color:var(--muted);font-size:14px;font-weight:500}
.facts dd{margin:0;font-size:15.5px;line-height:1.55;color:var(--text)}
.facts a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.facts>div{grid-template-columns:1fr;padding:14px 16px}}
.vcases .vcase{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;padding:0;overflow:hidden}
.vcase .vc-img{aspect-ratio:16/10;overflow:hidden}.vcase .vc-img img{width:100%;height:100%;object-fit:cover;display:block}
.vcase h3,.vcase p,.vcase .link{padding:0 18px}.vcase .link{padding-bottom:18px;margin-top:auto}
.vcase p{color:var(--muted);font-size:14.5px;line-height:1.5}
@media (max-width:760px){.cmp{min-width:0;font-size:13.5px;table-layout:fixed}.cmp th,.cmp td{padding:12px 10px;word-wrap:break-word}.cmp thead th{font-size:11px;letter-spacing:.03em}.cmp tbody th{width:28%}}
.cmp thead th{padding-top:14px;padding-bottom:12px}
/* D13.19: Process hero wall caption */
.pn13-t{position:absolute;z-index:1;right:20px;top:24px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1.3;color:#e9ebe6;padding-bottom:1px}
.pn13-t i{width:7px;height:7px;border-radius:50%;background:#82ff1f;box-shadow:0 0 10px rgba(130,255,31,.7);flex:none}
@media (max-width:760px){.pn13-t{right:16px;top:20px;font-size:12px}}
/* D13.20: dark-mode faint text to AA (was #6c7369, 3.6-4.0 on the dark panels) */
:root:not([data-theme="light"]){--faint:#878d83;--pc-faint:#878d83}