:root{--ink:#0e1116;--ink2:#1a1f27;--mut:#5d6572;--line:#e4e7ec;--soft:#f5f6f8;--acc:#ff5a1f;--acc2:#e2480f;--r:16px;--wrap:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Sora,Inter,sans-serif;line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,5vw,3.9rem);font-weight:700}h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700}h3{font-size:1.18rem;font-weight:600}
p{margin:0 0 1em}a{color:inherit}img,svg{max-width:100%;height:auto}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
.hp{position:absolute;left:-9999px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.95em 1.7em;border-radius:99px;font:600 .95rem Sora,Inter,sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--acc);color:#fff;box-shadow:0 10px 24px -10px var(--acc)}.btn-accent:hover{background:var(--acc2)}
.btn-ghost{border-color:rgba(255,255,255,.45);color:#fff}.btn-ghost:hover{background:#fff;color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-sm{padding:.65em 1.2em;font-size:.85rem}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.site-header.on-hero{position:fixed;left:0;right:0;background:transparent;border-color:transparent;color:#fff;transition:background .3s,color .3s}
.site-header.on-hero.scrolled{background:rgba(255,255,255,.94);color:var(--ink);border-color:var(--line)}
.head-in{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo-mark{width:30px;height:30px;background:var(--acc);clip-path:polygon(0 0,100% 0,100% 62%,62% 62%,62% 100%,0 100%);flex:none}
.logo-t{font:800 1.25rem Sora,sans-serif;letter-spacing:.14em;display:flex;flex-direction:column;line-height:1}
.logo-t small{font:500 .56rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-top:4px;white-space:nowrap}
.nav{margin-left:auto}.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--acc);transition:width .25s}.nav a:hover::after{width:100%}
.head-actions{display:flex;align-items:center;gap:16px}
.langs{display:flex;gap:2px;font-size:.74rem;font-weight:600}.langs a{padding:5px 7px;border-radius:6px;text-decoration:none;opacity:.7}.langs a:hover,.langs a[aria-current]{opacity:1;background:rgba(127,127,127,.18)}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:10px}
.burger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .25s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer{position:fixed;inset:76px 0 0;background:#fff;z-index:49;padding:24px 20px;overflow:auto}.drawer[hidden]{display:none}
.drawer ul{list-style:none;margin:0 0 20px;padding:0}.drawer li a{display:block;padding:16px 0;border-bottom:1px solid var(--line);font:600 1.2rem Sora,sans-serif;text-decoration:none}
@media(max-width:980px){.nav,.head-cta{display:none}.burger{display:flex;margin-left:0}.head-actions{margin-left:auto}}
@media(max-width:480px){.langs a{padding:5px 4px}.logo-t small{display:none}}

/* hero */
.hero{position:relative;min-height:min(100vh,860px);color:#fff;overflow:hidden;background:var(--ink)}
.slide{position:absolute;inset:0;display:flex;align-items:center;padding:110px 0 90px;opacity:0;visibility:hidden;transition:opacity .8s,visibility .8s}
.slide.is-on{opacity:1;visibility:visible;position:relative;min-height:inherit}
.bg1{background:radial-gradient(900px 500px at 78% 40%,rgba(255,90,31,.38),transparent 60%),linear-gradient(135deg,#0e1116,#1b2230)}
.bg2{background:radial-gradient(900px 500px at 78% 40%,rgba(47,123,255,.4),transparent 60%),linear-gradient(135deg,#0b1020,#15203a)}
.bg3{background:radial-gradient(900px 500px at 78% 40%,rgba(20,184,166,.4),transparent 60%),linear-gradient(135deg,#0d1514,#16282a)}
.slide::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 75%)}
.slide-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.eyebrow{font:600 .78rem Sora,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:1.1em}
.lead{font-size:clamp(1.02rem,1.5vw,1.25rem);color:rgba(255,255,255,.82);max-width:34em}
.page-hero .lead,.bg-soft .lead{color:var(--mut)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:2em}
.slide-art{filter:drop-shadow(0 40px 50px rgba(0,0,0,.5));animation:float 7s ease-in-out infinite}.slide:not(.is-on) .slide-art{animation:none}
@keyframes float{50%{transform:translateY(-12px)}}
.slide.is-on .slide-txt>*{animation:rise .8s both}.slide.is-on .slide-txt>*:nth-child(2){animation-delay:.08s}.slide.is-on .slide-txt>*:nth-child(3){animation-delay:.16s}.slide.is-on .slide-txt>*:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
.hero-ctl{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;justify-content:flex-start}
.hero-ctl button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem;cursor:pointer}.hero-ctl button:hover{background:var(--acc);border-color:var(--acc)}
.dots{display:flex;gap:8px}.dots button{width:34px;height:4px;border-radius:4px;border:0;padding:0;background:rgba(255,255,255,.3)}.dots button.on{background:var(--acc)}
@media(max-width:860px){.slide-in{grid-template-columns:1fr}.slide-art{order:-1;max-width:420px;margin:0 auto}.slide{padding:100px 0 110px}.hero{min-height:0}}
.js .hero .slide:not(.is-on){position:absolute}

/* stats */
.stats{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:34px 0}
.stat strong{display:block;font:700 2.4rem Sora,sans-serif;color:var(--acc)}.stat span{font-size:.88rem;opacity:.75}
@media(max-width:700px){.stats-in{grid-template-columns:1fr 1fr}}

/* sections */
.sec{padding:clamp(60px,9vw,120px) 0}.bg-soft{background:var(--soft)}.bg-dark{background:var(--ink);color:#fff}.bg-dark .lead{color:rgba(255,255,255,.78)}
.sec-h{max-width:640px;margin-bottom:3rem}.sec-h p{color:var(--mut);font-size:1.1rem}.center{text-align:center;margin-top:2.5rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards.one{grid-template-columns:1fr}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 48px -24px rgba(14,17,22,.3);border-color:transparent}
.card::after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--acc);transition:width .4s}.card:hover::after{width:100%}
.card-n{font:700 .85rem Sora,sans-serif;color:var(--acc);display:block;margin-bottom:1.2em}.card p{color:var(--mut);margin:0}
.split-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
@media(max-width:860px){.split-in{grid-template-columns:1fr}}
.split-art{filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.ticks{list-style:none;padding:0;margin:1.4em 0 2em}.ticks li{padding-left:30px;position:relative;margin:.55em 0}.ticks li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:16px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.4 2.4 4.6-5' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E")}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{border-top:2px solid var(--ink);padding-top:20px}.steps li span{font:800 3rem Sora,sans-serif;color:var(--acc);display:block;line-height:1;margin-bottom:.3em}.steps p{color:var(--mut)}
.pf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}@media(max-width:700px){.pf-grid{grid-template-columns:1fr}}
.pf{margin:0;background:linear-gradient(160deg,#fff,#eceef2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .3s,box-shadow .3s}.pf:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(14,17,22,.35)}
.pf-art{padding:34px 40px 10px}.pf figcaption{padding:16px 24px 22px;font:600 .95rem Sora,sans-serif}
.cta-band{background:linear-gradient(120deg,var(--acc),#ff8a3d);color:#fff;padding:clamp(48px,7vw,84px) 0}
.cta-in{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}.cta-in h2{margin-bottom:.3em}.cta-in p{margin:0;opacity:.92}
.page-hero{padding:clamp(70px,10vw,130px) 0 clamp(30px,5vw,60px);background:var(--soft)}.page-hero h1{font-size:clamp(2rem,4.4vw,3.3rem)}
.plain-page{padding:80px 0}.prose{font-size:1.1rem;color:var(--mut)}

/* form */
.cform{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.grid2{grid-template-columns:1fr}}
.cform label{display:grid;gap:6px;font-weight:500;font-size:.9rem}
.cform input,.cform textarea{font:inherit;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.cform input:focus,.cform textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(255,90,31,.15)}
.cform .btn{justify-self:start}.notice{padding:14px 18px;border-radius:12px;margin:0}.notice.ok{background:#e8f7ee;color:#14532d}.notice.bad{background:#fdecec;color:#7f1d1d}

/* footer */
.site-footer{background:var(--ink);color:#fff;padding-top:60px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr auto;gap:40px;align-items:start}@media(max-width:760px){.foot-in{grid-template-columns:1fr}}
.foot-t{opacity:.65;margin-top:1.2em;max-width:26em}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li a{display:block;padding:5px 0;text-decoration:none;opacity:.8}.site-footer li a:hover{opacity:1;color:var(--acc)}
.foot-b{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:22px 0;font-size:.82rem;opacity:.6}
.mt-stand{display:block;width:100%;height:auto}

/* reveal */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
