:root { --navy:#061936; --blue:#145cff; --cyan:#20d7f3; --orange:#ff9d3d; --ink:#102242; --muted:#60708c; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); font-family:Inter, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#f7fbff; }
main { overflow:hidden; } .nav { height:88px; width:min(1180px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { text-decoration:none; color:var(--ink); display:flex; align-items:center; gap:12px; line-height:1; } .brand b { display:block; letter-spacing:-.7px; font-size:1.06rem; } .brand small { display:block; margin-top:5px; color:#527099; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.logo-mark { width:37px;height:42px;display:block;position:relative; } .logo-mark i { display:block;position:absolute;border-radius:4px;transform:skewY(-28deg); } .logo-mark i:nth-child(1) {background:linear-gradient(145deg,#1859ff,#0c36d0);width:18px;height:34px;top:7px;left:1px}.logo-mark i:nth-child(2){background:linear-gradient(145deg,#2beaff,#1291e8);width:18px;height:34px;top:2px;left:12px}.logo-mark i:nth-child(3){background:linear-gradient(145deg,#ffb74f,#ff783a);width:12px;height:28px;top:9px;left:25px}
.nav-link { text-decoration:none;color:#31547f;font-weight:700;font-size:.92rem; }
.hero { min-height:465px;background:var(--navy);color:white;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;padding:clamp(58px,7vw,88px) max(20px,calc((100% - 1100px)/2)); isolation:isolate; }.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,black,transparent);z-index:-1}.hero-copy{max-width:610px;align-self:center}.eyebrow{margin:0 0 22px;color:#3ae1f8;font-weight:800;letter-spacing:.13em;font-size:.73rem}.hero h1{font-size:clamp(2.65rem,5vw,4.75rem);letter-spacing:-.06em;line-height:1.14;margin:0 0 30px}.intro{font-size:1.13rem;line-height:1.72;max-width:540px;color:#cfddf5;margin:0}.primary-button{display:inline-flex;align-items:center;gap:15px;color:white;background:#2860ed;border-radius:12px;padding:16px 21px;text-decoration:none;font-weight:800;box-shadow:0 15px 35px #00154c}.primary-button span{font-size:1.35rem}
.hero-photo{align-self:center;min-height:285px;border-radius:22px;overflow:hidden;border:1px solid #79c6ff77;box-shadow:0 28px 60px #0009;position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#08245b77,transparent 50%)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.apps{width:min(1000px,calc(100% - 40px));margin:0 auto;padding:70px 0}.section-heading h2{margin:0;font-size:clamp(2.15rem,4vw,3.35rem);letter-spacing:-.045em;line-height:1.13}.section-heading .eyebrow{color:#2374c1}.app-card{margin-top:35px;display:flex;align-items:center;gap:20px;border:1px solid #d9e7f7;background:#fff;border-radius:18px;padding:26px;text-decoration:none;color:var(--ink);box-shadow:0 15px 35px #183f7220;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:0 21px 40px #183f7230}.app-icon{height:52px;width:52px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#1764ef,#13cce8);font-size:1.55rem;border-radius:14px}.app-text{display:grid;gap:6px;flex:1}.app-text b{font-size:1.15rem}.app-text small{font-size:.95rem;color:var(--muted);line-height:1.45}.arrow{font-size:1.7rem;color:#1861e6}.features{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article{background:#fff;border:1px solid #dbe9f8;border-radius:15px;padding:19px;display:grid;gap:7px}.features b{font-size:.95rem}.features small{color:var(--muted);line-height:1.4}.feature-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e7f8fc;color:#137bd7;font-weight:900;font-size:1.25rem}.app-summary{margin:24px 0 50px;max-width:700px;color:#516986;line-height:1.65}.future-divider{display:flex;align-items:center;gap:15px;color:#7390b0;font-size:.84rem;text-transform:uppercase;letter-spacing:.09em}.future-divider span{height:1px;background:#d8e6f3;flex:1}footer{border-top:1px solid #dfebf9;width:min(1180px,calc(100% - 40px));margin:auto;padding:28px 0;display:flex;justify-content:space-between;color:#5d7290;font-size:.86rem}
@media(max-width:760px){.nav{height:75px}.nav-link{display:none}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:48px;min-height:auto}.hero-photo{min-height:250px}.apps{padding:70px 0}.app-card{align-items:flex-start}.app-text small{font-size:.86rem}.features{grid-template-columns:1fr}.features article{grid-template-columns:34px 1fr}.features small{grid-column:2}footer{font-size:.75rem}.hero h1{font-size:2.75rem}}