:root{--bg:#f5f7f8;--ink:#0c1720;--muted:#5e6b73;--line:#d9e0e4;--accent:#00a884;--deep:#071b20;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:sticky;top:0;background:rgba(245,247,248,.92);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(217,224,228,.7)}.brand{text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-1px}.brand span,.hero h1 span{color:var(--accent)}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:14px;font-weight:700;color:#3e4b53}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;padding:70px max(7vw,40px)}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--accent);margin:0 0 16px}.hero h1{font-size:clamp(54px,7vw,104px);line-height:.88;letter-spacing:-.065em;margin:0 0 28px;max-width:900px}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:780px}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfc9ce;border-radius:999px;padding:13px 20px;text-decoration:none;font-weight:800;font-size:14px;background:#fff}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px}.proof div{border-top:2px solid var(--ink);padding-top:12px}.proof b{display:block;font-size:25px}.proof span{font-size:12px;color:var(--muted)}.qa-card{background:var(--deep);color:#fff;padding:38px;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(7,27,32,.18)}.scan{height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent);position:absolute;left:0;right:0;top:30%;box-shadow:0 0 28px var(--accent)}.mini{font-size:11px;letter-spacing:.18em;color:#72dbc3;font-weight:900}.qa-card h3{font-size:36px;line-height:1.05;margin:60px 0 34px;letter-spacing:-.04em}.qa-card ul{list-style:none;padding:0;margin:0}.qa-card li{padding:17px 0;border-top:1px solid #234047;font-size:14px}.qa-card li span{color:#72dbc3;font-weight:900;margin-right:12px}.section{padding:100px max(7vw,40px)}.section h2,.contact h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em;line-height:1;margin:0 0 20px;max-width:1000px}.section-intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:850px}.grid.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.cards article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;min-height:220px}.cards .num{font-size:12px;font-weight:900;color:var(--accent)}.cards h3{font-size:22px;margin:48px 0 10px}.cards p{color:var(--muted);line-height:1.55}.dark{background:var(--deep);color:#fff}.dark .section-intro,.dark p{color:#b9c7ca}.timeline{margin-top:55px}.timeline article{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:30px 0;border-top:1px solid #234047}.date{font-size:12px;font-weight:900;color:#72dbc3;letter-spacing:.08em}.timeline h3{font-size:24px;margin:0 0 4px}.timeline h4{font-size:14px;color:#72dbc3;margin:0 0 10px}.timeline p{max-width:800px;line-height:1.6}.carousel{position:relative;margin-top:45px}.track{min-height:500px}.slide{display:none;grid-template-columns:.9fr 1.1fr;background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;min-height:500px}.slide.active{display:grid}.poster{min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding:45px;color:white;position:relative;overflow:hidden}.poster:before,.poster:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.poster:before{width:380px;height:380px;right:-120px;top:-80px;background:rgba(255,255,255,.12)}.poster:after{width:250px;height:250px;left:-80px;bottom:-100px;background:rgba(0,0,0,.18)}.p1{background:linear-gradient(145deg,#0a1f26,#00a884)}.p2{background:linear-gradient(145deg,#12243b,#7058ff)}.p3{background:linear-gradient(145deg,#28152e,#ef476f)}.p4{background:linear-gradient(145deg,#12210f,#65a30d)}.poster-tag{position:absolute;top:38px;left:45px;font-size:11px;letter-spacing:.18em;font-weight:900}.poster strong{font-size:70px;line-height:.85;letter-spacing:-.06em;z-index:1}.poster small{font-size:16px;margin-top:12px;z-index:1}.slidecopy{padding:70px;display:flex;flex-direction:column;justify-content:center}.slidecopy>span{font-size:12px;color:var(--accent);font-weight:900}.slidecopy h3{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:18px 0}.slidecopy p{font-size:18px;line-height:1.65;color:var(--muted)}.slidecopy .btn{align-self:flex-start}.arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:white;font-size:30px;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.08)}.arrow.left{left:-24px}.arrow.right{right:-24px}.dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:#bdc7cb;padding:0}.dots button.active{background:var(--accent);width:24px;border-radius:8px}.process{background:#e9eff1}.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:45px}.loop div{background:white;padding:24px;border-radius:18px}.loop b{color:var(--accent)}.loop h3{font-size:20px}.loop p{font-size:14px;color:var(--muted)}.contact{text-align:center;padding:120px 30px;background:#fff}.contact h2{margin-left:auto;margin-right:auto}.contact>p:not(.eyebrow){font-size:18px;color:var(--muted)}.center{justify-content:center}footer{text-align:center;padding:30px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.qa-card{margin-top:10px}.proof{grid-template-columns:1fr}.grid.cards{grid-template-columns:1fr 1fr}.slide.active{grid-template-columns:1fr}.poster{min-height:330px}.track{min-height:auto}.slidecopy{padding:38px}.loop{grid-template-columns:1fr 1fr}.timeline article{grid-template-columns:1fr;gap:8px}.arrow{display:none}}
@media(max-width:600px){.hero,.section{padding-left:22px;padding-right:22px}.grid.cards,.loop{grid-template-columns:1fr}.hero h1{font-size:54px}.slidecopy h3{font-size:32px}.poster strong{font-size:55px}}