:root{--ink:#17253d;--muted:#667085;--paper:#f4f7fb;--panel:#fff;--line:#d6e0ec;--blue:#2457a6;--dark:#123a70;--sky:#c8dbf4;--pale:#dce9ff;--violet:#7257c8;--green:#14866d;--shadow:0 24px 80px rgba(22,63,119,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 84% 7%,rgba(200,219,244,.9),transparent 29rem),var(--paper);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;line-height:1.62}.site-header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--blue);font-size:.75rem;letter-spacing:.04em}.header-actions{display:flex;align-items:center;gap:18px}.home-link{color:var(--blue);font-size:.82rem;font-weight:800;text-decoration:none}.badge,.eyebrow{font-size:.76rem;font-weight:750;letter-spacing:.05em}.badge{padding:7px 12px;border:1px solid rgba(36,87,166,.25);border-radius:999px;color:var(--dark);background:rgba(255,255,255,.68)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(44px,7vw,100px);padding:70px 0 82px}.eyebrow{margin:0 0 14px;color:var(--blue);letter-spacing:.15em;text-transform:uppercase}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.04;letter-spacing:-.04em}h1{max-width:720px;margin:0 0 26px;font-size:clamp(3.35rem,6.6vw,6.65rem)}h2{margin:0;font-size:clamp(2.35rem,4vw,4.25rem)}.hero-text,.intro>p,.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.hero-text{max-width:660px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;min-height:50px;align-items:center;gap:12px;padding:0 22px;border-radius:10px;color:#fff;background:var(--blue);box-shadow:0 10px 30px rgba(36,87,166,.22);text-decoration:none;font-weight:750}.text-link{color:var(--dark);font-weight:750;text-underline-offset:4px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:46px 0 0;padding:0;list-style:none}.quick-facts li{display:flex;flex-direction:column;padding:14px 0;border-top:1px solid var(--line)}.quick-facts strong{font-size:.9rem}.quick-facts span{color:var(--muted);font-size:.76rem}.hero-art{position:relative;min-height:480px;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#dce9ff,#c8dbf4 48%,#8fb3df);box-shadow:var(--shadow)}.hero-art:before,.hero-art:after{position:absolute;content:"";border:1px solid rgba(18,58,112,.17);border-radius:50%}.hero-art:before{width:390px;height:390px;right:-115px;top:-100px}.hero-art:after{width:300px;height:300px;left:-120px;bottom:-100px}.code-window{position:absolute;z-index:2;left:8%;right:8%;top:23%;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:#102947;box-shadow:0 24px 60px rgba(18,58,112,.28);transform:rotate(-3deg)}.window-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;background:#fff}.window-bar span{width:9px;height:9px;border-radius:50%;background:#d6e0ec}.window-bar span:first-child{background:#ff7c73}.window-bar span:nth-child(2){background:#f2bf54}.window-bar span:nth-child(3){background:#50bf85}.window-bar small{margin-left:auto;color:var(--muted);font-weight:700}.code-window pre{margin:0;padding:34px 28px 40px;color:#edf5ff;font:500 clamp(.9rem,1.6vw,1.14rem)/1.8 "SFMono-Regular",Consolas,monospace}.code-purple{color:#c7a8ff}.code-blue{color:#78c9ff}.code-green{color:#7ce0b8}.tech-pill{position:absolute;z-index:3;padding:9px 14px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(22,63,119,.12);color:var(--dark);font-size:.75rem;font-weight:800}.pill-one{left:8%;top:12%}.pill-two{right:7%;bottom:12%}.pill-three{left:17%;bottom:7%}.tech-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.7)}.tech-strip span{padding:7px 13px;border-radius:999px;color:var(--dark);background:var(--pale);font-size:.78rem;font-weight:750}.section{padding:105px 0;border-top:1px solid var(--line)}.intro{display:grid;grid-template-columns:1fr .85fr;gap:clamp(40px,8vw,110px);align-items:end}.intro>p{max-width:570px;margin:0}.section-heading{display:grid;grid-template-columns:.65fr 1fr .9fr;gap:34px;align-items:end;margin-bottom:44px}.section-heading>p:last-child{margin:0}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.language-card{padding:clamp(25px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 14px 45px rgba(22,63,119,.07)}.language-label{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.language-label span{display:grid;place-items:center;width:38px;height:30px;border-radius:8px;color:#fff;background:var(--blue)}.language-card h3{margin:34px 0 14px;font:500 1.65rem Georgia,"Times New Roman",serif;color:var(--dark)}.language-card h3:first-of-type{margin-top:0}.language-card ul{margin:0;padding-left:20px;color:var(--muted)}.language-card li{margin-bottom:12px}.language-card li::marker{color:var(--blue)}.language-card strong{color:var(--ink)}.closing{display:grid;grid-template-columns:1fr .8fr;gap:clamp(40px,8vw,100px);align-items:end;margin:0 0 90px;padding:clamp(40px,7vw,80px);border-radius:30px;color:#fff;background:var(--dark);box-shadow:var(--shadow)}.closing .eyebrow{color:var(--pale)}.closing-copy p{max-width:560px;margin:0 0 28px;color:#c7d8ee}.button-light{color:var(--dark);background:var(--pale);box-shadow:none}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer a{color:var(--blue);text-decoration:none}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0 85px}.hero-art{min-height:430px}.intro,.section-heading,.closing{grid-template-columns:1fr}.section-heading{gap:16px}.language-grid{grid-template-columns:1fr}.closing{align-items:start}}@media(max-width:600px){.site-header,main,footer{width:calc(100% - 28px)}.header-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.badge{display:none}h1{font-size:clamp(2.8rem,15vw,4.2rem)}.quick-facts{grid-template-columns:1fr}.quick-facts li{padding:10px 0}.hero-art{min-height:350px}.code-window{left:5%;right:5%}.code-window pre{padding:26px 19px 32px}.section{padding:82px 0}.language-card{border-radius:18px}.closing{margin-bottom:60px}footer{flex-direction:column}}