@font-face{font-family:Fradoma;src:url('/assets/fradoma-sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f9fc;color:#132238;font-family:Fradoma,Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:20;background:#fff;padding:12px}.site-header{position:sticky;top:0;z-index:10;background:rgba(247,249,252,.86);backdrop-filter:blur(18px);border-bottom:1px solid #dbe3ed}.nav-row{height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:700}.brand img{width:120px;height:auto}.brand span{padding-left:12px;border-left:1px solid #b9c5d4}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a,.footer-grid a{color:#526174;text-decoration:none}.install,.filters button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:10px 15px;color:#20334d}.hero{min-height:680px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 30%,#d9edff 0,transparent 36%),linear-gradient(145deg,#fff,#edf4fc)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:56px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#3476ad;font-weight:700}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.86;letter-spacing:-.065em;margin:24px 0}.hero h1 span{color:#4b93c7}.lead{font-size:1.25rem;line-height:1.65;max-width:680px;color:#526174}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:700}.primary{background:#173758;color:#fff}.secondary{background:#fff;color:#173758;border:1px solid #d7e0e9}.orb{width:min(360px,70vw);aspect-ratio:1;margin:auto;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#76b8e8 25%,#204c77 70%);box-shadow:0 35px 90px #5c91bd55}.orbit{position:absolute;inset:-12%;border:1px solid #4c7ca9;border-radius:50%;transform:rotate(28deg)}.orbit.two{inset:-25%;transform:rotate(-45deg);border-color:#80a9c9}.core{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:700}.core span{font-size:2rem;color:#bde7ff}.intro,.topics,.method,.cta{padding:110px 0}.split{display:grid;grid-template-columns:1fr 2fr;gap:60px}.split h2,.section-head h2,.cta h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.045em;margin:0 0 24px}.split p:last-child{font-size:1.35rem;line-height:1.7;color:#526174}.topics{background:#0f2238;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{cursor:pointer;background:transparent;color:#bfcede;border-color:#38506a}.filters button.active{background:#fff;color:#132238}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#36506c;margin-top:56px}.topic-grid article{padding:34px;min-height:260px;background:#142a43}.topic-grid span{color:#69a9d6}.topic-grid h3{font-size:1.55rem;margin:55px 0 12px}.topic-grid p{color:#b6c5d5;line-height:1.6}.topic-grid article[hidden]{display:none}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.method-grid div{padding:30px;background:#fff;border:1px solid #dce5ee;border-radius:18px}.method-grid b{font-size:1.5rem}.method-grid p{color:#617084;line-height:1.6}.cta{text-align:center;background:#e7f2fb}.cta h2{max-width:850px;margin:20px auto 36px}footer{background:#fff;border-top:1px solid #dbe3ed;padding:60px 0 26px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid img{width:170px}.footer-grid div:last-child{display:flex;gap:22px;flex-wrap:wrap}.fine{margin-top:50px;color:#718096;font-size:.85rem}@media(max-width:800px){.site-header nav{display:none}.install{margin-left:auto}.hero{min-height:auto;padding:90px 0}.hero-grid,.split{grid-template-columns:1fr}.orb{width:250px}.section-head{align-items:start;flex-direction:column}.topic-grid,.method-grid{grid-template-columns:1fr}.hero h1{font-size:4rem}.intro,.topics,.method,.cta{padding:76px 0}.footer-grid{flex-direction:column}}
