
:root{--navy:#102a43;--blue:#1769aa;--aqua:#12b8b0;--coral:#ff7058;--sun:#ffc857;--cream:#fffaf2;--ink:#16212b;--muted:#526477;--line:#dbe6ea;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.shell{max-width:var(--max);margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:8;background:#fffaf2ee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:1.35rem;color:var(--navy);display:flex;gap:10px;align-items:center}.brand i{width:15px;height:15px;border-radius:50%;display:block;background:var(--coral);box-shadow:0 0 0 7px #ff705822}.links{display:flex;gap:18px;color:var(--muted);font-size:.92rem}.links a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 21px;border-radius:12px;background:var(--coral);color:#fff;font-weight:800;border:0}.btn.alt{background:var(--navy)}.btn.ghost{background:transparent;border:1px solid var(--navy);color:var(--navy)}.hero{padding:74px 0 54px;background:radial-gradient(circle at 8% 15%,#c9f2ed 0,transparent 28%),linear-gradient(135deg,#fffaf2 45%,#e6f5f2)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.eyebrow{color:var(--blue);font-size:.8rem;font-weight:800}.hero h1{font-size:clamp(2.3rem,5vw,5rem);line-height:1.2;margin:15px 0;color:var(--navy)}.hero p{max-width:600px;color:var(--muted);font-size:1.06rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-art{min-height:420px;border-radius:34px;background:linear-gradient(145deg,#102a43aa,#12b8b055),url('/media/hero.webp') center/cover;box-shadow:20px 24px 0 #ffc85755,0 25px 70px #102a4333;transform:rotate(1deg)}.ribbon{display:inline-flex;padding:7px 13px;border-radius:999px;background:#12b8b01f;color:#087c78;font-size:.82rem;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.stat,.card,.step,.contact{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat b{display:block;font-size:1.6rem;color:var(--blue)}.stat span,.muted{color:var(--muted);font-size:.87rem}.section{padding:72px 0}.section h2{font-size:2rem;color:var(--navy);margin:0 0 12px}.section h1{font-size:clamp(2rem,4vw,3.5rem);color:var(--navy);margin:0 0 12px}.section-intro{max-width:720px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.card{min-height:190px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--aqua)}.card small{color:var(--coral);font-weight:800}.card h3{margin:9px 0 5px;color:var(--navy)}.card p{color:var(--muted);font-size:.9rem}.card img{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.step{display:flex;gap:15px;margin-top:10px}.step strong{color:var(--coral);font-size:1.45rem}.band{background:var(--navy);color:#fff;border-radius:24px;padding:30px;margin:18px 0}.band h2{color:#fff}.band p{color:#d5e4ef}.form{display:grid;gap:14px;max-width:760px}.form label{display:grid;gap:6px;color:var(--muted)}.form input,.form select,.form textarea{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:13px;font:inherit}.footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.crumb{color:var(--muted);font-size:.86rem;margin-bottom:22px}.tag{display:inline-block;padding:5px 10px;background:#ffc85744;border-radius:999px;font-size:.78rem;margin:4px;color:#744f00}@media(max-width:820px){.hero-grid,.split{grid-template-columns:1fr}.hero-art{min-height:290px}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.links{display:none}.footer-grid{grid-template-columns:1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr}.shell{padding:0 16px}.hero h1{font-size:2.65rem}}
