@font-face{font-family:Bricolage Grotesque;src:url(../fonts/bricolage-latin-var.woff2) format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../fonts/plex-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../fonts/plex-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../fonts/plex-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--ink-900:#0A0F1C;--ink-800:#0F172A;--ink-750:#101A30;--ink-700:#13203A;--ink-600:#1B2A45;--line:rgba(148,163,184,.14);--line-2:rgba(148,163,184,.26);--text:#E9EEF7;--dim: #bfcad6;--faint:#8B9BB3;--brand:#2563EB;--brand-2:#3B82F6;--brand-soft:rgba(37,99,235,.13);--accent:#2DB5A6;--paper:#F4F6FB;--paper-ink:#0F172A;--paper-dim:#475067;--paper-line:rgba(15,23,42,.12);--sans:"IBM Plex Sans",system-ui,sans-serif;--disp:"Bricolage Grotesque",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--wrap:1180px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink-800);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.06;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:500}.eyebrow .tick{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:500;font-size:15px;padding:13px 22px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:all .22s ease;white-space:nowrap}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-2);transform:translateY(-2px)}.btn-ghost{border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{border-color:var(--dim);background:#94a3b80f}.btn .ar{transition:transform .22s ease}.btn:hover .ar{transform:translate(3px)}header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}header.scrolled{background:#0a0f1cd1;border-bottom-color:var(--line);backdrop-filter:saturate(140%) blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;height:74px}.logo{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--text)}.logo .mark{width:30px;height:30px;border:1.5px solid var(--brand);border-radius:7px;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;padding:6px}.logo .mark i{width:3px;background:var(--brand);border-radius:1px;display:block}.logo .mark i:nth-child(1){height:6px}.logo .mark i:nth-child(2){height:11px}.logo .mark i:nth-child(3){height:16px;background:var(--accent)}.logo small{color:var(--dim);font-family:var(--sans);font-weight:400;font-size:12.5px;letter-spacing:.04em}.menu{display:flex;align-items:center;gap:34px}.menu nav{display:flex;gap:30px}.menu nav a{font-size:15px;color:var(--dim);transition:color .2s;position:relative}.menu nav a:hover,.menu nav a.active{color:var(--text)}.menu nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--brand);transition:width .25s ease}.menu nav a:hover:after,.menu nav a.active:after{width:100%}.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;width:42px;height:40px;color:var(--text);cursor:pointer;font-size:18px}.hero{position:relative;padding:170px 0 90px}.grid-bg:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 75%);opacity:.6}.hero .wrap{position:relative;z-index:1}.hero h1{font-size:clamp(36px,5.4vw,62px);max-width:19ch;margin:22px 0 0;line-height:1.12}.hero h1 .hl{color:var(--brand-2)}.hero p.lead{font-size:clamp(17px,2vw,20px);color:var(--dim);max-width:60ch;margin:26px 0 0;line-height:1.6}.hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.page-hero{position:relative;padding:150px 0 64px;border-bottom:1px solid var(--line)}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(32px,4.6vw,52px);max-width:18ch;margin:18px 0 0}.page-hero p.lead{font-size:clamp(16px,1.8vw,19px);color:var(--dim);max-width:62ch;margin:22px 0 0;line-height:1.6}.frame{margin-top:64px;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--ink-900);box-shadow:0 40px 80px -40px #000000b3}.frame .bar{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--ink-750)}.frame .bar .dots{display:flex;gap:6px}.frame .bar .dots span{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.frame .bar .ttl{font-family:var(--mono);font-size:12px;color:var(--faint);margin-left:8px;letter-spacing:.05em}.frame img{width:100%}.metrics{display:flex;flex-wrap:wrap;gap:14px 46px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.metrics .m .n{font-family:var(--disp);font-weight:600;font-size:30px;letter-spacing:-.02em}.metrics .m .l{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:2px}section.band{padding:96px 0}.band--alt{background:#0a0f1cbf}.shead{max-width:62ch}.shead h2{font-size:clamp(28px,3.6vw,42px);margin:16px 0 0}.shead p{color:var(--dim);margin-top:16px;font-size:18px}.svc{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:54px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.svc .cell{background:var(--ink-800);padding:38px 36px;transition:background .25s ease}.band--alt .svc .cell{background:var(--ink-900)}.svc .cell:hover{background:var(--ink-700)}.svc .ix{font-family:var(--mono);font-size:13px;color:var(--brand-2);letter-spacing:.1em}.svc h3{font-size:23px;margin:16px 0 10px;font-weight:600}.svc .kick{color:var(--text);font-weight:500}.svc p{color:var(--dim);font-size:15.5px;line-height:1.6;margin-top:6px}.rows{margin-top:30px;border-top:1px solid var(--line)}.rowf{display:grid;grid-template-columns:.4fr 1.6fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line)}.rowf .ix{font-family:var(--mono);font-size:13px;color:var(--brand-2);letter-spacing:.1em}.rowf .ix .nm{display:block;font-family:var(--disp);font-size:21px;color:var(--text);margin-top:10px;letter-spacing:-.01em;line-height:1.15}.rowf .body .kick{font-weight:600;color:var(--text);font-size:18px}.rowf .body p{color:var(--dim);margin-top:10px;max-width:64ch}.stack{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.tcard{border:1px solid var(--line);border-radius:14px;padding:30px 30px 32px;background:var(--ink-800);transition:border-color .25s,transform .25s}.band--alt .tcard{background:var(--ink-900)}.tcard:hover{border-color:var(--line-2);transform:translateY(-3px)}.tcard h3{font-size:20px;font-weight:600}.tcard p{color:var(--dim);font-size:15px;margin:10px 0 18px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{font-family:var(--mono);font-size:12.5px;color:var(--dim);border:1px solid var(--line-2);border-radius:7px;padding:6px 11px;letter-spacing:.02em}.pill.b{color:var(--brand-2);border-color:#3b82f666}.studio{background:var(--paper);color:var(--paper-ink);padding:96px 0}.studio .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.studio .photo{border-radius:14px;overflow:hidden;border:1px solid var(--paper-line);box-shadow:0 30px 60px -35px #0f172a66}.studio .eyebrow{color:#5d6b88}.studio h2{font-size:clamp(26px,3.4vw,38px);margin:14px 0 0;color:var(--paper-ink)}.studio p{color:var(--paper-dim);margin-top:18px;font-size:17px;line-height:1.7}.studio .link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-weight:600;color:var(--brand)}.studio .link .ar{transition:transform .22s}.studio .link:hover .ar{transform:translate(4px)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.vcard{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--ink-800)}.band--alt .vcard{background:var(--ink-900)}.vcard .vi{width:38px;height:38px;border-radius:9px;background:var(--brand-soft);border:1px solid rgba(59,130,246,.35);display:flex;align-items:center;justify-content:center;color:var(--brand-2);font-family:var(--mono);font-size:15px}.vcard h3{font-size:19px;font-weight:600;margin:18px 0 10px}.vcard p{color:var(--dim);font-size:15px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;margin-top:54px}.cinfo h3{font-size:20px;font-weight:600;margin-bottom:20px}.cinfo .row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}.cinfo .row .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);min-width:92px;padding-top:3px}.cinfo .row .v{color:var(--text);font-size:16px}.form{background:var(--ink-900);border:1px solid var(--line);border-radius:16px;padding:34px}.field{margin-bottom:18px}.field label{display:block;font-size:14px;color:var(--dim);margin-bottom:8px}.field input,.field textarea{width:100%;background:var(--ink-750);border:1px solid var(--line-2);border-radius:9px;padding:13px 15px;color:var(--text);font-family:var(--sans);font-size:15.5px;transition:border-color .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand)}.field textarea{resize:vertical;min-height:120px}.form .note{font-size:13px;color:var(--faint);margin-top:6px}.hp{position:absolute;left:-9999px}.intro-note{font-family:var(--mono);font-size:12.5px;color:var(--faint);letter-spacing:.04em;margin-top:18px}.showcase{margin-top:50px;display:grid;gap:22px}.shot{border:1px solid var(--line-2);border-radius:14px;overflow:hidden;background:var(--ink-900);transition:border-color .25s ease,transform .25s ease}.shot:hover{border-color:var(--dim);transform:translateY(-3px)}.shot .cap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.shot .cap .t{font-family:var(--disp);font-weight:600;font-size:17px}.shot .cap .d{color:var(--dim);font-size:14px}.shot .cap .tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line-2);padding:4px 9px;border-radius:6px}.shot img{width:100%}.showcase .row2{display:grid;grid-template-columns:1fr 1fr;gap:22px}#mercado{padding:96px 0;border-top:1px solid var(--line)}.mk-fuentes{font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:10px;letter-spacing:.03em}.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.mk-card{background:var(--ink-900);border:1px solid var(--line);border-radius:14px;padding:30px;transition:border-color .25s}.mk-card:hover{border-color:var(--line-2)}.mk-card.w2{grid-column:span 2}.mk-card.w3{grid-column:span 3}.mk-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}.mk-big{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--brand-2);font-size:clamp(48px,6vw,76px)}.mk-big small{font-size:.45em;color:var(--dim);font-weight:600;letter-spacing:0}.mk-card h3{font-size:21px;margin:14px 0 10px;color:var(--text)}.mk-card p{color:var(--dim);font-size:15px;line-height:1.6}.mk-punch{margin-top:16px;padding:13px 16px;border-left:2.5px solid var(--accent);background:#2db5a60f;border-radius:0 9px 9px 0;color:var(--text);font-size:14.5px}.mk-punch b{color:var(--accent)}.mk-datos{list-style:none;margin-top:6px;display:grid;gap:8px}.mk-datos li{color:var(--dim);font-size:14.5px;padding-left:20px;position:relative;line-height:1.5}.mk-datos li:before{content:"\25aa";position:absolute;left:2px;color:var(--brand-2);font-size:11px;top:3px}.mk-datos li b{color:var(--text)}.mk-bars{margin-top:18px;display:grid;gap:12px}.mk-bar{display:grid;gap:5px}.mk-bar-head{display:flex;justify-content:space-between;font-size:13px}.mk-bar-head .n{font-family:var(--mono);color:var(--brand-2);font-weight:500}.mk-bar-head .l{color:var(--dim)}.mk-track{height:9px;border-radius:99px;background:var(--line);overflow:hidden}.mk-fill{height:100%;width:0;border-radius:99px;background:var(--brand);transition:width 1.2s cubic-bezier(.4,0,.2,1)}.mk-fill.teal{background:var(--accent)}.mk-fill.dim{background:#94a3b873}.mk-checks{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.mk-check{display:flex;gap:9px;align-items:center;font-size:14px;color:var(--dim);background:var(--ink-750);border:1px solid var(--line);border-radius:9px;padding:10px 13px}.mk-check span{color:var(--accent);font-weight:700}.mk-own{grid-column:span 3;background:linear-gradient(135deg,#2563eb24,#2db5a61a);border:1px solid rgba(59,130,246,.35);border-radius:14px;padding:40px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}.mk-own .key{width:64px;height:64px;border-radius:14px;background:var(--brand-soft);border:1.5px solid rgba(59,130,246,.4);display:flex;align-items:center;justify-content:center;font-size:28px}.mk-own h3{font-family:var(--disp);font-weight:600;letter-spacing:-.02em;font-size:clamp(22px,2.6vw,30px);margin:0 0 10px}.mk-own p{color:var(--dim);font-size:16px;max-width:75ch}.mk-own p b{color:var(--text)}.mk-own .mono-tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}.mk-gap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.mk-cta{text-align:center;border-left:1px solid var(--line);padding-left:30px}.mk-cta p{font-size:14.5px;color:var(--dim);margin-bottom:16px}@media(max-width:860px){.mk-grid{grid-template-columns:1fr}.mk-card.w2,.mk-card.w3,.mk-own{grid-column:span 1}.mk-own{grid-template-columns:1fr;padding:28px}.mk-gap{grid-template-columns:1fr}.mk-cta{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:22px;text-align:left}.mk-checks{grid-template-columns:1fr}}.demo-intro{color:var(--dim);font-size:16px;margin-top:56px;max-width:58ch}.demo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.dmini{border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--ink-900);display:flex;flex-direction:column;gap:9px;transition:border-color .25s ease,transform .25s ease}.dmini:hover{border-color:var(--dim);transform:translateY(-3px)}.dmini .ds{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.dmini h3{font-size:19px;font-weight:600;letter-spacing:-.01em}.dmini p{color:var(--dim);font-size:14.5px;line-height:1.55}.dmini .go{color:var(--brand-2);font-weight:600;font-size:14px;margin-top:auto;padding-top:8px;display:inline-flex;gap:7px;align-items:center}.dmini .go .ar{transition:transform .22s ease}.dmini:hover .go .ar{transform:translate(3px)}.demo-more{text-align:center;margin-top:32px}@media(max-width:860px){.demo-strip{grid-template-columns:1fr}}.cta-band{padding:104px 0;background:linear-gradient(180deg,#0a0f1cbf,#101a30bf);border-top:1px solid var(--line);text-align:center}.cta-band h2{font-size:clamp(28px,4vw,46px);max-width:18ch;margin:0 auto}.cta-band p{color:var(--dim);max-width:52ch;margin:20px auto 0;font-size:18px}.cta-band .btn{margin-top:34px}footer{background:#0a0f1ccc;border-top:1px solid var(--line);padding:64px 0 34px}.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}footer .logo{margin-bottom:14px}footer .tag{color:var(--dim);font-size:15px;max-width:34ch}footer h4,footer .fh{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-weight:500}footer ul{list-style:none;display:grid;gap:11px}footer ul a,footer .contact span{color:var(--dim);font-size:15px;transition:color .2s}footer ul a:hover{color:var(--text)}footer .contact{display:grid;gap:11px}.fbottom{display:flex;justify-content:space-between;align-items:center;margin-top:54px;padding-top:24px;border-top:1px solid var(--line);color:var(--faint);font-size:13.5px;flex-wrap:wrap;gap:10px;font-family:var(--mono);letter-spacing:.03em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@keyframes riseIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero .reveal,.page-hero .reveal{opacity:1;transform:none;transition:none;animation:riseIn .6s ease both}.hero h1,.hero .lead,.page-hero h1,.page-hero .lead{animation:none!important;opacity:1!important;transform:none!important}#bgfx{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}.bg-grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}@media(max-width:860px){.menu nav,.menu>.btn{display:none}.burger{display:flex;align-items:center;justify-content:center}.menu.open{position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--ink-900);border-bottom:1px solid var(--line);padding:18px 28px 26px;gap:18px}.menu.open nav{display:flex;flex-direction:column;gap:16px;width:100%}.menu.open .btn{display:inline-flex;width:100%;justify-content:center}.svc,.stack,.values,.showcase .row2{grid-template-columns:1fr}.rowf{grid-template-columns:1fr;gap:14px;padding:32px 0}.studio .grid,.contact-grid{grid-template-columns:1fr;gap:34px}.studio .photo{max-width:340px}.fgrid{grid-template-columns:1fr;gap:32px}.hero{padding:140px 0 70px}.page-hero{padding:124px 0 52px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}#costo{--c-bg: var(--ink-800, #0F172A);--c-card: var(--ink-900, #0A0F1C);--c-line: rgba(148,163,184,.14);--c-line2: rgba(148,163,184,.26);--c-text: var(--text, #E9EEF7);--c-dim: var(--dim, #93A1B8);--c-faint: var(--faint,#5C6B85);--c-brand: var(--brand, #2563EB);--c-brand2: var(--brand-2,#3B82F6);--c-accent: var(--accent, #2DB5A6);--c-err: #F87171;--sans: "IBM Plex Sans", system-ui, sans-serif;--disp: "Bricolage Grotesque", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;padding:96px 0;background:#0f172a8c;border-top:1px solid var(--c-line)}#costo .costo-wrap{max-width:1180px;margin:0 auto;padding:0 28px}#costo .costo-eye{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-faint);font-weight:500}#costo .costo-eye .tick{color:var(--c-accent)}#costo .costo-h2{font-family:var(--disp);font-size:clamp(28px,3.6vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.06;margin:16px 0 0;color:var(--c-text)}#costo .costo-lead{color:var(--c-dim);font-family:var(--sans);font-size:17px;max-width:72ch;margin:16px 0 0;line-height:1.65}#costo .costo-disclaimer{font-family:var(--mono);font-size:12px;color:var(--c-faint);margin-top:10px;letter-spacing:.03em}#costo .costo-block{margin-top:72px;padding-top:56px;border-top:1px solid var(--c-line)}#costo .costo-block-title{font-family:var(--disp);font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.015em;color:var(--c-text);margin:14px 0 0}#costo .costo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}#costo .costo-grid.g3{grid-template-columns:1fr 1fr 1fr}#costo .costo-grid.g-full{grid-template-columns:1fr}#costo .c-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:14px;padding:30px;transition:border-color .25s}#costo .c-card:hover{border-color:var(--c-line2)}#costo .c-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-faint);margin-bottom:14px}#costo .c-source{font-family:var(--mono);font-size:11px;color:var(--c-faint);margin-top:14px;letter-spacing:.02em}#costo .counter-card{grid-column:span 2}#costo .counter-big{font-family:var(--disp);font-size:clamp(52px,8vw,88px);font-weight:700;letter-spacing:-.03em;color:var(--c-brand2);line-height:1}#costo .counter-unit{font-family:var(--mono);font-size:20px;color:var(--c-dim);margin-left:6px}#costo .counter-sub{font-family:var(--sans);color:var(--c-dim);font-size:16px;margin-top:10px}#costo .progress-track{height:6px;background:var(--c-line);border-radius:99px;margin-top:22px;overflow:hidden}#costo .progress-fill{height:100%;width:0;background:var(--c-brand);border-radius:99px;transition:width 1.4s cubic-bezier(.4,0,.2,1)}#costo .progress-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--c-faint);margin-top:6px}#costo .roi-bar-row{display:grid;gap:14px;margin-top:4px}#costo .roi-bar-item{display:grid;gap:6px}#costo .roi-bar-header{display:flex;justify-content:space-between;align-items:baseline}#costo .roi-bar-name{font-family:var(--sans);font-size:14px;color:var(--c-dim)}#costo .roi-bar-val{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--c-brand2)}#costo .roi-track{height:10px;background:var(--c-line);border-radius:99px;overflow:hidden}#costo .roi-fill{height:100%;width:0;border-radius:99px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}#costo .impact-icon{width:44px;height:44px;border:1.5px solid rgba(37,99,235,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-brand2);font-size:20px;margin-bottom:18px}#costo .impact-big{font-family:var(--disp);font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.03em;color:var(--c-accent);line-height:1}#costo .impact-sub{font-family:var(--sans);font-size:15px;color:var(--c-dim);margin-top:8px;line-height:1.5}#costo .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:8px}#costo .timeline:before{content:"";position:absolute;top:20px;left:10%;right:10%;height:1.5px;background:var(--c-line2)}#costo .tl-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:0;position:relative}#costo .tl-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--c-brand);background:var(--c-card);margin-bottom:14px;position:relative;z-index:1;transition:background .4s}#costo .tl-dot.active{background:var(--c-brand)}#costo .tl-period{font-family:var(--mono);font-size:11px;color:var(--c-brand2);letter-spacing:.06em;margin-bottom:6px}#costo .tl-desc{font-family:var(--sans);font-size:13px;color:var(--c-dim);line-height:1.4;max-width:100px}#costo .donut-wrap{display:flex;align-items:center;gap:32px}#costo .donut-svg{flex-shrink:0}#costo .donut-center{font-family:var(--disp);font-size:28px;font-weight:700;fill:var(--c-brand2, #3B82F6)}#costo .donut-ring{transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,.2,1)}#costo .donut-info h3{font-family:var(--disp);font-size:20px;font-weight:600;color:var(--c-text);margin:0 0 8px}#costo .donut-info p{font-family:var(--sans);font-size:15px;color:var(--c-dim);line-height:1.55}#costo .split-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-line);border-radius:14px;overflow:hidden;border:1px solid var(--c-line)}#costo .split-side{padding:26px}#costo .split-side.bad{background:var(--c-card)}#costo .split-side.good{background:#2563eb0f}#costo .split-head{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--c-line)}#costo .split-side.bad .split-head{color:var(--c-err)}#costo .split-side.good .split-head{color:var(--c-accent)}#costo .split-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}#costo .split-list li{font-family:var(--sans);font-size:14.5px;color:var(--c-dim);display:flex;gap:10px;line-height:1.45}#costo .split-list li:before{flex-shrink:0;margin-top:2px}#costo .split-side.bad .split-list li:before{content:"\2715";color:var(--c-err)}#costo .split-side.good .split-list li:before{content:"\2713";color:var(--c-accent)}#costo .stat-huge{font-family:var(--disp);font-size:clamp(56px,9vw,96px);font-weight:700;letter-spacing:-.04em;color:var(--c-brand2);line-height:1}#costo .stat-sub{font-family:var(--sans);font-size:17px;color:var(--c-dim);margin-top:10px;max-width:38ch;line-height:1.5}#costo .roi-simple{display:flex;align-items:center;gap:0;margin-top:8px}#costo .roi-coin{display:flex;flex-direction:column;align-items:center;gap:6px}#costo .roi-coin .coin-val{font-family:var(--disp);font-size:36px;font-weight:700;color:var(--c-brand2);letter-spacing:-.02em}#costo .roi-coin .coin-lbl{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--c-faint)}#costo .roi-arrow{display:flex;flex-direction:column;align-items:center;padding:0 24px;gap:4px}#costo .roi-arrow .arr-line{height:1.5px;width:80px;background:linear-gradient(90deg,var(--c-brand),var(--c-accent));border-radius:1px}#costo .roi-arrow .arr-tip{font-size:18px;color:var(--c-accent);margin-top:-2px;align-self:flex-end}#costo .roi-arrow .arr-lbl{font-family:var(--mono);font-size:10px;color:var(--c-faint);letter-spacing:.08em;text-transform:uppercase}#costo .roi-coin.ret .coin-val{color:var(--c-accent)}#costo .c-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}#costo .c-reveal.in{opacity:1;transform:none}@media(max-width:860px){#costo .costo-grid,#costo .costo-grid.g3{grid-template-columns:1fr}#costo .counter-card{grid-column:span 1}#costo .timeline{grid-template-columns:1fr 1fr;gap:28px}#costo .timeline:before{display:none}#costo .split-card{grid-template-columns:1fr}#costo .donut-wrap{flex-direction:column;align-items:flex-start}#costo .roi-simple{flex-direction:column;gap:16px}#costo .roi-arrow .arr-line{width:2px;height:40px;background:linear-gradient(180deg,var(--c-brand),var(--c-accent))}#costo .roi-arrow{flex-direction:row}}
