
:root{--primary:#265D91;--blue:#1087DB;--teal:#006A60;--light:#F7F8FB;--card:#EAF1FA;--text:#181C20;--orange:#D96F00;--indigo:#3740C9}.container{width:min(1180px,92%);margin-inline:auto}.nav-link{padding:.75rem 1rem;border-radius:999px;color:#435064;font-weight:800}.nav-link:hover,.nav-link.active{background:#EAF3FF;color:#0B72C9}.mobile-menu{display:none}.mobile-menu.open{display:block}.mobile-link{display:block;padding:1rem;border-bottom:1px solid #E5EEF8;font-weight:800;color:#435064}.mobile-link.active{color:#0B72C9}.play-pill{display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.8rem 1.15rem;background:linear-gradient(135deg,#0B8DE3,#006A60);color:#fff;font-weight:900;box-shadow:0 12px 28px rgba(16,135,219,.22)}.hero-grid{background:radial-gradient(circle at 20% 20%,#E7F4FF 0,transparent 28%),linear-gradient(145deg,#fff 0%,#F2F7FF 58%,#EAF4FF 100%)}.hero-bg-blob{position:absolute;width:320px;height:320px;border-radius:999px;background:linear-gradient(135deg,#BFE7FF,#C9F3EE);filter:blur(24px);opacity:.45}.gradient-text{background:linear-gradient(135deg,#0B234A 0%,#117AD1 48%,#006A60 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-title{font-size:clamp(2.25rem,5vw,5rem);line-height:1.02;font-weight:1000;letter-spacing:-.05em}.kicker{font-weight:1000;color:#0B72C9;text-transform:uppercase;letter-spacing:.16em}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:1.25rem;padding:1rem 1.35rem;font-weight:1000}.btn-primary{background:#1087DB;color:#fff;box-shadow:0 16px 36px rgba(16,135,219,.28)}.btn-primary:hover{filter:brightness(.96);transform:translateY(-1px)}.btn-secondary{background:#fff;color:#265D91;border:1px solid #BFD2E8;box-shadow:0 10px 24px rgba(38,93,145,.08)}.base-chip{border-radius:1rem;padding:1rem;text-align:center;font-weight:1000;background:#fff;border:1px solid #C8D8EA;box-shadow:0 12px 28px rgba(38,93,145,.08)}.base-chip small{display:block;margin-top:.25rem;font-size:.78rem}.bin{color:#1087DB}.oct{color:#006A60}.dec{color:#B46900}.hex{color:#C96A00}.feature-card{background:rgba(255,255,255,.86);border:1px solid #D7E4F2;border-radius:1.5rem;padding:1.75rem;box-shadow:0 18px 40px rgba(38,93,145,.08)}.feature-card h3{font-size:1.25rem;font-weight:1000;margin-top:1rem}.feature-card p{color:#536176;line-height:1.75;margin-top:.5rem}.feature-icon{height:3.4rem;width:3.4rem;border-radius:1.1rem;background:#EAF3FF;display:flex;align-items:center;justify-content:center}.cta-card,.install-panel,.prose-card{background:linear-gradient(180deg,#FFFFFF,#EEF5FF);border:1px solid #CBD9EB;border-radius:1.75rem;box-shadow:0 20px 50px rgba(38,93,145,.1);padding:2rem}.app-shot{border-radius:8px;box-shadow:0 16px 34px rgba(38,93,145,.17);border:1px solid #D7E4F2;background:#fff}.shot-frame{background:#fff;border:1px solid #D7E4F2;border-radius:1.5rem;padding:1rem;box-shadow:0 16px 36px rgba(38,93,145,.09);text-align:center}.shot-frame figcaption{margin-top:1rem;font-weight:900;color:#435064}.acc-card{background:#fff;border:1px solid #D7E4F2;border-radius:1.25rem;box-shadow:0 10px 28px rgba(38,93,145,.06);overflow:hidden}.acc-card summary{cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.35rem;font-weight:1000}.acc-icon{height:2.6rem;width:2.6rem;border-radius:.9rem;background:#EAF3FF;color:#0B72C9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acc-body{padding:0 1.35rem 1.25rem 5rem;color:#536176;line-height:1.75}.prose-card h2{font-size:1.5rem;font-weight:1000;margin-top:1.5rem;color:#0B234A}.prose-card h2:first-child{margin-top:0}.prose-card p,.prose-card li{color:#536176;line-height:1.8;margin-top:.75rem}.prose-card ul{list-style:disc;padding-left:1.25rem;margin-top:1rem}.contact-card{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid #D7E4F2;border-radius:1.5rem;padding:1.5rem;box-shadow:0 14px 32px rgba(38,93,145,.08);color:#0B234A}.contact-card>svg{height:2.5rem;width:2.5rem;color:#0B72C9;background:#EAF3FF;border-radius:1rem;padding:.55rem;box-sizing:content-box}.contact-card h2{font-weight:1000;font-size:1.25rem}.contact-card p{font-weight:800;margin-top:.2rem}.contact-card small{color:#536176}.reveal{opacity:0;transform:translateY(14px);transition:.6s ease}.reveal.in{opacity:1;transform:none}@media(max-width:640px){.section-title{font-size:2.5rem}.btn-primary,.btn-secondary{width:100%}.acc-body{padding-left:1.35rem}.cta-card,.install-panel,.prose-card{padding:1.25rem}}
