html,body{min-height:100%;margin:0}body{background:linear-gradient(175deg,#f3f1eb 0%,#eef2f6 40%,#e7eef3 100%),linear-gradient(120deg,#c24e2714,#0f6d8f17)}:root{--ink:#172433;--muted:#44576b;--line:#ced9e8;--accent:#0f6d8f;--accent-2:#c24e27;--heading:"Sora", "Avenir Next", "Trebuchet MS", sans-serif;--body:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}.site-shell{max-width:1040px;color:var(--ink);margin:0 auto;padding:30px 20px 72px;position:relative;overflow:hidden}.ambient{z-index:-1;filter:blur(6px);opacity:.7;border-radius:999px;position:absolute}.ambient-left{background:radial-gradient(circle,#0f6d8f33,#0f6d8f00);width:520px;height:520px;top:-190px;left:-170px}.ambient-right{background:radial-gradient(circle,#c24e2738,#c24e2700);width:500px;height:500px;top:170px;right:-170px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px;display:flex}.brand{color:var(--ink);font:800 .95rem/1 var(--heading);letter-spacing:.22em;margin:0;text-decoration:none}.topnav{align-items:center;gap:18px;display:flex}.topnav a{color:var(--muted);font:600 .9rem/1 var(--body);text-decoration:none;transition:color .25s}.topnav a:hover{color:var(--ink)}.topbar-cta{color:#fff;background:linear-gradient(120deg, var(--accent), #1f8eb5);font:600 .9rem/1 var(--body);border-radius:999px;padding:10px 14px;text-decoration:none;transition:transform .25s,box-shadow .25s}.topbar-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f6d8f42}.hero{max-width:820px;margin-bottom:54px;animation:.65s both rise-in}.kicker{text-transform:uppercase;font:700 .8rem/1.2 var(--body);letter-spacing:.14em;color:var(--accent);margin-bottom:14px}h1{font:800 clamp(2.1rem, 6.2vw, 4.2rem) / .97 var(--heading);letter-spacing:-.03em;margin:0}.hero-copy{font:500 1.08rem/1.75 var(--body);color:var(--muted);max-width:68ch;margin-top:20px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{font:700 .92rem/1 var(--body);border-radius:999px;padding:12px 18px;text-decoration:none;transition:transform .25s,box-shadow .25s,background-color .25s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg, var(--accent), #1f8eb5);color:#fff;box-shadow:0 10px 24px #0f6d8f3d}.button-ghost{color:var(--ink);border:1px solid var(--line);background:#ffffffb8}.grid-section,.split-section,.founder,.contact,.cta{margin-top:22px;animation:.75s both rise-in}h2{font:700 clamp(1.55rem, 3.5vw, 2rem) / 1.1 var(--heading);letter-spacing:-.02em;margin:0 0 18px}h3{font:700 1.2rem/1.2 var(--heading);margin:0 0 10px}p{font:500 1rem/1.65 var(--body);margin:0}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card,.panel,.founder,.contact,.cta{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#ffffffed,#ffffffc7);border-radius:20px;padding:24px}.card p,.panel p,.founder p,.cta p{color:var(--muted)}.split-section{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.panel-accent{border-color:#c24e2761}.panel ul{margin:8px 0 0;padding-left:18px}.panel li{font:600 .98rem/1.5 var(--body);color:var(--ink);margin:8px 0}.web-context{margin-top:22px}.web-context ul{margin:8px 0 0;padding-left:18px}.web-context li{color:var(--muted);font:500 .98rem/1.6 var(--body);margin:8px 0}.case-studies{margin-top:16px}.case-card{position:relative}.case-metric{color:var(--accent-2);font:700 .85rem/1.2 var(--body);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.contact{margin-top:14px}.contact-form{gap:10px;margin-top:16px;display:grid}.contact-form label{font:700 .88rem/1.2 var(--body);color:var(--ink)}.contact-form input,.contact-form textarea{border:1px solid var(--line);font:500 .98rem/1.4 var(--body);color:var(--ink);background:#ffffffdb;border-radius:12px;padding:12px 13px}.contact-form input:focus,.contact-form textarea:focus{outline-offset:1px;outline:2px solid #0f6d8f4d}.contact-form button{width:fit-content;margin-top:8px}.cta{margin-top:14px}@media (width<=940px){.card-grid,.split-section{grid-template-columns:1fr}.topbar{flex-wrap:wrap;margin-bottom:42px}.topnav{order:3;justify-content:space-between;gap:12px;width:100%;padding-top:2px}.site-shell{padding-bottom:56px}.hero-copy{font-size:1rem}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}