:root{color-scheme:dark;--bg:#071626;--panel:#0e2438;--ink:#ecf8ff;--muted:#b1c6d7;--line:#305168;--purple:#c5b2f2;--blue:#83cde9}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 90% 540px at 87% 0%,#223c57,transparent),var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{color:var(--blue)}a:hover{color:white}.skip{position:absolute;top:-150px;left:20px;background:white;color:#071626;padding:12px;z-index:10}.skip:focus{top:12px}
.top,.main,footer{max-width:1190px;margin:auto;padding-left:clamp(18px,4vw,48px);padding-right:clamp(18px,4vw,48px)}
.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:23px;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{font-size:1.5rem;white-space:nowrap;font-weight:800;letter-spacing:-.045em;text-decoration:none;color:#fff}.brand span{font-size:.7em;font-weight:550;letter-spacing:.07em}.brand i{font-style:italic}.top nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.86rem}.top nav a{text-decoration:none;color:var(--muted)}
.crumb{padding:30px 0 22px;display:flex;gap:11px;color:var(--muted);font-size:.83rem}.product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(26px,5vw,68px);padding-bottom:65px}.visual{margin:0;position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#101f32}.visual img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.visual p{margin:0;padding:13px 18px;color:var(--muted);border-top:1px solid var(--line);font-size:.78rem}
.eyebrow{color:var(--purple);font-size:.73rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.details h1{font-size:clamp(2rem,4.2vw,3.9rem);letter-spacing:-.05em;line-height:1.1;margin:.22em 0 .3em}.kind{font-size:.84rem;color:var(--purple)}.intro{max-width:60ch;font-size:1.06rem;color:#d5e5ef}.pricing{display:flex;align-items:center;gap:20px;margin:27px 0 23px;flex-wrap:wrap}.price{font-size:2.2rem;font-weight:800;letter-spacing:-.05em}.currency{color:var(--muted);font-size:.78rem}
.buy,.ghost{display:inline-flex;justify-content:center;align-items:center;gap:14px;font-weight:750;border:1px solid #b6a7e0;text-decoration:none;border-radius:11px;min-height:49px;padding:12px 19px}.buy{background:linear-gradient(125deg,#e2d8f7,#c4daef);color:#152639}.buy:hover{background:#fff;color:#172c40}.ghost{margin:8px 0 8px 10px;border-color:var(--line);color:#dbe6f5}.facts{margin:31px 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:#0d253a}.facts h2{margin:0 0 12px;font-size:1.04rem}.facts p{margin:10px 0;color:#bed1df;font-size:.92rem}.fine{color:var(--muted);font-size:.78rem}.bottom{border-top:1px solid var(--line);padding:35px 0 48px}.bottom h2{margin:0 0 6px}.bottom p{color:var(--muted)}footer{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;padding-bottom:30px;font-size:.8rem;color:var(--muted)}
:focus-visible{outline:3px solid #e0c7ff;outline-offset:3px}@media(max-width:730px){.product{grid-template-columns:1fr}.visual{max-width:480px}.details h1{font-size:clamp(2rem,8vw,3rem)}.top{align-items:flex-start}.top nav{gap:12px}.ghost{margin-left:0}}
