:root { color-scheme: light; --ink:#223441; --muted:#667985; --blue:#00a9d6; --blue-dark:#007fa6; --line:#e4ebef; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:#fff; }
    .wrap { width:min(1140px,calc(100% - 48px)); margin:auto; }
    header { background:#fff; border-bottom:1px solid var(--line); }
    .head { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .logo { text-decoration:none; color:#00a9d6; line-height:1; display:inline-flex; flex-direction:column; align-items:flex-start; }
    .logo strong { font-size:clamp(34px,4.4vw,53px); letter-spacing:-3px; font-weight:500; }
    .logo small { font-size:11px; letter-spacing:3px; text-transform:uppercase; margin-left:4px; margin-top:5px; color:#708994; }
    .brand { display:inline-flex;align-items:center;max-width:290px; }
    .brand img { display:block;width:min(100%,260px);height:auto;object-fit:contain; }
    .head-note { color:#82929c; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
    .hero { position:relative; overflow:hidden; background:linear-gradient(116deg,#e7f8fd 0%,#f6fcfe 52%,#fff 100%); border-bottom:1px solid var(--line); }
    .hero:after { content:""; position:absolute; width:650px;height:650px;border:1px solid #d7e8ef;border-radius:50%;right:-190px;top:-220px;box-shadow:0 0 0 85px #e8f3f777,0 0 0 170px #edf6f944;pointer-events:none; }
    .hero-inner { min-height:390px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:66px 0; position:relative;z-index:1; }
    .eyebrow { font-size:12px; font-weight:700; text-transform:uppercase;letter-spacing:.2em;color:var(--blue);margin:0 0 19px; }
    h1 { font-size:clamp(35px,5vw,62px); font-weight:400; line-height:1.1;letter-spacing:-.04em;max-width:800px;margin:0 0 22px; }
    .lead { font-size:clamp(16px,2vw,20px);line-height:1.65;color:#4f6572;max-width:710px;margin:0; }
    main .content { padding:54px 0 72px; }
    .columns { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:64px;align-items:start; }
    h2 { font-size:25px;font-weight:500;margin:0 0 16px;letter-spacing:-.02em; }
    p { line-height:1.8;color:#536773;margin:0 0 18px; }
    a { color:var(--blue-dark); }
    .source {font-size:14px;}
    .shop-card { padding:31px; background:#f5f9fb; border:1px solid #e2ebf0; border-radius:3px; }
    .shop-card h2 {font-size:24px;}
    .shop-card p {font-size:15px;}
    .button { display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;text-decoration:none;padding:16px 23px;font-size:15px;font-weight:700;min-height:52px;border-radius:2px;transition:background .15s; }
    .button:hover,.button:focus-visible { background:var(--blue-dark); }
    .timer {font-size:13px;color:#647984;margin-top:21px!important;margin-bottom:0!important;}
    .timer strong { color:#1f4f66; font-variant-numeric:tabular-nums; }
    .progress {height:3px;background:#dce9ef;margin-top:12px;overflow:hidden;}
    .progress span {display:block;width:100%;height:100%;background:var(--blue);transform-origin:left;animation:drain 5s linear forwards;}
    @keyframes drain {to{transform:scaleX(0)}}
    footer {border-top:1px solid var(--line);padding:25px 0;color:#7a8c96;font-size:13px;}
    footer .wrap {display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;}
    @media(max-width:760px){.brand img{width:200px}.head{min-height:90px}.head-note{display:none}.hero-inner{min-height:340px;padding:55px 0}.columns{grid-template-columns:1fr;gap:28px}.content{padding:38px 0 55px!important}.shop-card{padding:24px}.wrap{width:min(100% - 36px,1140px)}}
    @media(prefers-reduced-motion:reduce){.progress span{animation:none}}
  
/* Shared legal pages */
.legal {max-width:900px;padding:48px 0 85px}
.legal h1 {font-size:clamp(34px,5vw,48px);margin:0 0 28px}
.legal h2 {font-size:22px;margin:34px 0 12px}
.legal h3 {font-size:18px;margin:25px 0 9px}
.legal p,.legal li {line-height:1.75;color:#536773}
.legal ul {padding-left:22px}
.legal address {font-style:normal;line-height:1.8}
.footer-links {display:flex;gap:20px;flex-wrap:wrap}
.footer-links a {color:#536773}
.logo img {width:180px;max-height:75px;object-fit:contain;object-position:left center}
.logo-fallback {display:none;font-size:42px;letter-spacing:-3px;color:#00a9d6}
@media(max-width:760px){.legal{padding:35px 0 65px}}