:root{--bg:#F6FBF8;--bg2:#EAF0ED;--card:#fff;--fg:#171D1B;--mut:#3F4946;--line:#BFC9C5;--pri:#006B5B;--onpri:#fff;--priC:#B7F2E0;--gold:#7A5900;--goldC:#FFDFA0;--ind:#4A5BA8;--trk:#DCE5E1;--sp:#F0BF4F}
@media(prefers-color-scheme:dark){:root{--bg:#0F1513;--bg2:#171D1B;--card:#1B211F;--fg:#DEE4E1;--mut:#BFC9C5;--line:#3F4946;--pri:#5BDBC0;--onpri:#00382E;--priC:#005144;--gold:#F0BF4F;--goldC:#5C4200;--ind:#B6C3FF;--trk:#2A3331}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:72px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--pri)}img{max-inline-size:100%}h1,h2,h3{line-height:1.2;margin:0}p{margin:0 0 1em}
.wrap{max-inline-size:1080px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
.narrow{max-inline-size:720px}
.skip{position:absolute;inset-inline-start:-999px;background:var(--pri);color:var(--onpri);padding:8px 12px;z-index:10}.skip:focus{inset-inline-start:8px;inset-block-start:8px}
.top{position:sticky;inset-block-start:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-block-end:1px solid var(--line);z-index:5}
.bar{display:flex;align-items:center;gap:20px;min-block-size:56px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--fg);text-decoration:none}.brand img{border-radius:7px}
.links{display:flex;gap:18px;flex:1;margin-inline-start:12px}.links a,.lang{color:var(--mut);text-decoration:none;font-size:.95rem}.links a:hover,.lang:hover{color:var(--pri)}
.lang{margin-inline-start:auto;border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.hero{padding-block:48px 56px;background:radial-gradient(60% 80% at 80% 0,var(--priC),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em}
.lead{font-size:1.15rem;color:var(--mut);margin-block:16px 20px;max-inline-size:34em}
.max{font-size:1.35rem;margin-block-end:4px}.max b{font-size:2.2rem;color:var(--gold);font-variant-numeric:tabular-nums}
.max-note{font-size:.85rem;color:var(--mut);max-inline-size:36em}
.stores{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:20px 0 0;padding:0}
.badge{display:inline-flex;flex-direction:column;min-inline-size:150px;padding:8px 18px;border-radius:12px;background:var(--fg);color:var(--bg);font-weight:600;opacity:.75;cursor:default}.badge small{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.phone{justify-self:center;inline-size:min(100%,270px);aspect-ratio:9/19.5;border:8px solid var(--fg);border-radius:38px;background:var(--bg2);overflow:hidden;box-shadow:0 24px 60px #00201a33}
.screen{position:relative;block-size:100%;display:grid;place-items:center}
.ringsvg{inline-size:78%;block-size:auto}.ringsvg circle{fill:none;stroke-width:9}.trk{stroke:var(--trk)}
.prog{stroke:var(--pri);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:22;transform:rotate(-90deg);transform-origin:60px 60px;animation:fill 6s ease-in-out infinite}
.spark{fill:var(--sp)!important;stroke:none!important;transform-origin:60px 60px;animation:spin 6s ease-in-out infinite}
.num{font-size:19px;font-weight:700;fill:var(--fg)}.lbl{font-size:7.5px;fill:var(--mut)}
@keyframes fill{0%{stroke-dashoffset:100}55%,90%{stroke-dashoffset:22}100%{stroke-dashoffset:100}}
@keyframes spin{0%{transform:rotate(0)}55%,90%{transform:rotate(280.8deg)}100%{transform:rotate(0)}}
.shotimg{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:0}.has-shot .shotimg{opacity:1}.has-shot .ringsvg{visibility:hidden}
.sec{padding-block:64px}.alt{background:var(--bg2)}h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-block-end:28px}h3{font-size:1.1rem;margin-block-end:6px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}
.steps li{position:relative;padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.steps p,.card p{color:var(--mut);margin:0}
.n{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--pri);color:var(--onpri);font-weight:700;margin-block-end:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.card{padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.ico{color:var(--pri);margin-block-end:8px}
.checks{list-style:none;margin:0 0 16px;padding:0}.checks li{padding-inline-start:30px;position:relative;margin-block-end:10px}.checks li::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.45em;inline-size:12px;block-size:7px;border-inline-start:3px solid var(--pri);border-block-end:3px solid var(--pri);transform:rotate(-45deg)}
.more{font-weight:600}
.shop{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.shop p{color:var(--mut);max-inline-size:40em}
.btn{display:inline-block;background:var(--pri);color:var(--onpri);padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none}.btn:hover{filter:brightness(1.1)}
.qr{position:relative;padding:16px;border-radius:16px;border:2px solid var(--ind);color:var(--ind)}.adtag{position:absolute;inset-block-start:-12px;inset-inline-start:12px;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:0 8px;font-size:.75rem}
details{border-block-end:1px solid var(--line);padding-block:14px}summary{cursor:pointer;font-weight:600}details p{color:var(--mut);margin:10px 0 0}
.promo video{inline-size:100%;max-block-size:70vh;border-radius:16px;background:#000;margin-block-end:24px}
.shots{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:8px}.shot{display:none;flex:0 0 min(60%,240px);margin:0;scroll-snap-align:start}.shot.ok{display:block}.shot img{inline-size:100%;block-size:auto;border-radius:20px;border:1px solid var(--line)}
.foot{border-block-start:1px solid var(--line);padding-block:28px 40px;font-size:.85rem;color:var(--mut)}.flinks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-block-end:12px}.flinks a{color:var(--fg)}
:focus-visible{outline:3px solid var(--ind);outline-offset:2px}[hidden]{display:none!important}
@media(max-width:760px){.hero-grid,.shop,.steps{grid-template-columns:1fr}.links{display:none}.phone{inline-size:min(70%,240px)}.hero{padding-block-start:28px}.sec{padding-block:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.prog,.spark{animation:none}.spark{transform:rotate(280.8deg)}}