:root{--ink:#12212f;--muted:#64748b;--sea:#0891b2;--blue:#2563eb;--sand:#f7e8c7;--green:#16a34a;--bg:#fffaf3;--line:#e8dcc8;--shadow:0 24px 70px rgba(18,33,47,.12);--r:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf3,#fff 38%,#f8fbff);line-height:1.62}a{color:#0369a1;text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#111;color:#fff;padding:.7rem 1rem;border-radius:999px;z-index:99}.wrap{width:min(1140px,92vw);margin:auto}.top{position:sticky;top:0;background:rgba(255,250,243,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,220,200,.7);z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);font-weight:850;letter-spacing:-.03em}.brand img{width:42px;height:42px}.links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.links a{font-weight:700;color:#475569}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--sea),var(--blue));color:#fff!important;padding:.86rem 1.18rem;font-weight:800;box-shadow:0 12px 30px rgba(8,145,178,.22);border:0;transition:.18s}.btn:hover{transform:translateY(-2px);text-decoration:none}.btn.alt{background:#fff;color:#123!important;border:1px solid var(--line);box-shadow:none}.hero{padding:5.4rem 0 3.4rem;background:radial-gradient(circle at 15% 5%,rgba(8,145,178,.18),transparent 32%),radial-gradient(circle at 88% 10%,rgba(247,232,199,.9),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:2.2rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(8,145,178,.09);color:#0e7490;border:1px solid rgba(8,145,178,.18);border-radius:999px;padding:.38rem .75rem;font-weight:850;font-size:.86rem}.hero h1{font-size:clamp(2.6rem,6.5vw,5.9rem);line-height:.98;letter-spacing:-.07em;margin:1rem 0}.lead{font-size:1.17rem;color:#475569;max-width:66ch}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.55rem}.hero-card{min-height:440px;border-radius:34px;background:linear-gradient(160deg,#0e7490,#38bdf8 48%,#fde68a);box-shadow:var(--shadow);padding:1.1rem;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.48);border-radius:26px}.photo-tile{position:absolute;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:1rem;box-shadow:0 18px 50px rgba(15,23,42,.14);font-weight:800}.t1{left:34px;top:50px}.t2{right:34px;top:132px}.t3{left:58px;bottom:74px}.sun{position:absolute;right:62px;bottom:58px;width:98px;height:98px;border-radius:50%;background:#fde047;box-shadow:0 0 0 18px rgba(253,224,71,.22)}.section{padding:4.2rem 0}.section h2,.page h1{font-size:clamp(2rem,4.7vw,4rem);line-height:1.05;letter-spacing:-.055em;margin:.7rem 0 1rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;box-shadow:0 12px 35px rgba(18,33,47,.06);transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.muted{color:var(--muted)}.tag{display:inline-flex;border-radius:999px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;padding:.28rem .6rem;font-weight:750;font-size:.84rem}.feature{background:linear-gradient(180deg,#fff,#fffaf3)}.page{padding:4rem 0}.content{max-width:870px}.content h2{margin-top:2rem}.list li{margin:.45rem 0}.post{display:block;color:inherit}.post:hover{text-decoration:none}.footer{border-top:1px solid var(--line);background:#fffaf3;padding:2rem 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:1rem}.small{font-size:.92rem}@media(max-width:850px){.hero-grid,.grid3,.grid2,.footer-grid{grid-template-columns:1fr}.hero{padding:3.5rem 0 2rem}.links{gap:.65rem;font-size:.94rem}.hero-card{min-height:350px}.photo-tile{font-size:.9rem}.nav{align-items:flex-start}}