*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f6f9fc;color:#14273f}a{color:inherit}.shell{width:min(1140px,calc(100% - 40px));margin-inline:auto}.nav{background:#071a33;color:#f5fbff;box-shadow:0 10px 28px #071a3319}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px}.brand img{max-height:44px;max-width:178px;object-fit:contain}.nav nav,footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.nav nav a,footer nav a{text-decoration:none;font-weight:650;font-size:14px}.nav nav a:hover,footer nav a:hover{text-decoration:underline}.hero{background:linear-gradient(135deg,#05172c,#102f54 65%,#071a33);color:#f6fbff;padding:84px 0 96px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:38px}.kicker{font-size:12px;letter-spacing:.2em;font-weight:850;color:var(--shop-accent,#24cce7)}h1,h2,h3{line-height:1.18;letter-spacing:-.03em}h1{font-size:clamp(37px,5vw,61px);max-width:690px;margin:16px 0 24px}h2{font-size:clamp(29px,3.8vw,41px);margin:14px 0 26px}.hero p{max-width:600px;color:#d2e4ee;font-size:18px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-block;text-decoration:none;border-radius:12px;padding:13px 22px;background:var(--shop-accent,#24cce7);color:#071a33;font-weight:800}.button.ghost{background:#ffffff12;color:white;border:1px solid #ffffff55}.hero-art{height:360px;display:grid;place-items:center;position:relative}.ring{position:absolute;border:1px solid #91e5f46f;border-radius:50%;width:260px;height:260px;box-shadow:0 0 75px #00cde922}.ring.r2{width:350px;height:350px;border-style:dashed;opacity:.48}.qr-mark{font-size:130px;color:var(--shop-accent,#24cce7);filter:drop-shadow(0 0 35px #1dcaf499)}.orbit-dot{position:absolute;width:18px;height:18px;border-radius:100%;background:#88f0ff;box-shadow:0 0 20px #60dfff}.one{top:45px;left:54px}.two{bottom:54px;right:42px}.section{padding-top:80px;padding-bottom:90px}.dev-note{border-left:4px solid #dd9c2e;background:#fff4d7;color:#563d11;padding:14px 18px;border-radius:8px;margin:20px 0 30px}.offers,.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.offer,.features article{background:white;border:1px solid #d6e3ed;border-radius:20px;padding:28px;box-shadow:0 14px 40px #062c5010}.offer{display:flex;flex-direction:column;min-width:0}.offer h3{font-size:23px;margin:0 0 12px}.offer .desc{color:#52677d;white-space:normal;min-height:60px}.count{padding-top:18px;margin-top:auto;border-top:1px solid #dbe7f1}.count strong{font-size:26px;color:#0c759d}.price{font-size:27px;font-weight:850;margin:18px 0}.price small{display:block;font-size:13px;font-weight:500;color:#647a8e}.disabled-button{font-size:13px;text-align:center;border-radius:10px;padding:12px 9px;background:#ebf0f5;color:#657587}.empty{padding:30px;background:white;border-radius:14px}.alt{background:#e8f2f8}.features article p{color:#577087}footer{background:#071a33;color:#d6e9f3;padding:34px 0}footer .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-art{height:240px;transform:scale(.7)}.offers,.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nav-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.hero{padding:52px 0 42px}.offers,.features{grid-template-columns:1fr}.section{padding-top:55px;padding-bottom:65px}.shell{width:min(100% - 26px,1140px)}.hero-art{height:190px;transform:scale(.58)}h1{font-size:37px}}

/* DEV2: scoped, reversible landing-only visual enhancements. */
:root{--shop-accent-text:#06182b;--shop-border:#d9e5f1;--shop-heading:#0b2140}
body{background:#f5f8fc;color:#122945}h1,h2,h3{color:var(--shop-heading)}
.skip-link{position:absolute;z-index:300;top:-100px;left:16px;padding:12px;background:#fff;color:#0b2140;border-radius:8px}
.skip-link:focus{top:12px}
.nav{position:relative;z-index:2;background:#09182f;box-shadow:0 1px 0 #ffffff17}
.nav-inner{min-height:78px}.brand{gap:13px;font-size:20px;min-width:0;max-width:53%}
.brand img{display:block;max-height:49px;max-width:min(300px,100%);width:auto;height:auto;object-fit:contain}
.brand-fallback{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--shop-accent-text);background:var(--shop-accent);font-weight:850;font-size:24px}
.nav nav a{color:#eff8ff}.nav nav a:hover{color:var(--shop-accent)}
.hero{position:relative;background:radial-gradient(ellipse at 78% 38%,#20517f65 0,transparent 47%),linear-gradient(125deg,#08182e,#102f50 66%,#091d37);padding:78px 0 84px}
.hero h1{color:#fff;max-width:760px;font-size:clamp(38px,4.4vw,59px)}.hero .kicker{color:var(--shop-accent)}
.hero-benefits{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:33px;font-size:13px;color:#bfdaec}
.hero-benefits span::before{content:'✓';color:var(--shop-accent);font-weight:850;margin-right:9px}
.button{background:var(--shop-accent);color:var(--shop-accent-text);transition:transform .18s,filter .18s;box-shadow:0 8px 20px #00182c21}
.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button.ghost{box-shadow:none}
.section{padding-top:70px;padding-bottom:77px}.section h2{margin-bottom:18px}.section .kicker{color:#0870a3}
.dev-note{border-radius:12px;border:1px solid #edcb7b;border-left:4px solid #bb8022;background:#fff9e8;line-height:1.55;max-width:100%}
.offers{align-items:stretch;gap:20px}
.offer{overflow:hidden;position:relative;border:1px solid #dce7f2;border-radius:18px;padding:0;box-shadow:0 10px 32px #0c2e5110;transition:border-color .2s,box-shadow .2s,transform .2s}
.offer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--shop-accent)}
.offer:hover{transform:translateY(-3px);border-color:#94cde3;box-shadow:0 18px 40px #0c2e511b}
.offer-top{padding:26px 26px 15px;min-height:134px}.offer-kicker{font-weight:850;color:#367b98;font-size:11px;letter-spacing:.12em}
.offer h3{font-size:25px;margin:7px 0 8px;overflow-wrap:anywhere}
.offer .desc{font-size:14px;color:#546b80;margin:0;min-height:0;line-height:1.55;overflow-wrap:anywhere}
.offer .desc.subdued{color:#788ba0}
.offer-bottom{padding:0 26px 26px;margin-top:auto}
.count{padding:16px 0;border-top:1px solid #e0eaf3;display:flex;gap:11px;align-items:baseline}
.count-number{font-weight:900;color:#087f9f;font-size:29px;line-height:1}
.count-label{font-size:13px;color:#506a7f;font-weight:650}
.price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 0 18px}
.price{font-size:30px;line-height:1.1;margin:0;font-weight:900;color:#082343}
.price-unit{font-size:13px;color:#647a8e}
.disabled-button{display:block;background:#e9eef3;color:#62758b;border:1px solid #dfe7ef;padding:12px 10px;font-size:13px;cursor:not-allowed}
.features article{padding:26px;border-radius:16px;box-shadow:0 10px 30px #002d4a0b}
.features article h3{font-size:19px}.alt{background:#eaf2f8}
#kontakt{padding-top:62px;padding-bottom:72px}#kontakt p{color:#556a7e;font-size:17px}
footer{background:#09182f}footer nav a:hover{color:var(--shop-accent)}
:focus-visible{outline:3px solid var(--shop-accent);outline-offset:4px}
@media(max-width:850px){.nav nav{gap:12px}.brand{max-width:45%}.hero{padding:67px 0 70px}.offer-top{min-height:130px}}
@media(max-width:560px){.nav-inner{align-items:flex-start;gap:14px;flex-direction:column;padding:18px 0}.brand{max-width:100%}.brand img{max-width:245px;max-height:54px}.nav nav{gap:14px}.hero{padding:48px 0 52px}.hero h1{font-size:clamp(34px,10vw,43px)}.hero-benefits{margin-top:24px}.offer-top{min-height:0;padding:23px 22px 15px}.offer-bottom{padding:0 22px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.offer,.button{transition:none}.offer:hover,.button:hover{transform:none}}