:root {
  --bg: #f6f7fb;
  --text: #111;
  --muted: #8d8d93;
  --accent: #9de1ff;
  --accent-strong: #5c9eff;
  --card: rgba(255, 255, 255, 0.06);
  --border: rgba(15, 17, 25, 0.12);
  --shadow: 0 35px 80px rgba(8, 10, 18, 0.35);
  --radius: 32px;
  --nav-height: 72px;
  font-family: "SF Pro Display", "SF Pro Text", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
* {box-sizing:border-box;margin:0;padding:0;}
body {
  color: var(--text);
  min-height: 100vh;
  line-height: 1.6;
  overflow-x: hidden;
  background:#fdfdfd;
}
img {max-width:100%;display:block;}
button,input,select,textarea {font:inherit;color:inherit;}

.global-nav {
  position: sticky;top: 0;z-index: 20;
  width: 100%;
  padding: 0.6rem clamp(1.5rem, 4vw, 4rem);
  min-height: var(--nav-height);
  background: rgba(255,255,255,0.9);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  backdrop-filter: blur(28px);
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  color: #111;
}
.nav-inner {max-width: 1240px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2.5rem);}
.logo {display:inline-flex;gap:4px;font-weight:600;letter-spacing:0.2em;text-decoration:none;color:inherit;}
.logo span:first-child {color: var(--accent-strong);}
.logo sup {font-size:0.55em;letter-spacing:normal;margin-left:2px;}
.nav-links {display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;}
.nav-link {display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;padding:0.4rem 0.9rem;border-radius:999px;transition:color .2s,background .2s;text-decoration:none;font-size:0.92rem;}
.nav-link.active,.nav-link:hover {background:rgba(0,0,0,0.08);color:#111;}
.nav-actions {display:flex;gap:0.5rem;align-items:center;}
.nav-banner {
  width:100%;
  text-align:center;
  font-size:0.7rem;
  letter-spacing:0.25em;
  text-transform:uppercase;
  padding:0.35rem 1rem;
  border-bottom:1px solid rgba(255,255,255,0.12);
  position:sticky;
  top:var(--nav-height);
  z-index:19;
  background:#05050c;
  color:#fff;
  transition:background 0.3s ease,color 0.3s ease,border-color 0.3s ease;
}
body[data-nav-theme="dark"] .nav-banner {
  background:#fff;
  color:#05050c;
  border-bottom-color:rgba(0,0,0,0.12);
}
body:not([data-nav-theme="dark"]) .nav-banner {
  background:#05050c;
  color:#fff;
  border-bottom-color:rgba(255,255,255,0.12);
}
body.nav-open .nav-banner {position:static;}
body.nav-open {overflow:hidden;}
.cart-button {position:relative;display:inline-flex;align-items:center;gap:0.3rem;border:1px solid rgba(0,0,0,0.1);background:#fff;color:#111;border-radius:999px;padding:0.35rem 0.9rem;cursor:pointer;transition:box-shadow 0.2s;}
.cart-button:hover {box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.cart-icon {width:18px;height:18px;border:2px solid currentColor;border-radius:4px;position:relative;}
.cart-icon::after {content:'';position:absolute;top:-4px;left:2px;width:10px;height:6px;border:2px solid currentColor;border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;}
.cart-count {font-size:0.8rem;font-weight:600;}
.user-button {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid rgba(5,5,12,0.2);background:#ffffff;margin-right:0.4rem;transition:box-shadow 0.2s,transform 0.2s,color 0.2s;color:#05050c;}
.user-button:hover {box-shadow:0 18px 28px rgba(5,5,12,0.35);transform:translateY(-1px);}
.user-icon {width:18px;height:18px;border-radius:50%;border:2px solid currentColor;position:relative;}
.user-icon::after {content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);width:18px;height:10px;border:2px solid currentColor;border-top:none;border-radius:999px;}
.nav-user-stack {display:flex;flex-direction:column;align-items:center;gap:0.3rem;}
.nav-user-stack .role-link {padding:0.2rem 0.8rem;font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;border-radius:999px;line-height:1;white-space:nowrap;}
.user-button.user-role-customer {background:var(--accent-strong);border-color:var(--accent-strong);color:#041221;}
.user-button.user-role-admin {background:#ff5c6c;border-color:#ff5c6c;}
.user-button.user-role-worker {background:#f7c948;border-color:#f7c948;color:#1a1a1a;}
.menu-toggle {display:none;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer;}
.menu-toggle span {width:24px;height:2px;background:currentColor;display:block;}
body[data-nav-theme="dark"] .global-nav {background:rgba(2,2,6,0.92);border-bottom-color:rgba(255,255,255,0.15);color:#f5f5f7;}
body[data-nav-theme="dark"] .nav-link.active,body[data-nav-theme="dark"] .nav-link:hover {background:rgba(255,255,255,0.15);color:#fff;}
body[data-nav-theme="dark"] .user-button:not(.user-role-customer):not(.user-role-admin):not(.user-role-worker) {background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25);color:#05050c;}
body[data-nav-theme="dark"] .user-button:not(.user-role-customer):not(.user-role-admin):not(.user-role-worker):hover {box-shadow:0 10px 25px rgba(0,0,0,0.3);}
body[data-nav-theme="dark"] .user-button.user-role-customer {background:var(--accent-strong);border-color:var(--accent-strong);color:#041221;}
body[data-nav-theme="dark"] .user-button.user-role-admin {background:#ff6272;border-color:#ff6272;}
body[data-nav-theme="dark"] .user-button.user-role-worker {background:#f8d45a;border-color:#f8d45a;color:#111;}

.site-map {position:fixed;right:clamp(0.5rem,2vw,1.5rem);top:18vh;font-size:0.75rem;padding:0;border:none;z-index:20;}
.site-map h3 {font-size:0.72rem;letter-spacing:0.28em;text-transform:uppercase;color:#777;margin-bottom:0.4rem;}
.site-map ol {list-style:none;display:flex;flex-direction:column;gap:0.35rem;}
.site-map li {display:flex;align-items:center;gap:0.45rem;}
.site-map li::before {content:'';width:6px;height:6px;border-radius:50%;background:rgba(20,20,20,0.4);}
.site-map button {border:none;background:transparent;color:#333;cursor:pointer;text-align:left;font-size:0.72rem;transition:color .2s;}
.site-map button.active,.site-map button:hover {color:#000;}
body[data-nav-theme="dark"] .site-map h3 {color:rgba(255,255,255,0.6);}
body[data-nav-theme="dark"] .site-map button {color:rgba(255,255,255,0.72);}
body[data-nav-theme="dark"] .site-map li::before {background:rgba(255,255,255,0.5);}

main {width:100%;margin:0;padding-bottom:6rem;}
.panel {width:100%;padding:clamp(1.5rem,6vw,4rem) 0;border-bottom:1px solid rgba(15,17,25,0.08);}
.panel > *:not(.technology-media) {width:min(1200px,calc(100% - 3rem));margin:0 auto;}
.panel.theme-light {background:#fff;color:#0a0a0f;border-bottom-color:rgba(0,0,0,0.06);}
.panel.theme-dark {background:#050505;color:#f5f5f7;border-bottom-color:rgba(255,255,255,0.08);}
.panel.theme-night {background:#04040a;color:#f9f9ff;border-bottom-color:rgba(255,255,255,0.08);}
.panel.theme-mid {background:#04050a;color:#f5f5f7;border-bottom-color:rgba(255,255,255,0.08);}
.panel.theme-ivory {background:#fdfcf6;color:#10121a;border-bottom-color:rgba(0,0,0,0.04);}
.panel.theme-porcelain {background:#f6f7fb;color:#10121a;border-bottom-color:rgba(0,0,0,0.04);}
.panel.theme-graphite {background:#0b0d16;color:#f5f5f7;border-bottom-color:rgba(255,255,255,0.1);}
.panel.full-bleed {width:100%;padding-left:clamp(1.5rem,6vw,5rem);padding-right:clamp(1.5rem,6vw,5rem);}
.panel.full-bleed > * {max-width:1400px;}
.eyebrow {text-transform:uppercase;letter-spacing:0.18em;font-size:0.74rem;color:var(--muted);margin-bottom:0.6rem;}
.btn {border:none;border-radius:999px;padding:0.7rem 1.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.btn.primary {background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#041221;font-weight:600;box-shadow:0 18px 30px rgba(64,124,255,0.35);}
.btn.secondary {background:rgba(255,255,255,0.1);color:var(--text);border:1px solid rgba(255,255,255,0.15);}
.theme-light .btn.secondary {background:rgba(0,0,0,0.04);color:#151515;border-color:rgba(0,0,0,0.12);}
.btn.ghost {background:transparent;border:1px solid rgba(255,255,255,0.2);color:var(--text);}
.theme-light .btn.ghost {border-color:rgba(0,0,0,0.2);color:#111;}
.btn.surface {background:#fff;color:#050814;border:1px solid rgba(6,10,30,0.14);box-shadow:0 22px 42px rgba(5,8,20,0.18);}
.btn.surface:hover {box-shadow:0 30px 60px rgba(4,6,16,0.25);}
.btn.btn-white {color:#fff!important;border-color:rgba(255,255,255,0.4)!important;}
.btn:active {transform:translateY(1px) scale(0.99);}

.hero {padding-top:clamp(3rem,5vw,5rem);}
.hero-stack-inner {width:min(1200px,calc(100% - 3rem));margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem;}
.hero-stack h1 {margin:0;line-height:1.05;}
.hero-line {display:block;font-size:clamp(2.8rem,4vw,4.6rem);letter-spacing:-0.02em;color:#090a0f;}
.hero-line-sub {font-size:clamp(1.5rem,2.3vw,2.6rem);color:#6b6b74;}
.hero-stack .lead {color:#2d2d34;max-width:40rem;}
.hero-meta {display:flex;flex-wrap:wrap;gap:0.9rem;align-items:center;justify-content:center;}
.price-tag {display:inline-flex;align-items:center;gap:0.45rem;font-weight:600;background:rgba(10,10,15,0.08);padding:0.35rem 1rem;border-radius:999px;color:#111;border:1px solid rgba(0,0,0,0.05);}
.energy-badge {display:inline-flex;align-items:center;gap:0.2rem;padding:0.15rem 0.6rem;border-radius:999px;background:#18c964;color:#031306;font-size:0.68rem;letter-spacing:0.08em;}
.energy-badge::before {content:'⚡';font-size:0.7rem;}
.hero-device {position:relative;display:grid;place-items:center;isolation:isolate;perspective:2200px;transform-style:preserve-3d;}
.hero-device::before {content:'';position:absolute;inset:auto 15% -30px 15%;height:52px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,0.35),transparent 70%);filter:blur(18px);opacity:0.55;z-index:-1;}
.hero-device img {width:min(370px,72%);filter:drop-shadow(0 35px 50px rgba(0,0,0,0.25));transition:transform 0.6s cubic-bezier(0.19,1,0.22,1),opacity 0.6s;transform-origin:center;transform-style:preserve-3d;animation:heroReveal 1.2s cubic-bezier(0.19,1,0.22,1) forwards,heroOrbit 9s ease-in-out 1.2s infinite alternate;}
.hero {position:relative;overflow:hidden;}
.hero::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,0.6),transparent 55%),radial-gradient(circle at 80% 0,rgba(255,255,255,0.45),transparent 60%),linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0));opacity:0.35;mix-blend-mode:screen;filter:blur(40px);animation:waterSurface 12s ease-in-out infinite alternate;}
.hero > * {position:relative;z-index:1;}
.scroll-cue {margin-top:1.5rem;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.08);border-radius:999px;padding:0.4rem 1rem;display:inline-flex;align-items:center;gap:0.6rem;font-size:0.85rem;color:#111;cursor:pointer;animation:bob 2.5s ease-in-out infinite;box-shadow:0 18px 30px rgba(0,0,0,0.12);}
.scroll-cue .scroll-arrow {display:inline-block;font-size:1.4rem;transform:rotate(90deg);}
@keyframes bob {0% {transform:translateY(0);} 50% {transform:translateY(8px);} 100% {transform:translateY(0);}}
@keyframes heroReveal {
  0% {opacity:0;transform:translate3d(0,100px,-240px) rotateX(65deg) rotateY(-35deg) scale(0.78);filter:blur(20px);}
  55% {opacity:1;transform:translate3d(0,-12px,60px) rotateX(-15deg) rotateY(8deg) scale(1.05);filter:blur(0);}
  100% {opacity:1;transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) scale(1);filter:blur(0);}
}
@keyframes heroOrbit {
  0% {transform:rotateX(-4deg) rotateY(6deg) scale(1);}
  100% {transform:rotateX(8deg) rotateY(-8deg) scale(1.02);}
}
@keyframes waterSurface {
  0% {transform:translate3d(0,0,0) scale(1);}
  100% {transform:translate3d(-40px,20px,0) scale(1.05);}
}
.lead {font-size:1.05rem;line-height:1.6;}

.spec-list {list-style:none;display:grid;gap:0.5rem;color:#59595f;margin:1.2rem 0;}

.design-stack {display:flex;flex-direction:column;gap:1.5rem;text-align:center;align-items:center;}
.design {display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);align-items:center;}
.design-copy {max-width:640px;}
.color-picker {margin-top:1.5rem;}
.color-picker p {font-size:0.8rem;letter-spacing:0.16em;text-transform:uppercase;color:#8a8a94;margin-bottom:0.4rem;}
.color-options {display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;}
.color-option {display:inline-flex;align-items:center;gap:0.45rem;padding:0.45rem 0.9rem;border-radius:999px;border:1px solid rgba(0,0,0,0.12);background:rgba(255,255,255,0.9);color:#151515;cursor:pointer;transition:all 0.3s ease;}
.color-option .swatch {width:18px;height:18px;border-radius:50%;background:var(--tone,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15);}
.color-option.is-active {background:#111;color:#fff;border-color:#111;box-shadow:0 12px 24px rgba(0,0,0,0.18);}
.design-preview {position:relative;border-radius:38px;padding:2rem;background:var(--design-bg,#111);box-shadow:0 40px 90px rgba(7,9,18,0.25);overflow:hidden;text-align:center;width:min(520px,90vw);}
.design-preview img {width:80%;margin:0 auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,0.35));mix-blend-mode:screen;transition:transform 0.8s cubic-bezier(0.19,1,0.22,1),opacity 0.8s;}
.design-preview.is-shifting img {transform:translateY(-12px) scale(1.03);}
.design-preview figcaption {margin-top:1rem;font-size:0.9rem;color:rgba(255,255,255,0.78);}
.design-preview[data-color="mist"] {--design-bg:linear-gradient(145deg,#f4f8fb,#cddae6);color:#0f111a;}
.design-preview[data-color="clay"] {--design-bg:linear-gradient(145deg,#f0d6c6,#d49c79);color:#0f111a;}
.design-preview[data-color="void"] {--design-bg:linear-gradient(145deg,#1a1c26,#05070f);color:#f5f5f7;}
.design-preview[data-color="mist"] figcaption,
.design-preview[data-color="clay"] figcaption {color:#0f111a;}
.design-preview[data-color="void"] figcaption {color:rgba(255,255,255,0.82);}
.design-process {padding-top:0;}
.process-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem;}
.process-grid article {background:#fff;border-radius:32px;padding:1.5rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.materials-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;}
.materials-grid article {border-radius:28px;padding:1.2rem;background:#f0f2f8;border:1px solid rgba(0,0,0,0.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4);}
.design-labs .panel-grid article {background:#fdfcf6;border:1px solid rgba(0,0,0,0.05);box-shadow:0 30px 60px rgba(0,0,0,0.08);}

.features {color:#111;}
.section-header {text-align:left;margin-bottom:1.5rem;}
.section-header h2 {font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;}
.feature-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(0.8rem,2vw,1.5rem);}
.feature-card {border-radius:32px;background:#f4f6fb;padding:1.6rem;display:flex;flex-direction:column;gap:0.8rem;min-height:260px;box-shadow:0 25px 60px rgba(16,18,28,0.08);transform:translateY(20px);opacity:0.85;transition:transform 0.6s ease,box-shadow 0.6s ease,opacity 0.6s ease;}
.feature-card.is-visible {transform:translateY(0);opacity:1;box-shadow:0 35px 80px rgba(16,18,28,0.12);}
.feature-media {height:140px;border-radius:24px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.04);}
.feature-card h3 {font-size:1.1rem;}
.feature-card p {color:#5a5a64;}
.feature-detail-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:3rem;}
.feature-detail-grid article {background:rgba(255,255,255,0.95);border-radius:28px;padding:1.2rem 1.4rem;box-shadow:0 25px 45px rgba(0,0,0,0.08);color:#101019;}
.feature-detail-grid .feature-detail {margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,0.08);}
.story-grid {padding:clamp(3rem,8vw,5rem) 0;}
.story-columns {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;}
.story-columns article {background:#fff;border-radius:32px;padding:1.4rem 1.6rem;box-shadow:0 35px 65px rgba(0,0,0,0.08);}
.story-columns h4 {margin-bottom:0.4rem;}
.feature-panels {padding-top:0;}
.panel-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;}
.feature-panels article {background:rgba(255,255,255,0.05);border-radius:32px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 25px 50px rgba(0,0,0,0.45);}

.pinned {position:relative;}
.technology {overflow:hidden;padding-top:1.5rem;}
.technology-wrap {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,3rem);align-items:center;}
.technology-media {position:relative;text-align:center;}
.technology-media img {width:min(420px,90%);filter:drop-shadow(0 35px 80px rgba(0,0,0,0.45));}
.technology .pin-slides {display:grid;gap:2rem;}
.technology .pin-slides article {background:rgba(5,6,10,0.8);border-radius:28px;padding:1.8rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 35px 80px rgba(0,0,0,0.35);}
.technology .pin-slides article h3 {font-size:clamp(1.2rem,2vw,1.8rem);}
.technology .pin-slides .tech-note {margin-top:0.8rem;color:rgba(255,255,255,0.6);}
.pin-slides article {opacity:0.3;transition:opacity .4s ease;}
.tech-layers {padding-top:0;}
.tech-spec-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem;}
.tech-spec-grid article {background:rgba(8,9,14,0.85);border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 25px 55px rgba(0,0,0,0.45);color:#f5f5f7;}
.tech-timeline {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;}
.tech-timeline > div {background:rgba(255,255,255,0.05);border-radius:24px;padding:1.2rem;border:1px solid rgba(255,255,255,0.08);}
.tech-timeline strong {display:block;margin-bottom:0.2rem;}
.tech-labs .panel-grid article {background:#fff;border-radius:30px;padding:1.5rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.grounding-details {padding-top:0;}
.grounding-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:1.5rem;}
.grounding-grid article {background:#fff;border-radius:28px;padding:1.4rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.grounding-steps {background:#f7f8fb;border-radius:32px;padding:1.5rem;}
.grounding-steps ol {margin:0;padding-left:1.2rem;display:grid;gap:0.8rem;color:#4b4b55;}
.grounding-steps strong {display:block;font-weight:600;color:#0b0b11;}

.sessions .session-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;text-align:center;}
.sessions span {font-size:2.4rem;font-weight:600;}
.session-bar {margin-top:2.5rem;border-radius:999px;border:1px solid var(--border);padding:0.5rem;}
.session-bar .fill {height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));width:0;animation:fill 6s ease forwards;}
.session-bar p {margin-top:0.8rem;font-size:0.9rem;color:var(--muted);}

.features-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.features-grid article {border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem;background:var(--card);}

.purchase-header {text-align:center;margin-bottom:2.5rem;}
.purchase-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}
.purchase-grid.teaser .card {min-height:220px;display:flex;flex-direction:column;gap:0.8rem;justify-content:space-between;}
.purchase-grid.teaser img {margin-top:1rem;}
.shop-flow header {text-align:center;margin-bottom:2rem;color:#111;}
.shop-steps {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;}
.shop-step {display:flex;gap:1rem;padding:1.2rem;border-radius:28px;background:#fff;color:#111;box-shadow:0 18px 38px rgba(15,15,25,0.08);}
.shop-step span {flex:none;width:40px;height:40px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:600;}
.shop-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.secure-note {font-size:0.85rem;color:#8d8d93;margin-top:1rem;}
.summary {background:#fff;color:#111;}
.card {background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 15px 35px rgba(0,0,0,0.25);}
.card h3 {margin-bottom:1rem;}
label {display:grid;gap:0.4rem;font-size:0.9rem;color:var(--muted);margin-bottom:1rem;}
input,select,textarea {border-radius:16px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);padding:0.7rem 1rem;transition:border 0.2s,box-shadow 0.2s;}
input:focus,select:focus,textarea:focus {outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 2px rgba(92,158,255,0.25);}
textarea {resize:vertical;}
.payments {display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.4rem;}
.payments label {border-radius:999px;border:1px solid rgba(255,255,255,0.1);padding:0.4rem 0.8rem;align-items:center;grid-auto-flow:column;justify-content:flex-start;}
.payments input {margin-right:0.4rem;}
.form-actions {display:flex;gap:0.8rem;flex-wrap:wrap;}
.cta-stack {display:flex;gap:0.6rem;flex-wrap:wrap;}
.timeline ol {list-style:none;display:grid;gap:0.6rem;}
.timeline li {padding-left:1.4rem;position:relative;}
.timeline li::before {content:"";position:absolute;left:0;top:0.4rem;width:10px;height:10px;border-radius:50%;background:var(--accent);}
.gateway img {margin:1rem 0;}
.gateway-steps {display:flex;justify-content:space-between;font-size:0.9rem;color:var(--muted);}
.conversion {margin-top:1rem;color:var(--muted);}

.account-links {display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center;margin-top:1rem;}
.account-links span {font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(10,12,30,0.6);}
.account-links .chip {display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.9rem;border-radius:999px;border:1px solid rgba(10,12,30,0.12);font-size:0.82rem;color:#0d1330;background:#fff;box-shadow:0 12px 24px rgba(10,12,30,0.08);text-decoration:none;}
.account-links .chip:hover {border-color:var(--accent-strong);}
.account-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.card.compact {padding:1.25rem;display:flex;flex-direction:column;gap:0.7rem;}
.support-card ul {list-style:none;padding:0;margin:0.5rem 0 1rem;display:flex;flex-direction:column;gap:0.5rem;color:#4a4d63;}
.support-card ul strong {display:block;font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:#1d2138;margin-bottom:0.2rem;}
.support-card a {color:var(--accent-strong);text-decoration:none;}
.support-card a:hover {text-decoration:underline;}
.support-actions {display:flex;flex-wrap:wrap;gap:0.6rem;}

.auth-panel-stack {padding-top:clamp(2rem,5vw,4rem);}
.auth-layout {display:grid;grid-template-columns:minmax(0,640px);gap:clamp(1.5rem,3vw,3rem);align-items:start;justify-content:center;margin:2rem auto 0;max-width:1200px;padding:0 1rem;}
.auth-layout.has-side {grid-template-columns:minmax(0,640px) minmax(0,1fr);}
.auth-shell {background:rgba(255,255,255,0.04);border:1px solid rgba(15,17,25,0.08);border-radius:32px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:0 25px 60px rgba(10,12,20,0.12);margin:0 auto 5rem;width:100%;max-width:640px;}
.auth-tabs {display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem;justify-content:center;}
.auth-tab {border-radius:999px;border:1px solid transparent;background:rgba(255,255,255,0.04);color:inherit;padding:0.45rem 1.4rem;font-weight:500;cursor:pointer;transition:background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;}
.auth-tab.is-active {background:#111;color:#fff;border-color:#000;box-shadow:0 18px 36px rgba(0,0,0,0.2);}
.auth-panels {position:relative;min-height:540px;}
.auth-panel {display:flex;flex-direction:column;gap:0.9rem;position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity 0.35s ease,transform 0.35s ease;}
.auth-panel h3 {margin-bottom:0.4rem;}
.auth-panel label {display:grid;gap:0.35rem;margin-bottom:0;}
.auth-panel label input,
.auth-panel label select {border:1px solid rgba(15,17,25,0.12);background:#fff;color:#111;border-radius:18px;padding:0.65rem 0.95rem;}
.auth-panel .form-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.8rem;}
.auth-panel .checkbox {align-items:flex-start;margin-bottom:0;}
.auth-panel .checkbox input {margin-top:0.25rem;}
.auth-panel .btn {width:max-content;}
.auth-panel .auth-hint {font-size:0.9rem;color:var(--muted);}
.link-button {border:none;background:transparent;color:var(--accent-strong);cursor:pointer;font-weight:600;padding:0;margin-left:0.25rem;}
.reset-tabs {display:flex;gap:0.5rem;margin-bottom:1rem;justify-content:center;}
.reset-tab {flex:1;border-radius:16px;border:1px solid rgba(15,17,25,0.15);background:transparent;padding:0.5rem 1rem;cursor:pointer;font-weight:500;}
.reset-tab.is-active {background:#111;color:#fff;border-color:#000;}
.reset-panels {position:relative;min-height:320px;margin-top:0.5rem;}
.auth-panel [data-reset-panel] {display:flex;flex-direction:column;gap:0.8rem;padding:1rem 0;border-top:1px solid rgba(15,17,25,0.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;position:absolute;inset:0;}
.auth-side {display:none;gap:1rem;}
.auth-layout.has-side .auth-side {display:grid;}
.auth-side .card {background:#fff;color:#111;border-radius:32px;padding:1.5rem;box-shadow:0 25px 60px rgba(10,12,20,0.15);}
.auth-side .dashboard table {color:#111;}
.auth-shell[data-auth-view="login"] [data-auth-panel="login"],
.auth-shell[data-auth-view="register"] [data-auth-panel="register"],
.auth-shell[data-auth-view="reset"] [data-auth-panel="reset"] {opacity:1;visibility:visible;pointer-events:auto;position:relative;transform:none;}
.auth-shell[data-reset-view="request"] [data-reset-panel="request"],
.auth-shell[data-reset-view="confirm"] [data-reset-panel="confirm"] {opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.auth-shell[data-reset-view="request"] .reset-tab[data-reset-target="request"],
.auth-shell[data-reset-view="confirm"] .reset-tab[data-reset-target="confirm"] {background:#111;color:#fff;border-color:#000;}

body.login-page {background:#f5f6fb;}
body.login-page .panel.account {padding-top:3rem;padding-bottom:4rem;}
body.login-page .card {background:#fff;border:1px solid rgba(10,15,35,0.08);box-shadow:0 30px 60px rgba(9,12,30,0.08);}
body.login-page input,
body.login-page select,
body.login-page textarea {background:#fff;border:1px solid rgba(7,11,25,0.12);color:#0b1021;}
body.login-page input:focus,
body.login-page select:focus,
body.login-page textarea:focus {border-color:var(--accent-strong);box-shadow:0 0 0 3px rgba(92,158,255,0.25);}
body.login-page .dashboard table {color:#0b1021;}
.form-card {display:flex;flex-direction:column;gap:0.2rem;}
.form-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.form-links {display:flex;gap:0.8rem;flex-wrap:wrap;margin-top:0.6rem;}
.form-link {font-size:0.85rem;color:var(--accent-strong);text-decoration:none;}
.form-link:hover {text-decoration:underline;}
.reset-stack {margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}
.support-wide {margin-top:3.5rem;}
.support-card.wide {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:stretch;}
.support-card.wide .support-meta ul {list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:0.6rem;color:#1b2140;}
.support-card.wide .support-meta ul strong {display:block;font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;color:#6a6d80;margin-bottom:0.15rem;}
.support-card.wide iframe {width:100%;min-height:220px;border:none;border-radius:18px;box-shadow:0 18px 40px rgba(10,15,30,0.15);}
.support-meta {display:flex;flex-direction:column;gap:1rem;}
.form-note {font-size:0.85rem;color:rgba(15,15,25,0.6);margin-bottom:0.8rem;}
.checkbox {display:flex;gap:0.6rem;align-items:flex-start;}
.checkbox input {margin-top:0.35rem;}
.dashboard table,.admin table,.worker table {width:100%;border-collapse:collapse;font-size:0.9rem;}
.dashboard th,.dashboard td,.admin th,.admin td,.worker th,.worker td {border-bottom:1px solid rgba(255,255,255,0.08);padding:0.5rem 0;}

.admin-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem;}
.heatmap {margin-top:1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.heatmap span {width:100%;aspect-ratio:1;border-radius:8px;background:rgba(255,255,255,0.06);}
.users ul,#user-list {list-style:none;display:grid;gap:0.4rem;}

.blog-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;}
.blog-list {display:grid;gap:1rem;}
.blog-list article {display:grid;grid-template-columns:160px 1fr;gap:1rem;padding:1rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--border);align-items:center;}
.blog-list button {margin-top:0.6rem;}
.blog-detail {margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius);background:rgba(255,255,255,0.03);border:1px solid var(--border);}

.newsletter {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.email-center ul {list-style:none;display:grid;gap:0.6rem;font-size:0.85rem;color:var(--muted);}

.policies {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.support-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;padding-top:0;}
.support-card {background:#fff;border-radius:30px;padding:1.5rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.contact-cta {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;}
.contact-cta .btn {flex:none;}
.map-embed {margin-top:1rem;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,0.15);}
.map-embed iframe {width:100%;height:240px;border:0;}
.support-steps .panel-grid article {background:#fff;border-radius:30px;padding:1.4rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}

.footer {text-align:center;padding-bottom:4rem;}
.footer a {color:var(--accent);margin:0 0.5rem;}

.function-carousel {padding:clamp(3rem,8vw,6rem) 0;}
.function-carousel header {text-align:center;margin-bottom:2.5rem;}
.function-carousel-mask {position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(17,23,36,0.65));box-shadow:0 60px 120px rgba(4,6,12,0.45);padding:clamp(1.5rem,3vw,3rem);}
.function-carousel-track {display:flex;align-items:stretch;gap:clamp(1rem,3vw,2rem);transition:transform 0.8s cubic-bezier(0.19,1,0.22,1);will-change:transform;touch-action:pan-y;cursor:grab;}
.function-carousel-track.is-dragging,
.function-carousel-track.no-transition {transition:none!important;cursor:grabbing;}
.function-card {flex:0 0 clamp(280px,45vw,480px);display:flex;flex-direction:column;gap:0.8rem;padding:clamp(1.5rem,4vw,3rem);border-radius:28px;background:linear-gradient(180deg,rgba(10,12,22,0.9),rgba(3,4,9,0.8));border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(18px);opacity:0.55;transform:scale(0.9);transition:transform 0.6s,opacity 0.6s,box-shadow 0.6s;text-align:left;}
.function-card img {width:min(70%,360px);height:10rem;object-fit:contain;border-radius:22px;align-self:center;box-shadow:0 30px 60px rgba(0,0,0,0.35);margin-top:auto;}
.function-label {text-transform:uppercase;font-size:0.75rem;letter-spacing:0.25em;color:rgba(255,255,255,0.6);}
.function-card h4 {font-size:clamp(1.2rem,2vw,1.6rem);}
.function-card.active {opacity:1;transform:scale(1);box-shadow:0 40px 100px rgba(10,15,35,0.5);}
.function-card.is-near {opacity:0.8;transform:scale(0.95);}
.function-card:not(.active):not(.is-near) {filter:blur(0.5px);}
.function-notes {padding-top:0;}
.function-rows {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;}
.function-rows article {background:#fff;border-radius:32px;padding:1.4rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.function-notes {margin-top:2rem;}
.function-labs .panel-grid article {background:#f7f8fb;border-radius:30px;padding:1.4rem;box-shadow:0 25px 50px rgba(0,0,0,0.08);}
.function-controls {display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem;}
.carousel-arrow {width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);background:transparent;color:#fff;font-size:1.4rem;cursor:pointer;transition:background 0.3s;}
.carousel-arrow:hover {background:rgba(255,255,255,0.2);}
.carousel-dots {display:flex;gap:0.4rem;align-items:center;}
.carousel-dot {width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.35);border:none;cursor:pointer;transition:transform 0.3s,background 0.3s;}
.carousel-dot[aria-selected="true"] {background:linear-gradient(90deg,var(--accent),var(--accent-strong));transform:scale(1.2);}
.carousel-progress {width:100%;height:4px;background:rgba(255,255,255,0.15);margin-top:1.5rem;border-radius:999px;overflow:hidden;}
.carousel-progress span {display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));width:0;transition:width 0.35s ease;}

.compare header {text-align:center;margin-bottom:1.5rem;}
.compare-controls {display:flex;flex-direction:column;gap:0.6rem;max-width:320px;margin:0 auto 1.5rem;color:#222;}
.compare-controls select {padding:0.8rem 1rem;border-radius:999px;border:1px solid rgba(0,0,0,0.1);color:#111;}
.compare-matrix {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1rem;}
.compare-card {border-radius:28px;padding:1.5rem;border:1px solid rgba(0,0,0,0.05);background:#fff;box-shadow:0 20px 40px rgba(15,17,25,0.08);}
.compare-card.omega {background:#0d1119;color:#f5f5f7;border-color:rgba(255,255,255,0.08);}
.compare-card h3 {margin:0 0 0.6rem;}
.compare-card ul {list-style:disc;margin-left:1.2rem;color:inherit;line-height:1.6;}
.compare-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;}
.compare-stats div {background:#fff;border-radius:22px;padding:0.8rem 1.2rem;box-shadow:0 12px 30px rgba(15,17,25,0.08);display:flex;flex-direction:column;gap:0.2rem;}
.compare-stats strong {font-size:1.5rem;}
.compare-delta {background:#fff;border-radius:28px;padding:1.4rem;border:1px solid rgba(0,0,0,0.06);box-shadow:0 18px 38px rgba(15,15,25,0.05);margin-top:0.6rem;}
.compare-delta strong {display:block;margin-bottom:0.4rem;}
.panel.full-bleed.compare > * {max-width:1100px;margin-left:auto;margin-right:auto;}

.patents {background:#f6f7fb;color:#111;}
.patents-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.patents-grid article {background:#fff;border-radius:24px;padding:1.4rem;box-shadow:0 20px 40px rgba(15,17,29,0.08);}
.panel.full-bleed.patents > * {max-width:1200px;margin-left:auto;margin-right:auto;}
.badge {display:inline-flex;align-items:center;justify-content:center;padding:0.12rem 0.5rem;border-radius:999px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;}
.badge-new {background:#d1fae5;color:#065f46;}
.badge-alert {background:#fee2e2;color:#b91c1c;}

.shop-banner {
  display:flex;
  flex-direction:column;
  gap:1.5rem;
  align-items:flex-start;
  padding-top:clamp(1.5rem,4vw,3rem);
  padding-bottom:clamp(1.5rem,4vw,3rem);
}
.shop-banner .shop-inner {max-width:960px;margin:0;text-align:left;}
.shop-inner.compact .shop-actions {margin-top:0.5rem;}
.shop-banner h2 {font-size:clamp(2rem,3vw,2.8rem);margin-bottom:0.5rem;}
.shop-actions {display:flex;gap:0.8rem;flex-wrap:wrap;}
.shop-banner .btn.secondary {background:rgba(255,255,255,0.08);color:#fff;border-color:rgba(255,255,255,0.2);}
.shop-lead-note {margin-top:0.6rem;color:#6a6a74;font-size:0.95rem;}
.configurator header {text-align:center;margin-bottom:2rem;}
.config-form {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.config-form label {display:flex;flex-direction:column;gap:0.4rem;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;color:#6a6a74;}
.config-form select,
.config-form input {border-radius:18px;border:1px solid rgba(0,0,0,0.08);padding:0.6rem 0.9rem;background:#fff;font-size:1rem;color:#0f0f19;}
.config-actions {grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;}
.config-actions p {margin:0;color:#6a6a74;}
.shop-journey .panel-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;}
.shop-journey .panel-grid article {background:#fff;border-radius:30px;padding:1.4rem;box-shadow:0 30px 60px rgba(0,0,0,0.08);}
.product-showcase header {text-align:center;margin-bottom:2rem;}
.shop-lead {text-align:left;margin-bottom:1.5rem;}
.product-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;}
.product-card {background:#fff;border-radius:36px;padding:1.8rem;box-shadow:0 40px 70px rgba(15,17,25,0.08);display:flex;flex-direction:column;gap:1.2rem;}
.product-head {display:flex;flex-direction:column;gap:0.2rem;}
.product-head .price {font-size:1.2rem;font-weight:600;color:#0f111c;}
.product-preview {position:relative;border-radius:32px;padding:2rem;background:var(--product-tone,#0b0b0f);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),0 30px 60px rgba(0,0,0,0.2);color:#fff;transition:background 0.3s ease;}
.product-preview-label {font-size:0.9rem;opacity:0.8;}
.product-list {list-style:none;padding:0;margin:0;display:grid;gap:0.4rem;color:#4b4b55;}
.product-colors {display:flex;flex-wrap:wrap;gap:0.4rem;}
.product-card .color-option {border-color:rgba(0,0,0,0.15);background:#f6f7fb;color:#0f111a;}
.product-card .color-option.is-active {background:#0f111a;color:#fff;border-color:#0f111a;}

.hero-device::after {content:'';position:absolute;inset:10% 22% auto 22%;height:50%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,0.35),transparent 60%);opacity:0.12;filter:blur(10px);pointer-events:none;mix-blend-mode:screen;}

/* Responsive layout */
@media (max-width: 1280px) {
  .panel > *:not(.technology-media) {width:min(1000px,calc(100% - 2.5rem));}
  .panel.full-bleed > * {max-width:min(1100px,calc(100% - 2.5rem));}
  .hero-stack-inner {width:min(1100px,calc(100% - 2.5rem));}
}

@media (max-width: 1024px) {
  .panel > *:not(.technology-media) {width:calc(100% - 2rem);}
  .panel.full-bleed > * {max-width:calc(100% - 2rem);}
  .global-nav {padding:0.6rem clamp(1rem,4vw,2rem);}
  .hero-stack-inner {text-align:left;align-items:flex-start;}
  .hero-meta {justify-content:flex-start;}
  .panel-grid,
  .purchase-grid,
  .shop-grid,
  .account-grid,
  .support-grid,
  .configurator-grid,
  .function-labs .panel-grid,
  .shop-journey .panel-grid {grid-template-columns:1fr;}
  .auth-layout {grid-template-columns:1fr;}
  .auth-side {order:1;}
  .auth-shell {order:2;}
  .function-carousel-mask {padding:1.5rem;}
  .config-summary {order:1;}
  .configurator-form {order:2;}
  .site-map {display:none;}
}

@media (max-width: 900px) {
  .nav-inner {justify-content:space-between;gap:0.8rem;}
  .nav-links {position:fixed;top:70px;left:0;right:0;flex-direction:column;gap:0.4rem;background:rgba(255,255,255,0.95);padding:1.2rem;border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 25px 50px rgba(0,0,0,0.08);opacity:0;pointer-events:none;transform:translateY(-20px);transition:opacity 0.3s ease,transform 0.3s ease;}
  body[data-nav-theme="dark"] .nav-links {background:rgba(6,8,18,0.98);border-bottom-color:rgba(255,255,255,0.1);}
  .nav-links.open {opacity:1;pointer-events:auto;transform:translateY(0);}
  .menu-toggle {display:flex;}
  .nav-actions .btn.primary {display:none;}
  .nav-banner {position:static;}
  .hero {padding-top:2rem;}
  .hero-stack-inner {gap:0.8rem;align-items:flex-start;text-align:left;}
  .hero-meta {flex-direction:column;align-items:flex-start;}
  .scroll-cue {align-self:flex-start;}
  .config-summary {margin-top:1rem;}
  .summary-auth .auth-buttons {flex-direction:column;}
  .function-card {flex:0 0 85vw;}
  .support-card.wide {grid-template-columns:1fr;gap:1.5rem;}
  .reset-stack {grid-template-columns:1fr;}
  .support-card {padding:1.25rem;}
}

@media (max-width: 768px) {
  .panel {padding:clamp(1.2rem,5vw,2rem) 0;}
  .hero-stack h1 {font-size:clamp(2.2rem,7vw,3rem);}
  .hero-line-sub {font-size:clamp(1.2rem,4vw,2rem);}
  .hero-device img {width:min(320px,85%);}
  .panel.full-bleed > * {padding-left:0;padding-right:0;}
  .option-cards,
  .color-row {grid-template-columns:1fr;}
  .summary-controls {grid-template-columns:1fr;}
  .summary-preview img {width:85%;}
  .cart-drawer {width:100%;}
  .cookie-banner {flex-direction:column;gap:0.6rem;width:calc(100% - 2rem);}
  .function-carousel {padding:2.5rem 0;}
  .function-carousel-mask {border-radius:24px;}
  .support-card.wide iframe {min-height:180px;}
  .dashboard table,
  .admin table,
  .worker table {display:block;overflow-x:auto;}
}

@media (max-width: 600px) {
  #toast-stack {left:50%;right:auto;transform:translateX(-50%);bottom:1rem;align-items:center;}
  .global-nav {padding:0.5rem 1rem;}
  .nav-actions {gap:0.35rem;}
  .cart-button {padding:0.3rem 0.7rem;}
  .hero-stack-inner {width:calc(100% - 1.2rem);}
  .hero-stack .lead {font-size:0.95rem;}
  .price-tag,
  .energy-badge {font-size:0.72rem;}
  .panel > *:not(.technology-media) {width:calc(100% - 1.2rem);}
  .summary-price {font-size:2rem;}
  .summary-auth .btn {width:100%;}
  .support-card.wide {padding:1.2rem;}
  .support-card.wide iframe {min-height:160px;}
  .cookie-banner {width:calc(100% - 1rem);}
  .cta-stack {flex-direction:column;}
  .cta-stack .btn {width:100%;}
  .hero-meta {align-items:flex-start;}
  .function-card {flex:0 0 92vw;}
}

.reveal {opacity:0;transform:translateY(20px);transition:opacity 0.7s ease,transform 0.7s ease;}
.reveal.in {opacity:1;transform:translateY(0);}

@keyframes fill {to {width:100%;}}

@media (prefers-reduced-motion:reduce) {
  .hero-device img {animation:none!important;transform:none!important;}
  .function-card,
  .function-card.active,
  .function-card.is-near {transition:none!important;transform:none!important;opacity:1!important;position:relative;pointer-events:auto!important;filter:none!important;}
  .function-carousel-mask {min-height:auto;}
}

.cart-backdrop {position:fixed;inset:0;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:30;}
.cart-backdrop.active {opacity:1;pointer-events:auto;}
.cart-drawer {position:fixed;top:0;right:-420px;width:min(380px,90vw);height:100vh;background:#fff;color:#111;box-shadow:-30px 0 70px rgba(0,0,0,0.15);z-index:40;display:flex;flex-direction:column;transition:right 0.35s cubic-bezier(0.19,1,0.22,1);}
.cart-drawer.open {right:0;}
.cart-drawer header {display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-bottom:1px solid rgba(0,0,0,0.06);}
.cart-drawer header h3 {font-size:1.1rem;}
.cart-drawer header button {border:none;background:transparent;font-size:1.5rem;cursor:pointer;}
.cart-body {flex:1;overflow:auto;padding:1.2rem;}
.cart-list {list-style:none;display:grid;gap:0.8rem;}
.cart-list li {display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.05);padding-bottom:0.6rem;}
.cart-summary {display:flex;justify-content:space-between;font-weight:600;padding:1.2rem;border-top:1px solid rgba(0,0,0,0.05);}
.cart-actions {padding:0 1.2rem 1.4rem;}

.cookie-banner {position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(12,13,22,0.9);color:#f5f5f7;border-radius:999px;padding:0.6rem 1rem;display:flex;gap:0.8rem;align-items:center;font-size:0.85rem;box-shadow:0 20px 40px rgba(0,0,0,0.25);z-index:45;}
.cookie-banner.hidden {display:none;}
.cookie-banner .btn {padding:0.4rem 1.2rem;font-size:0.85rem;color:#fff;border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.12);}
.cookie-banner .btn.ghost {border-color:rgba(255,255,255,0.3);color:#fff;background:transparent;}
.cookie-banner .cookie-actions {display:flex;gap:0.6rem;flex-wrap:wrap;}
#toast-stack {position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:0.8rem;z-index:55;pointer-events:none;}
.toast {min-width:220px;max-width:320px;background:rgba(13,17,34,0.9);color:#f5f5f7;padding:0.85rem 1.2rem;border-radius:999px;box-shadow:0 20px 40px rgba(0,0,0,0.3);opacity:0;transform:translateY(10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:auto;font-size:0.9rem;}
.toast.in {opacity:1;transform:translateY(0);}
.toast.out {opacity:0;transform:translateY(10px);}
.toast-success {background:rgba(45,161,102,0.95);}
.toast-error {background:rgba(205,63,84,0.95);}
.toast-warning {background:rgba(223,166,59,0.95);}
.toast-info {background:rgba(82,128,255,0.9);}
.toast button {background:none;border:none;color:inherit;font-weight:600;margin-left:0.8rem;cursor:pointer;}
.hero.hero-stack {min-height:calc(100vh - 120px);display:flex;align-items:center;padding:calc(1rem + 20px) 0 2rem;}
.panel.full-bleed .hero-stack-inner {max-width:1400px;margin:0 auto;gap:1rem;}
.intro-splash {position:fixed;inset:0;background:radial-gradient(circle at top,#fdfcf6 0%,#dfe6f8 55%,#0d101f 100%);z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.98);transition:opacity 0.9s ease, visibility 0.9s ease, transform 0.9s ease, filter 0.9s ease;}
body.intro-active .intro-splash {display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);filter:none;}
.intro-splash.out {opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.06);filter:blur(12px);}
.intro-water {position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.6),transparent 60%),radial-gradient(circle at 80% 10%,rgba(155,175,255,0.4),transparent 70%);filter:blur(80px);animation:waterSurface 12s ease-in-out infinite alternate;z-index:0;}
.intro-top {position:absolute;top:1.8rem;width:calc(100% - 3.6rem);max-width:1100px;display:flex;justify-content:flex-start;align-items:center;color:#0b0c10;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;z-index:2;}
.intro-logo {font-size:0.95rem;}
.intro-logo span {color:var(--accent-strong);margin-left:0.35rem;}
.intro-logo sup {font-size:0.6em;margin-left:4px;}
.intro-tagline {margin-top:0.3rem;font-size:0.9rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(12,14,21,0.7);}
.intro-device {position:relative;width:min(520px,80vw);margin:0;z-index:1;}
.intro-device img {width:100%;filter:drop-shadow(0 50px 80px rgba(0,0,0,0.25));animation:introOrbit 2.5s ease forwards;}
.intro-logo-mark {font-size:clamp(2.4rem,6vw,4rem);font-weight:600;letter-spacing:0.1em;color:#0c0e15;text-transform:uppercase;animation:introOrbit 2.5s ease forwards;}
.intro-logo-mark span {color:var(--accent-strong);margin-left:0.3rem;}
.intro-ring {position:absolute;width:clamp(260px,40vw,420px);height:clamp(260px,40vw,420px);border-radius:50%;border:2px solid rgba(255,255,255,0.35);animation:spin 5s linear infinite;z-index:0;}
.intro-particles {position:absolute;inset:0;pointer-events:none;}
.intro-particles span {position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.65);filter:blur(0.5px);animation:particleDrift 6s ease-in-out infinite;}
.intro-particles span:nth-child(1) {top:20%;left:25%;animation-delay:0s;}
.intro-particles span:nth-child(2) {top:60%;left:70%;animation-delay:0.6s;}
.intro-particles span:nth-child(3) {top:35%;left:80%;animation-delay:1.2s;}
.intro-splash.asset-ready .intro-logo-mark {text-shadow:0 25px 40px rgba(0,0,0,0.25);}
.intro-enter {margin-top:1.5rem;min-width:180px;z-index:2;}
.intro-pillars {position:absolute;bottom:2rem;overflow:hidden;width:80%;max-width:900px;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);padding:0.6rem 0;z-index:2;}
.pillars-track {display:flex;gap:2rem;animation:pillars 14s linear infinite;white-space:nowrap;text-transform:uppercase;letter-spacing:0.4em;font-size:0.8rem;color:rgba(255,255,255,0.75);}
.pillars-track span {min-width:max-content;}
@keyframes pillars {
  0% {transform:translateX(0);}
  100% {transform:translateX(-50%);}
}
body.intro-active {overflow:hidden;}
html.intro-lock {overflow:hidden;}
@keyframes introOrbit {
  0% {transform:translate3d(240px,-200px,0) scale(1.8) rotateX(40deg) rotateY(-35deg) rotateZ(-6deg);opacity:0;}
  35% {opacity:1;}
  50% {transform:translate3d(-40px,-60px,0) scale(1.2) rotateX(-5deg) rotateY(20deg) rotateZ(2deg);}
  80% {transform:translate3d(30px,40px,0) scale(1.05) rotateX(8deg) rotateY(-12deg);}
  100% {transform:translate3d(0,0,0) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1;}
}
@keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
@keyframes particleDrift {
  0% {transform:translate3d(0,0,0) scale(0.8);opacity:0;}
  40% {opacity:0.9;}
  100% {transform:translate3d(-80px,60px,0) scale(1.6);opacity:0;}
}
@media (max-width: 600px) {
  .intro-top {flex-direction:column;gap:0.8rem;text-align:center;}
  .intro-device {width:70%;}
}
.power-compare header {text-align:center;max-width:960px;}
.power-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:2rem;}
.power-cards article {background:#fff;border-radius:32px;padding:1.5rem;box-shadow:0 30px 65px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.04);}
.power-cards h3 {margin-bottom:0.4rem;}
.power-value {font-size:2.4rem;font-weight:700;margin-bottom:0.6rem;color:#0f0f19;}
.power-cards ul {list-style:disc;margin-left:1.2rem;color:#5a5a64;line-height:1.5;}
/* Configurator */
.config-hero-inner {display:flex;align-items:center;justify-content:space-between;gap:clamp(2rem,5vw,5rem);flex-wrap:wrap;}
.config-copy {max-width:520px;}
.config-checklist {list-style:none;padding:0;margin:1rem 0;color:rgba(245,245,247,0.75);font-size:0.95rem;}
.config-checklist li {margin-bottom:0.3rem;}
.config-hero-device {position:relative;}
.config-hero-device img {width:min(460px,75vw);filter:drop-shadow(0 40px 70px rgba(0,0,0,0.45));animation:heroOrbit 10s ease-in-out infinite alternate;}
.config-hero-device figcaption {margin-top:0.8rem;color:rgba(255,255,255,0.65);font-size:0.9rem;}
.configurator-builder {background:#f7f7fb;}
.builder-note {color:#6a6a74;font-size:0.95rem;margin-top:0.6rem;}
.config-stepper {display:flex;gap:1rem;list-style:none;padding:0;margin:2rem auto;width:min(900px,100%);justify-content:space-between;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.2em;color:rgba(10,10,20,0.4);}
.config-stepper li {flex:1;text-align:center;padding:0.6rem 0;border-bottom:2px solid rgba(10,10,20,0.1);}
.config-stepper li.is-active {color:#0a0a0f;border-color:var(--accent);}
.configurator-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:start;}
.configurator-form {display:flex;flex-direction:column;gap:1.5rem;}
.config-step {background:#fff;border-radius:32px;padding:1.5rem;border:1px solid rgba(10,20,50,0.08);box-shadow:0 25px 60px rgba(15,20,40,0.08);}
.config-step[hidden] {display:none!important;}
.option-cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;}
.option-card {display:block;position:relative;cursor:pointer;}
.option-card input {position:absolute;opacity:0;pointer-events:none;}
.option-card span {display:flex;flex-direction:column;gap:0.2rem;padding:1rem 1.2rem;border-radius:24px;border:1px solid rgba(10,15,30,0.1);background:#f7f7fb;transition:border 0.2s,box-shadow 0.2s,background 0.2s;}
.option-card em {font-style:normal;font-weight:600;}
.option-card input:checked + span {border-color:var(--accent);background:#fff;box-shadow:0 20px 40px rgba(15,25,60,0.08);}
.color-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;}
.color-card {position:relative;cursor:pointer;}
.color-card input {position:absolute;opacity:0;pointer-events:none;}
.color-card span {display:flex;align-items:center;gap:0.8rem;padding:0.8rem 1rem;border-radius:22px;border:1px solid rgba(10,10,20,0.1);background:#f7f7fb;transition:border 0.2s,box-shadow 0.2s,background 0.2s;}
.color-card .swatch {width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,0.1);background:var(--tone,#ddd);transition:border 0.2s,box-shadow 0.2s;}
.color-card input:checked + span {border-color:var(--accent);background:#fff;box-shadow:0 20px 40px rgba(15,25,60,0.08);}
.color-card input:checked + span .swatch {border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,0,0,0.08);}
.config-summary {background:#0c0f1c;color:#fff;border-radius:32px;padding:2rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 30px 70px rgba(5,8,20,0.45);}
.config-summary ul {list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:0.4rem;}
.config-summary li {display:flex;justify-content:space-between;font-size:0.95rem;}
.config-summary .summary-price {font-size:clamp(1.6rem,3vw,2.4rem);}
.summary-auth {margin-top:1.25rem;padding:1.2rem 1.4rem;border-radius:22px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.05);opacity:0;transform:translateY(8px);transition:opacity 0.3s ease,transform 0.3s ease,border-color 0.3s ease;}
.summary-auth.is-active {opacity:1;transform:translateY(0);}
.summary-auth.is-loading {border-color:rgba(255,255,255,0.35);}
.summary-auth.is-success {border-color:#18c964;background:rgba(24,201,100,0.08);}
.summary-auth .auth-buttons {display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.9rem;}
.summary-auth .btn {min-width:150px;justify-content:center;}
.summary-auth.is-loading .btn {opacity:0.6;pointer-events:none;}
.summary-auth .auth-status {margin-top:0.8rem;font-size:0.85rem;color:rgba(255,255,255,0.75);}
.summary-auth[hidden] {display:none;}
.auth-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0;}
.auth-grid textarea {resize:vertical;min-height:80px;}
.summary-preview {margin:1rem 0;border-radius:32px;padding:1.2rem;background:var(--summary-tone,#dfe6ed);box-shadow:0 35px 70px rgba(0,0,0,0.2);display:grid;place-items:center;position:relative;overflow:hidden;}
.summary-preview::before {content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,var(--summary-tone,#dfe6ed),transparent 70%);opacity:0.8;filter:blur(20px);}
.summary-preview img {position:relative;width:min(340px,80%);filter:drop-shadow(0 35px 70px rgba(0,0,0,0.45)) drop-shadow(0 0 30px var(--preview-glow,#ffffff));}
.summary-preview::after {content:attr(data-color);position:absolute;bottom:12px;right:18px;font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(0,0,0,0.45);}
.summary-controls {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;}
.summary-helper {font-size:0.85rem;color:rgba(255,255,255,0.7);}
.wizard-nav {display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.wizard-nav p {flex:1;text-align:center;font-size:0.9rem;color:#6a6a74;margin:0;}
.wizard-nav .btn {min-width:140px;}
.wizard-nav .btn[disabled] {opacity:0.4;pointer-events:none;}
.auth-buttons {display:flex;flex-wrap:wrap;gap:0.6rem;}
.auth-buttons .btn {flex:1 1 140px;}
.summary-check {display:flex;gap:0.6rem;align-items:flex-start;color:rgba(255,255,255,0.75);font-size:0.9rem;margin-top:0.6rem;}
.summary-check input {margin-top:0.3rem;}

.warranty {display:flex;justify-content:center;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem);}
.warranty-card {background:#fff;border-radius:36px;box-shadow:0 35px 70px rgba(15,17,25,0.12);padding:2rem;max-width:960px;width:100%;display:flex;flex-direction:column;gap:1.5rem;}
.warranty-copy ul {margin:1rem 0 0 1rem;}
.warranty-form {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;}
.warranty-form label {display:flex;flex-direction:column;font-size:0.9rem;color:#333;gap:0.35rem;}
.warranty-form input,
.warranty-form select,
.warranty-form textarea {border-radius:16px;border:1px solid rgba(10,15,40,0.15);padding:0.75rem;background:#fff;font-family:inherit;font-size:1rem;}
.warranty-form textarea {resize:vertical;}
.warranty-form .checkbox {grid-column:1 / -1;flex-direction:row;align-items:flex-start;}
.warranty-form .checkbox input {width:auto;margin-top:0.4rem;}
.warranty-form button {grid-column:1 / -1;}

.support-grid {gap:1.5rem;}
.support-card {background:#fff;border-radius:26px;padding:1.4rem;border:1px solid rgba(0,0,0,0.06);box-shadow:0 20px 50px rgba(10,10,30,0.05);}
.contact-cta {display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;}
.map-embed iframe {width:100%;min-height:260px;border:0;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,0.15);}

.admin-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;}
.stat-board ul {list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.6rem;font-size:0.9rem;}
.stat-board li {padding:0.8rem 1rem;border:1px solid rgba(255,255,255,0.08);border-radius:18px;background:rgba(255,255,255,0.02);}
.funnel-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0.6rem;margin-top:1rem;}
.funnel-grid div {background:rgba(255,255,255,0.05);border-radius:16px;padding:0.6rem 0.8rem;text-align:center;}
.orders-panel table,
.tickets-table table {width:100%;border-collapse:collapse;font-size:0.9rem;}
.orders-panel th,
.orders-panel td,
.tickets-table th,
.tickets-table td {padding:0.4rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08);}
.orders-panel tr.is-new,
.tickets-table tr.is-new {background:rgba(76,181,255,0.08);}
.orders-panel tr.is-alert,
.tickets-table tr.is-alert {background:rgba(255,86,112,0.12);}
.worker table tr.is-new {background:rgba(76,181,255,0.08);}
.sales-board .sales-metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem;}
.sales-board small {color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.12em;font-size:0.65rem;}
.sales-board strong {font-size:1.2rem;}
.geo-card ul {list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.6rem;}
.geo-card li {display:flex;justify-content:space-between;padding:0.4rem 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.password-reset-card form {display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem;}
.order-filters {display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:0.8rem;}
.order-filters label {display:flex;flex-direction:column;font-size:0.85rem;}
.order-filters select {border-radius:14px;border:1px solid rgba(255,255,255,0.15);background:transparent;color:inherit;padding:0.4rem 0.6rem;}
.composer form {display:flex;flex-direction:column;gap:0.8rem;}
.composer textarea {min-height:140px;border-radius:16px;border:1px solid rgba(255,255,255,0.2);background:transparent;color:inherit;padding:0.8rem;}
.composer select,
.composer input {border-radius:14px;border:1px solid rgba(255,255,255,0.2);background:transparent;color:inherit;padding:0.5rem;}
.login-panel {align-items:center;text-align:center;gap:1.1rem;margin:0 auto 4rem;max-width:420px;width:100%;align-self:center;}
.login-panel label {width:100%;max-width:360px;margin:0 auto;text-align:left;}
.login-panel input {width:100%;}
.login-panel .btn {align-self:center;}
.checkbox-inline {display:flex!important;gap:0.6rem;align-items:center!important;}
.checkbox-inline input {margin-top:0;}
.checkbox-inline span {flex:1;}
.support-spaced {margin-top:clamp(3rem,6vw,4.5rem);}