:root{
  --bg:#03101f;
  --panel:rgba(3,18,37,.82);
  --panel-solid:#071b32;
  --panel-soft:rgba(5,28,52,.74);
  --line:rgba(225,246,255,.24);
  --line-strong:rgba(231,247,255,.4);
  --text:#f8fcff;
  --muted:#c7d7e8;
  --muted-2:#91abc0;
  --cyan:#67ecff;
  --blue:#65a7ff;
  --violet:#b78cff;
  --rose:#ff8cab;
  --green:#71f0bd;
  --gold:#ffd37c;
  --shadow:0 28px 90px rgba(2,11,24,.34);
  --shadow-soft:0 16px 45px rgba(2,11,24,.2);
  --radius:26px;
  --header:rgba(3,19,39,.78);
  --field:rgba(1,12,26,.78);
  --void-x:76%;
  --void-y:19%;
}
:root[data-theme="void"]{
  --bg:#02030a;
  --panel:rgba(5,8,18,.88);
  --panel-solid:#080b16;
  --panel-soft:rgba(8,12,27,.78);
  --line:rgba(196,215,255,.13);
  --line-strong:rgba(196,215,255,.24);
  --muted:#9ca9c1;
  --muted-2:#717c96;
  --cyan:#61dcff;
  --blue:#6684ff;
  --violet:#a879ff;
  --header:rgba(2,3,10,.74);
  --shadow:0 30px 100px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html{
  width:100%;
  min-width:320px;
  scroll-behavior:smooth;
  background:#03101f;
  overflow-x:hidden;
}
body{
  margin:0;
  width:100%;
  min-width:320px;
  min-height:100vh;
  min-height:100svh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.5;
  overflow-x:hidden;
  background:transparent;
  position:relative;
  isolation:isolate;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100svh;
  z-index:0;
  background-image:url("/portal-assets/wr-desc.png?v=20260816-free-v11");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#061426;
  opacity:.94;
  filter:none;
  transform:none;
  transition:opacity .35s ease;
  pointer-events:none;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,10,23,.18),transparent 50%,rgba(1,8,22,.08)),
    linear-gradient(180deg,rgba(2,14,32,.01) 0%,rgba(2,14,32,.08) 48%,rgba(2,8,20,.62) 100%);
  transition:background .9s ease;
}
:root[data-theme="void"] body::before{
  filter:none;
  transform:none;
  opacity:.46;
}
:root[data-theme="void"] body::after{
  background:
    radial-gradient(circle at var(--void-x) var(--void-y),rgba(74,112,255,.16),transparent 17%),
    linear-gradient(180deg,rgba(0,1,7,.67),rgba(1,2,8,.9) 54%,rgba(2,3,10,.98) 100%);
}
button,a,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(103,236,255,.45);
  outline-offset:3px;
}
.hidden{display:none!important}

.sky-animation,.leaf-layer{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.sky-animation{display:none}
.leaf-layer{z-index:2;opacity:.78}
.cloud{
  position:absolute;
  width:250px;
  height:72px;
  border-radius:999px;
  opacity:.14;
  background:rgba(255,255,255,.9);
  filter:blur(2px);
  box-shadow:0 18px 48px rgba(255,255,255,.15);
  animation:cloudDrift linear infinite;
}
.cloud::before,.cloud::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:inherit;
}
.cloud::before{width:112px;height:112px;left:42px;bottom:13px}
.cloud::after{width:145px;height:145px;right:27px;bottom:5px}
.cloud-a{top:12%;left:-340px;animation-duration:62s}
.cloud-b{top:39%;left:-430px;transform:scale(.7);opacity:.09;animation-duration:78s;animation-delay:-28s}
.cloud-c{top:64%;left:-390px;transform:scale(1.2);opacity:.07;animation-duration:94s;animation-delay:-51s}
@keyframes cloudDrift{to{left:calc(100vw + 460px)}}

.falling-leaf{
  position:absolute;
  top:0;
  left:0;
  width:var(--leaf-size,15px);
  aspect-ratio:1.55;
  border-radius:90% 14% 84% 18%;
  opacity:0;
  background:linear-gradient(145deg,rgba(137,244,255,.95),rgba(64,144,226,.72));
  box-shadow:none;
  filter:none;
  transform:translate3d(-60px,-60px,0);
  transform-origin:42% 58%;
  will-change:transform,opacity;
  contain:layout style paint;
}
.falling-leaf::before{
  content:"";
  position:absolute;
  left:13%;
  top:48%;
  width:72%;
  height:1px;
  border-radius:999px;
  background:rgba(238,252,255,.5);
  transform:rotate(-23deg);
  transform-origin:left;
}
.falling-leaf::after{
  content:"";
  display:none;
  position:absolute;
  inset:-45%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,224,255,.16),transparent 68%);
  opacity:.75;
}
.falling-leaf.is-orbiting::after{display:block}
.falling-leaf.is-ejected::after{display:block;background:radial-gradient(circle,rgba(129,238,255,.28),transparent 68%);opacity:.9}
.falling-leaf.is-absorbing{z-index:3}
.falling-leaf.is-absorbing::after{display:block;background:radial-gradient(circle,rgba(255,75,42,.5),rgba(255,31,48,.12) 42%,transparent 70%);opacity:var(--absorption-glow,0);transform:scale(1.45)}
.leaf-tone-1{
  background:linear-gradient(145deg,rgba(199,176,255,.92),rgba(103,87,218,.68));
  filter:none;
}
.leaf-tone-2{
  background:linear-gradient(145deg,rgba(255,221,139,.9),rgba(222,132,76,.66));
  filter:none;
}
.leaf-tone-3{
  background:linear-gradient(145deg,rgba(255,178,211,.88),rgba(145,91,202,.65));
  filter:none;
}
.leaf-tone-4{background:linear-gradient(145deg,rgba(140,255,190,.94),rgba(31,139,105,.72))}
.leaf-tone-5{background:linear-gradient(145deg,rgba(255,178,92,.96),rgba(157,55,32,.72))}
.leaf-tone-6{background:linear-gradient(145deg,rgba(226,245,255,.94),rgba(94,130,178,.7))}
.leaf-tone-7{background:linear-gradient(145deg,rgba(224,160,255,.94),rgba(74,58,173,.72))}
.falling-leaf.leaf-shape-1{aspect-ratio:.72;border-radius:88% 12% 88% 12%}
.falling-leaf.leaf-shape-2{aspect-ratio:1.95;border-radius:100% 0 100% 0}
.falling-leaf.leaf-shape-3{aspect-ratio:1;border-radius:72% 18% 74% 20%;clip-path:polygon(50% 0,68% 26%,100% 39%,74% 59%,67% 100%,45% 72%,8% 84%,24% 49%,0 28%,38% 27%)}
.falling-leaf.leaf-shape-4{aspect-ratio:1.25;border-radius:52% 10% 55% 12%;clip-path:polygon(50% 0,65% 28%,94% 17%,78% 47%,100% 66%,66% 68%,53% 100%,39% 72%,5% 81%,23% 52%,0 31%,36% 31%)}
.falling-leaf.leaf-shape-5{aspect-ratio:.9;border-radius:100% 10% 100% 12%;clip-path:polygon(50% 0,74% 21%,94% 48%,70% 76%,50% 100%,29% 75%,7% 48%,28% 19%)}

.interface-physics-layer{position:fixed;inset:0;z-index:420;overflow:visible;pointer-events:none;contain:layout style}
.interface-physics-body{position:fixed!important;z-index:1!important;pointer-events:none!important;transform-origin:center!important;will-change:transform,opacity;contain:layout style paint;transition:none!important;animation:none!important;filter:sepia(var(--ui-redshift,0)) saturate(calc(1 + var(--ui-redshift,0)*3)) hue-rotate(calc(var(--ui-redshift,0)*-36deg))!important}
.interface-physics-body *{pointer-events:none!important}
.interface-matter{position:fixed;left:0;top:0;z-index:4;display:block;border-radius:50%;opacity:0;pointer-events:none;transform-origin:left center;will-change:transform,opacity;background:color-mix(in srgb,#77deff calc((1 - var(--matter-heat,0))*100%),#fff1c7);box-shadow:0 0 calc(3px + var(--matter-heat,0)*8px) color-mix(in srgb,rgba(83,211,255,.72),rgba(255,85,37,.92) calc(var(--matter-heat,0)*100%))}
.interface-matter.matter-spark{height:1.1px!important;border-radius:999px;background:linear-gradient(90deg,rgba(84,196,255,0),rgba(209,249,255,.94) 48%,rgba(255,126,75,.56));box-shadow:0 0 5px rgba(111,224,255,.62),0 0 11px rgba(170,125,255,.25)}
.interface-matter.matter-flake{border-radius:18% 82% 26% 74%;clip-path:polygon(0 26%,72% 0,100% 63%,36% 100%);background:linear-gradient(145deg,rgba(210,244,255,.96),rgba(105,121,231,.78) 54%,rgba(255,116,70,.68));box-shadow:0 0 6px rgba(121,218,255,.5)}
.interface-matter.matter-grain{border-radius:50%;filter:blur(.15px)}
.interface-matter.is-active{opacity:.8}
.interface-matter.matter-tone-1{background:color-mix(in srgb,#b59cff calc((1 - var(--matter-heat,0))*100%),#fff0bd)}
.interface-matter.matter-tone-2{background:color-mix(in srgb,#ffb9dc calc((1 - var(--matter-heat,0))*100%),#ff9b42)}
.interface-matter.matter-tone-3{background:color-mix(in srgb,#8fffc8 calc((1 - var(--matter-heat,0))*100%),#fff6d4)}
.interface-physics-body.is-held{box-shadow:0 0 0 1px rgba(125,238,255,.64),0 0 32px rgba(79,200,255,.45)!important}
.interface-physics-body.is-absorbing{filter:sepia(1) saturate(4.2) hue-rotate(-38deg) brightness(1.18)!important}
.interface-physics-body.is-eroding,.interface-physics-body.is-eroded{filter:none!important}
.interface-physics-body.is-scorched{box-shadow:inset 0 0 18px rgba(255,86,43,.2),0 0 12px rgba(255,111,65,.09)!important}
.interface-physics-body.is-torn{filter:saturate(.92) contrast(1.04)!important}
.interface-physics-body.is-delaminated{box-shadow:inset 0 0 26px rgba(5,8,20,.42),0 0 14px rgba(104,213,255,.1)!important}
.interface-physics-body.is-critical{filter:brightness(.82) saturate(.78) contrast(1.12)!important}
.interface-mask-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.interface-detached{visibility:hidden!important;pointer-events:none!important}
.interface-rift{position:absolute;z-index:3;display:block;margin:0!important;pointer-events:none;background-image:url("/portal-assets/wr-desc.png?v=20260816-free-v11");background-attachment:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;clip-path:polygon(3% 14%,17% 4%,31% 9%,43% 1%,57% 8%,73% 2%,86% 15%,98% 28%,92% 44%,100% 61%,88% 76%,94% 91%,76% 97%,61% 91%,47% 100%,33% 91%,17% 98%,6% 83%,11% 67%,0 51%,8% 34%);border-radius:var(--rift-radius,12px);box-shadow:inset 0 0 0 1px rgba(117,229,255,.28),inset 0 0 20px rgba(2,8,23,.82),0 0 16px rgba(76,203,255,.2);transition:clip-path .82s cubic-bezier(.2,.8,.2,1),opacity .72s ease,filter .72s ease}
.interface-rift::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(105,236,255,.13),transparent 35%,rgba(184,128,255,.15));box-shadow:inset 0 0 12px rgba(99,225,255,.22)}
.interface-rift.is-closing{clip-path:polygon(50% 44%,56% 48%,53% 54%,47% 55%,44% 49%);opacity:0;filter:brightness(1.8)}
.interface-restoring{position:relative;animation:interfaceRepair 1.28s cubic-bezier(.16,.84,.2,1) both!important}
.interface-restoring::after{content:"";position:absolute;z-index:30;inset:-5%;border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,transparent 18%,rgba(120,238,255,.72) 45%,rgba(196,145,255,.68) 55%,transparent 82%);background-size:240% 100%;mix-blend-mode:screen;animation:interfaceRepairScan 1.12s ease-out both}
body.interface-dragging{cursor:grabbing!important;user-select:none!important}
body.interface-dragging *{cursor:grabbing!important}
@keyframes interfaceRepair{0%{opacity:0;filter:brightness(2.5) saturate(2);clip-path:polygon(0 48%,100% 48%,100% 52%,0 52%);transform:scale(.94)}42%{opacity:1;filter:brightness(1.55) saturate(1.45);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}72%{filter:brightness(1.18) saturate(1.12);clip-path:inset(0)}100%{opacity:1;filter:none;clip-path:inset(0);transform:none}}
@keyframes interfaceRepairScan{0%{opacity:0;background-position:180% 0}18%{opacity:1}76%{opacity:.72}100%{opacity:0;background-position:-80% 0}}

.void-transition{
  position:fixed;
  z-index:100;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--void-x) var(--void-y),rgba(37,74,180,.22) 0 7%,rgba(0,1,8,.94) 38%,#010208 72%);
  clip-path:circle(0 at var(--void-x) var(--void-y));
  will-change:clip-path,opacity;
}
.theme-warping .void-transition{
  animation:voidDevour 1.05s cubic-bezier(.7,0,.24,1) both;
}
@keyframes voidDevour{
  0%{opacity:0;clip-path:circle(0 at var(--void-x) var(--void-y))}
  18%{opacity:1}
  62%{opacity:1;clip-path:circle(145vmax at var(--void-x) var(--void-y))}
  100%{opacity:0;clip-path:circle(145vmax at var(--void-x) var(--void-y))}
}

.topbar{
  width:min(1240px,calc(100% - 36px));
  min-height:76px;
  margin:14px auto 0;
  padding:11px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(130deg,var(--header),rgba(18,43,76,.56));
  box-shadow:var(--shadow-soft);
  backdrop-filter:none;
  position:relative;
  z-index:40;
}
.brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none;min-width:0}
.brand strong{display:block;font-size:17px;letter-spacing:.1em}
.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.black-hole-logo{
  --hole-size:42px;
  width:var(--hole-size);
  height:var(--hole-size);
  position:relative;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 0 10px rgba(99,226,255,.65));
}
.black-hole-logo .hole-core{
  width:42%;
  height:42%;
  border-radius:50%;
  background:#000;
  box-shadow:inset 0 0 8px #050611,0 0 0 2px rgba(128,231,255,.78),0 0 20px #627dff;
  z-index:3;
}
.black-hole-logo .hole-disc{
  position:absolute;
  width:94%;
  height:35%;
  border-radius:50%;
  border:3px solid #78ecff;
  border-left-color:#b77aff;
  border-right-color:#ffb6d6;
  box-shadow:0 0 11px #6edaff,inset 0 0 8px #7d5fff;
  transform:rotate(-11deg);
  animation:discSpin 3.2s linear infinite;
}
.black-hole-logo .hole-matter{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff4cf;
  box-shadow:0 0 8px #7cecff;
  animation:matterFeed 2.4s ease-in infinite;
}
.black-hole-logo .matter-a{left:-2px;top:12px}
.black-hole-logo .matter-b{right:-3px;bottom:9px;animation-name:matterFeedReverse;animation-delay:-1.1s}
.black-hole-logo.large{--hole-size:238px;filter:drop-shadow(0 0 24px rgba(99,226,255,.78))}
.black-hole-logo.large .hole-disc{border-width:8px;box-shadow:0 0 28px #6edaff,inset 0 0 22px #7d5fff}
.black-hole-logo.large .hole-matter{width:10px;height:10px;box-shadow:0 0 16px #7cecff}
@keyframes discSpin{to{filter:hue-rotate(360deg);transform:rotate(349deg)}}
@keyframes matterFeed{
  0%{transform:translate(0,0) scale(1);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(calc(var(--hole-size) * .48),calc(var(--hole-size) * .28)) scale(.08);opacity:0}
}
@keyframes matterFeedReverse{
  0%{transform:translate(0,0) scale(1);opacity:0}
  15%{opacity:1}
  80%{opacity:1}
  100%{transform:translate(calc(var(--hole-size) * -.48),calc(var(--hole-size) * -.28)) scale(.08);opacity:0}
}

.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.live-pill{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#e9f6ff;
  background:rgba(2,17,33,.24);
  font-size:12px;
  white-space:nowrap;
}
.live-pill b{width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 12px var(--green)}
.void-toggle,.icon-button{
  min-height:40px;
  border:1px solid var(--line);
  border-radius:13px;
  color:var(--text);
  background:rgba(4,18,34,.35);
  text-decoration:none;
  cursor:pointer;
}
.void-toggle{display:flex;align-items:center;gap:9px;padding:6px 11px 6px 7px;font-size:11px;font-weight:800}
.void-toggle .black-hole-logo{--hole-size:27px}
.void-toggle .black-hole-logo .hole-disc{border-width:2px}
.icon-button{width:40px;display:grid;place-items:center;font-weight:900}

/* Critical intro paint lives in the base stylesheet so the sky image can
   never flash through while the decorative stylesheet is still loading. */
.portal-intro{
  position:fixed;
  inset:0;
  z-index:500;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:#020814;
}
.intro-lockup{display:flex;align-items:center;justify-content:center;gap:18px}
.intro-wordmark strong,.intro-wordmark small{display:block}
.intro-mark{
  width:84px;
  height:54px;
  position:relative;
  flex:0 0 auto;
  background:url("/brand/blackhole.png?v=20260811-brand-v1") center/cover no-repeat;
  border-radius:50%;
}
.intro-mark i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%}
.wr-hole-art,.wr-hole-art img{width:100%;height:100%;display:block}
.wr-hole-art{position:relative;overflow:hidden}
body.portal-booting .topbar,body.portal-booting .shell,body.portal-booting footer{filter:blur(14px);opacity:.42;transform:scale(1.012)}
.topbar,.shell,footer{transition:filter .75s cubic-bezier(.2,.8,.2,1),opacity .65s ease,transform .8s cubic-bezier(.2,.8,.2,1)}

.shell{width:min(1220px,calc(100% - 42px));margin:auto;padding:22px 0 96px;position:relative;z-index:2}
.hero{
  min-height:min(650px,calc(100svh - 118px));
  display:flex;
  align-items:flex-end;
  padding:44px 38px 56px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  overflow:hidden;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:auto -8% -14% -8%;
  height:310px;
  background:linear-gradient(180deg,transparent,rgba(1,9,22,.54));
  pointer-events:none;
}
.hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
  padding:32px 34px 34px;
  border:1px solid rgba(231,247,255,.18);
  border-radius:30px;
  background:linear-gradient(112deg,rgba(2,15,33,.88),rgba(3,21,44,.67) 68%,rgba(3,21,44,.2));
  box-shadow:0 28px 80px rgba(0,9,24,.26);
}
.eyebrow,.kicker{font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--cyan)}
.hero h1{
  font-size:clamp(52px,6.4vw,84px);
  letter-spacing:-.057em;
  line-height:.94;
  margin:17px 0 20px;
  max-width:800px;
  text-shadow:0 4px 28px rgba(2,11,28,.45);
}
.hero h1 em,.landing-copy h1 em{
  font-style:normal;
  background:linear-gradient(98deg,#fff 5%,#9bf3ff 40%,#b69bff 75%,#ffb8d3);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero p{max-width:670px;color:#eef7ff;font-size:16px;margin:0;text-shadow:0 2px 16px rgba(0,7,20,.7)}
.hero-cosmos{display:none}
.hero-cosmos::after{
  content:"";
  position:absolute;
  width:280px;
  height:100px;
  border-radius:50%;
  background:rgba(105,232,255,.19);
  filter:blur(30px);
  transform:rotate(-11deg);
  z-index:-1;
}

.config-dock{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 18px;
  padding:17px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(120deg,rgba(2,17,37,.9),rgba(7,31,57,.82));
  backdrop-filter:none;
  box-shadow:var(--shadow-soft);
}
.config-dock-copy{display:flex;align-items:center;gap:12px}
.config-dock-copy b{display:block}
.config-dock-copy small{display:block;color:var(--muted);font-size:11px}
.config-count{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(103,236,255,.13);color:var(--cyan);font-weight:900}
.config-select-wrap{display:flex;align-items:center;gap:10px;min-width:min(460px,52vw)}
.config-select-wrap label{color:var(--muted);font-size:12px;white-space:nowrap}
.config-select-wrap select{
  width:100%;
  min-width:0;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:12px;
  padding:11px 36px 11px 13px;
  background:var(--field);
  cursor:pointer;
}

.tabs{
  display:flex;
  gap:6px;
  padding:6px;
  margin:0 0 22px;
  border:1px solid var(--line);
  border-radius:17px;
  background:rgba(2,15,32,.9);
  position:sticky;
  top:10px;
  z-index:30;
  backdrop-filter:none;
  overflow:auto;
  scrollbar-width:none;
  box-shadow:var(--shadow-soft);
}
.tabs::-webkit-scrollbar{display:none}
.tab{
  border:0;
  background:transparent;
  color:var(--muted);
  padding:11px 17px;
  border-radius:12px;
  cursor:pointer;
  white-space:nowrap;
  font-weight:800;
}
.tab-icon{display:none}
.tab:hover,.tab.active{color:var(--text);background:rgba(255,255,255,.12)}

.view{display:none}
.view.active{display:block;animation:rise .38s ease both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.panel,.status-card,.metric{
  background:linear-gradient(145deg,rgba(3,22,43,.9),rgba(3,12,27,.88));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:none;
}
.status-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 30px;position:relative;overflow:hidden}
.status-card::after{content:"";position:absolute;width:300px;height:300px;background:var(--green);opacity:.08;filter:blur(58px);right:-110px;top:-140px}
.status-main,.status-actions{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.status-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:25px;color:#07150f;background:linear-gradient(135deg,#8ff7ce,#2bd08f);box-shadow:0 15px 38px rgba(72,225,163,.23)}
.status-icon.off{background:linear-gradient(135deg,#ff9bb0,#ff4b70);color:white}
.status-label{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--green)}
.status-label.off{color:var(--rose)}
.status-card h2{font-size:27px;margin:3px 0 1px}
.status-card p{margin:0;color:var(--muted)}
.button{
  border:0;
  border-radius:13px;
  padding:12px 18px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button.primary{color:#05131e;background:linear-gradient(115deg,#88f2ff,#82a2ff);box-shadow:0 13px 34px rgba(71,208,255,.25)}
.button.ghost{color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line)}
.button.large{padding:15px 22px;width:100%}
.button[disabled]{opacity:.55;cursor:wait;transform:none}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.metric{padding:20px;display:flex;align-items:center;gap:14px}
.metric-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:20px;flex:0 0 auto}
.metric-icon.cyan{color:var(--cyan);background:rgba(103,236,255,.12)}
.metric-icon.violet{color:#c3a8ff;background:rgba(183,140,255,.14)}
.metric-icon.rose{color:#ff9eb7;background:rgba(255,140,171,.13)}
.metric small{display:block;color:var(--muted);font-size:12px}
.metric strong{font-size:22px;display:block;margin:1px 0}
.metric p{margin:0;color:var(--muted-2);font-size:11px}
.grid{display:grid;gap:18px}
.grid.two{grid-template-columns:1.4fr .8fr}
.panel{padding:25px}
.panel-heading{display:flex;justify-content:space-between;align-items:start}
.panel h3{font-size:20px;margin:5px 0 12px}
.panel p{color:var(--muted)}
.shield{color:var(--cyan);font-size:23px}
.copy-row{display:flex;gap:8px;background:var(--field);border:1px solid var(--line);padding:8px;border-radius:14px;margin:18px 0 10px}
.copy-row code{padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d4e4f5;flex:1}
.copy-row button{border:0;border-radius:9px;background:rgba(128,160,213,.23);color:var(--text);padding:8px 12px;cursor:pointer}
.link-card>small{color:var(--muted-2)}
.account-lines p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;margin:0}
.account-lines span{color:var(--muted)}
.good{color:var(--green)}
.section-head{padding:24px 4px 28px}
.section-head h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:10px 0 8px;text-shadow:0 4px 26px rgba(0,0,0,.25)}
.section-head p{color:#d1dfed;max-width:690px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.plan{padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,var(--panel),rgba(5,11,24,.85));position:relative;overflow:hidden;box-shadow:var(--shadow-soft);backdrop-filter:none}
.plan.featured{border-color:rgba(103,236,255,.5);box-shadow:0 20px 70px rgba(61,217,255,.13)}
.plan .badge{position:absolute;right:13px;top:13px;font-size:9px;letter-spacing:.12em;background:rgba(103,236,255,.14);color:var(--cyan);padding:5px 8px;border-radius:999px}
.plan h3{margin:28px 0 2px}
.plan .duration{color:var(--muted);font-size:13px}
.plan .price{font-size:32px;font-weight:900;margin:24px 0}
.plan .price small{font-size:12px;color:var(--muted);font-weight:500}
.plan button{width:100%}
.notice{margin-top:18px;padding:14px 17px;border:1px solid rgba(103,236,255,.3);background:rgba(61,217,255,.11);border-radius:14px;color:#e7fbff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps article{position:relative;padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-soft);backdrop-filter:none}
.steps article b{font-size:38px;color:rgba(103,236,255,.3)}
.steps article span{display:block;font-size:19px;font-weight:900;margin:14px 0 5px}
.steps article p{color:var(--muted);margin:0}
.setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.tip{border-left:3px solid var(--violet);padding:16px 18px;background:rgba(138,92,255,.13);border-radius:0 14px 14px 0;backdrop-filter:none}
.tip p{margin:3px 0;color:var(--muted)}
.timeline{position:relative;padding:10px 0 4px}
.timeline::before{content:"";position:absolute;left:13px;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--cyan),rgba(138,92,255,.1))}
.news-item{position:relative;margin-left:42px;padding:0 0 30px}
.news-item::before{content:"";position:absolute;left:-35px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.news-meta{font-size:11px;color:var(--muted)}
.news-meta b{color:var(--cyan);margin-left:10px}
.news-item h3{margin:5px 0}
.news-item p{color:var(--muted);margin:0;max-width:760px}
.support-grid{grid-template-columns:1.15fr .85fr}
.support-form label:not(.upload){font-weight:800;display:block;margin-bottom:8px}
.support-form textarea{width:100%;min-height:150px;resize:vertical;background:var(--field);border:1px solid var(--line);color:var(--text);padding:15px;border-radius:14px;outline:none}
.support-form textarea:focus{border-color:rgba(103,236,255,.6);box-shadow:0 0 0 3px rgba(61,217,255,.09)}
.upload{display:flex;align-items:center;gap:13px;border:1px dashed var(--line-strong);border-radius:14px;padding:14px;margin:14px 0;cursor:pointer}
.upload:hover{border-color:var(--cyan)}
.upload>span{font-size:24px;color:var(--cyan)}
.upload b,.upload small{display:block}
.upload small{color:var(--muted)}
#supportImages{display:none}
.file-list{display:grid;gap:7px;margin-bottom:14px}
.file-chip{display:flex;justify-content:space-between;padding:9px 11px;background:rgba(255,255,255,.06);border-radius:9px;color:#e0e9f5;font-size:12px}
.form-result{min-height:20px;margin-bottom:0}
.direct-support{display:flex;gap:15px;margin-bottom:14px}
.direct-support h3{margin:0}
.direct-support p{margin:4px 0}
.direct-support a{color:var(--cyan);text-decoration:none;font-weight:800}
.tickets{display:grid;gap:10px}
.ticket{padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}
.ticket header{display:flex;justify-content:space-between;gap:10px}
.ticket small{color:var(--muted)}
.ticket .ticket-status{color:var(--gold)}
.ticket .ticket-status.answered{color:var(--green)}
.ticket p{color:#dce6f2;margin:10px 0 0}
.ticket .reply{border-left:2px solid var(--green);padding-left:11px;color:#c4f7df}
.loading-panel,.error-panel{text-align:center;padding:70px}
.spinner{display:inline-block;width:34px;height:34px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.error-panel h2{color:#ff9cb3}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;border-radius:12px;background:#f2fbff;color:#07111c;font-weight:900;opacity:0;pointer-events:none;transition:.25s;z-index:80;box-shadow:0 12px 50px rgba(0,0,0,.35)}
.toast.show{opacity:1;transform:translate(-50%,0)}
footer{width:min(1180px,calc(100% - 42px));margin:auto;padding:25px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#b1c0d2;font-size:12px;position:relative;z-index:2}

/* Public subscription lookup */
.landing-page{min-height:100vh;display:flex;flex-direction:column}
.landing-shell{width:min(1180px,calc(100% - 42px));margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding:80px 0 62px;position:relative;z-index:2;min-height:calc(100vh - 115px)}
.landing-copy{
  padding:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  background:linear-gradient(125deg,rgba(3,41,72,.38),rgba(6,13,33,.12));
  backdrop-filter:blur(7px);
  box-shadow:var(--shadow-soft);
}
.landing-copy h1{font-size:clamp(58px,7.4vw,98px);letter-spacing:-.068em;line-height:.89;margin:18px 0 24px;max-width:760px;text-shadow:0 5px 30px rgba(2,13,30,.48)}
.landing-copy>p{font-size:17px;color:#eff7ff;max-width:620px;line-height:1.7}
.landing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.trust-row span{border:1px solid var(--line);background:rgba(3,24,44,.36);border-radius:999px;padding:9px 12px;font-size:11px;color:#ecf8ff;backdrop-filter:blur(10px)}
.lookup-card{background:linear-gradient(145deg,rgba(5,32,57,.87),rgba(6,12,28,.91));border:1px solid var(--line-strong);border-radius:30px;padding:38px;box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.12)}
.lookup-card h2{font-size:34px;margin:8px 0;letter-spacing:-.03em}
.lookup-card>p{color:var(--muted);line-height:1.6;margin:0 0 28px}
.lookup-card label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#f1f8ff;margin-bottom:9px}
.lookup-row{display:grid;grid-template-columns:1fr auto;gap:10px}
.lookup-row input{min-width:0;background:var(--field);border:1px solid var(--line);border-radius:13px;color:var(--text);padding:14px 15px;outline:none}
.lookup-row input:focus{border-color:rgba(103,236,255,.65);box-shadow:0 0 0 3px rgba(61,217,255,.1)}
.lookup-row .button{border:0}
.privacy-note{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:20px;margin-top:18px}
.privacy-note>span{color:var(--cyan)}
.privacy-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.privacy-note b{color:#edf8ff}
.freedom-strip{width:min(1180px,calc(100% - 42px));margin:0 auto 82px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:2}
.freedom-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow-soft);backdrop-filter:none}
.freedom-card b{display:block;font-size:17px;margin-bottom:5px}
.freedom-card p{color:var(--muted);margin:0;font-size:13px}
.freedom-card span{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:12px;margin-bottom:14px;background:rgba(103,236,255,.13);color:var(--cyan)}

@media(max-width:960px){
  .hero{min-height:min(620px,calc(100svh - 104px))}
  .hero-cosmos{display:none}
  .black-hole-logo.large{--hole-size:170px}
  .metrics{grid-template-columns:1fr 1fr}
  .grid.two,.support-grid{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr}
  .status-card{align-items:flex-start}
  .status-actions{flex-direction:column;align-items:stretch}
  .landing-shell{grid-template-columns:1fr;gap:24px;padding:46px 0 38px}
  .landing-copy h1{font-size:64px}
  .freedom-strip{grid-template-columns:1fr}
}
@media(max-width:720px){
  .interface-rift{background-image:url("/portal-assets/wr-mobil.png?v=20260816-free-v11")}

  :root{--void-x:50%;--void-y:17%}
  html,body{
    width:100vw;
    min-width:320px;
    max-width:100vw;
  }
  body::before{
    background-image:url("/portal-assets/wr-mobil.png?v=20260816-free-v11");
    background-position:center center;
    background-size:cover;
  }
  body::after{
    background:linear-gradient(180deg,rgba(2,19,40,0),rgba(3,15,31,.04) 42%,rgba(2,8,20,.62) 100%);
  }
  :root[data-theme="void"] body::before{transform:none;filter:none;opacity:.46}
  .leaf-layer{opacity:.62}
  .topbar{
    width:calc(100vw - 20px);
    max-width:none;
    min-height:62px;
    margin:8px 10px 0;
    padding:8px 10px;
    border-radius:18px;
    position:sticky;
    top:7px;
  }
  .brand{gap:8px}
  .brand .black-hole-logo{--hole-size:34px}
  .brand strong{font-size:14px}
  .brand small{display:none}
  .live-pill{display:none}
  .theme-label{display:none}
  .void-toggle{width:40px;padding:5px;justify-content:center}
  .void-toggle .black-hole-logo{--hole-size:27px}
  .shell{
    width:100vw;
    max-width:none;
    margin:0;
    padding:0 10px 118px;
  }
  .hero{
    width:100%;
    min-height:min(760px,calc(100svh - 72px));
    padding:clamp(280px,47svh,430px) 0 22px;
    align-items:flex-end;
    background:transparent;
    overflow:visible;
  }
  .hero::before{inset:auto -10px -22px;height:260px}
  .hero-copy{
    width:100%;
    max-width:none;
    padding:21px 19px 22px;
    border-radius:23px;
    background:linear-gradient(145deg,rgba(1,14,31,.91),rgba(3,25,47,.72));
    box-shadow:0 22px 60px rgba(0,8,22,.25);
  }
  .hero h1{font-size:clamp(40px,12vw,54px);margin:13px 0 15px;max-width:100%;line-height:.93}
  .hero p{font-size:13px;max-width:34rem;line-height:1.58}
  .hero-cosmos{display:none}
  .black-hole-logo.large{--hole-size:132px}
  .config-dock{display:block;width:100%;padding:15px;margin:12px 0;border-radius:18px}
  .config-dock-copy{margin-bottom:10px}
  .config-select-wrap{display:block;min-width:0}
  .config-select-wrap label{display:block;margin-bottom:6px}
  .config-select-wrap select{min-height:48px;font-size:16px}
  .tabs{
    position:fixed;
    left:50%;
    right:auto;
    width:calc(100vw - 20px);
    max-width:680px;
    transform:translateX(-50%);
    top:auto;
    bottom:max(10px,env(safe-area-inset-bottom));
    margin:0;
    padding:6px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    border-radius:20px;
    background:rgba(3,9,20,.88);
    z-index:60;
  }
  .tab{min-width:0;padding:8px 2px 7px;font-size:9px;display:grid;gap:2px;place-items:center;overflow:hidden}
  .tab-icon{display:block;font-size:16px;line-height:1}
  .status-card{width:100%;padding:20px;display:block;border-radius:22px}
  .status-actions{width:100%;margin-top:18px;gap:9px}
  .status-actions .button{width:100%;min-height:48px}
  .status-main{align-items:flex-start}
  .status-main>div:last-child{min-width:0}
  .status-icon{width:49px;height:49px;border-radius:15px}
  .status-card h2{font-size:21px;overflow-wrap:anywhere}
  .metrics{grid-template-columns:1fr;gap:10px}
  .metric{width:100%;padding:17px}
  .plans{grid-template-columns:1fr}
  .setup-actions{grid-template-columns:1fr}
  .panel{width:100%;min-width:0;padding:19px;border-radius:21px}
  .grid{gap:12px}
  .copy-row{display:block}
  .copy-row code{display:block;width:100%;min-width:0}
  .copy-row button{width:100%}
  .section-head{padding:20px 5px}
  .section-head h2{font-size:34px}
  .section-head p{font-size:13px}
  .loading-panel,.error-panel{padding:45px 18px}
  footer{width:calc(100vw - 28px);margin:0 14px;padding:22px 0 112px;display:block}
  footer span{display:block;margin:5px 0}
  .toast{bottom:98px;width:calc(100% - 32px);text-align:center}
  .landing-shell{width:100vw;max-width:none;margin:0;padding:0 10px 26px;display:block}
  .landing-copy{
    min-height:min(760px,calc(100svh - 72px));
    padding:clamp(300px,49svh,440px) 19px 25px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border-radius:0 0 25px 25px;
    border-top:0;
    background:linear-gradient(180deg,transparent 20%,rgba(2,18,37,.18) 48%,rgba(2,15,31,.93) 100%);
    box-shadow:none;
  }
  .landing-copy h1{font-size:clamp(47px,14vw,64px);max-width:100%;margin:14px 0 18px}
  .landing-copy>p{font-size:14px;max-width:36rem;margin:0}
  .landing-actions{display:grid}
  .landing-actions .button{width:100%}
  .trust-row{gap:7px}
  .trust-row span{font-size:10px;padding:7px 9px}
  .lookup-card{width:100%;margin-top:14px;padding:23px;border-radius:22px}
  .lookup-card h2{font-size:28px}
  .lookup-row{grid-template-columns:1fr}
  .lookup-row .button{width:100%}
  .freedom-strip{width:calc(100vw - 20px);margin:0 10px 38px;gap:10px}
  .freedom-card{padding:18px}
}
@media(max-width:380px){
  .hero h1{font-size:38px}
  .landing-copy h1{font-size:44px}
  .hero-copy,.landing-copy{padding-left:16px;padding-right:16px}
  .tab{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .sky-animation,.leaf-layer{display:none}
}

/* Blur only the fixed image layer. Content stays sharp and avoids expensive
   backdrop repaints while scrolling. */
.topbar,.config-dock,.tabs,.panel,.status-card,.metric,.plan,.steps article,
.landing-copy,.trust-row span,.lookup-card,.freedom-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
footer{position:relative;z-index:2}


/* Free-access mode */
.free-landing .landing-copy{max-width:720px}
.free-create-button{min-width:270px;box-shadow:0 16px 48px rgba(67,214,255,.26)}
.free-create-status{min-height:1.4em;margin-top:12px;color:#c8f8ff}
.free-access-mode [data-view="referral"]{display:none!important}
.free-mode-card{display:flex;align-items:center;gap:22px;margin-bottom:24px;border-color:rgba(102,235,255,.36);background:linear-gradient(125deg,rgba(14,54,79,.86),rgba(31,25,72,.7))}
.free-mode-card .free-orbit{display:grid;place-items:center;min-width:70px;height:70px;border-radius:50%;font-size:38px;color:#8ef4ff;background:radial-gradient(circle,rgba(101,232,255,.2),rgba(103,106,255,.1));box-shadow:0 0 35px rgba(95,222,255,.2)}
.free-mode-card b{font-size:22px}
.free-mode-card p{margin:.35em 0 0;color:var(--muted)}
.crossed-plans .plan.unavailable{position:relative;opacity:.56;filter:saturate(.45);overflow:hidden}
.crossed-plans .plan.unavailable::after{content:"";position:absolute;left:-12%;top:49%;width:124%;height:2px;background:linear-gradient(90deg,transparent,#ff91ae 12% 88%,transparent);transform:rotate(-8deg);box-shadow:0 0 12px rgba(255,112,151,.45)}
.crossed-plans .plan.unavailable .price s{text-decoration-thickness:2px;text-decoration-color:#ff8dad}
.subscription-qr{display:flex;align-items:center;gap:18px;margin:18px 0 10px;padding:14px;border:1px solid rgba(121,228,255,.22);border-radius:18px;background:rgba(3,13,31,.42)}
.subscription-qr img{width:132px;height:132px;padding:7px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.subscription-qr-button{display:block;flex:0 0 auto;padding:0;border:0;border-radius:16px;background:transparent;cursor:zoom-in;transition:transform .18s ease,filter .18s ease}
.subscription-qr-button:hover,.subscription-qr-button:focus-visible{transform:translateY(-2px) scale(1.025);filter:drop-shadow(0 10px 20px rgba(85,220,255,.22))}
.subscription-qr-button:focus-visible{outline:2px solid #7cecff;outline-offset:4px}
.qr-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(0,5,16,.82);animation:qr-modal-in .18s ease-out}
.qr-modal.hidden{display:none}
.qr-modal-card{position:relative;width:min(92vw,720px);padding:28px;text-align:center;border-color:rgba(116,231,255,.42);box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 70px rgba(89,191,255,.18)}
.qr-modal-card h2{margin:.3em 0 .65em}
.qr-modal-card>img{display:block;width:min(72vw,560px);height:auto;aspect-ratio:1;margin:0 auto;padding:18px;border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.qr-modal-card>p{margin:16px 0 0;color:var(--muted)}
.qr-modal-close{position:absolute;top:12px;right:14px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:rgba(5,16,34,.85);font:700 26px/1 inherit;cursor:pointer}
.free-claim-modal-card{width:min(92vw,620px);text-align:left}
.free-claim-modal-card h2{margin:.25em 0 .45em}
.free-claim-modal-card>p,.free-claim-modal-card>small{color:var(--muted);line-height:1.55}
.free-claim-steps{display:grid;gap:10px;margin:22px 0}
.free-claim-steps>span{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(116,231,255,.16);border-radius:16px;background:rgba(7,23,46,.62);font-size:.96rem;font-weight:800}
.free-claim-steps b{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;color:#061426;background:linear-gradient(135deg,#72efff,#93a9ff);font-weight:900}
.free-claim-actions{display:flex;gap:10px;margin:20px 0 14px}
.free-claim-actions .button{flex:1;text-align:center}
.free-claim-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 17px;padding:0;border:0;color:#a9c7df;background:transparent;font:inherit;font-size:.86rem;font-weight:850;cursor:pointer;transition:color .2s ease,transform .2s ease}
.free-claim-back:hover{color:#8fe9ff;transform:translateX(-2px)}
.free-claim-back span{font-size:1.15em;line-height:1}
.free-claim-actions .disabled{pointer-events:none;opacity:.45}
.free-claim-status{min-height:1.4em;margin:0;color:#9cf5d1!important;font-weight:700}
.free-terms-consent{display:flex;align-items:flex-start;gap:11px;margin:20px 0;padding:14px 15px;border:1px solid rgba(116,231,255,.18);border-radius:16px;background:rgba(7,23,46,.58);color:var(--muted);font-size:.92rem;line-height:1.45;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.free-terms-consent input{width:19px;height:19px;flex:0 0 19px;margin:1px 0 0;accent-color:#74e7ff}
.free-terms-consent a{color:#9beeff;text-decoration:underline;text-underline-offset:3px}
.free-terms-consent.attention{border-color:rgba(255,105,94,.8);box-shadow:0 0 0 3px rgba(255,92,80,.12);transform:translateY(-1px)}
.free-claim-methods{display:grid;gap:11px;margin:16px 0}
.free-claim-method{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid rgba(116,231,255,.2);border-radius:18px;color:var(--text);background:linear-gradient(145deg,rgba(10,32,62,.92),rgba(6,18,38,.86));text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.free-claim-method:hover{transform:translateY(-2px);border-color:rgba(116,231,255,.52);box-shadow:0 14px 36px rgba(0,0,0,.25)}
.free-claim-method:disabled{opacity:.5;cursor:wait;transform:none}
.free-claim-method.primary-method{background:linear-gradient(135deg,rgba(36,170,222,.25),rgba(18,65,128,.5))}
.free-claim-method.guest-method{border-style:dashed}
.free-claim-method .method-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:14px;color:#061426;background:linear-gradient(135deg,#72efff,#93a9ff);font-weight:950;font-size:1.08rem}
.free-claim-method b,.free-claim-method small{display:block}
.free-claim-method b{font-size:1rem}
.free-claim-method small{margin-top:4px;color:var(--muted);font-size:.82rem;line-height:1.35}
.free-claim-success>p{color:var(--muted);line-height:1.55}
.mirror-download-block{margin:20px 0;padding:16px;border:1px solid rgba(116,231,255,.2);border-radius:19px;background:rgba(5,19,39,.72)}
.mirror-download-block>div:first-child b,.mirror-download-block>div:first-child small{display:block}
.mirror-download-block>div:first-child small{margin-top:5px;color:var(--muted);line-height:1.4}
.mirror-download-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;max-height:330px;overflow:auto;scrollbar-gutter:stable}
.mirror-download{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:70px;padding:11px 13px;border:1px solid rgba(116,231,255,.16);border-radius:14px;color:var(--text);background:rgba(12,36,67,.7);text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.mirror-download:hover{transform:translateY(-1px);border-color:rgba(116,231,255,.5);background:rgba(15,45,82,.86)}
.platform-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(138,220,255,.2);border-radius:13px;color:#a8edff;background:linear-gradient(145deg,rgba(106,218,255,.16),rgba(120,132,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.platform-icon svg{width:23px;height:23px;fill:currentColor}
.platform-icon.platform-android{color:#a6f7bd}
.platform-icon.platform-ios,.platform-icon.platform-macos{color:#f3f7ff}
.platform-icon.platform-linux{color:#ffd27f}
.mirror-download-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.mirror-download-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mirror-download-copy>span{color:var(--muted);font-size:.76rem;line-height:1.3}
.mirror-download.official-download{border-style:dashed;background:rgba(22,31,53,.72)}
.mirror-loading{grid-column:1/-1;padding:13px;color:var(--muted);line-height:1.4}
.free-claim-success-actions{display:flex;gap:10px;margin-top:16px}
.free-claim-success-actions .button{flex:1;text-align:center}
.installer-source{display:grid;gap:17px;padding:22px;margin-bottom:22px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.installer-source h3{margin:.25em 0 .35em;font-size:1.25rem}
.installer-source p{margin:0;color:var(--muted);line-height:1.5}
.installer-source .install-links{margin:0}
.official-store-links{display:flex;gap:9px;padding-top:4px}
.official-store-links a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;text-decoration:none}

@keyframes qr-modal-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.qr-modal{animation:none}.subscription-qr-button{transition:none}}
.subscription-qr p{margin:.35em 0 0;color:var(--muted)}
.telegram-bind-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.telegram-bind-form label{display:block;margin-bottom:8px;font-weight:800}
.telegram-bind-row{display:flex;gap:9px}
.telegram-bind-row input{min-width:0;flex:1}
.telegram-bind-form small{display:block;margin-top:9px;color:var(--muted);line-height:1.45}
.telegram-bind-form .form-result{min-height:1.2em;margin:.5em 0 0;color:#9cf5d1}
.interface-physics-body.is-severed{filter:saturate(.92) contrast(1.06)!important}
.interface-physics-body.is-plunging{filter:saturate(1.8) brightness(1.25)!important;box-shadow:0 0 20px rgba(255,113,54,.34),0 0 42px rgba(111,220,255,.28)!important}
.interface-matter.matter-hot-dust{border-radius:50%;background:#fff1b5;box-shadow:0 0 7px rgba(255,178,65,.96),0 0 14px rgba(255,84,30,.72)}
@media(max-width:720px){
  .landing-actions,.telegram-bind-row,.subscription-qr,.free-claim-actions,.free-claim-success-actions{align-items:stretch;flex-direction:column}
  .mirror-download-list{grid-template-columns:1fr;max-height:220px}
  .free-claim-modal-card{max-height:92vh;overflow:auto}
  .free-create-button{min-width:0;width:100%}
  .subscription-qr img{width:150px;height:150px;align-self:center}
}


/* WRVPN immersive first-visit experience.
   Disable with LANDING_PRODUCT_STORY_ENABLED=false for an exact rollback. */
.product-story{
  --story-accent:#79e9ff;
  --story-accent-rgb:121,233,255;
  --story-soft:rgba(121,233,255,.14);
  position:relative;
  z-index:3;
  isolation:isolate;
  width:100%;
  margin:0 0 36px;
  color:#f5fbff;
  overflow:visible;
}
.product-story[data-active="unblock"]{--story-accent:#63f1bd;--story-accent-rgb:99,241,189;--story-soft:rgba(99,241,189,.14)}
.product-story[data-active="routes"]{--story-accent:#70dcff;--story-accent-rgb:112,220,255;--story-soft:rgba(112,220,255,.15)}
.product-story[data-active="privacy"]{--story-accent:#b59cff;--story-accent-rgb:181,156,255;--story-soft:rgba(181,156,255,.16)}
.product-story[data-active="control"]{--story-accent:#83b1ff;--story-accent-rgb:131,177,255;--story-soft:rgba(131,177,255,.15)}
.product-story[data-active="launch"]{--story-accent:#8eeaff;--story-accent-rgb:142,234,255;--story-soft:rgba(142,234,255,.17)}
.story-ambient{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.story-ambient::before{
  content:"";position:fixed;inset:0;opacity:0;pointer-events:none;
  background:
    radial-gradient(circle at calc(76% + var(--story-pointer-x,0px)) calc(25% + var(--story-pointer-y,0px)),var(--story-soft),transparent 30%),
    radial-gradient(circle at 16% 72%,rgba(61,200,255,.1),transparent 32%),
    linear-gradient(180deg,rgba(0,17,38,.02),rgba(1,12,29,.27) 48%,rgba(1,10,27,.06));
  transition:opacity .55s ease,background .8s ease;
}
.story-mode .story-ambient::before{opacity:1}
.story-ambient i{position:absolute;border-radius:50%;filter:blur(54px);opacity:.15;background:var(--story-accent);transition:background .8s ease}
.story-ambient i:nth-child(1){width:28vw;height:28vw;top:10vh;right:-7vw}
.story-ambient i:nth-child(2){width:22vw;height:22vw;top:190vh;left:-8vw}
.story-ambient i:nth-child(3){width:26vw;height:26vw;bottom:65vh;right:9vw}
.story-quick-access{
  position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));
  z-index:18;display:flex;align-items:center;gap:16px;min-height:56px;padding:6px 7px 6px 21px;
  border:1px solid rgba(165,237,255,.38);border-radius:999px;
  background:linear-gradient(115deg,rgba(2,21,42,.82),rgba(8,58,82,.7));
  color:#f3fdff;text-decoration:none;backdrop-filter:blur(18px) saturate(1.35);
  box-shadow:0 22px 60px rgba(0,8,27,.36),inset 0 0 30px rgba(104,224,255,.07);
  opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity .32s ease,transform .32s ease,border-color .25s ease,box-shadow .25s ease;
}
.story-mode .story-quick-access{opacity:1;transform:none;pointer-events:auto}
.story-quick-access>span{display:grid;gap:4px;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.story-quick-access>span small{color:#72e9ff;font-size:7px;letter-spacing:.25em}
.story-quick-access>i{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font:900 19px/1 sans-serif;font-style:normal;color:#06142b;background:linear-gradient(145deg,#9af4ff,#7b9eff);box-shadow:0 0 28px rgba(112,226,255,.4);transition:transform .25s ease}
.story-quick-access:hover{border-color:rgba(190,248,255,.78);box-shadow:0 24px 62px rgba(0,8,27,.44),0 0 32px rgba(104,224,255,.15)}
.story-quick-access:hover>i{transform:translateY(3px)}
.story-progress{
  position:fixed;left:max(26px,env(safe-area-inset-left));top:50%;z-index:14;
  display:grid;gap:12px;margin:0;padding:0;list-style:none;opacity:0;transform:translateY(-50%);
  pointer-events:none;transition:opacity .3s ease;
}
.story-mode .story-progress{opacity:1}
.story-progress li{display:flex;align-items:center;gap:8px;color:rgba(210,241,255,.26);font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;transition:color .35s ease}
.story-progress li::after{content:"";width:3px;height:18px;border-radius:4px;background:rgba(204,241,255,.2);transition:height .35s ease,background .35s ease,box-shadow .35s ease}
.story-progress li.is-active{color:var(--story-accent)}
.story-progress li.is-active::after{height:44px;background:var(--story-accent);box-shadow:0 0 16px var(--story-accent)}
.story-kicker,.story-index{display:inline-block;color:var(--story-accent);font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em;text-shadow:0 0 16px rgba(var(--story-accent-rgb),.7)}
.story-hero{
  position:relative;
  width:min(1260px,calc(100% - 82px));
  min-height:calc(96svh - 100px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);
  align-items:center;
  gap:clamp(38px,6vw,92px);
  padding:5vh 0 8vh;
  overflow:visible;
}
.story-hero-copy{position:relative;z-index:3;min-width:0;overflow:visible}
.sky-title-meta{display:flex;align-items:center;gap:16px}
.sky-language{appearance:none;border:1px solid rgba(158,231,255,.32);border-radius:999px;padding:7px 10px;background:rgba(4,28,51,.35);color:#bcefff;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.sky-language:hover{border-color:#8beaff;background:rgba(53,188,227,.16)}
.sky-title{
  position:relative;
  min-height:2.02em;
  max-width:800px;
  margin:24px 0 28px;
  padding:.03em .08em .12em 0;
  overflow:visible;
  font-size:clamp(64px,7.6vw,116px);
  line-height:.9;
  letter-spacing:-.068em;
  text-shadow:0 14px 56px rgba(0,9,30,.42);
  cursor:pointer;
  outline:none;
}
.sky-title>span,.sky-title>em{display:block;min-width:0;overflow:visible;white-space:nowrap}
.sky-title>em{font-style:normal;color:transparent;background:linear-gradient(100deg,#efffff 3%,#7eeaff 49%,#bc92ff 98%);-webkit-background-clip:text;background-clip:text}
.sky-title.is-decoding{filter:drop-shadow(0 0 14px rgba(118,230,255,.16))}
.sky-title:focus-visible{filter:drop-shadow(0 0 18px rgba(118,230,255,.46))}
.story-hero p{max-width:690px;margin:0;color:#dcebf5;font-size:clamp(16px,1.42vw,20px);line-height:1.64;text-shadow:0 4px 24px rgba(0,8,27,.72)}
.story-proof{display:flex;flex-wrap:wrap;gap:clamp(25px,4vw,56px);margin-top:38px}
.story-proof span{display:grid;gap:6px;min-width:90px}
.story-proof b{font-size:27px;line-height:1;letter-spacing:-.035em;color:#f5fdff}
.story-proof small{color:#a3b9c8;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.sky-network-field{
  position:relative;min-height:min(58vw,560px);contain:layout style;overflow:visible;
  transform:translate(var(--field-x,0),var(--field-y,0));transition:transform .2s ease-out;
}
.sky-network-field::before{
  content:"";position:absolute;inset:12% -6% 14% 2%;
  background:
    linear-gradient(115deg,transparent 0 14%,rgba(126,234,255,.08) 14.2% 14.45%,transparent 14.7% 47%,rgba(176,151,255,.08) 47.2% 47.42%,transparent 47.7%),
    linear-gradient(16deg,transparent 0 31%,rgba(126,234,255,.09) 31.15% 31.42%,transparent 31.65% 73%,rgba(111,240,197,.08) 73.2% 73.45%,transparent 73.7%);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
}
.sky-network-line{position:absolute;left:3%;right:1%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(132,235,255,.16) 18%,rgba(132,235,255,.62) 54%,rgba(186,154,255,.2) 78%,transparent);transform-origin:center}
.sky-network-line::after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#f4ffff;box-shadow:0 0 17px 5px #78e9ff;animation:network-flight 4.8s linear infinite}
.network-line-a{transform:rotate(-12deg)}.network-line-b{transform:rotate(24deg)}.network-line-c{transform:rotate(-43deg)}
.network-line-b::after{animation-delay:-1.6s}.network-line-c::after{animation-delay:-3.2s}
.sky-network-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#75edff;box-shadow:0 0 18px 5px rgba(117,237,255,.42);animation:network-dot 3.4s ease-in-out infinite}
.network-dot-a{left:17%;top:28%}.network-dot-b{right:18%;top:23%;animation-delay:-.8s}.network-dot-c{right:7%;bottom:25%;animation-delay:-1.6s}.network-dot-d{left:36%;bottom:17%;animation-delay:-2.4s}
.sky-network-caption{position:absolute;right:7%;bottom:8%;display:grid;gap:7px;text-align:right}
.sky-network-caption small{color:#8feeff;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.28em}
.sky-network-caption b{font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}
.story-scroll-cue{position:absolute;left:0;bottom:4vh;display:flex;align-items:center;gap:14px;color:#9eb8c8;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.story-scroll-cue i{display:block;width:54px;height:1px;background:rgba(155,225,249,.32);position:relative;overflow:hidden}
.story-scroll-cue i::after{content:"";position:absolute;inset:0;background:#83eaff;transform:translateX(-100%);animation:scroll-cue 2.4s ease-in-out infinite}
.sky-physics-source{position:fixed;z-index:2;margin:0;padding:0;border:0;background:transparent;pointer-events:none;white-space:nowrap;overflow:visible;color:#d9f7ff;text-shadow:0 4px 18px rgba(63,207,255,.26);transform-origin:center}
.sky-physics-source.accent{color:#9d96ee}
.sky-physics-source.sky-physics-fallback{opacity:.55;transform:scale(.28);animation:sky-physics-fallback 1.2s ease-out forwards}
.sky-physics-letter{display:inline-block;white-space:pre;opacity:1;transform:none;transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),filter .24s ease,color .2s ease}
.sky-physics-letter.is-consumed{opacity:0;color:#ff7450;filter:blur(2px) brightness(2.2);transform:translate3d(var(--letter-drift-x,8px),var(--letter-drift-y,0),0) scale(.08)}
.interface-physics-body.is-programmatic{mix-blend-mode:screen;text-shadow:0 3px 16px rgba(72,214,255,.28)!important;contain:layout style!important}
.interface-matter.is-background-matter{mix-blend-mode:screen}

.story-scene{
  position:relative;
  width:min(1180px,calc(100% - 96px));
  min-height:90svh;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);
  align-items:center;
  gap:clamp(54px,8vw,124px);
  padding:10vh 0;
  overflow:visible;
}
.story-scene::before{content:"";position:absolute;left:-12%;top:50%;width:52%;height:52%;border-radius:50%;background:radial-gradient(circle,var(--story-soft),transparent 69%);filter:blur(42px);transform:translateY(-50%);opacity:.64;pointer-events:none}
.story-scene-copy{position:relative;z-index:3;min-width:0;overflow:visible}
.story-scene h3,.story-finale h3{
  max-width:760px;margin:20px 0 22px;padding:.02em .07em .13em 0;overflow:visible;
  font-size:clamp(50px,5.7vw,82px);line-height:.94;letter-spacing:-.058em;text-wrap:balance;text-shadow:0 10px 44px rgba(0,8,28,.52)
}
.story-scene h3 em,.story-finale h3 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#f2ffff 2%,var(--story-accent) 53%,#b696ff 98%);-webkit-background-clip:text;background-clip:text}
.story-scene p{max-width:620px;margin:0;color:#d7e6f0;font-size:clamp(15px,1.3vw,18px);line-height:1.72;text-shadow:0 3px 22px rgba(0,8,27,.8)}
.scene-note{display:flex;align-items:center;gap:12px;margin-top:28px;color:#b9d2df;font:800 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.scene-note i{width:7px;height:7px;border-radius:50%;background:#65f1bd;box-shadow:0 0 16px 4px rgba(101,241,189,.55)}

.access-sequence{position:relative;display:grid;grid-template-columns:1fr 68px 1.08fr 68px 1fr;align-items:center;gap:10px;min-height:420px}
.access-sequence::before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(107,240,196,.28),transparent)}
.access-node{position:relative;z-index:2;min-height:168px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:25px 20px;border:1px solid rgba(156,237,222,.2);border-radius:24px;background:linear-gradient(145deg,rgba(5,32,52,.2),rgba(3,18,37,.06));backdrop-filter:blur(6px);transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .55s ease,box-shadow .55s ease,opacity .55s ease}
.access-node small{color:#8ca8b8;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.access-node b{font-size:14px;line-height:1.25;color:#f3fbff}
.access-node span{color:#83a2b2;font:800 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.access-node-gate{border-color:rgba(100,242,190,.44);box-shadow:inset 0 0 50px rgba(89,237,180,.08)}
.access-node-gate b,.access-node-gate span,.access-node-web b{color:#71f1c1}
.access-sequence[data-step="0"] .access-node-phone,.access-sequence[data-step="1"] .access-node-gate,.access-sequence[data-step="2"] .access-node-web{transform:translateY(-9px) scale(1.025);border-color:rgba(125,255,210,.8);box-shadow:0 18px 54px rgba(0,22,34,.28),0 0 34px rgba(93,241,189,.18)}
.access-sequence[data-step="0"] .access-node-gate,.access-sequence[data-step="0"] .access-node-web,.access-sequence[data-step="1"] .access-node-web{opacity:.48}
.access-signal{position:absolute;left:7%;top:14%;width:70px;height:70px}
.access-signal i{position:absolute;inset:0;border:1px solid rgba(116,232,255,.44);border-radius:50%;animation:access-ripple 2.6s ease-out infinite}
.access-signal i:nth-child(2){animation-delay:.8s}.access-signal i:nth-child(3){animation-delay:1.6s}
.access-flow{position:relative;z-index:3;height:2px;overflow:hidden;background:rgba(105,235,195,.17)}
.access-flow i{position:absolute;top:-2px;left:-8px;width:6px;height:6px;border-radius:50%;background:#efffff;box-shadow:0 0 14px 4px #65f1bd;animation:access-particle 2.1s linear infinite}
.access-flow i:nth-child(2){animation-delay:.7s}.access-flow i:nth-child(3){animation-delay:1.4s}
.access-flow-open i{animation-duration:1.35s}

.story-routes{display:block;width:min(1280px,calc(100% - 76px));padding:11vh 0 13vh}
.story-routes::before{left:18%;top:35%;width:72%;height:62%}
.routes-copy{display:grid;grid-template-columns:minmax(0,.8fr) minmax(330px,.62fr);grid-template-areas:"index index" "title text";align-items:end;gap:0 72px}
.routes-copy .story-index{grid-area:index}.routes-copy h3{grid-area:title}.routes-copy p{grid-area:text;padding-bottom:11px}
.route-finder{position:relative;margin-top:44px;border-top:1px solid rgba(143,226,255,.25);border-bottom:1px solid rgba(143,226,255,.18);padding:0 0 20px;overflow:hidden;background:linear-gradient(180deg,rgba(9,46,69,.1),rgba(2,14,31,.03))}
.route-finder-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 3px;border-bottom:1px solid rgba(143,226,255,.17);color:#9db8c8;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em}
.route-finder-head span{display:flex;align-items:center;gap:10px;color:#c3f6ff}.route-finder-head span i{width:7px;height:7px;border-radius:50%;background:#67efbd;box-shadow:0 0 14px #67efbd;animation:network-status 1.8s ease-in-out infinite}
.route-result{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(160px,.35fr);align-items:center;gap:30px;padding:34px clamp(8px,3vw,38px) 30px}
.route-radar{position:relative;width:112px;height:112px;border:1px solid rgba(120,229,255,.32);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(83,212,255,.14),transparent 65%)}
.route-radar::before{content:"";position:absolute;inset:13px;border:1px solid rgba(120,229,255,.2);border-radius:50%}
.route-radar>i{position:absolute;inset:0;border-radius:50%;border-top:2px solid #8decff;animation:radar-spin 1.8s linear infinite}
.route-radar>span{width:13px;height:13px;border-radius:50%;background:#dfffff;box-shadow:0 0 22px 7px #71e6ff;transition:transform .45s ease}
.route-finder.is-locked .route-radar>i{animation-duration:5s}.route-finder.is-locked .route-radar>span{transform:scale(1.35)}
.route-result-copy{display:grid;gap:8px;min-width:0}
.route-result-copy>small{color:#79dcf4;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.route-result-copy>span{display:flex;align-items:baseline;gap:7px;color:#a8c3d2}.route-result-copy>span b{color:#8ff0ff;font-size:25px}.route-result-copy>span em{margin-left:6px;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;font-style:normal}
.route-result-load{display:grid;gap:9px;align-self:end}.route-result-load>i{height:3px;background:rgba(141,223,250,.14);overflow:hidden}.route-result-load>i span{display:block;width:7%;height:100%;background:linear-gradient(90deg,#5df0bd,#7fe8ff);box-shadow:0 0 9px #75e9ff;transition:width .5s ease}.route-result-load small{color:#8aa2b2;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.location-stream{display:grid;gap:11px;padding:14px 0 4px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.location-lane{overflow:hidden}
.location-lane-track{display:flex;gap:10px;width:max-content;will-change:transform;animation:location-flow var(--lane-duration,44s) linear infinite}
.location-lane:nth-child(even) .location-lane-track{animation-direction:reverse}
.location-stream:hover .location-lane-track,.location-stream.is-paused .location-lane-track{animation-play-state:paused}
.location-node{
  --node-load:8%;appearance:none;flex:0 0 auto;min-width:230px;max-width:320px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 14px;
  padding:13px 15px;border:1px solid rgba(147,224,250,.16);border-radius:16px;
  background:linear-gradient(120deg,rgba(9,48,70,.18),rgba(4,20,38,.08));color:inherit;text-align:left;cursor:pointer;
  opacity:.64;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.location-node:hover,.location-node.is-selected{opacity:1;transform:translateY(0);border-color:rgba(126,234,255,.64);background:linear-gradient(120deg,rgba(19,100,128,.28),rgba(10,40,68,.16));box-shadow:0 10px 32px rgba(0,18,36,.25),inset 0 0 24px rgba(92,222,255,.05)}
.location-node-title{min-width:0;display:flex;align-items:center;gap:8px}.location-node-title>i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#61efc0;box-shadow:0 0 10px #61efc0}
.location-node-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf9ff;font-size:11px;letter-spacing:-.01em}
.location-flag{position:relative;flex:0 0 auto;display:inline-block;width:24px;height:15px;border-radius:3px;overflow:hidden;background:#143b7a;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 2px 7px rgba(0,7,20,.28)}
.location-flag::before,.location-flag::after{content:"";position:absolute;pointer-events:none}
.location-flag-ar{background:linear-gradient(#74acdf 0 33%,#fff 33% 67%,#74acdf 67%)}.location-flag-ar::after{left:10px;top:6px;width:4px;height:4px;border-radius:50%;background:#f6b40e}
.location-flag-de{background:linear-gradient(#161616 0 33%,#d10d2a 33% 67%,#ffce00 67%)}
.location-flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.location-flag-kz{background:#28a9c7}.location-flag-kz::after{left:9px;top:5px;width:6px;height:6px;border-radius:50%;background:#f4cf35;box-shadow:-6px 0 0 -2px #f4cf35}
.location-flag-lv{background:linear-gradient(#9e3039 0 40%,#fff 40% 60%,#9e3039 60%)}
.location-flag-nl{background:linear-gradient(#ae1c28 0 33%,#fff 33% 67%,#21468b 67%)}
.location-flag-ae{background:linear-gradient(#149447 0 33%,#fff 33% 67%,#111 67%)}.location-flag-ae::after{inset:0 auto 0 0;width:6px;background:#d51c32}
.location-flag-pl{background:linear-gradient(#fff 0 50%,#dc143c 50%)}
.location-flag-ru{background:linear-gradient(#fff 0 33%,#1554a1 33% 67%,#d52b1e 67%)}
.location-flag-ro{background:linear-gradient(90deg,#002b7f 0 33%,#fcd116 33% 67%,#ce1126 67%)}
.location-flag-sg{background:linear-gradient(#ef3340 0 50%,#fff 50%)}.location-flag-sg::after{left:5px;top:3px;width:5px;height:5px;border:1.5px solid #fff;border-right-color:transparent;border-radius:50%}
.location-flag-us{background:repeating-linear-gradient(#b22234 0 1.5px,#fff 1.5px 3px)}.location-flag-us::before{inset:0 auto auto 0;width:10px;height:8px;background:#3c3b6e}
.location-flag-tr{background:#e30a17}.location-flag-tr::after{left:7px;top:4px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:2px 0 0 1px #e30a17}
.location-flag-fi{background:linear-gradient(90deg,transparent 0 28%,#164f9c 28% 42%,transparent 42%),linear-gradient(transparent 0 40%,#164f9c 40% 61%,transparent 61%),#fff}
.location-flag-fr{background:linear-gradient(90deg,#0055a4 0 33%,#fff 33% 67%,#ef4135 67%)}
.location-flag-ee{background:linear-gradient(#4891d9 0 33%,#171717 33% 67%,#fff 67%)}
.location-flag-jp{background:#fff}.location-flag-jp::after{left:8px;top:3px;width:8px;height:8px;border-radius:50%;background:#bc002d}
.location-flag-gb{background:linear-gradient(90deg,transparent 0 41%,#fff 41% 59%,transparent 59%),linear-gradient(transparent 0 35%,#fff 35% 65%,transparent 65%),#21468b}.location-flag-gb::after{inset:0;background:linear-gradient(90deg,transparent 0 46%,#cf142b 46% 54%,transparent 54%),linear-gradient(transparent 0 43%,#cf142b 43% 57%,transparent 57%)}
.location-flag-eu{background:#173f91}.location-flag-eu::after{left:10px;top:6px;width:3px;height:3px;border-radius:50%;background:#ffd700;box-shadow:0 -5px #ffd700,0 5px #ffd700,5px 0 #ffd700,-5px 0 #ffd700,4px 4px #ffd700,-4px -4px #ffd700}
.location-flag-media{background:linear-gradient(135deg,#ff4fc3,#785bff 52%,#44e9ff)}.location-flag-world{background:radial-gradient(circle at 36% 50%,transparent 0 3px,#7edfff 3.5px 4.5px,transparent 5px),linear-gradient(135deg,#14375e,#1f86a8)}
.route-result-heading{display:flex;align-items:center;gap:12px;min-width:0}.route-result-heading .location-flag{width:31px;height:20px;border-radius:4px}.route-result-heading>strong{overflow:visible;color:#f5fcff;font-size:clamp(24px,2.5vw,36px);line-height:1.12;letter-spacing:-.035em}
.location-node-ping{color:#a5efff;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.location-node-ping small{margin-left:2px;color:#7892a5;font-size:7px}
.location-node-far .location-node-ping{color:#ffce86}.location-node-mid .location-node-ping{color:#dbeeff}
.location-node-load{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.location-node-load>span{height:2px;overflow:hidden;background:rgba(142,209,235,.11)}.location-node-load>span>i{display:block;width:var(--node-load);height:100%;background:linear-gradient(90deg,#5deac5,var(--story-accent));box-shadow:0 0 7px var(--story-accent)}
.location-node-load small{color:#7690a2;font:700 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase}
.location-node-clone{pointer-events:none}
.route-hint{margin:14px 4px 0!important;color:#8ba5b5!important;font:700 9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.05em}

.story-privacy{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)}
.privacy-facts{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
.privacy-facts span{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(187,163,255,.24);border-radius:999px;background:rgba(59,37,105,.08);color:#cfdce7;font-size:11px}
.privacy-facts i{font-style:normal;color:#7ef0c8}
.cipher-flow{position:relative;min-height:470px;display:grid;grid-template-columns:130px minmax(230px,1fr) 130px;align-items:center;gap:16px;overflow:visible}
.cipher-flow::before{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,rgba(179,157,255,.05),rgba(188,167,255,.55),rgba(118,231,255,.38),rgba(179,157,255,.05));box-shadow:0 0 22px rgba(179,157,255,.22)}
.cipher-source,.cipher-output{position:relative;z-index:3;display:grid;gap:10px;padding:16px 0}
.cipher-source small,.cipher-output small{color:#8ca4b5;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.cipher-source b,.cipher-output b{font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;color:#eefcff}
.cipher-output{text-align:right}.cipher-output b{color:#c0abff}
.cipher-stream{position:absolute;left:12%;right:12%;top:50%;height:130px;transform:translateY(-50%);overflow:visible}
.cipher-stream span{position:absolute;left:0;top:calc(50% + (var(--particle) - 4) * 6px);width:7px;height:7px;border-radius:50%;background:#edffff;box-shadow:0 0 15px 4px rgba(152,234,255,.72);animation:cipher-particle 3.4s cubic-bezier(.42,0,.58,1) infinite;animation-delay:calc(var(--particle) * -.31s)}
.cipher-prism{position:relative;z-index:4;justify-self:center;width:250px;height:190px;display:grid;place-items:center;clip-path:polygon(7% 50%,29% 7%,70% 15%,94% 50%,70% 85%,29% 93%);background:linear-gradient(135deg,rgba(103,238,255,.08),rgba(178,135,255,.24) 48%,rgba(92,241,191,.08));filter:drop-shadow(0 0 28px rgba(176,151,255,.24))}
.cipher-prism::before,.cipher-prism::after{content:"";position:absolute;inset:1px;clip-path:inherit;pointer-events:none}
.cipher-prism::before{background:repeating-linear-gradient(122deg,transparent 0 17px,rgba(167,231,255,.2) 18px,transparent 19px 34px),repeating-linear-gradient(21deg,transparent 0 23px,rgba(193,160,255,.17) 24px,transparent 25px 46px);animation:cipher-mesh 7s linear infinite}
.cipher-prism::after{inset:13%;background:linear-gradient(90deg,transparent,rgba(231,255,255,.3),transparent);filter:blur(7px);animation:cipher-sweep 3.2s ease-in-out infinite}
.cipher-prism-grid{position:absolute;inset:18% 10%;border-top:1px solid rgba(133,238,255,.46);border-bottom:1px solid rgba(187,157,255,.38);transform:skewX(-18deg)}
.cipher-prism>i{position:absolute;left:11%;right:11%;top:var(--thread-y);height:1px;background:linear-gradient(90deg,transparent,#83efff 24%,#cfb0ff 64%,transparent);transform:skewY(var(--thread-angle));opacity:.7;animation:cipher-thread 2.7s ease-in-out infinite;animation-delay:calc(var(--thread) * -.32s)}
.cipher-prism>span{position:relative;z-index:3;display:grid;gap:8px;text-align:center;text-shadow:0 0 18px rgba(153,228,255,.7)}
.cipher-prism>span small{color:#9edfec;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em}
.cipher-prism>span b{color:#79f1c5;font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em}
.cipher-caption{position:absolute;left:16%;right:16%;bottom:38px;display:flex;align-items:center;justify-content:center;gap:10px;color:#9c8fc1;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.cipher-caption i{width:6px;height:6px;border-radius:50%;background:#78f0c6;box-shadow:0 0 13px #78f0c6}

.story-control{grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr)}
.control-demo{border:1px solid rgba(139,188,255,.28);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(7,40,65,.28),rgba(4,15,35,.1));box-shadow:0 30px 90px rgba(0,9,29,.22),inset 0 0 54px rgba(107,173,255,.04);backdrop-filter:blur(8px)}
.control-demo-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(139,188,255,.18);color:#9bb3c4;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.control-demo-top>span{display:flex;gap:6px}.control-demo-top>span i{width:7px;height:7px;border-radius:50%;background:rgba(145,199,255,.28)}.control-demo-top>span i:first-child{background:#77e8ff;box-shadow:0 0 9px #77e8ff}
.control-demo-top small{justify-self:end;color:#71edbd}
.control-demo-body{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:390px}
.control-demo nav{display:grid;align-content:center;gap:8px;padding:18px;border-right:1px solid rgba(139,188,255,.16)}
.control-demo nav button{appearance:none;display:flex;align-items:center;gap:10px;width:100%;padding:12px 11px;border:1px solid transparent;border-radius:14px;background:transparent;color:#8fa8ba;text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.control-demo nav button:hover{color:#dff7ff;transform:translateX(3px)}
.control-demo nav button.is-active{color:#f2fbff;border-color:rgba(134,191,255,.34);background:rgba(85,144,218,.12);box-shadow:inset 0 0 24px rgba(111,176,255,.06)}
.control-demo nav i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(128,182,255,.11);font-style:normal;color:#9dc4ff}.control-demo nav span{font-size:11px;font-weight:800}
.control-demo-screen{position:relative;display:flex;flex-direction:column;justify-content:center;padding:42px clamp(24px,4vw,54px);overflow:hidden}
.control-demo-screen::before{content:"";position:absolute;width:250px;height:250px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(117,186,255,.17),transparent 68%);filter:blur(5px)}
.control-demo-screen.is-changing>*{animation:control-content .42s ease}
.control-demo-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(144,199,255,.38);border-radius:18px;background:rgba(88,155,229,.11);color:#a8ccff;font-size:22px;box-shadow:inset 0 0 28px rgba(108,177,255,.08)}
.control-demo-screen>small{color:#8db8f4;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.control-demo-screen>strong{max-width:430px;margin:12px 0 13px;color:#f4fbff;font-size:clamp(22px,2.25vw,31px);line-height:1.12;letter-spacing:-.035em}
.control-demo-screen>p{max-width:440px;color:#afc3d1;font-size:13px;line-height:1.58}
.control-demo-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:13px 16px;border-top:1px solid rgba(140,194,255,.2);border-bottom:1px solid rgba(140,194,255,.14);color:#b9d8ff;font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.control-demo-action i{font-style:normal;font-size:15px;color:#8fbdff}

.story-finale{position:relative;width:min(1180px,calc(100% - 96px));min-height:86svh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12vh 0;overflow:visible}
.story-finale h3{max-width:1000px;margin:22px 0 18px;font-size:clamp(56px,7.6vw,108px);line-height:.93}
.story-finale p{margin:0;color:#c7dbe8;font-size:clamp(15px,1.4vw,18px)}
.final-vortex{position:absolute;z-index:-1;width:min(66vw,820px);height:min(66vw,820px);display:grid;place-items:center;opacity:.56}
.final-vortex::before{content:"";position:absolute;width:38%;height:38%;border-radius:50%;background:radial-gradient(circle,#000208 0 48%,rgba(74,210,255,.72) 51%,rgba(154,126,255,.2) 60%,transparent 72%);box-shadow:0 0 95px rgba(85,208,255,.2);animation:vortex-breathe 5s ease-in-out infinite}
.final-vortex>i{position:absolute;border:1px solid rgba(131,226,255,.23);border-radius:50%}.final-vortex>i:first-child{width:76%;height:30%;animation:vortex-ring-a 18s linear infinite}.final-vortex>i:nth-child(2){width:88%;height:48%;animation:vortex-ring-b 25s linear infinite reverse}
.final-vortex>span{position:absolute;width:100%;height:18%;border-radius:50%;border-top:1px solid rgba(154,235,255,.7);filter:drop-shadow(0 0 12px #79e8ff);transform:rotate(-7deg)}
.story-launch-button{display:flex;align-items:center;gap:24px;margin-top:40px;padding:7px 8px 7px 24px;border:1px solid rgba(164,238,255,.5);border-radius:999px;background:linear-gradient(110deg,rgba(8,53,78,.74),rgba(30,74,116,.62));color:#f5fdff;text-decoration:none;box-shadow:0 22px 60px rgba(0,9,29,.34),0 0 32px rgba(105,220,255,.12);backdrop-filter:blur(16px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.story-launch-button:hover{transform:translateY(-4px);border-color:#b9f5ff;box-shadow:0 28px 70px rgba(0,9,29,.42),0 0 40px rgba(105,220,255,.2)}
.story-launch-button>span{display:grid;gap:5px;font-size:14px;font-weight:900;letter-spacing:.04em}.story-launch-button small{color:#83e9ff;font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.story-launch-button>i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#9bf4ff,#849eff);color:#07142b;font-size:21px;font-style:normal;box-shadow:0 0 24px rgba(117,228,255,.37)}
.final-status{display:flex;align-items:center;gap:16px;margin-top:28px;color:#90aabd;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.final-status span{display:flex;align-items:center;gap:7px}.final-status i{width:6px;height:6px;border-radius:50%;background:#68efbd;box-shadow:0 0 12px #68efbd}.final-status b{color:#78edbe}
.product-story.story-observed [data-story-reveal]{opacity:.04;transform:translateY(34px) scale(.985);filter:blur(7px);transition:opacity .72s ease,transform .84s cubic-bezier(.16,.8,.18,1),filter .7s ease}
.product-story.story-observed [data-story-reveal].is-visible{opacity:1;transform:none;filter:none}
.story-complete-sentinel{position:absolute;bottom:0;width:1px;height:8vh;pointer-events:none}

@keyframes vortex-breathe{0%,100%{transform:scale(.97);filter:brightness(.92)}50%{transform:scale(1.035);filter:brightness(1.14)}}
@keyframes vortex-ring-a{from{transform:rotate(-10deg)}to{transform:rotate(350deg)}}
@keyframes vortex-ring-b{from{transform:rotate(23deg)}to{transform:rotate(383deg)}}
@keyframes vortex-ring-c{from{transform:rotate(-39deg)}to{transform:rotate(321deg)}}
@keyframes network-flight{0%{left:0;opacity:0;transform:scale(.5)}15%,78%{opacity:1}100%{left:100%;opacity:0;transform:scale(1.4)}}
@keyframes network-dot{0%,100%{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.28)}}
@keyframes sky-physics-fallback{from{opacity:.55;transform:scale(.28)}to{opacity:0;filter:blur(4px);transform:translate3d(var(--fallback-x),var(--fallback-y),0) rotate(var(--fallback-r)) scale(.12)}}
@keyframes scroll-cue{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes access-ripple{0%{transform:scale(.3);opacity:0}28%{opacity:.7}100%{transform:scale(1.35);opacity:0}}
@keyframes access-particle{from{left:-8px;opacity:0}12%,82%{opacity:1}to{left:100%;opacity:0}}
@keyframes network-status{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}
@keyframes radar-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes location-flow{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@keyframes cipher-particle{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}10%{opacity:1}48%{transform:translate3d(260px,calc((var(--particle) - 4) * -8px),0) scale(1.3);opacity:1}60%{filter:hue-rotate(55deg)}90%{opacity:.9}100%{transform:translate3d(520px,0,0) scale(.55);opacity:0;filter:hue-rotate(100deg)}}
@keyframes cipher-mesh{from{background-position:0 0,0 0}to{background-position:70px 0,-92px 0}}
@keyframes cipher-sweep{0%,100%{transform:translateX(-35%);opacity:.24}50%{transform:translateX(35%);opacity:.8}}
@keyframes cipher-thread{0%,100%{opacity:.28;transform:translateX(-5%) skewY(var(--thread-angle))}50%{opacity:.9;transform:translateX(5%) skewY(var(--thread-angle))}}
@keyframes control-content{0%{opacity:.25;transform:translateY(8px)}100%{opacity:1;transform:none}}

@media(max-width:1080px){
  .story-progress{display:none}
  .story-hero{width:calc(100% - 50px);grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:30px}
  .sky-title{font-size:clamp(62px,8.5vw,92px)}
  .story-scene{width:calc(100% - 58px);grid-template-columns:1fr;gap:48px;min-height:auto;padding:12vh 0}
  .story-scene-copy{max-width:800px}
  .story-routes{width:calc(100% - 48px)}
  .routes-copy{grid-template-columns:1fr;grid-template-areas:"index" "title" "text";gap:0}.routes-copy p{padding-bottom:0}
  .access-sequence{min-height:320px}
  .story-privacy,.story-control{grid-template-columns:1fr}
  .cipher-flow{width:min(720px,100%);justify-self:center}
  .control-demo{width:min(760px,100%);justify-self:center}
  .story-finale{width:calc(100% - 58px)}
}
@media(max-width:760px){
  .story-quick-access{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:49px;padding:5px 6px 5px 15px;gap:10px}
  .story-quick-access>span{font-size:8px}.story-quick-access>i{width:38px;height:38px}
  .story-hero{width:calc(100% - 34px);min-height:auto;grid-template-columns:1fr;padding:7vh 0 8vh;gap:18px}
  .sky-title-meta{align-items:flex-start}.story-kicker{font-size:8px;line-height:1.35}
  .sky-title{min-height:2.12em;font-size:clamp(50px,15vw,72px);line-height:.94;letter-spacing:-.058em;margin:18px 0 22px;padding-right:.12em}
  .sky-title>span,.sky-title>em{white-space:normal}
  .story-hero p{font-size:15px;line-height:1.58}
  .story-proof{gap:24px;margin-top:28px}.story-proof b{font-size:23px}.story-proof small{font-size:7px}
  .sky-network-field{min-height:52vw;margin-top:0}.sky-network-caption{right:4%;bottom:2%}.story-scroll-cue{display:none}
  .story-scene{width:calc(100% - 36px);padding:10vh 0;gap:35px}
  .story-scene h3{font-size:clamp(43px,12.8vw,62px);line-height:.98;letter-spacing:-.052em;margin:17px 0 18px;padding-right:.12em}
  .story-scene p{font-size:15px;line-height:1.62}
  .scene-note{font-size:8px}
  .access-sequence{grid-template-columns:1fr;gap:10px;min-height:auto}
  .access-sequence::before{left:50%;right:auto;top:7%;bottom:7%;width:1px;height:auto}
  .access-node{min-height:110px;padding:19px 20px;border-radius:20px}
  .access-flow{width:2px;height:38px;justify-self:center}.access-flow i{left:-2px;top:-8px;animation-name:access-particle-mobile}.access-signal{left:auto;right:8%;top:2%}
  .story-routes{width:calc(100% - 28px);padding-top:10vh}
  .route-finder{margin-top:30px}
  .route-result{grid-template-columns:84px minmax(0,1fr);gap:17px;padding:25px 4px 23px}
  .route-radar{width:76px;height:76px}.route-result-copy>strong{font-size:22px}.route-result-copy>span b{font-size:20px}.route-result-copy>span em{display:none}
  .route-result-load{grid-column:1/-1;padding:0 4px}
  .location-node{min-width:205px;padding:11px 13px}.location-node-title strong{font-size:10px}
  .route-hint{font-size:8px!important}
  .cipher-flow{min-height:390px;grid-template-columns:88px minmax(130px,1fr) 88px;gap:5px;overflow:hidden}
  .cipher-source b,.cipher-output b{font-size:8px}.cipher-source small,.cipher-output small{font-size:6px}
  .cipher-prism{width:165px;height:132px}.cipher-prism>span small{font-size:6px}.cipher-prism>span b{font-size:9px}
  .cipher-caption{left:4%;right:4%;bottom:26px;text-align:center;font-size:6px}
  .cipher-stream{left:7%;right:7%}.cipher-stream span{animation-name:cipher-particle-mobile}
  .control-demo{border-radius:22px}
  .control-demo-top{grid-template-columns:1fr auto}.control-demo-top>b{display:none}
  .control-demo-body{grid-template-columns:1fr;min-height:460px}
  .control-demo nav{grid-template-columns:repeat(3,1fr);align-content:initial;padding:12px;border-right:0;border-bottom:1px solid rgba(139,188,255,.16)}
  .control-demo nav button{justify-content:center;padding:10px 5px}.control-demo nav button:hover{transform:none}.control-demo nav i{display:none}.control-demo nav span{font-size:9px}
  .control-demo-screen{padding:31px 23px}
  .story-finale{width:calc(100% - 34px);min-height:76svh}
  .story-finale h3{font-size:clamp(48px,14vw,70px);line-height:.97;padding-right:.12em}
  .story-finale p{font-size:14px}
  .final-vortex{width:120vw;height:120vw}.story-launch-button{gap:15px;padding-left:19px}.story-launch-button>span{font-size:12px}.story-launch-button>i{width:45px;height:45px}
}
@keyframes access-particle-mobile{from{top:-8px;opacity:0}12%,82%{opacity:1}to{top:100%;opacity:0}}
@keyframes cipher-particle-mobile{0%{transform:translate3d(0,0,0) scale(.5);opacity:0}12%{opacity:1}48%{transform:translate3d(145px,calc((var(--particle) - 4) * -5px),0) scale(1.2);opacity:1}100%{transform:translate3d(290px,0,0) scale(.5);opacity:0;filter:hue-rotate(100deg)}}
@media(prefers-reduced-motion:reduce){
  .sky-network-line::after,.sky-network-dot,.story-scroll-cue i::after,.access-signal i,.access-flow i,.route-radar>i,.route-finder-head span i,.location-lane-track,.cipher-stream span,.cipher-prism::before,.cipher-prism::after,.cipher-prism>i,.final-vortex::before,.final-vortex>i{animation:none!important}
  .product-story.story-observed [data-story-reveal]{opacity:1;transform:none;filter:none}
  .sky-physics-source{display:none}
}