
:root{--bg:#081018;--card:#111a24;--soft:#1a2531;--line:#243243;--text:#eef5fb;--muted:#9fb2c1;--mint:#72e7c5;--blue:#63b3ff;--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#071018,#0c1420 18%,#0b131c 100%);color:var(--text)}a{color:var(--mint);text-decoration:none}img{max-width:100%;display:block}.hidden{display:none !important}
.container{width:min(1160px,calc(100% - 28px));margin:0 auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(7,16,24,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{font-weight:900;font-size:24px;letter-spacing:.04em}.brand span{color:var(--mint)}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-links a{color:#d6e4ef;font-weight:700}.lang-btn{border:1px solid var(--line);background:#101823;color:#d6e4ef;padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:800}.lang-btn.active{background:linear-gradient(135deg,var(--mint),#6fd0ff);color:#051018;border-color:transparent}
.hero{padding:46px 0 28px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--mint);font-weight:800;margin-bottom:12px}h1{font-size:clamp(38px,7vw,72px);line-height:.95;margin:0 0 14px}.lede{font-size:18px;line-height:1.65;color:#d8e8f2;max-width:720px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chip{padding:9px 13px;border-radius:999px;background:#0d1722;border:1px solid #203041;color:#d9e7f2;font-size:14px;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.primary,.outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;font-weight:800}.primary{background:linear-gradient(135deg,var(--mint),#78cbff);color:#041018;box-shadow:var(--shadow)}.outline{border:1px solid #294157;color:#eef5fb;background:transparent}.hero-note{margin-top:16px;color:#b7c9d5;font-size:14px;line-height:1.6}
.product-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-card{background:linear-gradient(180deg,#0f1723,#141e2a);border:1px solid #253243;border-radius:22px;padding:16px;box-shadow:var(--shadow)}.mini-title{font-weight:900;font-size:18px;margin-bottom:10px}.mini-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#fff}.mini-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mini-meta span{background:#0a1118;border:1px solid #243242;border-radius:999px;padding:7px 10px;font-size:12px;color:#cfe0ec}
.section{padding:34px 0}.section-heading{margin-bottom:18px}.section h2{font-size:clamp(28px,4vw,42px);margin:0}
.product-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 18px}.product-tab{border:1px solid #2a3c50;background:#111924;color:#ecf6fc;padding:12px 18px;border-radius:999px;font-size:16px;font-weight:900;cursor:pointer}.product-tab.active{background:linear-gradient(135deg,#7ce7c4,#70bfff);color:#051018;border-color:transparent}
.product-panel{display:none}.product-panel.active{display:block}.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.gallery-block,.product-copy,.buy-panel,.sidebar{background:linear-gradient(180deg,#101a26,#131e2b);border:1px solid #223245;border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.gallery-frame{position:relative;overflow:hidden;background:#f6f8fb;border-radius:18px;aspect-ratio:1/1}.gallery-frame img{width:100%;height:100%;object-fit:contain}.round-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:rgba(8,16,24,.86);color:#fff;font-size:34px;display:grid;place-items:center;cursor:pointer}.round-nav.previous{left:12px}.round-nav.next{right:12px}.counter{position:absolute;right:12px;bottom:12px;background:rgba(8,16,24,.84);padding:10px 12px;border-radius:999px;font-weight:800}.gallery-caption{margin-top:12px;font-size:18px;font-weight:800}.thumbs{display:flex;gap:10px;overflow:auto;padding:12px 2px 4px}.thumb{border:1px solid #2d3a47;background:#0b1219;border-radius:14px;padding:0;cursor:pointer;flex:0 0 86px}.thumb.active{outline:2px solid var(--mint)}.thumb img{width:84px;height:84px;object-fit:cover;border-radius:12px}
.product-badge{display:inline-block;background:#0a1420;border:1px solid #263547;padding:7px 10px;border-radius:999px;color:var(--mint);font-weight:800;font-size:13px;margin-bottom:10px}.product-copy h3{font-size:34px;margin:6px 0 8px}.product-description{color:#d4e3ef;line-height:1.72}.price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 14px}.price{font-size:42px;font-weight:900}.price-tag{color:var(--muted);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature{background:#0b1219;border:1px solid #233444;border-radius:18px;padding:14px}.feature strong{display:block;font-size:20px;margin-bottom:4px}.feature span{color:#bfd0dd;line-height:1.5}
.checkout-bg{background:linear-gradient(180deg,rgba(11,18,25,.7),rgba(15,25,35,.92));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.checkout-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.buy-panel h3,.sidebar h3{margin-top:0;font-size:26px}.hint,.side-note{color:#b7c7d3;line-height:1.65}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field label{font-weight:700;color:#d5e3ee}input,select{width:100%;padding:14px;border:1px solid #2b3c4d;border-radius:14px;background:#0a1017;color:#eef5fb;font:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 14px}.color-choice{padding:12px 15px;border-radius:14px;border:1px solid #2b3d4e;background:#0b1119;color:#eaf5fb;font-weight:800;cursor:pointer}.color-choice.active{background:linear-gradient(135deg,#75e5c7,#6bc4ff);border-color:transparent;color:#041018}.checkline{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:#d5e4ef;line-height:1.6}.checkline input{width:18px;height:18px;margin-top:4px}.disabled-panel{padding:14px;border:1px dashed #3f5368;border-radius:16px;background:#0a1118;color:#dbe8f2}.payment-message{margin-top:10px;color:#cde1ed}.payment-message.error{color:#ffadad}.payment-message.success{color:#83efbc}.status-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#0c1420;border:1px solid #2b3b4c;font-weight:800;color:#dbe8f2;margin-bottom:10px}.summary{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.summary.final{font-size:22px;font-weight:900;border-bottom:none;padding-top:18px}.footer{padding:24px 0 36px;color:#c9d7e3}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.legal-page{padding:50px 0}.legal-page .container{max-width:780px;background:#111a24;border:1px solid #233344;border-radius:22px;padding:24px}
@media (max-width: 980px){.hero-grid,.product-layout,.checkout-layout{grid-template-columns:1fr}.product-mini-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){.nav-inner,.footer-inner{flex-direction:column;align-items:flex-start}.product-mini-grid{grid-template-columns:1fr}.form-grid,.feature-grid{grid-template-columns:1fr}.price{font-size:34px}.thumb{flex-basis:72px}.thumb img{width:70px;height:70px}}

.demo-notice{background:linear-gradient(90deg,#29495a,#214a47);color:#f2fffb;padding:9px 12px;text-align:center;font-weight:800;font-size:13px;border-bottom:1px solid #6ad9c7}.demo-notice span{font-weight:500}
/* Responsive and keyboard refinements for the view-only demo. */
body{font-size:16px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.hero-grid,.product-layout,.checkout-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero-grid>*,.product-layout>*,.checkout-layout>*{min-width:0}h1{line-height:1.06}.gallery-frame{touch-action:pan-y}.thumbs{max-width:100%}.thumb img,.mini-card img{object-fit:contain}.eyebrow,.product-badge,.mini-meta span,.demo-notice{font-size:14px}.lang-btn{min-height:44px}.product-panel[hidden]{display:none}.section{scroll-margin-top:100px}.summary{flex-wrap:wrap}.feature{overflow-wrap:anywhere}
@media(max-width:980px){.hero-grid,.product-layout,.checkout-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.hero{padding:28px 0 12px}.product-mini-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.mini-card{padding:10px}.mini-meta{gap:4px}.mini-meta span{padding:4px 6px}.nav-inner{gap:10px}.nav-links{gap:10px}.brand{font-size:22px}.gallery-block,.product-copy,.buy-panel,.sidebar{padding:14px;border-radius:18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{padding:12px}.round-nav{width:44px;height:44px}.round-nav.previous{left:6px}.round-nav.next{right:6px}.product-copy h3{font-size:30px}.section{scroll-margin-top:140px}}
@media(max-width:360px){.feature-grid{grid-template-columns:1fr}.nav-links{gap:8px}.lang-btn{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.checkout-card{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.checkout-card h3{margin:0 0 12px}.checkout-steps{padding-left:24px;color:#d4e3ef;line-height:1.7}.checkout-steps li{padding:4px 0}.payment-methods{font-weight:700;line-height:1.6;color:var(--text)}.pay-button{border:0;width:100%;font:inherit;font-weight:800;cursor:pointer;min-height:52px}.pay-button:disabled{background:#263747;color:#b8c7d2;box-shadow:none;cursor:not-allowed}.checkout-status{font-size:14px;line-height:1.6;color:#c1d2de}.checkout-layout{align-items:start}
