:root{--bg:#F3F1EE;--paper:#FAF9F7;--ink:#1E1B18;--ink2:#3A3530;--muted:#57514A;--subtle:#6F685F;--line:#DDD7CF;--line2:#EEEAE5;--orange:#FF6A00;--oText:#C24E00;--risk:#B3261E;--riskBg:#F8E3E1;--won:#1F7A4D;--wonBg:#E3F1E9;--ease:cubic-bezier(.2,.7,.1,1);--ring:0 0 0 1px rgba(30,27,24,.08);--sh:0 0 0 1px rgba(30,27,24,.08),0 30px 60px -30px rgba(30,27,24,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html.lenis{scroll-behavior:auto}
.topbar{position:fixed;left:0;right:0;top:0;height:2px;z-index:40;pointer-events:none}.topbar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}
.mq{padding:44px 0;border-top:1px solid var(--line);overflow:hidden;display:grid;gap:10px;background:var(--bg)}
.mq-row{overflow:hidden;white-space:nowrap}
.mq-track{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-weight:600;font-size:clamp(34px,5vw,72px);letter-spacing:-.035em;line-height:1.05;will-change:transform}
.mq-row[data-dir="-1"] .mq-track{color:#B8B0A6}
.mq-track s{display:inline-block;width:.34em;height:.72em;text-decoration:none;background:repeating-linear-gradient(120deg,var(--orange) 0 3px,transparent 3px 8px)}
.mq-row[data-dir="-1"] s{background:repeating-linear-gradient(120deg,#B8B0A6 0 3px,transparent 3px 8px)}
[data-tilt]{transition:transform .5s var(--ease);transform-style:preserve-3d}
[data-magnetic]{transition:transform .35s var(--ease),background .2s,color .2s,box-shadow .2s}
#conversaciones{height:280vh;position:relative;background:var(--ink);color:#fff}
.cv-in{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.cv-in canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cv-top{position:absolute;left:28px;top:96px;max-width:560px}
.cv-top .kick{color:#A39B91}
.cv-top h2{font-weight:600;font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.03em;margin:0}
.cv-cap{position:absolute;left:28px;right:28px;bottom:8vh;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;opacity:0;transform:translateY(12px);transition:opacity .7s,transform .8s var(--ease)}
.cv-cap.on{opacity:1;transform:none}
.cv-cap blockquote{margin:0;font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.25;letter-spacing:-.015em;max-width:30ch}
.cv-cap .who-q{margin-top:16px}.cv-cap .who-q div span{color:#A39B91}.cv-cap .av{background:#fff;color:var(--ink)}
.cv-cap .lbl{color:#A39B91;font-size:15px;text-align:right;max-width:22ch}
.no-gl .cv-cap{opacity:1;transform:none}
@media(max-width:720px){.cv-cap{grid-template-columns:1fr}.cv-cap .lbl{text-align:left}.cv-top{top:84px}}
.cases-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-top:56px}
.cases-2 .mini{border-top:1.5px solid var(--ink);padding-top:28px}
.cases-2 .mini strong{font-size:clamp(56px,7vw,104px);letter-spacing:-.045em}
.cases-2 .mini p{font-size:20px;line-height:1.35;letter-spacing:-.01em;max-width:34ch}
@media(max-width:900px){.cases-2{grid-template-columns:1fr;gap:40px}}
.rec-box{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:40px}
.rec-box>span{font-size:15px;font-weight:600;margin-right:6px}
.need{font:500 14px/1 "Host Grotesk";padding:10px 14px;border-radius:6px;border:0;background:#fff;color:var(--ink);box-shadow:var(--ring);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.need:hover{box-shadow:0 0 0 1.5px var(--ink)}.need.on{background:var(--ink);color:#fff}
#recOut{flex-basis:100%;font-size:14px;color:var(--muted);margin-top:4px}
.plans-g.has-rec .plan{opacity:.55;transition:opacity .3s,box-shadow .3s}.plans-g.has-rec .plan.rec{opacity:1;box-shadow:0 0 0 2px var(--orange),0 30px 60px -30px rgba(30,27,24,.3)}
.plans-g .plan{transition:opacity .3s,box-shadow .3s}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Host Grotesk",sans-serif;font-variant-numeric:tabular-nums;text-wrap:pretty;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:var(--ink);text-decoration-color:var(--orange);text-underline-offset:3px}a:hover{color:var(--oText)}
::selection{background:#FFCBA6}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.nav{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 28px;transition:background .3s,box-shadow .3s}
.nav.solid{background:var(--bg);box-shadow:0 1px 0 var(--line)}
.nav img{height:46px;margin:-8px 0 -8px -12px;display:block}
.nav nav{display:flex;gap:28px;align-items:center;font-size:15px}.nav nav a{text-decoration:none}
@media(max-width:720px){.nav nav a:not(.btn){display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1 "Host Grotesk";padding:14px 18px;border-radius:6px;border:0;cursor:pointer;text-decoration:none;transition:transform .15s var(--ease),background .2s,color .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}.btn i{font-style:normal;transition:transform .2s var(--ease)}.btn:hover i{transform:translateX(3px)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;color:#fff}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-orange{background:var(--orange);color:var(--ink)}.btn-orange:hover{background:#FF8733;color:var(--ink)}
.btn-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #fff}.btn-light:hover{background:#fff;color:var(--ink)}
.kick{font-size:15px;font-weight:500;color:var(--muted);margin:0 0 16px}
.h2{font-weight:600;font-size:clamp(34px,4.4vw,60px);line-height:1;letter-spacing:-.035em;margin:0}
[data-reveal] .l{display:block;overflow:hidden;padding-bottom:.08em}[data-reveal] .l>span{display:block;transform:translateY(105%);transition:transform .9s var(--ease)}
[data-reveal] .l:nth-child(2)>span{transition-delay:.07s}[data-reveal] .l:nth-child(3)>span{transition-delay:.14s}
[data-reveal].in .l>span,html:not(.js) [data-reveal] .l>span{transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal] .l>span{transform:none;transition:none}}
/* Hero */
#story{height:420vh;position:relative}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.no-gl #gl{background:var(--pattern,repeating-linear-gradient(120deg,rgba(30,27,24,.07) 0 1px,transparent 1px 8px))}
.caps{position:absolute;left:28px;bottom:9vh;width:min(660px,calc(100% - 56px));pointer-events:none}
.cap{position:absolute;left:0;bottom:0;width:100%}
.cap .l{display:block;overflow:hidden;padding-bottom:.08em}.cap .l>span{display:block;transform:translateY(105%);transition:transform .9s var(--ease)}
.cap.on .l>span{transform:none}.cap .l:nth-child(2)>span{transition-delay:.06s}
.cap h1,.cap h2{font-weight:600;font-size:clamp(40px,6.2vw,88px);line-height:.98;letter-spacing:-.035em;margin:0}
.cap p{font-size:18px;color:var(--muted);max-width:44ch;margin:18px 0 0;opacity:0;transform:translateY(8px);transition:opacity .6s .2s,transform .6s .2s var(--ease)}
.cap.on p{opacity:1;transform:none}
.cap .kick{opacity:0;transition:opacity .6s}.cap.on .kick{opacity:1}
.cap .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;opacity:0;transition:opacity .6s .3s}.cap.on .ctas{opacity:1;pointer-events:auto}
.labels span{position:absolute;left:0;top:0;font-size:13px;white-space:nowrap;color:var(--muted);opacity:0;display:flex;gap:6px}.labels b{color:var(--ink);font-weight:600}
.focus{position:absolute;left:0;top:0;width:280px;background:#fff;border-radius:8px;padding:16px;box-shadow:var(--ring),0 24px 48px -20px rgba(30,27,24,.35);opacity:0;transform:translateY(-50%);pointer-events:none;font-size:14px}
.focus.on{pointer-events:auto}.focus .who{font-weight:600;font-size:17px;letter-spacing:-.01em}
.focus .st{display:flex;align-items:center;gap:8px;color:var(--muted);margin:4px 0 14px}.focus .st i{width:8px;height:8px;border-radius:50%;background:var(--risk)}
.focus .amt{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line2);padding-top:12px;margin-bottom:14px}.focus .amt strong{font-size:24px;font-weight:600;letter-spacing:-.02em}
.focus .btn{width:100%}
.prog{position:absolute;right:28px;bottom:9vh;width:120px;display:grid;gap:8px;font-size:13px;color:var(--muted)}
.prog div{height:2px;background:var(--line)}.prog i{display:block;height:100%;width:0;background:var(--ink)}
@media(max-width:720px){.prog{display:none}.caps{bottom:6vh}}
/* Manifiesto */
#manifesto{height:230vh;position:relative;border-top:1px solid var(--line)}
.man-in{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.man-text{font-weight:600;font-size:clamp(30px,4.3vw,62px);line-height:1.08;letter-spacing:-.03em;max-width:21ch;margin:0}
.man-text .w{color:#D3CCC3;transition:color .35s}.man-text .w.lit{color:var(--ink)}
.man-text .hl .w.lit{color:var(--oText)}
/* Pilares */
#pilares{height:460vh;position:relative;background:var(--paper);border-top:1px solid var(--line)}
.pl-in{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.pl-list{display:grid;gap:4px;margin-top:36px}
.pl-item{padding:14px 0;cursor:pointer;border-top:1px solid var(--line);position:relative}
.pl-item::before{content:"";position:absolute;left:0;top:-1px;height:1.5px;width:calc(var(--f,0)*100%);background:var(--ink)}
.pl-item h3{margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.03em;color:#B8B0A6;transition:color .3s}
.pl-item.on h3{color:var(--ink)}
.pl-item p{margin:0;max-height:0;overflow:hidden;opacity:0;color:var(--muted);max-width:42ch;transition:max-height .5s var(--ease),opacity .4s,margin .4s}
.pl-item.on p{max-height:120px;opacity:1;margin-top:8px}
.vig-stage{position:relative;height:min(560px,72vh)}
.vig{position:absolute;inset:0;background:#fff;border-radius:12px;box-shadow:var(--sh);padding:22px;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .5s,transform .7s var(--ease);pointer-events:none;overflow:hidden;display:flex;flex-direction:column}
.vig.on{opacity:1;transform:none;pointer-events:auto}
.vig-h{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.vig-h b{font-weight:600;font-size:15px}.vig-h span{color:var(--muted)}
.row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line2);font-size:14px}
.vig .st{opacity:0;transform:translateX(18px);transition:opacity .5s,transform .6s var(--ease)}
.vig.on .st{opacity:1;transform:none}
.vig.on .st:nth-child(2){transition-delay:.08s}.vig.on .st:nth-child(3){transition-delay:.16s}.vig.on .st:nth-child(4){transition-delay:.24s}.vig.on .st:nth-child(5){transition-delay:.32s}.vig.on .st:nth-child(6){transition-delay:.4s}
.tag{font-size:12px;font-weight:500;padding:3px 7px;border-radius:3px;background:var(--bg);color:var(--ink2);justify-self:start}
.row .who{font-weight:600}.row small{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row time{color:var(--subtle);font-size:13px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:3px}
.chip i{width:7px;height:7px;border-radius:50%}
.c-act{background:#FFF4EC;color:#9A3E00}.c-act i{background:var(--orange)}.c-risk{background:var(--riskBg);color:var(--risk)}.c-risk i{background:var(--risk)}.c-won{background:var(--wonBg);color:var(--won)}.c-won i{background:var(--won)}
.assign{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);padding-top:14px}
.av{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.pbar{display:flex;gap:2px;height:14px;margin:18px 0 8px}.pbar i{border-radius:2px;background:#D9D4CD;transform-origin:left;transform:scaleX(0);transition:transform .8s var(--ease)}
.vig.on .pbar i{transform:none}.pbar i.on{background:var(--orange)}.pbar i.risk{background:repeating-linear-gradient(120deg,var(--risk) 0 3px,var(--riskBg) 3px 6px)}.pbar i.won{background:var(--won)}
.plab{display:flex;gap:2px;font-size:12px;color:var(--muted)}.plab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row2{grid-template-columns:minmax(0,1fr) auto auto}
.tl{position:relative;margin-top:18px;padding-left:28px;display:grid;gap:22px}
.tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line2)}
.tl::after{content:"";position:absolute;left:7px;top:6px;width:2px;height:0;background:var(--ink);transition:height 1.6s var(--ease) .2s}
.vig.on .tl::after{height:calc(100% - 12px)}
.tl .st{position:relative;font-size:14px}.tl .st::before{content:"";position:absolute;left:-26px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}
.tl .st.now::before{background:var(--orange);box-shadow:none}
.tl b{font-weight:600;display:block}.tl span{color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:10px;height:200px;margin-top:22px;padding-bottom:8px;border-bottom:1px solid var(--line2)}
.bars i{flex:1;background:#D9D4CD;border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(0);transition:transform .8s var(--ease)}
.vig.on .bars i{transform:none}.bars i:last-child{background:var(--orange)}
.vig.on .bars i:nth-child(2){transition-delay:.04s}.vig.on .bars i:nth-child(3){transition-delay:.08s}.vig.on .bars i:nth-child(4){transition-delay:.12s}.vig.on .bars i:nth-child(5){transition-delay:.16s}.vig.on .bars i:nth-child(6){transition-delay:.2s}.vig.on .bars i:nth-child(7){transition-delay:.24s}.vig.on .bars i:nth-child(8){transition-delay:.28s}
.wk{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-top:8px}.wk span{flex:1;text-align:center}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;border-top:1px solid var(--line2)}
.kp div{padding:14px 0 0}.kp small{display:block;color:var(--muted);font-size:13px}.kp strong{font-size:24px;font-weight:600;letter-spacing:-.02em}.kp em{font-style:normal;font-size:13px;font-weight:600;color:var(--won);margin-left:6px}
.note{font-size:12px;color:var(--subtle);margin-top:10px}
@media(max-width:900px){#pilares{height:auto;padding:100px 0}.pl-in{position:static;height:auto;grid-template-columns:1fr;gap:32px}.vig-stage{height:520px}}
/* Producto */
.prod{padding:140px 0 130px;border-top:1px solid var(--line)}
.prod-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.feat{border-top:1.5px solid var(--ink);margin-top:36px}
.feat div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.feat b{font-weight:600}.feat span{color:var(--muted);font-size:15px}
.app{background:#fff;border-radius:12px;box-shadow:var(--sh);overflow:hidden;font-size:14px}
.app-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line2)}
.app-h b{font-weight:600}.app-h div{display:flex;gap:6px}.app-h span{padding:5px 10px;border-radius:5px;background:var(--bg);font-size:13px;cursor:pointer}.app-h span.on{background:var(--ink);color:#fff}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line2)}
.kpis div{padding:16px 18px}.kpis div+div{border-left:1px solid var(--line2)}
.kpis small{display:block;color:var(--muted);font-size:13px}.kpis strong{font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.kpis em{font-style:normal;font-size:13px;font-weight:600;color:var(--won);display:block}
.app .pb{padding:16px 18px 6px}.app .pbar{margin:0 0 8px}.app .pbar i{transform:none}
.tbl{padding:4px 18px 10px}
.tr{display:grid;grid-template-columns:12px minmax(0,1.6fr) minmax(0,1fr) 90px;gap:12px;align-items:center;padding:11px 6px;margin:0 -6px;border-top:1px solid var(--line2);border-radius:4px;transition:background .15s}
.tr:hover{background:var(--paper)}.tr i{width:8px;height:8px;border-radius:50%}.tr small{color:var(--muted);font-size:13px}.tr b{text-align:right;font-weight:600}
@media(max-width:900px){.prod-g{grid-template-columns:1fr}}
/* Casos */
.cases{padding:130px 0;background:#fff;border-top:1px solid var(--line)}
.cases-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;margin-top:56px;align-items:start}
.quote{margin:0;font-weight:500;font-size:clamp(26px,2.8vw,38px);line-height:1.18;letter-spacing:-.02em}
.who-q{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:15px}.who-q b{font-weight:600;display:block}.who-q div span{color:var(--muted)}
.big-m{display:flex;align-items:baseline;gap:14px;margin-top:40px;padding-top:24px;border-top:1.5px solid var(--ink)}
.big-m strong{font-size:clamp(48px,6vw,80px);font-weight:600;letter-spacing:-.04em;line-height:1}.big-m span{color:var(--muted);max-width:18ch}
.mini{border-top:1px solid var(--line);padding:22px 0;display:grid;gap:10px}
.mini strong{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1}.mini p{margin:0;font-size:15px}.mini span{font-size:14px;color:var(--muted)}
@media(max-width:900px){.cases-g{grid-template-columns:1fr}}
/* Local */
.local{padding:130px 0;border-top:1px solid var(--line)}
.local-g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center}
.local-ph{aspect-ratio:4/3;border-radius:20px;background:#8A7A6E url(../assets/photo-team-desk.png) center/cover}
.local p.lead{font-size:18px;color:var(--muted);max-width:46ch;margin:24px 0 32px}
.facts{border-top:1.5px solid var(--ink)}.facts div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.facts span{color:var(--muted);text-align:right}
@media(max-width:900px){.local-g{grid-template-columns:1fr}}
/* Planes */
.plans{padding:130px 0;border-top:1px solid var(--line);background:var(--paper)}
.plans-top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:end}
.plans-top p{margin:0;color:var(--muted);font-size:16px}
.plans-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.plan{background:#fff;border-radius:8px;box-shadow:var(--ring);padding:28px;display:flex;flex-direction:column}
.plan.feat-p{box-shadow:0 0 0 1.5px var(--ink),0 30px 60px -30px rgba(30,27,24,.3)}
.plan-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.plan-h h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.plan .sub{color:var(--muted);font-size:14px;margin:4px 0 0}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:24px 0 0;padding-bottom:20px;border-bottom:1px solid var(--line2)}.price strong{font-size:36px;font-weight:600;letter-spacing:-.03em}.price span{color:var(--muted);font-size:14px;white-space:nowrap}
.plan ul{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:10px;flex:1;font-size:15px}
.plan li{display:flex;gap:10px}.plan li::before{content:"";flex:none;width:12px;height:7px;margin-top:6px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg)}
.plan li.more{font-weight:600}.plan li.more::before{display:none}
@media(max-width:900px){.plans-top,.plans-g{grid-template-columns:1fr}}
/* FAQ */
.faq{padding:120px 0;border-top:1px solid var(--line)}
.faq-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}
details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:600;letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"";width:12px;height:12px;flex:none;background:linear-gradient(var(--ink),var(--ink)) center/12px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 12px no-repeat;transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 24px;color:var(--muted);max-width:56ch}
@media(max-width:900px){.faq-g{grid-template-columns:1fr;gap:24px}}
/* Cierre */
.close{background:var(--ink);color:#fff;padding:130px 0 110px;position:relative;overflow:hidden}
.close::after{display:none}
.strokes{position:absolute;right:0;top:0;width:52%;height:100%;display:block;-webkit-mask:linear-gradient(90deg,transparent,#000 35%);mask:linear-gradient(90deg,transparent,#000 35%)}
.close.no-gl::after{display:block;content:"";position:absolute;right:0;top:0;bottom:0;width:30%;background:repeating-linear-gradient(120deg,var(--orange) 0 8px,transparent 8px 22px);-webkit-mask:linear-gradient(90deg,transparent,#000 60%);mask:linear-gradient(90deg,transparent,#000 60%)}
.close .h2{font-size:clamp(40px,6vw,86px);max-width:13ch;position:relative;z-index:1}
.close p{color:#CFC8BF;margin:28px 0 36px;max-width:46ch;font-size:18px;position:relative;z-index:1}
.close .ctas{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}
.close small{display:block;margin-top:28px;color:#A39B91;font-size:14px;position:relative;z-index:1}
@media(max-width:720px){.strokes{width:70%;opacity:.5}}
footer{padding:56px 0 32px}
.foot-g{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:32px}
footer img{height:46px;margin:-8px 0 0 -12px}footer h4{margin:0 0 14px;font-size:14px;font-weight:600}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:var(--muted)}footer ul a{color:var(--muted);text-decoration:none}footer ul a:hover{color:var(--ink)}
.foot-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--subtle)}
@media(max-width:720px){.foot-g{grid-template-columns:1fr 1fr}}

/* Demo interactiva */
.demo-top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:end;margin-bottom:48px}
.demo-lede{margin:0;color:var(--muted);font-size:17px}.demo-top .feat{margin-top:24px}
@media(max-width:900px){.demo-top{grid-template-columns:1fr;gap:24px}}
.board{user-select:none;-webkit-user-select:none}
.bd-ctl{display:flex;align-items:center;gap:8px}.bd-day{font-size:13px;color:var(--muted);margin-right:6px;background:none!important;padding:0!important}
.bd-sm{padding:9px 13px;font-size:14px}
.bd-next{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line2);background:var(--paper)}
.bd-next>div{flex:1;min-width:0;display:grid}.bd-next small{font-size:12px;color:var(--muted)}.bd-next b{font-weight:600;font-size:16px;letter-spacing:-.01em}.bd-next div span{font-size:13px;color:var(--muted)}
.sd{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,106,0,.18);flex:none}.sd.risk{background:var(--risk);box-shadow:0 0 0 4px rgba(179,38,30,.15)}.sd.won{background:var(--won);box-shadow:0 0 0 4px rgba(31,122,77,.15)}
.bd-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line2)}
.bd-col{background:#fff;padding:12px;min-height:340px;transition:background .2s}
.bd-col.bd-over{background:#FFF4EC}
.bd-ch{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:10px}.bd-ch b{font-weight:600}.bd-ch span{color:var(--muted)}
.bd-list{display:grid;gap:8px}
.bd-card{position:relative;background:#fff;border-radius:6px;padding:12px;box-shadow:var(--ring),0 1px 2px rgba(30,27,24,.05);cursor:grab;overflow:hidden;transition:box-shadow .2s,opacity .2s;touch-action:none}
.bd-card:hover{box-shadow:0 0 0 1px rgba(30,27,24,.2),0 8px 20px -12px rgba(30,27,24,.35)}
.bd-card:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.bd-card.is-risk{box-shadow:0 0 0 1px rgba(179,38,30,.35)}
.bd-hatch{position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(120deg,var(--risk) 0 3px,var(--riskBg) 3px 6px)}
.bd-n{font-weight:600;font-size:14px;line-height:1.25}
.bd-m{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin:6px 0 8px}.bd-m span{color:var(--muted)}.bd-m b{font-weight:600}
.bd-d{font-size:12px;color:var(--subtle)}
.bd-ph{opacity:.3}
.bd-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;cursor:grabbing;box-shadow:0 0 0 1px rgba(30,27,24,.15),0 24px 40px -16px rgba(30,27,24,.45)!important}
.bd-hint{margin:0;padding:10px 18px;font-size:13px;color:var(--subtle);border-top:1px solid var(--line2)}
.board{position:relative}
.bd-toast{position:absolute;left:50%;bottom:52px;transform:translate(-50%,10px);background:var(--ink);color:#fff;padding:10px 14px;border-radius:6px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease);white-space:nowrap}
.bd-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){.bd-cols{grid-template-columns:repeat(4,78vw);overflow-x:auto;scroll-snap-type:x mandatory}.bd-col{scroll-snap-align:start}.app-h{flex-wrap:wrap}}

.prod-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:end;margin-bottom:48px}.prod-head .feat{margin-top:0}
@media(max-width:900px){.prod-head{grid-template-columns:1fr;gap:28px}}
.kb{background:#fff;border-radius:12px;box-shadow:var(--sh);position:relative;overflow:hidden;user-select:none}
.kb-top{display:grid;grid-template-columns:repeat(3,auto) minmax(160px,1fr);gap:0 36px;align-items:end;padding:20px 22px;border-bottom:1px solid var(--line2)}
.kb-k small{display:block;color:var(--muted);font-size:13px}.kb-k strong{font-size:26px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;transition:color .3s}
.kb-k strong[data-k="r"]{color:var(--risk)}.kb-k strong.zero{color:var(--won)}
.kb-bar{display:flex;gap:2px;height:12px;margin-bottom:8px}.kb-bar i{border-radius:2px;background:#D9D4CD;transition:flex .6s var(--ease)}.kb-bar i.won{background:var(--won)}.kb-bar i.risk{background:repeating-linear-gradient(120deg,var(--risk) 0 3px,var(--riskBg) 3px 6px)}
@media(max-width:720px){.kb-top{grid-template-columns:repeat(3,auto);gap:12px 20px}.kb-bar{grid-column:1/-1}}
.kb-cols{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto;min-height:380px}
.kb-col{border-right:1px solid var(--line2);padding:14px 12px 18px;transition:background .2s}.kb-col:last-child{border-right:0}
.kb-col.over{background:#FFF4EC}
.kb-ch{display:flex;justify-content:space-between;font-size:14px;font-weight:600;padding:0 4px 12px}.kb-ch b{font-weight:500;color:var(--muted)}
.kb-list{display:grid;gap:8px;align-content:start;min-height:60px}
.kb-card{background:var(--paper);border-radius:8px;box-shadow:var(--ring);padding:12px;cursor:grab;font-size:14px;outline:0;transition:box-shadow .2s,background .2s}
.kb-card:hover{box-shadow:0 0 0 1px rgba(30,27,24,.2)}.kb-card:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.kb-card.risk{background:#fff;box-shadow:0 0 0 1px var(--riskBg),inset 3px 0 0 transparent;background-image:linear-gradient(#fff,#fff),repeating-linear-gradient(120deg,var(--risk) 0 3px,var(--riskBg) 3px 6px);background-size:100% calc(100% - 4px),100% 4px;background-position:top,bottom;background-repeat:no-repeat}
.kb-card.won{background:#fff}
.kb-n{font-weight:600}.kb-v{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:2px 0 8px}
.kb-m{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.kb-flag{color:var(--risk);font-weight:600}.kb-ok{color:var(--won);font-weight:600}
.kb-adv{width:28px;height:28px;border-radius:6px;border:0;background:#fff;box-shadow:var(--ring);cursor:pointer;font:600 14px/1 "Host Grotesk";color:var(--ink);transition:background .2s,color .2s}
.kb-adv:hover{background:var(--ink);color:#fff}
.kb-placeholder{opacity:.3}
.kb-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;background:#fff;box-shadow:0 0 0 1px rgba(30,27,24,.1),0 24px 48px -16px rgba(30,27,24,.4);cursor:grabbing}
body.kb-dragging,body.kb-dragging *{cursor:grabbing!important}
.kb-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--line2);font-size:13px;color:var(--muted)}
.kb-reset{border:0;background:none;font:500 13px "Host Grotesk";color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px;cursor:pointer;padding:0}
.kb-toast{position:absolute;left:50%;bottom:58px;transform:translate(-50%,16px);opacity:0;background:var(--ink);color:#fff;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:14px;width:max-content;max-width:calc(100% - 32px);transition:opacity .3s,transform .45s var(--ease);pointer-events:none}
.kb-toast.on{opacity:1;transform:translate(-50%,0)}.kb-toast>i{width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}.kb-toast>i.won{background:#5FC08E}
.kb-toast .av{background:#fff;color:var(--ink);width:24px;height:24px;font-size:11px;flex:none}

@media(min-width:721px){.caps{width:min(680px,48vw)}.caps .cap h1,.caps .cap h2{font-size:clamp(36px,4.5vw,80px)}.caps .cap .l>span{white-space:nowrap}.caps .cap p{max-width:min(44ch,44vw)}}