
:root{--sky:#bff4ff;--ice:#effcff;--blue:#1476ff;--deep:#08285c;--navy:#061a3a;--sun:#ffd569;--pink:#ff8fb7;--mint:#8ff2d2;--ink:#06152d;--muted:#5b6b86;--line:#d9eaf7}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5fcff;color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(246,253,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:950;letter-spacing:-.05em;color:var(--deep)}.igloo{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;margin-right:10px;background:linear-gradient(145deg,#fff,var(--sky));border:2px solid var(--blue);color:var(--blue)}nav{display:flex;gap:20px;font-size:14px;color:#315275;font-weight:800}.navbtn,.primary,.secondary{border-radius:999px;padding:13px 19px;font-weight:950}.navbtn,.primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(20,118,255,.22)}.secondary{background:#fff;color:var(--blue);border:2px solid var(--blue)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#dff8ff 0%,#f7fdff 48%,#fff 100%);padding:64px 5vw 32px;min-height:790px}.cloud{position:absolute;border-radius:999px;background:#fff;box-shadow:0 15px 40px rgba(20,90,140,.12)}.cloud.c1{width:230px;height:82px;left:4%;top:120px}.cloud.c2{width:280px;height:96px;right:7%;top:160px}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:38px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-block;background:#fff;border:2px solid var(--blue);color:var(--blue);border-radius:999px;padding:9px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.hero h1{font-size:clamp(56px,8.5vw,116px);line-height:.86;letter-spacing:-.08em;color:var(--deep);margin:20px 0}.hero p{font-size:20px;line-height:1.75;color:#315275;max-width:690px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.penguin-stage{position:relative;min-height:570px;border-radius:58px;background:linear-gradient(180deg,#ffffff,#eafaff);border:3px solid #bdefff;box-shadow:0 35px 90px rgba(20,98,160,.18);overflow:hidden;padding:26px}.iceberg{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:78%;height:190px;background:linear-gradient(180deg,#fff,#bff4ff);clip-path:polygon(8% 100%,22% 25%,39% 70%,54% 18%,74% 80%,88% 40%,100% 100%);filter:drop-shadow(0 18px 24px rgba(20,86,130,.14))}.penguin{position:absolute;left:50%;top:105px;transform:translateX(-50%);width:210px;height:280px;background:#102a55;border-radius:54% 54% 46% 46%;box-shadow:0 26px 50px rgba(8,40,92,.22)}.penguin:before{content:"";position:absolute;left:36px;top:58px;width:138px;height:178px;background:#fff;border-radius:50%}.eye{position:absolute;width:18px;height:18px;border-radius:50%;background:#07142c;top:82px}.eye.l{left:72px}.eye.r{right:72px}.beak{position:absolute;top:112px;left:84px;width:42px;height:25px;background:var(--sun);clip-path:polygon(0 0,100% 0,50% 100%)}.flipper{position:absolute;width:62px;height:120px;background:#102a55;border-radius:50%;top:120px}.flipper.l{left:-30px;transform:rotate(20deg)}.flipper.r{right:-30px;transform:rotate(-20deg)}.bubble{position:absolute;background:#fff;border:2px solid #bdefff;border-radius:26px;padding:16px;box-shadow:0 14px 28px rgba(20,98,160,.12);max-width:220px}.b1{left:26px;top:48px}.b2{right:22px;top:230px}.b3{left:38px;bottom:58px}.ticker{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.pill{background:#fff;border:2px solid #d6f2ff;border-radius:999px;padding:10px 15px;font-weight:900;color:var(--deep)}.section{padding:84px 5vw}.section h2{font-size:clamp(36px,5.8vw,76px);line-height:.95;letter-spacing:-.07em;color:var(--deep);margin:0 0 16px}.section p{color:var(--muted);line-height:1.78}.blueband{background:var(--blue);color:#fff;border-radius:54px;margin:0 3vw;padding:74px 3vw;box-shadow:0 30px 90px rgba(20,118,255,.24)}.blueband h2,.blueband p{color:#fff}.shop-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:20px;margin-top:34px}.product-card,.article-card,.category-card,.story-card{background:#fff;border:2px solid #d9eef9;border-radius:36px;padding:28px;box-shadow:0 18px 45px rgba(20,98,160,.09)}.product-card:nth-child(2){transform:translateY(28px);background:#fff7d9}.product-card:nth-child(3){background:#ffe6f0}.icon{font-size:48px}.console{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.screen{background:#08285c;border-radius:34px;padding:26px;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12)}.row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);padding:15px 0}.green{color:#8ff2d2}.masonry{columns:3 260px;column-gap:18px;margin-top:30px}.story-card{break-inside:avoid;margin-bottom:18px}.articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:26px}.tag{display:inline-block;padding:8px 12px;border-radius:999px;background:#e8f8ff;color:var(--blue);font-weight:900;font-size:13px}.faq details{background:#fff;border:2px solid #d9eef9;border-radius:24px;padding:20px;margin:13px 0;color:var(--ink)}.faq summary{font-weight:950;color:var(--deep)}.cta{background:linear-gradient(135deg,#fff6c5,#dff8ff);border-radius:54px;margin:20px 3vw;padding:72px 5vw;text-align:center;border:2px solid #d9eef9}.footer{display:flex;justify-content:space-between;gap:30px;background:#061a3a;color:#fff;padding:54px 5vw}.footer p{color:#b9cce5;max-width:640px}.footer a{display:block;color:#dff8ff;margin:8px}.page-hero{background:linear-gradient(180deg,#dff8ff,#fff);padding:88px 5vw 56px}.page-hero h1{font-size:clamp(44px,7vw,86px);line-height:.9;letter-spacing:-.07em;color:var(--deep);max-width:1000px}.breadcrumbs{color:#527294;font-weight:800}.content{background:#fff;padding:62px 5vw}.content-wrap{max-width:990px;margin:auto}.content p,.content li{font-size:17px;line-height:1.86;color:#31445f}.content h2{font-size:38px;letter-spacing:-.04em;color:var(--deep)}.reserve{border:3px dashed #bdefff;border-radius:30px;padding:26px;color:#527294;background:#f5fcff}.meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}@media(max-width:900px){.hero-grid,.shop-grid,.console{grid-template-columns:1fr}nav{display:none}.hero{min-height:auto}.product-card:nth-child(2){transform:none}.footer{display:block}.penguin-stage{min-height:540px}.masonry{columns:1}}
