:root{--bg:#fbfaf7;--ink:#121412;--mute:#5d625d;--line:#e6e3db;--soft:#f2efe7;--card:#fff;--accent:#1f3d2b;--lime:#c8f04a;--onlime:#16200a;--glow:rgba(200,240,74,.35);--mbg:#1f3d2b;--mfg:#c8f04a;--r:22px;--max:1180px}
:root[data-theme=dark]{--mbg:#c8f04a;--mfg:#1f3d2b;--bg:#0c0e0c;--ink:#f3f2ee;--mute:#a1a59e;--line:#232723;--soft:#131613;--card:#151815;--accent:#c8f04a;--glow:rgba(200,240,74,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden}
a{color:inherit}img{max-width:100%}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;position:relative}
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lime);z-index:50}
header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-weight:800;font-size:20px;letter-spacing:-.03em;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo .mk{transition:transform .4s}.logo:hover .mk{transform:rotate(-6deg) scale(1.06)}.pu{transition:transform .3s;transform-box:fill-box;transform-origin:center}.logo:hover .pu{transform:translateX(1px) scale(1.15)}
nav{display:flex;align-items:center;gap:26px}nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
nav a{text-decoration:none;font-size:15px;color:var(--mute);transition:color .2s;position:relative}nav a:hover,nav a.on{color:var(--ink)}
nav ul a:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--ink);transition:width .25s}nav ul a:hover:after,nav ul a.on:after{width:100%}
.ico{background:none;border:1px solid var(--line);color:var(--ink);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:17px;transition:transform .3s,border-color .2s}.ico:hover{transform:rotate(25deg);border-color:var(--ink)}
.menu{display:none}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:15px;border:1px solid var(--ink);cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px -10px var(--ink)}.btn.ghost{background:none;color:var(--ink);border-color:var(--line)}.btn.lime{background:var(--lime);color:var(--onlime);border-color:var(--lime)}
.btn span{transition:transform .2s}.btn:hover span{transform:translateX(4px)}
.hero{padding:110px 0 100px;position:relative;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.9;background:var(--glow);animation:float 14s ease-in-out infinite;pointer-events:none}
.b1{width:480px;height:480px;right:-120px;top:-80px}.b2{width:340px;height:340px;left:-100px;bottom:-60px;animation-delay:-6s;background:rgba(31,61,43,.12)}
:root[data-theme=dark] .b2{background:rgba(200,240,74,.07)}
@keyframes float{50%{transform:translate(40px,30px) scale(1.12)}}
h1{font-size:clamp(42px,7.4vw,96px);line-height:1;letter-spacing:-.045em;margin:0 0 28px;font-weight:800;max-width:15ch}
h2{font-size:clamp(30px,4.4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;font-weight:800}
h3{font-size:22px;letter-spacing:-.015em;margin:0 0 8px}
em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62%);color:inherit}
.rot{display:inline-block;position:relative;color:var(--accent);min-width:3ch}.rot:after{content:"";display:inline-block;width:.07em;height:.85em;background:var(--accent);margin-left:6px;vertical-align:-.05em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.lead{font-size:clamp(18px,2vw,22px);color:var(--mute);max-width:58ch;margin:0 0 36px}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--mute);margin-bottom:18px;display:flex;align-items:center;gap:10px;font-weight:600}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent)}
section{padding:90px 0}.soft{background:var(--soft)}
.grid{display:grid;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);border-radius:var(--r);padding:34px;background:var(--card);transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column;position:relative;overflow:hidden}
a.card{text-decoration:none}.card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 24px 50px -28px rgba(0,0,0,.35)}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),var(--glow),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:before{opacity:1}
.card p{color:var(--mute);margin:0 0 20px}.card .more{margin-top:auto;font-weight:600;font-size:15px}
.tag{display:inline-block;font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px;background:var(--lime);color:var(--onlime);margin-bottom:18px;align-self:flex-start}
.tag.out{background:none;border:1px solid var(--line);color:var(--mute)}
.num{font-size:14px;color:var(--mute);margin-bottom:36px;display:block;font-weight:600}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mv .box{border-radius:28px;padding:48px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.mv .m{background:var(--accent);color:#f3f2ee}:root[data-theme=dark] .mv .m{color:#10140a}.mv .v{background:var(--lime);color:var(--onlime)}
.mv h3{font-size:14px;text-transform:uppercase;letter-spacing:.14em;opacity:.75}.mv p{font-size:clamp(22px,2.6vw,32px);line-height:1.25;letter-spacing:-.02em;margin:0;font-weight:600}
.marq{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:var(--soft)}
.track{display:flex;gap:50px;width:max-content;animation:slide 32s linear infinite;font-size:clamp(20px,3vw,30px);font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.track span:nth-child(even){color:var(--accent);opacity:.6}.marq:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.big{font-size:clamp(24px,3.4vw,40px);line-height:1.25;letter-spacing:-.025em;max-width:26ch;font-weight:600}
.panel{background:var(--accent);color:#f3f2ee;border-radius:30px;padding:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
:root[data-theme=dark] .panel{background:#161a14;border:1px solid var(--line)}
.panel h2{color:#f3f2ee}.panel p{color:#c9d3cc}.panel .tag{background:var(--lime)}
.panel .vis{background:rgba(255,255,255,.07);border-radius:20px;padding:28px;font-size:15px;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px)}}
.vis b{display:block;font-size:34px;letter-spacing:-.03em;color:var(--lime)}
.panel.alt{background:#101211;color:#f3f2ee;border:1px solid #232723}.panel.alt h2{color:#f3f2ee}.panel.alt p{color:#c3c8c2}.panel .vis{color:#e4e8e2}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}.steps li{counter-increment:s;padding:22px 0 22px 64px;border-bottom:1px solid var(--line);position:relative;color:var(--mute)}
.steps li:before{content:counter(s);position:absolute;left:0;top:20px;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--onlime);display:grid;place-items:center;font-weight:800}
.steps strong{color:var(--ink);display:block;font-size:19px}
.vals{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vals .card{padding:28px}
.page-hero{padding:100px 0 50px;position:relative;overflow:hidden}.page-hero h1{font-size:clamp(36px,6vw,76px);max-width:18ch}
form{display:grid;gap:14px;max-width:560px}
input,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;width:100%}
input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}
.cta{text-align:center}.cta h2{max-width:18ch;margin-inline:auto}.cta .lead{margin-inline:auto}
footer{border-top:1px solid var(--line);padding:70px 0 40px}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
footer h4{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)}
footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:8px}footer a,footer button.lnk{text-decoration:none;color:var(--ink);background:none;border:0;font:inherit;cursor:pointer;padding:0}footer a:hover,footer button.lnk:hover{text-decoration:underline}
.legalbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:50px;padding-top:24px;border-top:1px solid var(--line);color:var(--mute);font-size:14px}
.doc{max-width:760px;padding-bottom:40px}.doc h2{font-size:26px;margin:44px 0 12px}.doc p,.doc li{color:var(--mute)}.doc strong{color:var(--ink)}
.note{background:var(--soft);border:1px dashed var(--mute);border-radius:14px;padding:14px 18px;font-size:14px;color:var(--mute)}
#ck{position:fixed;left:20px;right:20px;bottom:20px;max-width:560px;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 24px 60px -20px rgba(0,0,0,.4);transform:translateY(160%);transition:transform .5s cubic-bezier(.2,.9,.3,1)}
#ck.show{transform:none}#ck p{margin:0 0 14px;font-size:14.5px;color:var(--mute)}#ck .row{display:flex;gap:10px;flex-wrap:wrap}#ck .btn{padding:10px 20px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.g2,.g3,.split,.panel,.fgrid,.mv,.vals{grid-template-columns:1fr}.panel,.mv .box{padding:34px}.hero{padding:70px 0 60px}
 .menu{display:inline-block}nav ul{display:none;position:absolute;top:70px;left:0;right:0;background:var(--bg);flex-direction:column;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line)}
 nav ul.open{display:flex}nav li a{display:block;padding:12px 0;font-size:18px}nav ul a:after{display:none}section{padding:60px 0}nav{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.panel .tag{display:table}.chip{display:flex;width:fit-content;align-items:center;margin:0 0 22px;line-height:0}
.chip img{width:auto;display:block}
.chip img.dk,img.dk{display:none}:root[data-theme=dark] img.lt{display:none}:root[data-theme=dark] .chip img.dk,:root[data-theme=dark] img.dk{display:block}
footer a.fb{display:inline-flex;align-items:center;gap:10px}footer a.fb img{border-radius:6px}:root[data-theme=dark] footer a.fb .dk{display:block}
.fstat{margin:0;font-size:15px;color:var(--mute);min-height:1.5em}.fstat.ok{color:var(--accent);font-weight:600}.fstat.err{color:#c0392b}.btn:disabled{opacity:.6;cursor:wait}