@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;800&family=Figtree:wght@400;500;600&display=swap";
:root{--bg:#fff;--alt:#f2f7fe;--card:#fff;--ink:#0b1b3f;--mute:#566588;--line:#dbe5f5;--blue:#1456e8;--sky:#0ea5e9;--navy:#061a4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#081230;--alt:#0d1a40;--card:#101c42;--ink:#eaf0ff;--mute:#9db0dd;--line:#22346b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#081230;--alt:#0d1a40;--card:#101c42;--ink:#eaf0ff;--mute:#9db0dd;--line:#22346b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:76px}*,:before,:after{box-sizing:inherit}body{background:var(--bg);color:var(--ink);margin:0;font:400 17px/1.6 Figtree,system-ui,sans-serif}h1,h2,h3{margin:0;font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;line-height:1.1}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 22px}.btn{background:var(--blue);color:#fff;border:2px solid var(--blue);cursor:pointer;border-radius:999px;padding:13px 26px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.btn.alt{color:var(--ink);border-color:var(--line);background:0 0}a:focus-visible,.btn:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--sky);outline-offset:3px}header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;gap:14px;height:66px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{border-radius:8px;width:auto;height:40px;display:block}.logo b{letter-spacing:.06em;font:800 21px/1 Bricolage Grotesque,sans-serif;display:block}.logo b small{letter-spacing:.42em;color:var(--sky);margin-top:5px;font:600 10.5px/1 Figtree,sans-serif;display:block}nav{align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}nav a{color:var(--mute);text-decoration:none}nav a:hover{color:var(--ink)}nav .btn{color:#fff;padding:9px 20px;font-size:15px}.hero{background:radial-gradient(800px 380px at 80% 0,#cfe6ff 0,transparent 70%),var(--alt);text-align:center;padding:84px 0 70px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero{background:radial-gradient(800px 380px at 80% 0,#12306e 0,transparent 70%),var(--alt)}}.hero h1{max-width:15em;margin:0 auto;font-size:clamp(38px,6vw,72px);font-weight:800}.hero h1 em{color:var(--blue);font-style:normal}.hero p.lead{max-width:40em;color:var(--mute);margin:20px auto 28px;font-size:19px}.life{text-align:left;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:54px;display:grid}.lc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.lc small{color:var(--sky);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.lc b{margin:4px 0;font:700 18px Bricolage Grotesque,sans-serif;display:block}.lc p{color:var(--mute);margin:0;font-size:14.5px}section{padding:84px 0}.alt{background:var(--alt)}.head{text-align:center;max-width:640px;margin:0 auto 42px}.head h2{font-size:clamp(30px,4.2vw,46px);font-weight:800}.head p{color:var(--mute);margin:12px 0 0}.g4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;padding:26px;display:flex}.card h3{font-size:20px}.card p{color:var(--mute);flex:1;margin:0;font-size:15.5px}.card a{color:var(--blue);margin-top:6px;font-weight:600;text-decoration:none}.svc .dot{border-radius:50%;width:14px;height:14px}.dims{text-align:center;grid-template-columns:repeat(3,1fr);gap:34px;display:grid}.dim span{color:var(--blue);font:800 clamp(40px,5vw,60px) Bricolage Grotesque,sans-serif}.dim h3{margin:6px 0;font-size:21px}.dim p{color:var(--mute);margin:0}.chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:9px 18px;font-size:15px;font-weight:600}.quote{text-align:center;max-width:760px;margin:0 auto;font:600 clamp(22px,3vw,30px)/1.35 Bricolage Grotesque,sans-serif}.quote small{color:var(--mute);margin-top:16px;font:500 15px Figtree,sans-serif;display:block}.proj{border:1px solid var(--line);background:var(--card);border-radius:20px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.proj .pic{background:linear-gradient(135deg,var(--blue),var(--sky));color:#fff;text-align:center;place-items:center;min-height:220px;padding:20px;font:800 30px Bricolage Grotesque,sans-serif;display:grid}.proj div+div{flex-direction:column;justify-content:center;gap:10px;padding:32px;display:flex}.proj p{color:var(--mute);margin:0}.steps{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.step{border-top:3px solid var(--blue);padding-top:14px}.step span{color:var(--sky);font:800 34px Bricolage Grotesque,sans-serif}.step h3{margin:4px 0;font-size:19px}.step p{color:var(--mute);margin:0;font-size:15px}.faq{max-width:760px;margin:0 auto}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;justify-content:space-between;gap:12px;font:700 19px Bricolage Grotesque,sans-serif;list-style:none;display:flex}summary:after{content:"+";color:var(--blue);font-size:24px;line-height:1}details[open] summary:after{content:"–"}details p{color:var(--mute);margin:10px 0 0}.cta{background:var(--navy);color:#fff;text-align:center}.cta h2{max-width:16em;margin:0 auto 24px;font-size:clamp(30px,4.4vw,50px);font-weight:800}.cta .btn{color:#1b2350;background:#ffd83d;border-color:#ffd83d}.perks{color:#a9c2ff;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:24px;font-size:15px;display:flex}.perks span{align-items:center;gap:8px;display:flex}.perks svg{stroke:#12d4f2;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.contact .wrap{grid-template-columns:1fr 1fr;gap:44px;display:grid}.contact h2{font-size:clamp(30px,4.2vw,46px);font-weight:800}.contact p{color:var(--mute)}.big{margin-top:18px;font:400 clamp(26px,3.6vw,38px) Figtree,system-ui,sans-serif;text-decoration:none;display:block}.mail{color:var(--blue);overflow-wrap:anywhere;margin-top:6px;font-weight:600;text-decoration:none;display:block}form{background:var(--card);border:1px solid var(--line);border-radius:18px;gap:14px;padding:26px;display:grid}label{gap:6px;font-size:14px;font-weight:600;display:grid}input,textarea,select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:11px 13px}textarea{resize:vertical;min-height:100px}form .btn{justify-self:start}#note{margin:0;font-size:14px}footer{background:var(--navy);color:#a9c2ff;padding:48px 0 26px;font-size:15px}.fg{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;display:grid}.fg h4{color:#fff;margin:0 0 10px;font:700 16px Bricolage Grotesque,sans-serif}.fg a{margin:5px 0;text-decoration:none;display:block}.fg a:hover{color:#fff}.flogo{border-radius:12px;width:auto;height:84px;margin-bottom:12px;display:block}.copy{border-top:1px solid #fff2;margin-top:30px;padding-top:18px;font-size:14px}@media (max-width:900px){.life,.steps,.g4{grid-template-columns:1fr 1fr}.g3,.dims,.proj,.contact .wrap{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}}@media (max-width:560px){.life,.steps,.g4,.fg{grid-template-columns:1fr}nav a:not(.btn){display:none}section{padding:60px 0}.hero{padding:56px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.tech{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.tc h3{color:var(--blue);margin-bottom:14px;font-size:18px}.tc .chips{justify-content:flex-start;gap:8px}.tc .chip{padding:6px 14px;font-size:14.5px}@media (max-width:900px){.tech{grid-template-columns:1fr 1fr}}@media (max-width:560px){.tech{grid-template-columns:1fr}}.logo img,.flogo{width:auto}
