
:root{--navy:#173c70;--blue:#398ac9;--sky:#eaf7ff;--pale:#f5fbff;--mint:#cfeede;--yellow:#ffe48a;--line:#d2e8f3;--purple:#a5a0cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fcff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--navy)}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;background:white;padding:10px;z-index:20}.head{background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.head .wrap{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo img{height:65px;width:115px;object-fit:contain}.logo span{font-weight:800;letter-spacing:.04em;font-size:12px;display:none}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:14px;font-weight:700;padding:10px 12px;border-radius:22px}.nav a:hover{background:#e7f5ff}.nav .shop{background:var(--navy);color:white}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 14%,#d7efff 0,transparent 34%),linear-gradient(130deg,#f6fbff,#e5f6ff 65%,#edfdf8);padding:80px 0 82px}.hero:before,.hero:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.hero:before{width:310px;height:310px;background:#c3e7fd;opacity:.38;right:-160px;top:100px}.hero:after{width:170px;height:170px;background:#ffe7a3;opacity:.28;left:-120px;bottom:-80px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6vw}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.15em;color:#376f99;text-transform:uppercase}.badge{display:inline-flex;background:#e0f6e8;border:1px solid #b1dfc5;padding:8px 14px;border-radius:25px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,5.6vw,83px);line-height:1.02;letter-spacing:-.055em;margin:19px 0}.hero h1 em{font-style:normal;color:#398ec7}.lead{font-size:clamp(17px,1.7vw,22px);line-height:1.65;max-width:680px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.button{display:inline-flex;gap:10px;align-items:center;text-decoration:none;padding:14px 20px;border-radius:28px;border:1px solid var(--navy);font-size:14px;font-weight:800;background:var(--navy);color:white;transition:transform .2s,box-shadow .2s}.button.alt{background:white;color:var(--navy)}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #3973a02a}.brand-art{position:relative;min-height:340px;border:1px solid #c6e7f5;background:linear-gradient(155deg,#fefeff,#d9f1ff);border-radius:36px;box-shadow:0 26px 70px #508fb728;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;transform:rotate(1.5deg);animation:floaty 7s ease-in-out infinite}.brand-art .glyph{font-size:76px;line-height:1}.brand-art img{max-width:85%;height:175px;object-fit:contain}.brand-art strong{text-align:center;font-size:18px;margin:10px}.brand-art small{line-height:1.5;text-align:center;color:#527b9b}.orbit{position:absolute;width:54px;height:54px;border-radius:20px;background:var(--yellow);top:-18px;right:20px;transform:rotate(16deg);box-shadow:0 10px 20px #afab6b30}.orbit.two{width:34px;height:34px;background:var(--mint);bottom:15px;left:-13px;top:auto}.section{padding:72px 0}.section h2{font-size:clamp(27px,3vw,45px);letter-spacing:-.04em;margin:8px 0 18px}.section p{line-height:1.7}.blue{background:#eaf6fd}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.panel{background:white;border:1px solid var(--line);padding:26px;border-radius:26px;box-shadow:0 12px 32px #78a6ca12;transition:transform .2s}.panel:hover{transform:translateY(-5px)}.number{font-size:12px;letter-spacing:.12em;font-weight:800;color:#5895bd}.panel h3{font-size:20px;margin:15px 0 8px}.panel p{font-size:15px;margin:0}.focus{background:linear-gradient(125deg,#effaff,#e9f5ed);border:1px solid #c6e9e4;border-radius:30px;padding:32px;display:flex;align-items:flex-start;gap:24px}.focus p{margin:0}.focus b{font-size:25px}.bottom{padding:65px 0;background:#1b4776;color:white}.bottom a{color:white}.bottom-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.foot{padding:22px 0;background:#15375e;color:#d7eaff;font-size:13px}.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.note{font-size:13px;color:#557a98;margin-top:14px}.status{font-size:12px;font-weight:850;letter-spacing:.1em;display:inline-block;padding:9px 13px;border-radius:15px;background:#fff2bf;color:#665f39}.reveal{animation:appear .7s both}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-9px) rotate(0deg)}}@media(max-width:780px){.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr}.brand-art{min-height:230px;max-width:420px;width:100%;justify-self:center}.columns{grid-template-columns:1fr}.focus{display:block}.nav a{padding:8px 7px;font-size:12px}.logo img{height:49px;width:88px}.head .wrap{min-height:70px}.bottom-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
