:root{--ink:#0d1726;--muted:#667085;--paper:#fbfbf9;--line:rgba(13,23,38,.12);--accent:#2563eb;--accent2:#dbeafe}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}
.demo-note{padding:.58rem 1rem;text-align:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#08111e;color:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(251,251,249,.88);backdrop-filter:blur(18px);z-index:20}.brand{font-weight:800;letter-spacing:-.03em}.navlinks{display:flex;gap:1.2rem;font-size:.84rem}.pill{padding:.76rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:800}.ghost{padding:.74rem 1rem;border:1px solid var(--line);border-radius:999px;font-weight:700}
.hero{min-height:82vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4vw;padding:6vw 5vw;background:radial-gradient(circle at 80% 15%,var(--accent2),transparent 35%),linear-gradient(180deg,#fff,var(--paper))}.kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--accent)}h1{font-size:clamp(3.3rem,8vw,7.5rem);line-height:.89;letter-spacing:-.065em;margin:.8rem 0 1.2rem;max-width:900px}.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7;color:var(--muted);max-width:650px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.visual{min-height:520px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--accent),#0e1726);box-shadow:0 30px 90px rgba(15,23,42,.18)}.visual:before{content:"";position:absolute;inset:8% 10%;border:1px solid rgba(255,255,255,.34);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.19),rgba(255,255,255,.04));backdrop-filter:blur(8px)}.visual:after{content:"ADA CONCEPT";position:absolute;bottom:7%;left:8%;font-weight:900;letter-spacing:.18em;color:rgba(255,255,255,.82);font-size:.8rem}.floating{position:absolute;background:#fff;border-radius:20px;padding:1rem 1.1rem;box-shadow:0 16px 40px rgba(0,0,0,.18);max-width:230px}.float-a{top:12%;right:8%}.float-b{bottom:18%;left:7%}.floating small{display:block;color:var(--muted);margin-top:.3rem;line-height:1.4}
.section{padding:7rem 5vw}.shell{max-width:1180px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-head h2{font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:-.055em;margin:.3rem 0}.section-head p{max-width:560px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.5rem;border:1px solid var(--line);border-radius:24px;background:#fff;min-height:220px}.card b{font-size:.75rem;color:var(--accent);letter-spacing:.12em}.card h3{font-size:1.45rem;margin:3rem 0 .6rem}.card p{color:var(--muted);line-height:1.6}
.conversion{background:#0b1320;color:white}.conversion .section-head p{color:#b8c2d1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.step{padding:1.4rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.04)}.step span{color:var(--accent2);font-weight:800}.step p{color:#b8c2d1;line-height:1.55}.cta{padding:7rem 5vw;text-align:center;background:linear-gradient(145deg,var(--accent2),#fff)}.cta h2{font-size:clamp(2.4rem,6vw,5.8rem);letter-spacing:-.06em;margin:.5rem auto 1.1rem;max-width:900px}.cta p{color:var(--muted);max-width:650px;margin:0 auto 1.5rem;line-height:1.7}.footer{padding:2rem 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}
@media(max-width:850px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:5rem}.visual{min-height:400px}.grid,.steps{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}h1{font-size:clamp(3.4rem,16vw,5.7rem)}}