:root{color-scheme:dark;--bg:#071426;--panel:#101f35;--line:#253e58;--text:#eef7ff;--muted:#a9bed2;--cyan:#51ddf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:20;background:white;color:black;padding:8px}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:15px max(22px,calc((100vw - 1160px)/2));background:#081527eF;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{display:flex;gap:12px;align-items:center;font-weight:850;letter-spacing:.08em}.brand small{font-weight:400;letter-spacing:.23em;font-size:.65em}.mark{display:grid;place-items:center;border-radius:12px;width:43px;height:43px;background:linear-gradient(130deg,#05e1f5,#365ef7,#b62bdb);font-weight:900}nav{display:flex;align-items:center;gap:24px}nav a:hover{color:var(--cyan)}nav button,.menu{background:#17304c;color:white;border:1px solid #3a6079;border-radius:10px;padding:7px 13px}.menu{display:none}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1200px;margin:auto;padding:72px 24px 85px}.glow{position:absolute;z-index:-1;left:15%;top:5%;width:70%;height:70%;background:radial-gradient(ellipse,#083a70aa,transparent 70%)}.hero-image{width:100%;border-radius:22px;box-shadow:0 0 50px #008bff22}.eyebrow{color:var(--cyan);font-size:.76rem;letter-spacing:.2em;font-weight:800}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.12;margin:15px 0}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:1.13rem}.cta{display:inline-block;margin-top:15px;background:linear-gradient(100deg,#007dd5,#15c5c6);padding:12px 24px;border-radius:11px;font-weight:750}.section{max-width:1200px;margin:auto;padding:64px 24px}.section h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:4px 0 12px}.muted{color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0}.controls input{flex:1;min-width:210px;background:#0d2036;border:1px solid #3b5a70;border-radius:10px;padding:11px 14px;color:white}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #36536c;background:#11243b;color:#d5e7f6;padding:9px 12px;border-radius:100px}.filters button.active{background:#137e9d;color:white;border-color:#42d4ef}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:linear-gradient(155deg,#142942,#0d1b2d);border:1px solid var(--line);border-radius:16px;padding:23px;display:flex;flex-direction:column;min-height:230px}.card:hover{border-color:#42bbd8;transform:translateY(-2px)}.card h3{margin:9px 0 5px}.card p{color:var(--muted);margin:0 0 16px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-icon{display:grid;place-items:center;font-size:1.7rem;width:50px;height:50px;border-radius:13px;background:#1b3a59}.status{font-size:.72rem;color:#b9d8ec;background:#24415a;padding:4px 9px;border-radius:50px}.card button{align-self:flex-start;margin-top:auto;border:0;background:transparent;color:#6ee5fa;padding:8px 0;font-weight:700}.about{border-top:1px solid var(--line)}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.info>div{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.info p{color:var(--muted)}.contact{padding-bottom:90px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px max(24px,calc((100vw - 1160px)/2));color:var(--muted);font-size:.85rem}dialog{width:min(600px,calc(100% - 30px));background:#101f35;color:white;border:1px solid #42718e;border-radius:17px;padding:30px}dialog::backdrop{background:#000b}.close{float:right;background:transparent;color:white;border:0;font-size:2rem}.store-link{display:inline-block;padding:10px 15px;background:#177eaa;border-radius:8px;margin-top:12px}.hidden{display:none}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:36px;gap:24px}.hero-image{max-width:550px;margin:auto}.hero-copy{text-align:center}.cards{grid-template-columns:repeat(2,1fr)}nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;padding:22px;background:#0c1b30}nav.open{display:flex}.menu{display:block}.info{grid-template-columns:1fr}}@media(max-width:550px){.cards{grid-template-columns:1fr}.section{padding:46px 18px}.header{padding:12px 18px}.hero{padding:28px 18px 55px}footer{flex-direction:column}.brand{font-size:.86rem}}

/* Dedicated product detail pages */
.detail-page{max-width:1060px;margin:0 auto;padding:44px 22px 90px;color:#edf7ff}.detail-nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:42px}.detail-nav a{color:#72ddff;text-decoration:none}.detail-hero{border:1px solid #25496c;border-radius:24px;background:linear-gradient(135deg,#102846,#09162b);padding:clamp(22px,5vw,64px);box-shadow:0 18px 60px #0004}.detail-hero .eyebrow{color:#67dbff;letter-spacing:.14em;font-size:12px}.detail-hero h1{font-size:clamp(30px,5vw,58px);margin:15px 0}.detail-hero p{max-width:700px;line-height:1.75;color:#d0e4f4}.detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.detail-meta span{background:#183754;padding:9px 14px;border-radius:99px;font-size:13px}.detail-section{margin-top:32px;border:1px solid #1f405f;border-radius:20px;padding:25px;background:#0d2036}.detail-section h2{margin-top:0}.detail-section p{line-height:1.7;color:#cbdceb}.detail-foot{margin-top:42px;color:#9cb3c9;font-size:13px}.detail-language{border:1px solid #4383a4;background:transparent;color:#dff8ff;border-radius:10px;padding:9px 13px;cursor:pointer}.detail-visual{max-width:100%;width:340px;border-radius:16px;display:block;margin:26px 0}.detail-pending{color:#f6d58e}.detail-section a{color:#7be1ff}

/* Vesarkesk Studio — unified premium design refinement */
:root{--bg:#060f20;--panel:#10223b;--line:#294766;--text:#f5faff;--muted:#b5c9de;--cyan:#65e5f3}
body{background:radial-gradient(ellipse 70% 35% at 48% 0%,#102d5c 0%,transparent 80%),#060f20;font-size:17px}
.header{padding-top:17px;padding-bottom:17px;box-shadow:0 8px 30px #0003}
.brand{letter-spacing:.06em}.brand small{color:#90c4d9}
.hero{max-width:1320px;gap:clamp(35px,5vw,88px);padding-top:82px;padding-bottom:105px}
.hero-image{max-width:560px;justify-self:center;box-shadow:0 0 80px #008bff16}
.hero h1{font-size:clamp(2.7rem,5.2vw,5.4rem);letter-spacing:-.045em}
.hero-copy>p:not(.eyebrow){font-size:1.2rem;max-width:560px}
.section{max-width:1320px;padding-top:76px;padding-bottom:76px}
.section h2{font-size:clamp(2.1rem,3.5vw,3.5rem);letter-spacing:-.035em}
.cards{gap:20px}.card{min-height:265px;padding:27px;border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 12px 35px #0002}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0005}.card h3{font-size:1.18rem}.card p{line-height:1.6}
.product-icon{width:58px;height:58px;border:1px solid #315d81;font-size:1.8rem}
.card button{font-size:.95rem}.info>div{padding:30px;border-radius:18px}
.controls{align-items:center}.controls input{padding:14px 16px}.filters button{padding:10px 15px}
nav a{font-weight:550}nav a:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6be9fa;outline-offset:3px}
.cta{padding:15px 26px;box-shadow:0 8px 28px #00b8ff24}.cta:hover{filter:brightness(1.12)}
footer{align-items:center;flex-wrap:wrap}
.brand-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1272px;margin:0 auto;padding:0 24px 30px}
.brand-strip>div{border:1px solid #28486b;border-radius:16px;background:#0c2039;padding:21px}
.brand-strip strong{display:block;font-size:1.03rem}.brand-strip span{color:#b5c9de;font-size:.86rem}
.quick-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.quick-links a{padding:10px 15px;border:1px solid #3b6686;border-radius:10px;color:#b8ecff}
@media(max-width:850px){.brand-strip{grid-template-columns:repeat(2,1fr)}.hero{padding-top:45px;padding-bottom:65px}}
@media(max-width:550px){.brand-strip{grid-template-columns:1fr;padding:0 18px 15px}.card{min-height:225px}.hero h1{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Shared document-page typography */
body>main:not(#main),.page-container{max-width:1100px;margin-inline:auto} .detail-page{max-width:1150px}.detail-hero{border-radius:28px}.detail-section{border-radius:20px} @media(max-width:600px){.detail-page{padding:28px 18px 65px}.detail-nav{flex-wrap:wrap}}

/* Official Vesarkesk brand identity — 2026-10-27 */
.brand-emblem{display:block;width:49px;height:49px;object-fit:contain;border-radius:10px;flex:none;box-shadow:0 0 18px #00bfff25}
.brand{gap:13px}.brand>span{font-weight:850;letter-spacing:.105em}
.hero-image{object-fit:contain;aspect-ratio:1/1;max-width:580px}
@media(max-width:550px){.brand-emblem{width:43px;height:43px}}