:root{
  --bg:#f2f1ec;
  --paper:#faf9f5;
  --ink:#08090b;
  --ink-soft:#17191d;
  --muted:#6f7176;
  --line:rgba(8,9,11,.12);
  --line-strong:rgba(8,9,11,.22);
  --glass:rgba(255,255,255,.58);
  --dark:#080a0d;
  --dark-soft:#111419;
  --signal:#4868ff;
  --signal-soft:#8ea0ff;
  --cyan:#31c8ff;
  --max:1320px;
  --radius:30px;
  --shadow:0 34px 100px rgba(14,17,24,.10);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;color:var(--ink);overflow-x:hidden;
  background:
    radial-gradient(circle at 78% 2%,rgba(72,104,255,.08),transparent 25rem),
    radial-gradient(circle at 5% 20%,rgba(49,200,255,.05),transparent 24rem),
    linear-gradient(180deg,#f7f6f2 0,#f0efe9 45%,#f6f5f0 100%);
  font-feature-settings:"ss01" 1,"cv02" 1
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(10,12,16,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,12,16,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 75%)
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,select{font:inherit}
::selection{background:var(--ink);color:white}
.skip-link{
  position:fixed;left:16px;top:16px;z-index:200;transform:translateY(-180%);
  background:#111;color:#fff;padding:11px 15px;border-radius:12px
}
.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:120;background:rgba(0,0,0,.03)}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ink),var(--signal));box-shadow:0 0 14px rgba(72,104,255,.4)}
.cursor-glow{
  position:fixed;width:360px;height:360px;border-radius:50%;z-index:0;pointer-events:none;opacity:.22;
  background:radial-gradient(circle,rgba(72,104,255,.16),rgba(72,104,255,.05) 32%,transparent 70%);
  transform:translate(-50%,-50%);filter:blur(2px);transition:opacity .3s ease
}

/* cinematic launch */
.launch-intro{
  position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#07090c;color:#fff;
  overflow:hidden;transition:opacity .8s cubic-bezier(.2,.8,.2,1),visibility .8s
}
.launch-intro.done{opacity:0;visibility:hidden;pointer-events:none}
.launch-grid{
  position:absolute;inset:-20%;opacity:.16;transform:perspective(900px) rotateX(65deg) translateY(20%);
  background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:70px 70px;animation:gridDrift 5s linear infinite
}
.launch-core{position:relative;z-index:2;width:min(560px,82vw);text-align:center}
.launch-core img{width:min(280px,58vw);margin:0 auto 4px;filter:invert(1) brightness(1.7);opacity:.96;animation:launchLogo 1.8s cubic-bezier(.2,.8,.2,1)}
.launch-core p{margin:0;font-weight:900;letter-spacing:-.055em;font-size:clamp(32px,6vw,64px)}
.launch-core strong{display:block;margin:20px 0 18px;font-size:11px;letter-spacing:.34em;font-weight:700;color:#c7cad3}
.launch-core small{display:block;margin-top:18px;font-size:9px;letter-spacing:.2em;color:#777d8c}
.launch-meter{height:1px;width:min(340px,72vw);margin:auto;background:rgba(255,255,255,.12);overflow:hidden}
.launch-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff,var(--signal-soft));transform:translateX(-100%);animation:launchMeter 2.25s cubic-bezier(.2,.8,.2,1) forwards}

/* nav */
.topbar{
  position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;gap:32px;
  padding:0 max(24px,calc((100vw - var(--max))/2));z-index:100;
  background:rgba(246,245,240,.72);backdrop-filter:blur(24px) saturate(1.25);
  border-bottom:1px solid rgba(8,9,11,.07);transition:height .3s ease,background .3s ease,box-shadow .3s ease
}
.topbar.scrolled{height:66px;background:rgba(248,247,243,.88);box-shadow:0 12px 40px rgba(0,0,0,.045)}
.brand-mini{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.045em;font-size:17px;min-width:max-content}.brand-symbol-wrap{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(8,9,11,.08);border-radius:12px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(8,12,20,.055);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.brand-symbol{width:31px;height:31px;object-fit:contain;display:block}.brand-mini:hover .brand-symbol-wrap,.brand-mini:focus-visible .brand-symbol-wrap{transform:translateY(-1px);border-color:rgba(8,9,11,.15);box-shadow:0 12px 28px rgba(8,12,20,.075)}.brand-mini-text{display:inline-block}
.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(72,104,255,.10),0 0 20px rgba(72,104,255,.55)}
.nav{display:flex;gap:24px;font-size:13px;margin-left:auto}
.nav a{position:relative;color:#595c62;transition:.2s}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--ink);transition:right .25s ease}
.nav a:hover,.nav a:focus-visible{color:var(--ink)}
.nav a:hover::after,.nav a:focus-visible::after{right:0}
.top-actions{display:flex;align-items:center;gap:10px}
.preview-pill{font-size:9px;letter-spacing:.14em;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.55);color:var(--muted)}
.locale-wrap select{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);padding:9px 12px;max-width:156px;color:var(--ink);outline:none}
.locale-wrap select:focus{border-color:rgba(72,104,255,.55);box-shadow:0 0 0 4px rgba(72,104,255,.09)}
.locale-notice{
  position:fixed;right:18px;bottom:18px;z-index:110;max-width:390px;border:1px solid var(--line);
  border-radius:17px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:var(--shadow);
  padding:12px 14px;font-size:12px;line-height:1.5;color:#3f4249
}
.locale-notice[hidden]{display:none}

/* global sections */
.section{
  position:relative;width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:132px 0;
  min-height:78vh;display:flex;flex-direction:column;justify-content:center
}
.scene{isolation:isolate}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.eyebrow.light{color:#8e96a5}
.superline{font-size:10px;letter-spacing:.18em;color:#898c92;margin:0 0 22px}
h1{font-size:clamp(64px,7.3vw,116px);line-height:.88;letter-spacing:-.074em;margin:0 0 30px;max-width:9ch;font-weight:850}
h2{font-size:clamp(48px,5.4vw,82px);line-height:.94;letter-spacing:-.062em;margin:10px 0 26px;font-weight:800}
h3{letter-spacing:-.035em}
.lead,.section-lead{font-size:clamp(18px,1.75vw,24px);line-height:1.56;color:#454850;max-width:780px}
.section-note{font-size:13px;line-height:1.65;color:#34373d;text-align:right}
.section-note span{font-size:11px;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;
  min-height:50px;border:1px solid var(--line-strong);border-radius:999px;padding:0 20px;
  font-weight:760;background:rgba(255,255,255,.58);backdrop-filter:blur(12px);
  transition:transform .22s ease,background .22s ease,border .22s ease,box-shadow .22s ease;overflow:hidden
}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.8),transparent 75%);transform:translateX(-130%);transition:transform .55s ease}
.btn:hover::before{transform:translateX(130%)}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);background:#fff;box-shadow:0 14px 36px rgba(0,0,0,.07)}
.btn b{font-weight:500;font-size:15px}
.btn.primary{background:#0a0b0e;color:#fff;border-color:#0a0b0e;box-shadow:0 16px 40px rgba(7,9,13,.15)}
.btn.primary::before{background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.14),transparent 75%)}
.disclosure,.fine{font-size:11px;line-height:1.55;color:var(--muted);margin-top:22px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:none}

/* hero */
.hero{
  min-height:100svh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding-top:116px;padding-bottom:88px;overflow:hidden
}
.hero-aura{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1}
.aura-a{width:420px;height:420px;right:5%;top:16%;background:rgba(72,104,255,.10)}
.aura-b{width:340px;height:340px;right:28%;bottom:0;background:rgba(49,200,255,.065)}
.hero-copy{position:relative;z-index:3}
.hero-capabilities{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}
.hero-capabilities span{
  display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;
  border:1px solid rgba(8,9,11,.085);border-radius:999px;background:rgba(255,255,255,.54);
  backdrop-filter:blur(10px);font-size:8px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:#61656d
}
.hero-capabilities i{width:5px;height:5px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px rgba(72,104,255,.07)}
.proof-rail{display:flex;gap:0;margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:710px}
.proof-rail>div{flex:1;padding:16px 20px 16px 0}
.proof-rail>div+div{border-left:1px solid var(--line);padding-left:20px}
.proof-rail strong{display:block;font-size:18px;letter-spacing:-.035em;margin-bottom:3px}
.proof-rail span{font-size:10px;letter-spacing:.03em;color:var(--muted)}

.logo-theatre{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;min-width:0;--px:0px;--py:0px}
.theatre-grid{
  position:absolute;inset:8%;border-radius:50%;opacity:.35;
  background-image:radial-gradient(circle at center,rgba(8,9,11,.09) 1px,transparent 1px);
  background-size:22px 22px;mask-image:radial-gradient(circle,black,transparent 70%)
}
.halo{position:absolute;border-radius:50%;border:1px solid rgba(8,9,11,.10);pointer-events:none}
.halo-a{inset:8%;animation:haloPulse 7s ease-in-out infinite}
.halo-b{inset:16%;border-color:rgba(72,104,255,.12);animation:haloPulse 7s ease-in-out 1.4s infinite}
.halo-c{inset:25%;border-color:rgba(8,9,11,.07);animation:haloPulse 7s ease-in-out 2.8s infinite}
.signal-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(8,9,11,.14);border-radius:50%;z-index:2}
.signal-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(72,104,255,.09),0 0 18px rgba(72,104,255,.42)}
.orbit-1{width:80%;height:42%;transform:translate(-50%,-50%) rotate(-12deg);animation:orbitOne 20s linear infinite}
.orbit-1 i{left:16%;top:5%}
.orbit-2{width:58%;height:74%;transform:translate(-50%,-50%) rotate(54deg);animation:orbitTwo 26s linear infinite}
.orbit-2 i{right:9%;top:25%;background:var(--cyan)}
.orbit-3{width:87%;height:26%;transform:translate(-50%,-50%) rotate(18deg);animation:orbitThree 16s linear infinite}
.orbit-3 i{left:60%;bottom:-3px}
.logo-stage{position:relative;width:84%;z-index:5;transform:translate(var(--px),var(--py));transition:transform .18s ease-out}
.logo-stage::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(255,255,255,.32) 55%,transparent 72%);filter:blur(10px);z-index:-1}
.logo-stage img{width:100%;filter:drop-shadow(0 30px 48px rgba(0,0,0,.09));animation:logoBreathe 7s ease-in-out infinite}
.signal-label{position:absolute;z-index:8;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.16em;color:#6e7178}
.signal-label i{width:5px;height:5px;border-radius:50%;background:var(--ink)}
.label-a{left:3%;top:30%}.label-b{right:1%;top:24%}.label-c{left:8%;bottom:24%}.label-d{right:4%;bottom:28%}
.status-float{
  position:absolute;right:12%;bottom:10%;z-index:8;border:1px solid rgba(8,9,11,.10);background:rgba(255,255,255,.70);
  backdrop-filter:blur(14px);padding:9px 12px;border-radius:999px;font-size:9px;letter-spacing:.14em;color:#555962;
  box-shadow:0 16px 40px rgba(0,0,0,.07)
}
.status-float i,.deck-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58d68d;margin-right:7px;box-shadow:0 0 0 5px rgba(88,214,141,.09);animation:statusPulse 2s ease-in-out infinite}
.scroll-cue{position:absolute;left:0;bottom:34px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.18em;color:#85888f}
.scroll-cue i{display:block;width:52px;height:1px;background:var(--line-strong);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateX(-100%);animation:scrollLine 2s ease-in-out infinite}

/* premium story */
.premium-story{padding-top:160px}
.story-intro{max-width:980px;margin-bottom:70px}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pillar{
  position:relative;min-height:390px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.35));backdrop-filter:blur(14px);
  box-shadow:0 18px 50px rgba(0,0,0,.035);overflow:hidden;transform-style:preserve-3d;
  transition:border .25s ease,box-shadow .25s ease
}
.pillar::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(72,104,255,.11),transparent 38%);opacity:0;transition:opacity .25s}
.pillar:hover::before{opacity:1}
.pillar:hover{border-color:rgba(72,104,255,.22);box-shadow:0 26px 70px rgba(15,20,35,.08)}
.pillar-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--muted)}
.pillar-top b{color:var(--ink)}
.pillar h3{font-size:34px;margin:150px 0 12px;position:relative}
.pillar p{position:relative;color:#555861;line-height:1.6;margin:0;font-size:14px}
.pillar-line{position:absolute;left:28px;right:28px;bottom:26px;height:1px;background:linear-gradient(90deg,var(--signal),rgba(72,104,255,.05));transform-origin:left;transform:scaleX(.18);transition:transform .45s ease}
.pillar:hover .pillar-line{transform:scaleX(1)}

/* journey */
.journey{padding-top:150px}
.route-visual{position:relative;height:270px;margin:32px 0 12px;overflow:hidden}
.route-visual svg{position:absolute;inset:10px 0 0;width:100%;height:220px;overflow:visible}
.route-base{fill:none;stroke:rgba(8,9,11,.10);stroke-width:2;stroke-dasharray:5 8}
.route-live{fill:none;stroke:var(--signal);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;filter:drop-shadow(0 0 8px rgba(72,104,255,.30));transition:stroke-dashoffset 2.2s cubic-bezier(.2,.8,.2,1)}
.route-live.active{stroke-dashoffset:0}
.route-city{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.15em;color:#4e5158}
.route-city i{width:10px;height:10px;border:2px solid var(--paper);border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(72,104,255,.12)}
.city-start{left:1%;top:160px}.city-mid{left:48%;top:118px}.city-end{right:1%;top:50px}
.flow-shell{position:relative;padding-top:10px}
.flow-progress{height:1px;background:var(--line);margin:0 0 28px}.flow-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--signal),var(--cyan));transition:width .2s linear}
.flow{display:flex;gap:12px;overflow:auto;padding:0 2px 22px;scrollbar-width:none;scroll-snap-type:x proximity}
.flow::-webkit-scrollbar{display:none}
.flow-step{
  position:relative;flex:0 0 210px;min-height:180px;border:1px solid var(--line);border-radius:24px;padding:21px;
  background:rgba(255,255,255,.57);display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;
  transition:transform .25s ease,border .25s ease,background .25s ease
}
.flow-step:hover{transform:translateY(-5px);border-color:rgba(72,104,255,.25);background:rgba(255,255,255,.88)}
.flow-step small{color:var(--muted);font-size:10px}.flow-step strong{font-size:16px;line-height:1.3}
.state-hint{font-size:9px;letter-spacing:.14em;color:var(--signal)}
.mission-notes{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;color:#555860;font-size:11px}
.mission-notes span{display:flex;align-items:center;gap:7px}.mission-notes i{width:5px;height:5px;border-radius:50%;background:var(--signal)}

/* control */
.control-section{width:min(1440px,calc(100% - 32px));padding:90px 0 130px}
.control-deck{
  position:relative;border-radius:40px;padding:44px;background:
    radial-gradient(circle at 70% 30%,rgba(72,104,255,.18),transparent 28rem),
    radial-gradient(circle at 22% 75%,rgba(49,200,255,.08),transparent 24rem),
    linear-gradient(145deg,#101319,#07090c 70%);
  color:#f7f8fb;box-shadow:0 50px 120px rgba(5,7,10,.24);overflow:hidden
}
.control-deck::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(120deg,black,transparent 70%)}
.control-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.control-top h2{font-size:clamp(44px,5vw,74px);max-width:11ch;margin-bottom:48px}
.deck-status{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:10px 14px;border-radius:999px;font-size:9px;letter-spacing:.15em;color:#b9bfca;white-space:nowrap}
.control-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:stretch}
.metric-stack{display:grid;gap:12px}
.metric-card{position:relative;min-height:132px;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);overflow:hidden}
.metric-card>span{font-size:10px;letter-spacing:.08em;color:#8f97a5}.metric-card strong{display:block;font-size:32px;letter-spacing:-.045em;margin:17px 0 3px}.metric-card small{color:#676f7e;font-size:10px}
.spark{position:absolute;right:16px;bottom:18px;width:92px;height:38px;display:flex;align-items:flex-end;gap:4px}
.spark i{flex:1;background:linear-gradient(to top,rgba(72,104,255,.18),#7188ff);border-radius:4px 4px 0 0}
.meter{position:absolute;right:18px;bottom:22px;width:96px;height:3px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--signal),var(--cyan))}
.ops-radar{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.025);display:grid;place-items:center}
.radar-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;transform:perspective(600px) rotateX(55deg) translateY(18%)}
.radar-ring{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.r1{inset:14%}.r2{inset:27%}.r3{inset:40%}
.radar-sweep{position:absolute;width:44%;height:1px;left:50%;top:50%;transform-origin:left;background:linear-gradient(90deg,rgba(72,104,255,.7),transparent);animation:radarSweep 5s linear infinite}
.radar-core{position:relative;z-index:3;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 80px rgba(72,104,255,.15)}
.radar-core span{font-size:10px;letter-spacing:.12em;color:#8f97a5}.radar-core strong{font-size:28px;letter-spacing:-.05em}
.radar-node{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.05),0 0 20px rgba(72,104,255,.6)}
.rn1{left:22%;top:30%}.rn2{right:19%;top:22%}.rn3{left:28%;bottom:18%}.rn4{right:25%;bottom:28%;background:var(--cyan)}
.event-stream{border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:18px;background:rgba(255,255,255,.025)}
.stream-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#8d95a3;padding:4px 4px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.stream-head b{color:#6677d9}
.event-stream article{display:grid;grid-template-columns:30px 1fr 10px;gap:10px;align-items:center;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
.event-stream article:last-child{border-bottom:0}
.event-stream time{font-size:9px;color:#555e6c}.event-stream strong{display:block;font-size:12px;margin-bottom:4px}.event-stream span{display:block;font-size:10px;line-height:1.4;color:#737b88}
.event-stream>article>i{width:7px;height:7px;border-radius:50%}.event-stream .ok{background:#55d488;box-shadow:0 0 0 5px rgba(85,212,136,.08)}.event-stream .wait{background:#f0b35a;box-shadow:0 0 0 5px rgba(240,179,90,.08)}
.deck-foot{position:relative;z-index:2;color:#6e7582;font-size:10px;margin:24px 0 0}

/* trust */
.trust-section{display:grid;grid-template-columns:.68fr 1.32fr;gap:76px;align-items:start;padding-top:160px}
.trust-copy{position:sticky;top:120px}
.trust-chain{display:grid;gap:12px}
.trust-chain article{position:relative;min-height:180px;border:1px solid var(--line);border-radius:26px;padding:26px 84px 26px 26px;background:rgba(255,255,255,.56);overflow:hidden}
.trust-chain article::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--signal),var(--cyan));transition:width .5s ease}
.trust-chain article:hover::after{width:100%}
.trust-chain b{font-size:9px;letter-spacing:.18em;color:var(--signal)}.trust-chain h3{font-size:30px;margin:24px 0 7px}.trust-chain p{font-size:13px;line-height:1.55;color:#5c5f66;max-width:520px}
.trust-chain article>span{position:absolute;right:24px;top:21px;font-size:50px;letter-spacing:-.07em;color:rgba(8,9,11,.07);font-weight:900}
.trust-rules{grid-column:1/-1;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.trust-rules span{font-size:10px;letter-spacing:.09em;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.45)}

/* ecosystem */
.ecosystem-section{padding-top:160px}
.system-orbit{position:relative;height:650px;margin-top:35px}
.system-orbit::before,.system-orbit::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%}
.system-orbit::before{width:55%;height:68%}.system-orbit::after{width:82%;height:88%;border-style:dashed}
.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:grid;align-content:center;justify-items:center;background:#0b0d11;color:#fff;box-shadow:0 40px 90px rgba(10,13,20,.22),0 0 0 18px rgba(72,104,255,.05);z-index:5}
.system-core span{font-size:11px;letter-spacing:.16em;color:#8e96a4}.system-core strong{font-size:52px;letter-spacing:-.065em}.system-core small{font-size:8px;letter-spacing:.17em;color:#6575d5}
.system-node{position:absolute;width:190px;border:1px solid var(--line);border-radius:19px;padding:16px;background:rgba(255,255,255,.66);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.04);z-index:3}
.system-node::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 6px rgba(72,104,255,.08)}
.system-node span{display:block;font-size:13px;font-weight:800}.system-node small{font-size:9px;color:var(--muted)}
.sn1{left:9%;top:10%}.sn1::after{right:-4px;bottom:16px}
.sn2{right:7%;top:13%}.sn2::after{left:-4px;bottom:16px}
.sn3{left:2%;top:48%}.sn3::after{right:-4px;top:18px}
.sn4{right:2%;top:48%}.sn4::after{left:-4px;top:18px}
.sn5{left:15%;bottom:7%}.sn5::after{right:-4px;top:15px}
.sn6{right:13%;bottom:5%}.sn6::after{left:-4px;top:15px}
.architecture-note{text-align:center;margin-top:0}

/* languages */
.languages{padding-top:160px}
.language-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.language-head h2{max-width:12ch}
.language-stats{display:flex;gap:34px;padding-bottom:26px}.language-stats strong{display:block;font-size:28px;letter-spacing:-.05em}.language-stats span{font-size:9px;color:var(--muted);letter-spacing:.08em}
.locale-window{margin-top:42px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.58);font-size:10px;letter-spacing:.05em}
.chips span[data-status="canonical"]{background:#0b0d11;color:#fff;border-color:#0b0d11}
.chips span[data-status^="registry_ready"]{opacity:.42}

/* final */
.final{text-align:center;align-items:center;min-height:96vh;overflow:hidden}
.final-aura{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(72,104,255,.12),rgba(49,200,255,.04) 35%,transparent 70%);filter:blur(30px);z-index:-1}
.final-logo{position:relative;width:min(380px,65vw);margin:0 auto 22px}.final-logo img{position:relative;z-index:2}
.final-ring{position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(72,104,255,.22);animation:finalRing 8s linear infinite}
.final h2{font-size:clamp(70px,10vw,140px);margin:0 0 10px}.tagline{font-size:clamp(16px,2vw,25px);font-weight:850;letter-spacing:.14em;margin:0 0 18px}.final-copy{color:#555861;font-size:15px;margin:0 0 30px}

/* stateful polish */
html[data-logo-state="TRUST_LOCK"] .brand-dot{background:#111;box-shadow:0 0 0 6px rgba(0,0,0,.08)}
html[data-logo-state="GLOBAL_FABRIC"] .brand-dot{background:var(--cyan);box-shadow:0 0 0 6px rgba(49,200,255,.09),0 0 20px rgba(49,200,255,.5)}

/* animations */
@keyframes gridDrift{to{transform:perspective(900px) rotateX(65deg) translateY(20%) translateX(70px)}}
@keyframes launchLogo{0%{opacity:0;transform:scale(.84);filter:invert(1) blur(10px)}55%{opacity:1}100%{transform:scale(1);filter:invert(1) blur(0)}}
@keyframes launchMeter{to{transform:translateX(0)}}
@keyframes haloPulse{0%,100%{opacity:.3;transform:scale(.98)}50%{opacity:.8;transform:scale(1.02)}}
@keyframes orbitOne{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes orbitTwo{to{transform:translate(-50%,-50%) rotate(-306deg)}}
@keyframes orbitThree{to{transform:translate(-50%,-50%) rotate(378deg)}}
@keyframes logoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes statusPulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes scrollLine{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
@keyframes radarSweep{to{transform:rotate(360deg)}}
@keyframes finalRing{to{transform:rotate(360deg)}}

/* RTL */
html[dir="rtl"] .hero-copy,html[dir="rtl"] .story-intro,html[dir="rtl"] .trust-copy,html[dir="rtl"] .language-head>div:first-child{text-align:right}
html[dir="rtl"] .nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .section-note{text-align:left}
html[dir="rtl"] .locale-notice{right:auto;left:18px}

/* responsive */
@media (max-width:1080px){
  .nav{display:none}
  .pillar-grid{grid-template-columns:repeat(2,1fr)}
  .pillar{min-height:330px}.pillar h3{margin-top:110px}
  .control-layout{grid-template-columns:1fr 1fr}.ops-radar{grid-row:span 2}.event-stream{grid-column:1}
  .trust-section{grid-template-columns:1fr}.trust-copy{position:relative;top:auto}
  .system-orbit{height:600px}
}
@media (max-width:900px){
  .topbar{height:68px;padding:0 18px}.topbar.scrolled{height:62px}
  .preview-pill{display:none}.locale-wrap select{max-width:124px}
  .section{width:min(100% - 30px,var(--max));padding:100px 0;min-height:auto}
  .hero{grid-template-columns:1fr;gap:10px;min-height:100svh;padding-top:104px}
  .logo-theatre{order:-1;width:min(76vw,520px);margin:0 auto -16px}
  .hero h1{font-size:clamp(48px,12.5vw,78px)}
  .proof-rail{margin-top:32px}
  .scroll-cue{display:none}
  .section-heading,.language-head{align-items:flex-start;flex-direction:column}
  .section-note{text-align:left}
  .control-section{width:calc(100% - 16px);padding:80px 0}.control-deck{padding:28px;border-radius:30px}
  .control-top{flex-direction:column}.control-top h2{margin-bottom:20px}
  .control-layout{grid-template-columns:1fr}.ops-radar{grid-row:auto;min-height:390px}.event-stream{grid-column:auto}
  .metric-stack{grid-template-columns:repeat(3,1fr)}.metric-card{min-height:150px}
  .system-orbit{height:720px}.system-orbit::before{width:70%;height:54%}.system-orbit::after{width:96%;height:78%}
  .sn1{left:2%;top:7%}.sn2{right:2%;top:10%}.sn3{left:0;top:44%}.sn4{right:0;top:44%}.sn5{left:5%;bottom:7%}.sn6{right:5%;bottom:5%}
}
@media (max-width:620px){
  body::before{background-size:48px 48px}
  .hero-capabilities{gap:5px;margin:9px 0 18px}
  .hero-capabilities span{font-size:7px;min-height:25px;padding:0 8px}
  .brand-mini{font-size:15px}.top-actions{gap:4px}.locale-wrap select{max-width:108px;padding:8px 9px;font-size:11px}
  .section{width:calc(100% - 24px);padding:84px 0}
  h2{font-size:clamp(42px,12vw,60px)}
  .hero{padding-top:90px}.logo-theatre{width:min(88vw,430px);margin-bottom:-8px}
  .signal-label{display:none}.status-float{right:8%;bottom:5%;font-size:8px}
  .proof-rail{display:grid;grid-template-columns:1fr}.proof-rail>div{padding:12px 0!important;border-left:0!important}.proof-rail>div+div{border-top:1px solid var(--line)}
  .pillar-grid{grid-template-columns:1fr}.pillar{min-height:300px}.pillar h3{margin-top:92px}
  .route-visual{height:220px}.route-visual svg{height:180px}.city-start{top:130px}.city-mid{top:98px}.city-end{top:43px}
  .flow-step{flex-basis:78vw}
  .mission-notes{gap:12px}
  .control-deck{padding:22px}.metric-stack{grid-template-columns:1fr}.metric-card{min-height:128px}
  .ops-radar{min-height:330px}
  .trust-chain article{padding-right:68px}.trust-chain article>span{font-size:40px}
  .system-orbit{height:auto;display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px}
  .system-orbit::before,.system-orbit::after{display:none}.system-core{position:relative;left:auto;top:auto;transform:none;margin:10px auto 26px;width:160px;height:160px}
  .system-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%}.system-node::after{display:none}
  .language-stats{width:100%;justify-content:space-between;gap:12px}.language-stats strong{font-size:24px}
  .chips{gap:7px}.chips span{padding:8px 10px}
  .locale-notice{left:12px!important;right:12px!important;bottom:12px;max-width:none}
  .final h2{font-size:clamp(66px,22vw,104px)}
  .cursor-glow{display:none}
}

/* motion accessibility */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .launch-intro{display:none}
  .reveal{opacity:1;transform:none;transition:none}
  .launch-grid,.launch-core img,.launch-meter i,.halo,.signal-orbit,.logo-stage img,.status-float i,.scroll-cue i::after,.radar-sweep,.final-ring{animation:none!important}
  .logo-stage{transform:none!important;transition:none!important}
  .btn,.pillar,.pillar-line{transition:none!important}
  .pillar:hover{transform:none!important}
}


/* =========================================================
   A1 IMMERSIVE v0.4 — STORY ENGINE / WORLD / PRODUCT LENS
   ========================================================= */

.chapter-rail{
  position:fixed;left:max(12px,calc((100vw - var(--max))/2 - 130px));top:50%;z-index:80;
  display:flex;flex-direction:column;gap:5px;transform:translateY(-50%);
  padding:9px;border:1px solid rgba(8,9,11,.07);border-radius:18px;
  background:rgba(247,246,242,.70);backdrop-filter:blur(18px) saturate(1.12);
  box-shadow:0 14px 44px rgba(0,0,0,.035)
}
.chapter-rail a{
  display:grid;grid-template-columns:22px 0fr;align-items:center;gap:0;height:28px;
  border-radius:10px;color:#8b8e95;font-size:9px;letter-spacing:.08em;
  overflow:hidden;transition:grid-template-columns .28s ease,color .2s ease,background .2s ease,padding .28s ease
}
.chapter-rail a b{font-size:8px;font-weight:800;text-align:center}
.chapter-rail a span{white-space:nowrap;opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}
.chapter-rail a:hover,.chapter-rail a:focus-visible{
  grid-template-columns:22px 72px;color:var(--ink);background:rgba(255,255,255,.86);padding-right:8px
}
.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1;transform:none}
.chapter-rail a.active{
  color:var(--ink);background:rgba(255,255,255,.78);
  box-shadow:inset 2px 0 0 var(--signal)
}
.chapter-rail a.active b{color:var(--signal)}
@media (max-width:1580px){.chapter-rail{display:none}}

.ambient-mark{
  position:fixed;right:22px;bottom:22px;z-index:74;width:86px;height:86px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.62);backdrop-filter:blur(16px);
  border:1px solid rgba(8,9,11,.08);box-shadow:0 22px 60px rgba(0,0,0,.08);
  opacity:.78;transform:translateZ(0);transition:background .5s ease,border-color .5s ease,transform .5s ease
}
.ambient-mark img{width:62px;position:relative;z-index:2;transition:filter .45s ease,transform .45s ease}
.ambient-mark-ring{position:absolute;inset:8px;border:1px solid rgba(72,104,255,.16);border-radius:50%;animation:finalRing 10s linear infinite}
.ambient-mark span{
  position:absolute;right:74px;white-space:nowrap;font-size:8px;letter-spacing:.16em;color:#7d8189;
  opacity:0;transform:translateX(7px);transition:opacity .25s ease,transform .25s ease
}
.ambient-mark:hover span{opacity:1;transform:none}
html[data-logo-state="TRUST_LOCK"] .ambient-mark{background:rgba(10,12,16,.88);border-color:rgba(255,255,255,.09)}
html[data-logo-state="TRUST_LOCK"] .ambient-mark img{filter:invert(1) brightness(1.6)}
html[data-logo-state="GLOBAL_FABRIC"] .ambient-mark{box-shadow:0 20px 70px rgba(72,104,255,.13)}
html[data-logo-state="PRODUCT_LENS"] .ambient-mark{transform:scale(1.06);box-shadow:0 20px 70px rgba(49,200,255,.11)}
html[data-logo-state="PRODUCT_LENS"] .ambient-mark-ring{border-color:rgba(49,200,255,.28)}

/* scroll-scrub world scene */
.world-story{
  position:relative;min-height:360vh;width:100%;z-index:2;
  --world-progress:0;--world-rot:0deg;--world-y:0px
}
.world-sticky{
  position:sticky;top:0;min-height:100svh;overflow:hidden;
  display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:60px;align-items:center;
  padding:104px max(30px,calc((100vw - var(--max))/2));
  background:
    radial-gradient(circle at 72% 48%,rgba(72,104,255,.11),transparent 25rem),
    radial-gradient(circle at 66% 62%,rgba(49,200,255,.055),transparent 22rem),
    linear-gradient(180deg,#f4f3ee,#efeee9)
}
.world-sticky::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;
  background-image:linear-gradient(rgba(8,9,11,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,9,11,.04) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(circle at 68% 50%,black,transparent 75%)
}
.world-copy{position:relative;z-index:5}
.world-copy h2{max-width:9.7ch}
.world-copy .section-lead{font-size:clamp(17px,1.45vw,21px);max-width:610px}
.world-steps{display:grid;gap:7px;margin-top:42px;max-width:620px}
.world-step{
  display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 16px;border-radius:16px;
  border:1px solid transparent;opacity:.34;transition:opacity .3s ease,background .3s ease,border-color .3s ease,transform .3s ease
}
.world-step b{font-size:9px;color:var(--signal);padding-top:3px}
.world-step strong{display:block;font-size:13px;margin-bottom:3px}
.world-step span{display:block;font-size:10px;line-height:1.45;color:var(--muted)}
.world-step.active{opacity:1;background:rgba(255,255,255,.62);border-color:var(--line);transform:translateX(5px)}

.world-stage{position:relative;z-index:3;min-height:690px;display:grid;place-items:center;perspective:1200px}
.world-glow{
  position:absolute;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(72,104,255,.12),rgba(49,200,255,.035) 42%,transparent 70%);
  filter:blur(22px);transform:scale(calc(.94 + var(--world-progress)*.09))
}
.globe-shell{
  position:relative;width:min(570px,42vw);aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(8,9,11,.12);
  transform-style:preserve-3d;
  transform:rotateX(8deg) rotateY(calc(-18deg + var(--world-rot))) translateY(var(--world-y));
  box-shadow:inset -36px -24px 90px rgba(4,8,18,.06),0 46px 120px rgba(20,25,45,.09);
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(255,255,255,.22) 45%,rgba(72,104,255,.025) 70%,transparent);
  transition:box-shadow .35s ease
}
.globe-shell::before,.globe-shell::after{
  content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(72,104,255,.12);
  transform:rotate(35deg) scaleX(.42)
}
.globe-shell::after{transform:rotate(-35deg) scaleX(.42);border-color:rgba(49,200,255,.10)}
.globe-grid{position:absolute;left:50%;top:50%;border:1px solid rgba(8,9,11,.10);border-radius:50%;transform-style:preserve-3d}
.latitude{width:92%;height:24%;transform:translate(-50%,-50%)}
.lat-1{top:29%;width:72%}.lat-2{top:50%;width:96%;height:30%}.lat-3{top:72%;width:68%}
.longitude{width:26%;height:92%;transform:translate(-50%,-50%)}
.lon-1{transform:translate(-50%,-50%) rotate(0deg)}.lon-2{transform:translate(-50%,-50%) rotate(58deg)}.lon-3{transform:translate(-50%,-50%) rotate(-58deg)}
.globe-core{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(72,104,255,.045),transparent 65%);box-shadow:0 0 70px rgba(72,104,255,.07)}
.globe-route{position:absolute;left:50%;top:50%;width:88%;height:30%;border-top:2px solid rgba(72,104,255,.52);border-radius:50%;filter:drop-shadow(0 0 7px rgba(72,104,255,.25))}
.gr-1{transform:translate(-50%,-50%) rotate(-18deg)}
.gr-2{width:70%;height:46%;border-color:rgba(49,200,255,.38);transform:translate(-50%,-50%) rotate(34deg)}
.gr-3{width:76%;height:20%;border-color:rgba(8,9,11,.22);transform:translate(-50%,-50%) rotate(10deg)}
.globe-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 7px rgba(72,104,255,.09),0 0 22px rgba(72,104,255,.45);z-index:6}
.gn-istanbul{left:19%;top:43%}.gn-seoul{right:19%;top:34%;background:var(--cyan)}.gn-busan{right:24%;bottom:28%}
.world-label{
  position:absolute;z-index:8;display:grid;grid-template-columns:7px 1fr;column-gap:7px;align-items:center;
  font-size:9px;letter-spacing:.14em;color:#34373d;padding:8px 10px;border:1px solid rgba(8,9,11,.08);
  background:rgba(255,255,255,.68);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.04)
}
.world-label i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--signal)}
.world-label span{font-weight:800}.world-label small{font-size:7px;color:#92959b;letter-spacing:.12em}
.wl-istanbul{left:4%;top:42%}.wl-seoul{right:1%;top:25%}.wl-busan{right:6%;bottom:20%}
.world-packet{
  position:absolute;z-index:8;width:210px;padding:14px 15px;border-radius:16px;border:1px solid rgba(8,9,11,.09);
  background:rgba(255,255,255,.72);backdrop-filter:blur(15px);box-shadow:0 18px 45px rgba(0,0,0,.06);
  transform:translateY(calc((.5 - var(--world-progress))*18px))
}
.world-packet small{display:block;font-size:7px;letter-spacing:.13em;color:#858991;margin-bottom:9px}
.world-packet strong{display:block;font-size:12px;margin-bottom:4px}.world-packet span{font-size:9px;color:#797d84}
.packet-a{left:0;bottom:9%}.packet-b{right:0;top:6%}
.world-index{position:absolute;right:4%;bottom:5%;display:flex;align-items:center;gap:12px;color:#777b82;font-size:9px}
.world-index span b{font-size:15px;color:var(--ink)}.world-index>i{display:block;width:112px;height:2px;background:rgba(8,9,11,.10);overflow:hidden}.world-index>i em{display:block;height:100%;width:calc(var(--world-progress)*100%);background:linear-gradient(90deg,var(--signal),var(--cyan))}

/* product lens */
.product-lens{padding-top:160px;padding-bottom:150px}
.product-heading{margin-bottom:54px}
.product-shell{
  border:1px solid rgba(8,9,11,.13);border-radius:34px;overflow:hidden;background:#f9f9f7;
  box-shadow:0 45px 120px rgba(14,18,28,.13);transform:perspective(1400px) rotateX(calc((.5 - var(--product-progress, .5))*1.7deg));
  transition:transform .25s ease
}
.product-chrome{
  height:64px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  background:#0c0e12;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)
}
.chrome-brand{display:flex;align-items:center;gap:9px}.chrome-brand b{font-size:13px}.chrome-brand small{font-size:7px;letter-spacing:.13em;color:#727a89;margin-left:5px}
.chrome-center{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.035)}
.chrome-center i{width:5px;height:5px;border-radius:50%;background:#55d488;box-shadow:0 0 0 4px rgba(85,212,136,.08)}
.chrome-center span{font-size:9px;font-weight:800}.chrome-center em{font-size:8px;color:#747b88;font-style:normal}
.chrome-actions{justify-self:end;display:flex;gap:7px}.chrome-actions span{font-size:8px;letter-spacing:.1em;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:6px 8px;color:#9299a5}
.product-body{display:grid;grid-template-columns:118px 1fr;min-height:650px}
.product-nav{padding:20px 12px;background:#11141a;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:7px}
.product-tab{
  appearance:none;border:0;background:transparent;color:#727985;border-radius:14px;min-height:66px;padding:10px 9px;
  display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;text-align:left;cursor:pointer;transition:.22s ease
}
.product-tab i{font-style:normal;font-size:8px;color:#4e5663}.product-tab span{font-size:10px;font-weight:750}
.product-tab:hover,.product-tab:focus-visible{background:rgba(255,255,255,.045);color:#fff;outline:none}
.product-tab.active{background:rgba(72,104,255,.14);color:#fff;box-shadow:inset 2px 0 0 var(--signal)}
.product-tab.active i{color:#91a1ff}
.product-screen{min-width:0;background:
  radial-gradient(circle at 85% 5%,rgba(72,104,255,.05),transparent 20rem),
  linear-gradient(180deg,#fbfbf9,#f2f2ef)}
.screen-topline{height:112px;padding:26px 30px 20px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}
.screen-topline span{font-size:8px;letter-spacing:.14em;color:#858991}.screen-topline h3{font-size:30px;margin:7px 0 0}
.screen-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.66)}.screen-status i{width:6px;height:6px;border-radius:50%;background:#f0b35a;box-shadow:0 0 0 5px rgba(240,179,90,.08)}.screen-status span{color:#535760;letter-spacing:.04em}
.screen-canvas{min-height:460px;padding:26px 30px}
.screen-panel[hidden]{display:none!important}
.screen-panel{animation:panelIn .35s cubic-bezier(.2,.8,.2,1)}
.mission-summary{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.65)}
.mission-summary small{font-size:8px;letter-spacing:.14em;color:#92969d}.mission-summary strong{display:block;font-size:26px;letter-spacing:-.04em;margin:8px 0}.mission-summary p{margin:0;font-size:11px;color:#6e727a}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.mission-grid article{min-height:126px;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.55)}.mission-grid span{font-size:8px;color:#858991}.mission-grid strong{display:block;font-size:17px;margin:28px 0 5px}.mission-grid small{font-size:7px;color:#979ba2}
.mission-timeline{display:flex;align-items:center;gap:9px;margin-top:28px;padding:0 4px;font-size:8px;color:#7a7e85}.mission-timeline i{width:8px;height:8px;border-radius:50%;background:#d1d2d4;box-shadow:0 0 0 4px #e9e9e7}.mission-timeline i.done{background:#55d488}.mission-timeline i.active{background:var(--signal)}.mission-timeline span{flex:1;border-bottom:1px dashed rgba(8,9,11,.13);padding-bottom:9px}
.itinerary-panel{display:grid;gap:9px}.itinerary-day{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:15px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.62)}.itinerary-day>b{font-size:9px;color:var(--signal)}.itinerary-day strong{display:block;font-size:13px;margin-bottom:4px}.itinerary-day span{font-size:9px;color:#777b82}.itinerary-day em{font-size:10px;font-style:normal;color:#585c63}
.evidence-score{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.6)}.evidence-score>div{display:flex;justify-content:space-between;align-items:end}.evidence-score span,.evidence-score small{font-size:8px;letter-spacing:.1em;color:#888c93}.evidence-score strong{font-size:30px}.evidence-score>i{display:block;height:4px;background:#e5e5e3;border-radius:99px;margin:14px 0 10px;overflow:hidden}.evidence-score>i em{display:block;height:100%;background:linear-gradient(90deg,var(--signal),var(--cyan))}
.evidence-list{display:grid;gap:8px;margin-top:12px}.evidence-list article{display:grid;grid-template-columns:8px 1fr auto;gap:13px;align-items:center;padding:15px 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.54)}.evidence-list article>i{width:7px;height:7px;border-radius:50%;background:#c4c6ca}.evidence-list article>i.ok{background:#55d488}.evidence-list article>i.wait{background:#f0b35a}.evidence-list strong{font-size:11px}.evidence-list span{display:block;font-size:8px;color:#858991;margin-top:3px}.evidence-list b{font-size:8px;color:#666b73}
.handoff-map{min-height:250px;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:15px}.handoff-origin,.handoff-target{padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.66)}.handoff-origin small,.handoff-target small{font-size:8px;color:#878b92}.handoff-origin strong,.handoff-target strong{display:block;font-size:20px;margin:10px 0}.handoff-origin span,.handoff-target span{font-size:9px;color:#777b82}.handoff-line{text-align:center}.handoff-line i{display:block;height:2px;background:linear-gradient(90deg,var(--signal),var(--cyan));position:relative}.handoff-line i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);transform:rotate(45deg)}.handoff-line em{display:block;margin-top:10px;font-size:7px;letter-spacing:.12em;color:#858991;font-style:normal}
.handoff-guard{border-left:2px solid var(--signal);padding:13px 16px;background:rgba(72,104,255,.045)}.handoff-guard b{font-size:10px}.handoff-guard p{font-size:10px;line-height:1.5;color:#6f737b;margin:5px 0 0}
.screen-footer{height:48px;border-top:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#868a91}.screen-footer span{display:flex;align-items:center;gap:6px}.screen-footer i{width:5px;height:5px;border-radius:50%;background:#55d488}
@keyframes panelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* v0.4 state-driven living mark */
html[data-logo-state="MISSION_FLOW"] .ambient-mark-ring{border-style:dashed;animation-duration:7s}
html[data-logo-state="GLOBAL_FABRIC"] .ambient-mark img{transform:scale(.93) rotate(-2deg)}
html[data-logo-state="PRODUCT_LENS"] .ambient-mark img{transform:scale(1.04)}
html[data-logo-state="TRUST_LOCK"] .ambient-mark-ring{animation:none;border-color:rgba(255,255,255,.22)}

@media (max-width:1180px){
  .chapter-rail{display:none}
  .world-sticky{grid-template-columns:.9fr 1.1fr;gap:30px;padding-left:30px;padding-right:30px}
  .globe-shell{width:min(530px,46vw)}
  .product-body{grid-template-columns:96px 1fr}
  .mission-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .ambient-mark{display:none}
  .world-story{min-height:auto}
  .world-sticky{position:relative;min-height:auto;display:grid;grid-template-columns:1fr;padding:112px 15px 100px;overflow:hidden}
  .world-stage{min-height:620px;order:-1}
  .globe-shell{width:min(620px,82vw)}
  .world-copy{width:min(100%,760px);margin:auto}
  .world-steps{max-width:none}
  .world-step{opacity:1}.world-step.active{transform:none}
  .packet-a{left:5%}.packet-b{right:5%}
  .product-lens{padding-top:110px}
  .product-chrome{grid-template-columns:1fr auto}.chrome-center{display:none}
  .product-body{grid-template-columns:1fr;min-height:auto}
  .product-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:#11141a;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .product-tab{min-height:52px;grid-template-columns:18px 1fr;padding:8px}
  .screen-canvas{padding:20px}.screen-topline{padding:22px 20px 18px}.screen-footer{padding:0 20px}
}
@media (max-width:620px){
  .world-sticky{padding-top:88px}
  .world-stage{min-height:490px}
  .globe-shell{width:86vw}
  .world-label{font-size:7px;padding:6px 7px}.world-label small{font-size:6px}
  .world-packet{display:none}
  .world-index{right:2%;bottom:1%}
  .world-step{grid-template-columns:28px 1fr;padding:11px 12px}
  .product-shell{border-radius:24px}
  .product-chrome{height:58px;padding:0 12px}.chrome-brand small{display:none}.chrome-actions span:last-child{display:none}
  .product-nav{gap:4px}.product-tab{grid-template-columns:1fr;text-align:center;gap:2px}.product-tab i{display:none}.product-tab span{font-size:9px}
  .screen-topline{height:96px;align-items:center}.screen-topline h3{font-size:24px}.screen-status{padding:7px 9px}
  .screen-canvas{min-height:520px;padding:14px}
  .mission-summary{padding:18px}.mission-summary strong{font-size:20px}
  .mission-grid{grid-template-columns:1fr 1fr;gap:7px}.mission-grid article{min-height:104px;padding:13px}.mission-grid strong{font-size:14px;margin-top:19px}
  .mission-timeline{overflow:auto;padding-bottom:8px}.mission-timeline span{min-width:60px}
  .itinerary-day{grid-template-columns:30px 1fr;gap:10px}.itinerary-day em{display:none}
  .handoff-map{grid-template-columns:1fr;min-height:auto}.handoff-line{padding:8px 40px}.handoff-line i{transform:rotate(90deg)}.handoff-line i::after{display:none}
  .screen-footer{height:auto;min-height:54px;flex-wrap:wrap;padding:10px 15px}.screen-footer span:nth-child(2){order:3;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .ambient-mark-ring{animation:none!important}
  .world-story{min-height:auto}
  .world-sticky{position:relative}
  .world-glow,.globe-shell,.world-packet,.product-shell{transform:none!important;transition:none!important}
  .world-step{opacity:1!important;transform:none!important}
  .screen-panel{animation:none!important}
}


/* =========================================================
   A1 LIVING CORE v0.5 — MICRO-PARTICLE BRAND ENGINE
   ========================================================= */

.living-core-stage{
  width:88%;max-width:720px;position:relative;display:grid;place-items:center;
  filter:saturate(1.04);isolation:isolate
}
.canonical-ghost{
  position:absolute;inset:10%;display:grid;place-items:center;opacity:.06;filter:blur(.1px);
  transform:scale(1.06);z-index:0
}
.canonical-ghost img{width:100%;filter:grayscale(1) contrast(1.25)}
.living-core-hero{
  position:relative;z-index:4;width:100%;filter:
    drop-shadow(0 28px 48px rgba(5,15,35,.16))
    drop-shadow(0 0 28px rgba(28,135,255,.14));
  animation:livingCoreFloat 7.5s ease-in-out infinite
}
.core-scan{
  position:absolute;z-index:6;left:10%;right:10%;height:1px;top:12%;
  background:linear-gradient(90deg,transparent,rgba(76,204,255,.9),transparent);
  box-shadow:0 0 18px rgba(76,204,255,.65);
  animation:coreScan 5.2s ease-in-out infinite;mix-blend-mode:screen;opacity:.65
}
.core-energy{
  position:absolute;z-index:1;width:56%;height:56%;border-radius:50%;
  background:radial-gradient(circle,rgba(47,184,255,.17),rgba(72,104,255,.06) 44%,transparent 70%);
  filter:blur(18px);animation:coreEnergy 5.8s ease-in-out infinite
}

.identity-story{
  --identity-progress:0;
  --identity-disperse:0;
  --identity-glow:.4;
  position:relative;min-height:390vh;width:100%;background:#070a0f;color:#f8fbff;z-index:3
}
.identity-sticky{
  position:sticky;top:0;min-height:100svh;overflow:hidden;display:grid;
  grid-template-columns:minmax(370px,.78fr) minmax(560px,1.22fr);gap:50px;align-items:center;
  padding:94px max(30px,calc((100vw - var(--max))/2));
  background:
    radial-gradient(circle at 72% 45%,rgba(29,126,255,.16),transparent 23rem),
    radial-gradient(circle at 60% 68%,rgba(28,231,255,.06),transparent 21rem),
    linear-gradient(145deg,#0d1119,#06080c 72%)
}
.identity-sticky::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 70% 50%,black,transparent 70%)
}
.identity-copy{position:relative;z-index:8}
.identity-copy .eyebrow{color:#79869d}
.identity-copy h2{max-width:10ch;color:#fff}
.identity-copy .section-lead{color:#9ba4b4;font-size:clamp(17px,1.4vw,21px);max-width:590px}
.identity-phases{display:grid;gap:6px;margin-top:34px;max-width:600px}
.identity-phase{
  display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;
  padding:11px 13px;border-radius:14px;border:1px solid transparent;opacity:.28;
  transition:opacity .26s ease,background .26s ease,border-color .26s ease,transform .26s ease
}
.identity-phase>b{font-size:8px;color:#5dc8ff;padding-top:3px}
.identity-phase strong{display:block;font-size:12px;color:#eef6ff;margin-bottom:3px}
.identity-phase span{display:block;font-size:9px;line-height:1.42;color:#6f7b8f}
.identity-phase.active{
  opacity:1;background:rgba(255,255,255,.045);border-color:rgba(98,181,255,.14);
  transform:translateX(5px)
}
.identity-guard{
  margin-top:24px;padding:13px 15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  background:rgba(255,255,255,.025);display:grid;grid-template-columns:6px 1fr;gap:10px;align-items:start
}
.identity-guard i{width:6px;height:6px;border-radius:50%;background:#59d38d;margin-top:4px;box-shadow:0 0 0 5px rgba(89,211,141,.07)}
.identity-guard p{margin:0;font-size:9px;line-height:1.5;color:#687488}.identity-guard strong{color:#afb9c9}

.identity-stage{
  position:relative;z-index:5;min-height:720px;display:grid;place-items:center;perspective:1400px;
  isolation:isolate
}
.identity-grid{
  position:absolute;inset:3%;opacity:.20;transform:perspective(900px) rotateX(67deg) translateY(18%);
  background-image:
    linear-gradient(rgba(71,154,255,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(71,154,255,.11) 1px,transparent 1px);
  background-size:38px 38px;mask-image:radial-gradient(circle,black,transparent 72%)
}
.identity-aura{position:absolute;border-radius:50%;filter:blur(38px);pointer-events:none}
.ia1{
  width:620px;height:620px;background:radial-gradient(circle,rgba(30,147,255,calc(.12 + var(--identity-glow)*.09)),transparent 68%);
  transform:scale(calc(.88 + var(--identity-glow)*.20))
}
.ia2{
  width:380px;height:380px;background:radial-gradient(circle,rgba(28,237,255,.12),transparent 66%);
  transform:scale(calc(.92 + var(--identity-glow)*.13))
}
#identityParticleCanvas{
  position:absolute;inset:0;width:100%;height:100%;z-index:7;pointer-events:none;
  opacity:clamp(.16,calc(var(--identity-disperse)*1.15),1);
  filter:drop-shadow(0 0 4px rgba(56,178,255,.45))
}
.identity-image-wrap{
  position:relative;width:min(650px,44vw);z-index:5;
  opacity:calc(1 - var(--identity-disperse)*.82);
  transform:
    translateY(calc((.5 - var(--identity-progress))*12px))
    scale(calc(1 - var(--identity-disperse)*.035));
  filter:brightness(calc(1 + var(--identity-glow)*.10)) saturate(calc(1 + var(--identity-glow)*.12));
  transition:filter .2s linear
}
.identity-image-wrap img{
  width:100%;filter:
    drop-shadow(0 34px 65px rgba(0,0,0,.26))
    drop-shadow(0 0 26px rgba(35,153,255,.18))
}
.identity-reflection{
  position:absolute;left:15%;right:15%;bottom:-2%;height:12%;
  background:radial-gradient(ellipse,rgba(45,174,255,.19),transparent 70%);filter:blur(16px);opacity:.8
}
.identity-core-orbit{
  position:absolute;z-index:4;left:50%;top:50%;border-radius:50%;border:1px solid rgba(70,167,255,.16);
  pointer-events:none
}
.identity-core-orbit i{
  position:absolute;width:6px;height:6px;border-radius:50%;background:#53d4ff;
  box-shadow:0 0 0 6px rgba(83,212,255,.06),0 0 18px rgba(83,212,255,.7)
}
.ico-1{width:76%;height:38%;transform:translate(-50%,-50%) rotate(-12deg);animation:identityOrbitA 16s linear infinite}
.ico-1 i{left:18%;top:2%}
.ico-2{width:52%;height:72%;transform:translate(-50%,-50%) rotate(52deg);animation:identityOrbitB 22s linear infinite}
.ico-2 i{right:8%;top:28%;background:#6284ff}
.ico-3{width:82%;height:22%;transform:translate(-50%,-50%) rotate(20deg);animation:identityOrbitC 13s linear infinite}
.ico-3 i{right:24%;bottom:-3px}
.identity-state-card{
  position:absolute;z-index:10;right:3%;top:9%;min-width:190px;padding:13px 15px;border-radius:15px;
  border:1px solid rgba(255,255,255,.09);background:rgba(8,13,22,.70);backdrop-filter:blur(16px);
  box-shadow:0 20px 50px rgba(0,0,0,.18)
}
.identity-state-card small{display:block;font-size:7px;letter-spacing:.13em;color:#66738a}
.identity-state-card strong{display:block;font-size:18px;letter-spacing:-.03em;margin:7px 0 3px;color:#eef7ff}
.identity-state-card span{font-size:8px;color:#647087}
.identity-integrity{
  position:absolute;z-index:10;left:3%;bottom:8%;display:grid;gap:6px
}
.identity-integrity span{
  display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.11em;color:#657186
}
.identity-integrity i{width:5px;height:5px;border-radius:50%;background:#53d4ff}
.identity-index{
  position:absolute;right:3%;bottom:7%;z-index:10;display:flex;align-items:center;gap:12px;
  font-size:8px;color:#647087
}
.identity-index span b{font-size:15px;color:#d9eaff}
.identity-index>i{display:block;width:110px;height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.identity-index>i em{display:block;height:100%;width:calc(var(--identity-progress)*100%);background:linear-gradient(90deg,#457cff,#53ddff)}

html[data-logo-state="LIVING_CORE"] .ambient-mark{
  background:rgba(8,15,26,.90);border-color:rgba(71,154,255,.18);box-shadow:0 20px 80px rgba(32,139,255,.16)
}
html[data-logo-state="LIVING_CORE"] .ambient-mark img{filter:invert(1) brightness(1.4) hue-rotate(165deg);transform:scale(.98)}
html[data-logo-state="LIVING_CORE"] .ambient-mark-ring{border-color:rgba(83,212,255,.35);animation-duration:5.5s}

@keyframes livingCoreFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-7px) scale(1.012)}
}
@keyframes coreScan{
  0%,100%{top:12%;opacity:.08}
  45%{opacity:.72}
  55%{top:86%;opacity:.72}
  68%{opacity:.05}
}
@keyframes coreEnergy{
  0%,100%{transform:scale(.9);opacity:.48}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes identityOrbitA{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes identityOrbitB{to{transform:translate(-50%,-50%) rotate(-308deg)}}
@keyframes identityOrbitC{to{transform:translate(-50%,-50%) rotate(380deg)}}

@media (max-width:1120px){
  .identity-sticky{grid-template-columns:.88fr 1.12fr;gap:24px;padding-left:28px;padding-right:28px}
  .identity-image-wrap{width:min(600px,48vw)}
}
@media (max-width:900px){
  .identity-story{min-height:auto}
  .identity-sticky{
    position:relative;min-height:auto;display:grid;grid-template-columns:1fr;gap:12px;
    padding:96px 15px 100px;overflow:hidden
  }
  .identity-stage{order:-1;min-height:620px}
  .identity-image-wrap{width:min(620px,82vw);opacity:1;transform:none}
  #identityParticleCanvas{opacity:.55}
  .identity-phases{max-width:none}
  .identity-phase{opacity:1}.identity-phase.active{transform:none}
  .identity-state-card{right:5%;top:7%}
  .identity-integrity{left:5%;bottom:7%}
  .identity-index{right:5%;bottom:6%}
}
@media (max-width:620px){
  .living-core-stage{width:92%}
  .identity-stage{min-height:500px}
  .identity-image-wrap{width:88vw}
  .identity-state-card{min-width:154px;padding:10px 12px;right:2%;top:5%}
  .identity-state-card strong{font-size:15px}.identity-state-card span{font-size:7px}
  .identity-integrity{display:none}
  .identity-core-orbit{opacity:.55}
  .identity-index{left:3%;right:auto;bottom:4%}
  .identity-index>i{width:78px}
  .identity-phase{grid-template-columns:28px 1fr;padding:10px 11px}
}
@media (prefers-reduced-motion:reduce){
  .living-core-hero,.core-scan,.core-energy,.identity-core-orbit{animation:none!important}
  .core-scan{display:none}
  .identity-story{min-height:auto}
  .identity-sticky{position:relative}
  #identityParticleCanvas{display:none}
  .identity-image-wrap{opacity:1!important;transform:none!important;transition:none!important}
  .identity-phase{opacity:1!important;transform:none!important}
  .identity-aura{transform:none!important}
}

/* v0.5 animation specificity correction */
.canonical-ghost img{animation:none!important}
.logo-stage img.living-core-hero{animation:livingCoreFloat 7.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){
  .logo-stage img.living-core-hero{animation:none!important}
}


/* =========================================================
   A1 DATA-REACTIVE v0.6 — MISSION EVENT REACTOR
   ========================================================= */

.mission-reactor{
  padding-top:165px;padding-bottom:155px;--event-accent:#4f7cff;--event-soft:rgba(79,124,255,.12);
  --event-energy:.35;--event-route:.15;--event-trust:.2
}
.reactor-heading{align-items:flex-end}
.reactor-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.reactor-play,.reactor-reset{appearance:none;cursor:pointer}
.reactor-play[aria-pressed="true"] b{animation:reactorPlayPulse 1s ease-in-out infinite}
.reactor-lead{max-width:920px;margin-bottom:48px}

.reactor-shell{
  position:relative;display:grid;grid-template-columns:260px minmax(420px,1.15fr) minmax(310px,.85fr);
  gap:14px;padding:14px;border-radius:36px;background:
    radial-gradient(circle at 50% 45%,var(--event-soft),transparent 24rem),
    linear-gradient(145deg,#0e1219,#080a0e 72%);
  box-shadow:0 48px 120px rgba(5,8,14,.24);overflow:hidden;color:#f7f9fc;
  transition:background .45s ease
}
.reactor-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.30;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:44px 44px;mask-image:radial-gradient(circle at 50% 45%,black,transparent 80%)
}

.reactor-event-column{position:relative;z-index:5;display:grid;gap:7px;padding:8px}
.reactor-event{
  appearance:none;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);
  color:#7d8695;border-radius:16px;min-height:76px;padding:12px 13px;display:grid;
  grid-template-columns:28px 1fr 7px;gap:10px;align-items:center;text-align:left;cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease
}
.reactor-event:hover,.reactor-event:focus-visible{background:rgba(255,255,255,.05);color:#fff;outline:none;transform:translateX(3px)}
.reactor-event.active{background:var(--event-soft);border-color:color-mix(in srgb,var(--event-accent) 32%,transparent);color:#fff;box-shadow:inset 2px 0 0 var(--event-accent)}
.reactor-event>b{font-size:8px;color:#5f6978}.reactor-event.active>b{color:var(--event-accent)}
.reactor-event strong{display:block;font-size:11px;margin-bottom:4px}.reactor-event span{display:block;font-size:8px;line-height:1.35;color:#636d7c}
.reactor-event>i{width:6px;height:6px;border-radius:50%;background:#404854;transition:.2s}.reactor-event.active>i{background:var(--event-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--event-accent) 10%,transparent),0 0 18px color-mix(in srgb,var(--event-accent) 55%,transparent)}

.reactor-core-zone{
  position:relative;z-index:3;min-height:660px;display:grid;place-items:center;overflow:hidden;
  border:1px solid rgba(255,255,255,.075);border-radius:28px;background:rgba(255,255,255,.022);
  isolation:isolate
}
#reactorCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;mix-blend-mode:screen}
.reactor-grid{
  position:absolute;inset:-18%;opacity:.30;transform:perspective(850px) rotateX(66deg) translateY(20%);
  background-image:linear-gradient(color-mix(in srgb,var(--event-accent) 11%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--event-accent) 11%,transparent) 1px,transparent 1px);
  background-size:36px 36px;mask-image:radial-gradient(circle,black,transparent 72%);transition:background-image .4s ease
}
.reactor-orbit{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--event-accent) 24%,transparent);border-radius:50%;z-index:4;transition:border-color .35s ease,opacity .35s ease}
.reactor-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--event-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--event-accent) 8%,transparent),0 0 18px color-mix(in srgb,var(--event-accent) 55%,transparent)}
.ro-1{width:84%;height:38%;transform:translate(-50%,-50%) rotate(-14deg);animation:reactorOrbitA calc(18s - var(--event-energy)*5s) linear infinite}.ro-1 i{left:15%;top:2%}
.ro-2{width:54%;height:78%;transform:translate(-50%,-50%) rotate(54deg);animation:reactorOrbitB calc(24s - var(--event-energy)*7s) linear infinite}.ro-2 i{right:9%;top:26%}
.ro-3{width:88%;height:20%;transform:translate(-50%,-50%) rotate(19deg);animation:reactorOrbitC calc(14s - var(--event-energy)*4s) linear infinite}.ro-3 i{right:27%;bottom:-3px}

.reactor-logo-wrap{
  position:relative;width:min(510px,72%);z-index:6;display:grid;place-items:center;
  transform:scale(calc(.96 + var(--event-energy)*.035));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease
}
.reactor-logo-wrap::before{
  content:"";position:absolute;inset:12%;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,color-mix(in srgb,var(--event-accent) 18%,transparent),transparent 68%);
  filter:blur(24px);transform:scale(calc(.8 + var(--event-energy)*.35));opacity:calc(.45 + var(--event-energy)*.5)
}
.reactor-canonical{position:absolute;inset:9%;display:grid;place-items:center;opacity:.055;filter:grayscale(1) brightness(2.2)}
.reactor-canonical img{width:100%}
#reactorLivingCore{
  position:relative;z-index:3;width:100%;filter:
    drop-shadow(0 30px 62px rgba(0,0,0,.32))
    drop-shadow(0 0 calc(18px + var(--event-energy)*22px) color-mix(in srgb,var(--event-accent) 32%,transparent));
  transition:filter .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);
  animation:reactorCoreBreathe calc(7s - var(--event-energy)*2s) ease-in-out infinite
}
.reactor-pulse{position:absolute;inset:19%;border:1px solid color-mix(in srgb,var(--event-accent) 38%,transparent);border-radius:50%;z-index:1;animation:reactorPulse calc(3.6s - var(--event-energy)*1.2s) ease-out infinite}
.reactor-scan{position:absolute;left:12%;right:12%;height:1px;top:14%;z-index:7;background:linear-gradient(90deg,transparent,var(--event-accent),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--event-accent) 60%,transparent);opacity:calc(.2 + var(--event-energy)*.62);animation:reactorScan calc(5.6s - var(--event-energy)*1.8s) ease-in-out infinite}

.reactor-state-badge{
  position:absolute;left:20px;top:20px;z-index:12;min-width:205px;padding:13px 15px;border-radius:15px;
  border:1px solid rgba(255,255,255,.085);background:rgba(7,11,18,.72);backdrop-filter:blur(16px)
}
.reactor-state-badge small{display:block;font-size:7px;letter-spacing:.13em;color:#626d7e}.reactor-state-badge strong{display:block;font-size:20px;letter-spacing:-.04em;margin:7px 0 4px;color:var(--event-accent);transition:color .35s ease}.reactor-state-badge span{font-size:8px;color:#778295}

.reactor-signal{position:absolute;z-index:9;top:50%;display:flex;gap:7px;align-items:center;pointer-events:none}
.rs-left{left:3%}.rs-right{right:3%;flex-direction:row-reverse}
.reactor-signal i{width:7px;height:7px;border-radius:50%;background:var(--event-accent);opacity:.16;box-shadow:0 0 14px color-mix(in srgb,var(--event-accent) 45%,transparent);animation:reactorSignal 1.7s ease-in-out infinite}
.reactor-signal i:nth-child(2){animation-delay:.22s}.reactor-signal i:nth-child(3){animation-delay:.44s}

.reactor-output{position:relative;z-index:5;border:1px solid rgba(255,255,255,.075);border-radius:28px;padding:18px;background:rgba(255,255,255,.025);min-width:0}
.reactor-output-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.reactor-output-head span{font-size:8px;letter-spacing:.14em;color:#737d8d}.reactor-output-head b{font-size:8px;color:var(--event-accent);font-weight:650;max-width:175px;text-align:right;overflow-wrap:anywhere}
.reactor-metrics{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
.reactor-metrics article{min-height:90px;padding:14px 15px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:rgba(255,255,255,.022)}
.reactor-metrics span{display:block;font-size:8px;color:#687282}.reactor-metrics strong{display:block;font-size:18px;letter-spacing:-.035em;margin:13px 0 3px;color:#eef3fb}.reactor-metrics small{font-size:7px;color:#525d6c}

.reactor-routing{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;gap:8px;margin-top:13px;padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.reactor-routing small{font-size:7px;color:#606a79}.reactor-routing strong{display:block;font-size:12px;margin:5px 0 2px}.reactor-routing span{font-size:7px;color:#586270}
.reactor-routing>i{display:block;height:1px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}.reactor-routing>i em{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--event-accent),transparent);transform:translateX(-100%);animation:reactorRoute 1.5s ease-in-out infinite}

.reactor-log{margin-top:13px;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.10)}
.reactor-log-head{display:flex;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:7px;letter-spacing:.13em;color:#5f6978}.reactor-log-head b{color:#6778d9}
.reactor-log ol{list-style:none;padding:0;margin:0;max-height:145px;overflow:auto;scrollbar-width:thin}.reactor-log li{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.05);font-size:8px;color:#6c7685}.reactor-log li:last-child{border-bottom:0}.reactor-log time{font-variant-numeric:tabular-nums;color:#46515f}.reactor-log strong{display:block;color:#aeb7c5;font-size:8px;margin-bottom:2px}.reactor-log span{font-size:7px;color:#56606f}

.reactor-disclosure{display:grid;grid-template-columns:7px 1fr;gap:10px;align-items:start;margin:22px auto 0;max-width:980px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.5)}
.reactor-disclosure>i{width:7px;height:7px;border-radius:50%;background:#f0b35a;margin-top:4px;box-shadow:0 0 0 5px rgba(240,179,90,.08)}
.reactor-disclosure p{font-size:10px;line-height:1.55;color:#656970;margin:0}

html[data-logo-state="MISSION_REACTOR"] .ambient-mark{background:rgba(8,12,20,.92);border-color:color-mix(in srgb,var(--event-accent) 23%,transparent);box-shadow:0 20px 80px color-mix(in srgb,var(--event-accent) 15%,transparent)}
html[data-logo-state="MISSION_REACTOR"] .ambient-mark img{filter:invert(1) brightness(1.45) hue-rotate(165deg);transform:scale(1.02)}
html[data-logo-state="MISSION_REACTOR"] .ambient-mark-ring{border-color:var(--event-accent);animation-duration:4.8s}

/* Event-specific visual language */
html[data-mission-event="intent"] .mission-reactor{--event-accent:#5a7dff;--event-soft:rgba(90,125,255,.13);--event-energy:.32;--event-route:.12;--event-trust:.18}
html[data-mission-event="evidence"] .mission-reactor{--event-accent:#41c9ff;--event-soft:rgba(65,201,255,.13);--event-energy:.58;--event-route:.28;--event-trust:.48}
html[data-mission-event="approval"] .mission-reactor{--event-accent:#f0b75b;--event-soft:rgba(240,183,91,.12);--event-energy:.78;--event-route:.36;--event-trust:.95}
html[data-mission-event="booking"] .mission-reactor{--event-accent:#6f8cff;--event-soft:rgba(111,140,255,.13);--event-energy:.70;--event-route:.88;--event-trust:.72}
html[data-mission-event="field"] .mission-reactor{--event-accent:#57d79a;--event-soft:rgba(87,215,154,.12);--event-energy:.90;--event-route:1;--event-trust:.76}
html[data-mission-event="handoff"] .mission-reactor{--event-accent:#a47cff;--event-soft:rgba(164,124,255,.13);--event-energy:1;--event-route:1;--event-trust:1}

html[data-mission-event="approval"] .reactor-logo-wrap{filter:brightness(1.05) sepia(.06)}
html[data-mission-event="field"] .reactor-logo-wrap{transform:scale(1.025)}
html[data-mission-event="handoff"] #reactorLivingCore{transform:scale(1.025) rotate(.4deg)}
html[data-mission-event="handoff"] .reactor-signal i{animation-duration:.95s}
html[data-mission-event="evidence"] .reactor-scan,html[data-mission-event="approval"] .reactor-scan{opacity:.85}

/* Existing world/product respond to event state */
html[data-mission-event="intent"] .globe-route{opacity:.22}
html[data-mission-event="evidence"] .globe-route{opacity:.48}
html[data-mission-event="approval"] .globe-route{opacity:.60}
html[data-mission-event="booking"] .globe-route{opacity:.86}
html[data-mission-event="field"] .globe-route{opacity:1;filter:drop-shadow(0 0 10px rgba(87,215,154,.26))}
html[data-mission-event="handoff"] .globe-route{opacity:1;filter:drop-shadow(0 0 12px rgba(164,124,255,.32))}
html[data-mission-event="approval"] .brand-dot{background:#f0b75b}
html[data-mission-event="field"] .brand-dot{background:#57d79a}
html[data-mission-event="handoff"] .brand-dot{background:#a47cff}

@keyframes reactorOrbitA{to{transform:translate(-50%,-50%) rotate(346deg)}}
@keyframes reactorOrbitB{to{transform:translate(-50%,-50%) rotate(-306deg)}}
@keyframes reactorOrbitC{to{transform:translate(-50%,-50%) rotate(379deg)}}
@keyframes reactorCoreBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes reactorPulse{0%{transform:scale(.74);opacity:.7}80%,100%{transform:scale(1.35);opacity:0}}
@keyframes reactorScan{0%,100%{top:14%;opacity:.08}45%{opacity:.75}55%{top:85%;opacity:.75}70%{opacity:.08}}
@keyframes reactorSignal{0%,100%{opacity:.12;transform:scale(.75)}50%{opacity:1;transform:scale(1.12)}}
@keyframes reactorRoute{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes reactorPlayPulse{0%,100%{opacity:.5}50%{opacity:1}}

@media (max-width:1160px){
  .reactor-shell{grid-template-columns:220px 1fr}.reactor-output{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.reactor-output-head{grid-column:1/-1}.reactor-log{margin-top:0}.reactor-routing{margin-top:0}.reactor-metrics{grid-template-columns:repeat(3,1fr);grid-column:1/-1}
}
@media (max-width:900px){
  .mission-reactor{padding-top:110px}
  .reactor-heading{align-items:flex-start}.reactor-actions{justify-content:flex-start}
  .reactor-shell{grid-template-columns:1fr;padding:10px;border-radius:28px}
  .reactor-event-column{grid-template-columns:repeat(3,1fr);order:2}.reactor-event{min-height:72px;grid-template-columns:22px 1fr;padding:10px}.reactor-event>i{display:none}
  .reactor-core-zone{min-height:560px;order:1}.reactor-output{grid-column:auto;order:3}
  .reactor-logo-wrap{width:min(480px,72vw)}
}
@media (max-width:620px){
  .reactor-heading h2{font-size:clamp(40px,12vw,58px)}
  .reactor-actions{width:100%}.reactor-actions .btn{flex:1;padding:0 12px;font-size:11px}
  .reactor-event-column{grid-template-columns:1fr 1fr;gap:6px}.reactor-event{min-height:68px}.reactor-event span{font-size:7px}
  .reactor-core-zone{min-height:470px}.reactor-logo-wrap{width:80vw}
  .reactor-state-badge{left:10px;top:10px;min-width:165px;padding:10px 12px}.reactor-state-badge strong{font-size:16px}
  .reactor-signal{display:none}
  .reactor-output{display:block}.reactor-metrics{grid-template-columns:1fr 1fr}.reactor-metrics article:last-child{grid-column:1/-1}
  .reactor-routing{grid-template-columns:1fr 44px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .reactor-orbit,.reactor-pulse,.reactor-scan,.reactor-signal i,.reactor-routing>i em,#reactorLivingCore,.reactor-play[aria-pressed="true"] b{animation:none!important}
  #reactorCanvas{display:none}
  .reactor-logo-wrap,#reactorLivingCore{transform:none!important;transition:none!important}
}

/* v0.6 pointer-layer isolation: rail shell must not block product controls */
.chapter-rail{pointer-events:none}
.chapter-rail a{pointer-events:auto}


/* =========================================================
   A1 v0.7 — NATIVE VECTOR LIVING IDENTITY + DIGITAL TWIN
   ========================================================= */

/* Native vector living identity */
.native-hero-stage{width:92%;max-width:760px}
.legacy-living-core{
  position:absolute!important;inset:10%!important;width:80%!important;opacity:.065!important;
  filter:blur(2px) saturate(.8) brightness(1.1)!important;z-index:0!important;pointer-events:none
}
.native-logo-shell{position:relative;z-index:6;width:100%;display:grid;place-items:center;isolation:isolate}
.native-living-logo{width:100%;overflow:visible;filter:drop-shadow(0 26px 50px rgba(0,0,0,.08));--native-accent:#0d1016;--native-soft:rgba(13,16,22,.14)}
.native-living-logo *{transform-box:fill-box;transform-origin:center}
.nvl-stroke{fill:none;stroke:#0b0c0f;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .35s ease,opacity .35s ease,stroke-dashoffset .7s ease}
.nvl-lat,.nvl-long{stroke-width:8}.nvl-long-b{stroke-width:6}
.nvl-node{fill:#0b0c0f;stroke:#fff;stroke-width:5;vector-effect:non-scaling-stroke;transition:fill .3s ease,transform .3s ease,filter .3s ease,opacity .3s ease}
.nvl-route{fill:none;stroke:#0b0c0f;stroke-width:10;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.035 .038;transition:stroke .35s ease,opacity .35s ease}
.nvl-route-cut{fill:none;stroke:#fff;stroke-width:15;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nvl-arrow path:first-child{fill:#0b0c0f;transition:fill .35s ease,transform .35s ease,filter .35s ease}
.nvl-arrow-cut{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round;vector-effect:non-scaling-stroke}
.nvl-route-traveller{fill:#497dff;filter:drop-shadow(0 0 7px rgba(73,125,255,.72))}
.nvl-wordmark text{fill:#0b0c0f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.nvl-brand-text{font-size:92px;font-weight:950;letter-spacing:-7px}
.nvl-go-text{font-size:72px;font-weight:900;letter-spacing:-3px}
.nvl-tagline{font-size:19px;font-weight:700;letter-spacing:6px}
.nvl-word-line{stroke:#0b0c0f;stroke-width:7;vector-effect:non-scaling-stroke}
.native-logo-state{
  position:absolute;right:7%;bottom:12%;display:grid;gap:2px;min-width:150px;padding:10px 12px;
  border:1px solid rgba(8,9,11,.09);border-radius:14px;background:rgba(255,255,255,.74);
  backdrop-filter:blur(14px);box-shadow:0 14px 38px rgba(0,0,0,.05)
}
.native-logo-state small{font-size:7px;letter-spacing:.13em;color:#8a8e95}
.native-logo-state strong{font-size:10px;letter-spacing:.08em;color:#262a31}

/* Event-reactive logo behavior is internal to geometry */
html[data-mission-event="intent"] .native-living-logo{--native-accent:#597cff;--native-soft:rgba(89,124,255,.16)}
html[data-mission-event="evidence"] .native-living-logo{--native-accent:#32bfe9;--native-soft:rgba(50,191,233,.16)}
html[data-mission-event="approval"] .native-living-logo{--native-accent:#d59a3e;--native-soft:rgba(213,154,62,.15)}
html[data-mission-event="booking"] .native-living-logo{--native-accent:#5879e8;--native-soft:rgba(88,121,232,.16)}
html[data-mission-event="field"] .native-living-logo{--native-accent:#39b980;--native-soft:rgba(57,185,128,.16)}
html[data-mission-event="handoff"] .native-living-logo{--native-accent:#875ee1;--native-soft:rgba(135,94,225,.16)}

html[data-mission-event="intent"] .nvl-node[data-native-node="intent"],
html[data-mission-event="evidence"] .nvl-node[data-native-node="evidence"],
html[data-mission-event="approval"] .nvl-node[data-native-node="approval"],
html[data-mission-event="booking"] .nvl-node[data-native-node="booking"],
html[data-mission-event="field"] .nvl-node[data-native-node="field"],
html[data-mission-event="handoff"] .nvl-node[data-native-node="handoff"]{
  fill:var(--native-accent);transform:scale(1.18);filter:drop-shadow(0 0 8px var(--native-accent))
}
html[data-mission-event="evidence"] .nvl-route,
html[data-mission-event="booking"] .nvl-route,
html[data-mission-event="field"] .nvl-route,
html[data-mission-event="handoff"] .nvl-route{stroke:var(--native-accent)}
html[data-mission-event="approval"] .nvl-outer{stroke:var(--native-accent);filter:drop-shadow(0 0 4px var(--native-soft))}
html[data-mission-event="booking"] .nvl-arrow path:first-child,
html[data-mission-event="field"] .nvl-arrow path:first-child,
html[data-mission-event="handoff"] .nvl-arrow path:first-child{fill:var(--native-accent);filter:drop-shadow(0 0 6px var(--native-soft))}
html[data-mission-event="field"] .nvl-arrow{transform:translate(4px,-2px)}
html[data-mission-event="handoff"] .nvl-arrow{transform:translate(7px,-4px) scale(1.02)}
html[data-mission-event="handoff"] .nvl-word-line{stroke:var(--native-accent)}
html[data-logo-state="TRUST_LOCK"] .nvl-node{opacity:.72}
html[data-logo-state="TRUST_LOCK"] .nvl-outer{stroke-width:14}
html[data-logo-state="MISSION_REACTOR"] .native-living-logo{filter:drop-shadow(0 30px 58px rgba(0,0,0,.10)) drop-shadow(0 0 14px var(--native-soft))}

/* First-draw / native motion */
.native-living-logo:not(.native-ready) .nvl-stroke{stroke-dashoffset:1}
.native-living-logo.native-ready .nvl-stroke{stroke-dashoffset:0}
.native-living-logo.native-ready .nvl-node{animation:nvlNodeIdle 4.8s ease-in-out infinite}
.native-living-logo.native-ready .nvl-node:nth-of-type(2){animation-delay:.5s}
.native-living-logo.native-ready .nvl-node:nth-of-type(3){animation-delay:1s}
.native-living-logo.native-ready .nvl-node:nth-of-type(4){animation-delay:1.5s}
.native-living-logo.native-ready .nvl-node:nth-of-type(5){animation-delay:2s}
.native-living-logo.native-ready .nvl-node:nth-of-type(6){animation-delay:2.5s}
.native-living-logo.native-ready .nvl-arrow{animation:nvlArrowFloat 4.4s ease-in-out infinite}
.native-living-logo.native-ready .nvl-route{animation:nvlRouteFlow 7.5s linear infinite}
@keyframes nvlNodeIdle{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes nvlArrowFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-2px)}}
@keyframes nvlRouteFlow{to{stroke-dashoffset:-1}}

/* Identity lab: native geometry in front; old Living Core moved to background */
.identity-lab-background{opacity:.085!important;filter:blur(1.3px) saturate(.55)!important;z-index:1!important}
.identity-native-wrap{position:relative;z-index:8;width:min(630px,44vw);display:grid;place-items:center}
.native-living-logo-identity{filter:invert(1) brightness(1.5) drop-shadow(0 34px 70px rgba(0,0,0,.28));--native-accent:#5bcfff}
.native-living-logo-identity .nvl-node{stroke:#05080d}
.native-living-logo-identity .nvl-route-cut,.native-living-logo-identity .nvl-arrow-cut{stroke:#07101c}
.native-living-logo-identity .nvl-route-traveller{fill:#59d9ff}
.native-component-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.native-component-legend span{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.11em;color:#6f7b8f}
.native-component-legend i{width:5px;height:5px;border-radius:50%;background:#5bcfff}
html[data-logo-state="LIVING_CORE"] .native-living-logo-identity .nvl-route,
html[data-logo-state="LIVING_CORE"] .native-living-logo-identity .nvl-node[data-native-node]{stroke:#5bcfff}
html[data-logo-state="LIVING_CORE"] .native-living-logo-identity .nvl-route{stroke:#5bcfff}
html[data-logo-state="LIVING_CORE"] .native-living-logo-identity .nvl-route-traveller{fill:#fff}

/* Operational digital twin */
.digital-twin{padding-top:165px;padding-bottom:155px}
.twin-heading{align-items:flex-end;margin-bottom:52px}
.twin-shell{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;
  border:1px solid rgba(8,9,11,.12);border-radius:34px;overflow:hidden;
  background:
    radial-gradient(circle at 48% 43%,rgba(69,112,255,.07),transparent 24rem),
    linear-gradient(145deg,#fbfbf8,#efefeb);
  box-shadow:0 42px 110px rgba(14,18,28,.10)
}
.twin-toolbar{
  grid-column:1/-1;height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.63);backdrop-filter:blur(14px)
}
.twin-case{display:flex;align-items:center;gap:10px}.twin-case>i{width:7px;height:7px;border-radius:50%;background:#55d38b;box-shadow:0 0 0 6px rgba(85,211,139,.08)}
.twin-case small,.twin-toolbar-state span{display:block;font-size:7px;letter-spacing:.12em;color:#8a8e95}.twin-case strong{font-size:12px}
.twin-toolbar-state{text-align:center}.twin-toolbar-state strong{display:block;margin-top:4px;font-size:11px;color:#526bd4;letter-spacing:.05em}
.twin-toolbar-metrics{justify-self:end;display:flex;gap:14px;font-size:8px;color:#777b82}.twin-toolbar-metrics b{color:#252930;font-size:10px}

.twin-stage{position:relative;min-height:650px;overflow:hidden;border-right:1px solid var(--line);isolation:isolate}
.twin-stage::before{
  content:"";position:absolute;inset:0;opacity:.48;z-index:-2;
  background-image:radial-gradient(circle at center,rgba(8,9,11,.085) 1px,transparent 1px);background-size:24px 24px;
  mask-image:radial-gradient(circle at 50% 48%,black,transparent 78%)
}
.twin-stage::after{
  content:"";position:absolute;left:50%;top:50%;width:420px;height:420px;border-radius:50%;z-index:-1;
  transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(72,104,255,.055),transparent 70%)
}
.twin-edges{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.twin-edges path{fill:none;stroke:rgba(8,9,11,.13);stroke-width:1.4;stroke-dasharray:4 7;vector-effect:non-scaling-stroke;transition:stroke .3s ease,stroke-width .3s ease,opacity .3s ease,filter .3s ease}
.twin-edges path.linked{stroke:rgba(72,104,255,.35);opacity:.8}
.twin-edges path.active{stroke:var(--twin-accent,#5278ff);stroke-width:2.4;stroke-dasharray:10 5;filter:drop-shadow(0 0 4px rgba(72,104,255,.24));animation:twinEdgeFlow 4s linear infinite}
@keyframes twinEdgeFlow{to{stroke-dashoffset:-30}}

.twin-node{
  appearance:none;position:absolute;z-index:4;width:158px;min-height:78px;padding:12px 13px;border:1px solid rgba(8,9,11,.10);
  border-radius:16px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 13px 38px rgba(0,0,0,.045);
  text-align:left;color:#2c3036;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease
}
.twin-node:hover,.twin-node:focus-visible{transform:translateY(-3px);outline:none;border-color:rgba(72,104,255,.24);box-shadow:0 18px 48px rgba(20,28,50,.08)}
.twin-node small{display:block;font-size:7px;letter-spacing:.12em;color:#8d9198}.twin-node strong{display:block;font-size:11px;margin:7px 0 4px}.twin-node span{display:block;font-size:8px;line-height:1.35;color:#72767d}
.twin-node>i{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#c6c8cc}
.twin-node.linked{border-color:rgba(72,104,255,.20);background:rgba(255,255,255,.92)}
.twin-node.linked>i{background:#8698e8}
.twin-node.active{border-color:var(--twin-accent,#5278ff);background:#fff;box-shadow:0 20px 58px color-mix(in srgb,var(--twin-accent,#5278ff) 12%,transparent);transform:translateY(-4px)}
.twin-node.active>i{background:var(--twin-accent,#5278ff);box-shadow:0 0 0 6px color-mix(in srgb,var(--twin-accent,#5278ff) 9%,transparent),0 0 17px color-mix(in srgb,var(--twin-accent,#5278ff) 45%,transparent)}
.twin-node.core{width:178px;min-height:96px;background:#0d1015;color:#fff;border-color:#0d1015;box-shadow:0 22px 56px rgba(8,10,15,.18)}
.twin-node.core small{color:#777f8e}.twin-node.core span{color:#747c89}.twin-node.core>i{background:#5a7dff}
.tn-country{left:5%;top:8%}.tn-city{left:25%;top:18%}.tn-mission{left:43%;top:39%}.tn-person{left:18%;top:60%}.tn-provider{right:10%;top:18%}.tn-vehicle{right:2%;top:46%}.tn-meeting{right:20%;bottom:18%}.tn-evidence{right:5%;bottom:8%}.tn-decision{left:48%;bottom:4%}.tn-tradecase{left:20%;bottom:5%}
.twin-signal-pulse{position:absolute;left:50%;top:50%;width:210px;height:210px;border:1px solid rgba(72,104,255,.10);border-radius:50%;transform:translate(-50%,-50%);animation:twinPulse 4s ease-out infinite;pointer-events:none}
@keyframes twinPulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.55}80%,100%{transform:translate(-50%,-50%) scale(2.1);opacity:0}}

.twin-inspector{min-width:0;background:#101319;color:#eef2f8;padding:19px;display:flex;flex-direction:column}
.twin-inspector-head{display:flex;justify-content:space-between;padding:4px 3px 15px;border-bottom:1px solid rgba(255,255,255,.075);font-size:7px;letter-spacing:.13em;color:#7f8794}.twin-inspector-head b{color:#6878d9}
.twin-inspector-body{padding:24px 3px 18px}.twin-inspector-body small{font-size:8px;letter-spacing:.13em;color:#647084}.twin-inspector-body h3{font-size:27px;margin:10px 0 10px;color:#fff}.twin-inspector-body p{font-size:10px;line-height:1.55;color:#7f8794;margin:0}
.twin-inspector-evidence{display:grid;gap:8px;margin-top:4px}.twin-inspector-evidence>div{padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.twin-inspector-evidence span{font-size:7px;color:#5f6978}.twin-inspector-evidence strong{display:block;font-size:10px;margin-top:5px}
.twin-flowbar{height:2px;background:rgba(255,255,255,.07);margin-top:auto;overflow:hidden}.twin-flowbar i{display:block;height:100%;width:20%;background:linear-gradient(90deg,#587cff,#4acfff);transition:width .4s ease}

.twin-legend{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:18px;font-size:9px;color:#6e7279}.twin-legend span{display:flex;align-items:center;gap:7px}.twin-legend i{width:6px;height:6px;border-radius:50%;background:#c4c7cb}.twin-legend i.active{background:#587cff}.twin-legend i.linked{background:#8a99e4}.twin-guard{margin-left:auto!important;font-size:8px!important;color:#8a8e95!important}

/* Twin event colors */
html[data-mission-event="intent"] .digital-twin{--twin-accent:#5a7dff}
html[data-mission-event="evidence"] .digital-twin{--twin-accent:#41c9ff}
html[data-mission-event="approval"] .digital-twin{--twin-accent:#dca74e}
html[data-mission-event="booking"] .digital-twin{--twin-accent:#6f8cff}
html[data-mission-event="field"] .digital-twin{--twin-accent:#57c990}
html[data-mission-event="handoff"] .digital-twin{--twin-accent:#9a72e8}
html[data-logo-state="DIGITAL_TWIN"] .ambient-mark{background:rgba(11,14,20,.92);border-color:rgba(82,120,255,.22);box-shadow:0 20px 80px rgba(72,104,255,.15)}
html[data-logo-state="DIGITAL_TWIN"] .ambient-mark img{filter:invert(1) brightness(1.35);transform:scale(.97)}
html[data-logo-state="DIGITAL_TWIN"] .ambient-mark-ring{border-style:dashed;animation-duration:6s}

/* Responsive */
@media (max-width:1180px){
  .identity-native-wrap{width:min(590px,48vw)}
  .twin-shell{grid-template-columns:1fr 270px}
  .twin-node{width:142px}.twin-node.core{width:164px}
}
@media (max-width:900px){
  .native-hero-stage{width:min(88vw,560px)}
  .legacy-living-core{opacity:.04!important}
  .identity-native-wrap{width:min(620px,82vw)}
  .identity-lab-background{opacity:.045!important}
  .twin-shell{grid-template-columns:1fr}
  .twin-toolbar{grid-template-columns:1fr auto}.twin-toolbar-state{display:none}.twin-toolbar-metrics span:nth-child(-n+2){display:none}
  .twin-stage{min-height:auto;border-right:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px}
  .twin-edges,.twin-signal-pulse{display:none}
  .twin-node,.twin-node.core{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;min-height:88px;transform:none!important}
  .twin-node.core{grid-column:1/-1}
  .twin-inspector{min-height:330px}
}
@media (max-width:620px){
  .native-logo-state{right:2%;bottom:6%;min-width:128px;padding:8px 10px}
  .native-logo-state strong{font-size:8px}.native-logo-state small{font-size:6px}
  .identity-native-wrap{width:88vw}
  .native-component-legend{gap:7px}.native-component-legend span{font-size:6px}
  .twin-heading h2{font-size:clamp(40px,12vw,58px)}
  .twin-toolbar{height:60px;padding:0 12px}.twin-toolbar-metrics{gap:8px}
  .twin-stage{grid-template-columns:1fr;padding:10px}
  .twin-node.core{grid-column:auto}
  .twin-inspector{min-height:300px;padding:15px}
  .twin-guard{width:100%;margin-left:0!important}
}
@media (prefers-reduced-motion:reduce){
  .native-living-logo .nvl-node,.native-living-logo .nvl-arrow,.native-living-logo .nvl-route,.twin-edges path.active,.twin-signal-pulse{animation:none!important}
  .nvl-route-traveller{display:none}
  .native-living-logo .nvl-stroke{stroke-dashoffset:0!important;transition:none!important}
  .twin-node{transition:none!important}
}

/* v0.7 identity viewport-fit refinement */
@media (min-width:901px){
  .identity-sticky{padding-top:70px;padding-bottom:70px}
  .identity-stage{min-height:610px}
  .identity-native-wrap{width:min(560px,39vw)}
}

/* =========================================================
   A1 v0.8 — CANONICAL MASK REACTIVE ENGINE
   ========================================================= */

/* Hero: movement must live inside the canonical mark, not around it. */
.canonical-theatre .halo,
.canonical-theatre .signal-orbit{display:none}
.canonical-theatre .theatre-grid{opacity:.12}
.canonical-theatre .signal-label{opacity:.68}
.canonical-reactive-stage{width:90%;max-width:700px;position:relative;display:grid;place-items:center;isolation:isolate}
.canonical-reactive-shell{
  position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;
  --canonical-accent:#465fbe;--canonical-soft:rgba(70,95,190,.12)
}
.canonical-reactive-logo{
  position:relative;z-index:3;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 26px 54px rgba(8,10,15,.08))
}
.canonical-edge-map{
  position:absolute;inset:0;z-index:4;width:100%;height:100%;object-fit:contain;
  opacity:.055;pointer-events:none;filter:contrast(1.25)
}
.canonical-field-canvas{position:absolute;inset:0;z-index:7;width:100%;height:100%;pointer-events:none}
.canonical-mask-signal{
  position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.075;
  background:linear-gradient(118deg,transparent 28%,var(--canonical-accent) 47%,rgba(255,255,255,.18) 50%,var(--canonical-accent) 53%,transparent 72%);
  background-size:220% 220%;
  -webkit-mask:url("./assets/NBBTC-GO-Canonical-Transparent-900-v0.8.webp") center/contain no-repeat;
  mask:url("./assets/NBBTC-GO-Canonical-Transparent-900-v0.8.webp") center/contain no-repeat;
  animation:canonicalMaskDrift 8.5s ease-in-out infinite
}
.canonical-event-node{
  position:absolute;z-index:9;left:var(--nx);top:var(--ny);width:7px;height:7px;border-radius:50%;
  transform:translate(-50%,-50%) scale(.65);opacity:0;background:var(--canonical-accent);
  box-shadow:0 0 0 0 var(--canonical-soft);transition:opacity .25s ease,transform .3s ease,background .3s ease,box-shadow .3s ease;
  pointer-events:none
}
.canonical-event-node.active{
  opacity:.92;transform:translate(-50%,-50%) scale(1);
  box-shadow:0 0 0 7px var(--canonical-soft),0 0 17px color-mix(in srgb,var(--canonical-accent) 42%,transparent);
  animation:canonicalNodePulse 2.6s ease-in-out infinite
}
.canonical-logo-state{
  position:absolute;z-index:10;right:8%;bottom:10%;display:grid;gap:3px;min-width:154px;padding:10px 12px;
  border:1px solid rgba(8,9,11,.09);border-radius:14px;background:rgba(255,255,255,.78);
  backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.05)
}
.canonical-logo-state small{font-size:7px;letter-spacing:.13em;color:#8a8e95}
.canonical-logo-state strong{font-size:10px;letter-spacing:.06em;color:#252930}

/* Event palette affects only the reactive overlays, never the canonical black logo. */
html[data-mission-event="intent"] .canonical-reactive-shell{--canonical-accent:#465fbe;--canonical-soft:rgba(70,95,190,.12)}
html[data-mission-event="evidence"] .canonical-reactive-shell{--canonical-accent:#3684a2;--canonical-soft:rgba(54,132,162,.12)}
html[data-mission-event="approval"] .canonical-reactive-shell{--canonical-accent:#a67936;--canonical-soft:rgba(166,121,54,.12)}
html[data-mission-event="booking"] .canonical-reactive-shell{--canonical-accent:#4c62b3;--canonical-soft:rgba(76,98,179,.12)}
html[data-mission-event="field"] .canonical-reactive-shell{--canonical-accent:#318960;--canonical-soft:rgba(49,137,96,.12)}
html[data-mission-event="handoff"] .canonical-reactive-shell{--canonical-accent:#6f51af;--canonical-soft:rgba(111,81,175,.12)}

@keyframes canonicalMaskDrift{
  0%,100%{background-position:0% 50%;opacity:.025}
  45%,55%{background-position:100% 50%;opacity:.095}
}
@keyframes canonicalNodePulse{
  0%,100%{box-shadow:0 0 0 5px var(--canonical-soft),0 0 12px color-mix(in srgb,var(--canonical-accent) 28%,transparent)}
  50%{box-shadow:0 0 0 9px var(--canonical-soft),0 0 20px color-mix(in srgb,var(--canonical-accent) 48%,transparent)}
}

/* Identity becomes a light, canonical presentation instead of a blue sci-fi lab. */
.identity-story{
  background:
    radial-gradient(circle at 72% 45%,rgba(70,95,190,.055),transparent 24rem),
    linear-gradient(145deg,#f7f6f2,#efeee9 75%);
  color:var(--ink)
}
.identity-sticky{
  background:
    radial-gradient(circle at 70% 45%,rgba(70,95,190,.055),transparent 24rem),
    linear-gradient(145deg,#f7f6f2,#efeee9 75%)
}
.identity-sticky::before{
  opacity:.22;
  background-image:linear-gradient(rgba(8,9,11,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(8,9,11,.04) 1px,transparent 1px)
}
.identity-copy .eyebrow{color:#7c8088}
.identity-copy h2{color:var(--ink);max-width:12ch;font-size:clamp(52px,5vw,82px);text-wrap:balance}
.identity-copy .section-lead{color:#555a63;max-width:620px;text-wrap:pretty}
.identity-phase{color:var(--ink)}
.identity-phase>b{color:#536cc7}
.identity-phase strong{color:#22262d}
.identity-phase span{color:#72767e}
.identity-phase.active{background:rgba(255,255,255,.76);border-color:rgba(72,104,255,.14);transform:none;box-shadow:0 12px 34px rgba(12,18,35,.045)}
.identity-guard{background:rgba(255,255,255,.54);border-color:var(--line)}
.identity-guard p{color:#666a72}.identity-guard strong{color:#30343a}
.canonical-identity-stage{min-height:610px}
.canonical-identity-frame{position:relative;z-index:8;width:min(560px,39vw);display:grid;place-items:center}
.canonical-reactive-identity{filter:drop-shadow(0 28px 60px rgba(10,14,25,.08))}
.canonical-component-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:5px}
.canonical-component-legend span{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.10em;color:#747981}
.canonical-component-legend i{width:5px;height:5px;border-radius:50%;background:#526bc3}
.canonical-state-card{background:rgba(255,255,255,.75);border-color:rgba(8,9,11,.09);color:var(--ink)}
.canonical-state-card small{color:#8a8e95}.canonical-state-card strong{color:#22262d}.canonical-state-card span{color:#6f747c}
.canonical-integrity span{color:#747981}.canonical-integrity i{background:#526bc3}
.identity-index{color:#747981}.identity-index span b{color:#252a31}.identity-index>i{background:rgba(8,9,11,.10)}.identity-index>i em{background:linear-gradient(90deg,#4d64b9,#7488d7)}

/* Reactor now uses the original black canonical mark on a neutral light island. */
.canonical-reactor-wrap{width:min(520px,76%);z-index:6;display:grid;place-items:center;position:relative}
.canonical-reactive-reactor{
  width:100%;padding:12px;border-radius:30px;
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,255,255,.92) 58%,rgba(255,255,255,.72) 74%,rgba(255,255,255,.08) 88%,transparent);
  box-shadow:0 26px 80px rgba(0,0,0,.14)
}
.canonical-reactive-reactor .canonical-reactive-logo{filter:drop-shadow(0 22px 40px rgba(0,0,0,.08))}
.canonical-reactive-reactor .canonical-edge-map{opacity:.04}
.canonical-reactive-reactor .canonical-mask-signal{opacity:.065}

/* Canonical identity state for the small persistent mark. */
html[data-logo-state="CANONICAL_IDENTITY"] .ambient-mark{
  background:rgba(255,255,255,.90);border-color:rgba(70,95,190,.16);box-shadow:0 20px 70px rgba(30,45,90,.08)
}
html[data-logo-state="CANONICAL_IDENTITY"] .ambient-mark img{filter:none;transform:scale(.98)}
html[data-logo-state="CANONICAL_IDENTITY"] .ambient-mark-ring{border-color:rgba(70,95,190,.22);animation-duration:7s}

/* =========================================================
   v0.8 — OPERATIONAL TWIN INTELLIGENCE
   ========================================================= */
.twin-intelligence{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin-top:16px}
.twin-intel-card{
  min-height:150px;border:1px solid var(--line);border-radius:20px;padding:16px;
  background:rgba(255,255,255,.62);box-shadow:0 14px 36px rgba(0,0,0,.035)
}
.twin-intel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.12em;color:#7b8088}
.twin-intel-head b{font-size:8px;color:#596cc0}
.twin-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:20px}
.twin-timeline i{position:relative;font-style:normal;display:grid;justify-items:center;gap:7px;color:#aaaeb4}
.twin-timeline i::before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:#d7d8d9;z-index:0}
.twin-timeline i:first-child::before{left:50%}.twin-timeline i:last-child::before{right:50%}
.twin-timeline span{position:relative;z-index:2;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#eeefed;border:1px solid #d5d7d9;font-size:7px;font-weight:800}
.twin-timeline small{font-size:7px;white-space:nowrap}
.twin-timeline i.done span{background:#dce2fa;border-color:#9daeea;color:#465fbe}
.twin-timeline i.active span{background:#0d1015;border-color:#0d1015;color:#fff;box-shadow:0 0 0 6px rgba(70,95,190,.08)}
.twin-timeline i.active small{color:#252930;font-weight:800}

.twin-evidence-mini{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:20px 0 14px}
.twin-evidence-mini span{font-size:8px;color:#8a8e95;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:#f7f7f4;transition:.25s}
.twin-evidence-mini span.active{color:#26304d;border-color:#91a4e5;background:#eef1ff;box-shadow:0 0 0 4px rgba(72,104,255,.045)}
.twin-evidence-mini>i{height:1px;background:#d4d6d9}
.evidence-card p,.exception-card p{font-size:9px;line-height:1.45;color:#777b82;margin:0}
.exception-card>strong{display:block;font-size:15px;letter-spacing:-.025em;margin:20px 0 7px}
.exception-card[data-level="review"] .twin-intel-head b,
.exception-card[data-level="watch"] .twin-intel-head b{color:#8a6b2b}
.exception-card[data-level="hold"] .twin-intel-head b,
.exception-card[data-level="gate"] .twin-intel-head b{color:#875ee1}
.exception-card[data-level="field"] .twin-intel-head b{color:#318960}

/* no active blue Living Core runtime */
@media (max-width:960px){
  .twin-intelligence{grid-template-columns:1fr 1fr}
  .timeline-card{grid-column:1/-1}
}
@media (max-width:900px){
  .canonical-reactive-stage{width:min(88vw,560px)}
  .canonical-identity-frame{width:min(620px,82vw)}
  .canonical-reactive-reactor{width:min(520px,86vw)}
}
@media (max-width:620px){
  .canonical-logo-state{right:2%;bottom:5%;min-width:132px;padding:8px 10px}
  .canonical-logo-state small{font-size:6px}.canonical-logo-state strong{font-size:8px}
  .canonical-identity-frame{width:88vw}
  .canonical-component-legend{gap:7px}.canonical-component-legend span{font-size:6px}
  .twin-intelligence{grid-template-columns:1fr}
  .timeline-card{grid-column:auto}
  .twin-timeline{overflow:auto;padding-bottom:5px}.twin-timeline i{min-width:58px}
  .twin-evidence-mini{grid-template-columns:1fr;gap:6px}.twin-evidence-mini>i{display:none}
}
@media (prefers-reduced-motion:reduce){
  .canonical-mask-signal,.canonical-event-node.active{animation:none!important}
  .canonical-field-canvas{display:none!important}
  .canonical-mask-signal{opacity:.025!important}
}

/* v0.8 mobile min-content / reactor containment repair */
@media (max-width:620px){
  .twin-intelligence{width:100%;min-width:0;max-width:100%}
  .twin-intel-card{width:100%;min-width:0;max-width:100%;overflow:hidden}
  .twin-timeline{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}
  .twin-timeline i{min-width:54px}
  .canonical-reactive-reactor{width:100%;max-width:100%;padding:8px}
  .canonical-reactor-wrap{width:78vw;max-width:100%}
}

/* =========================================================
   A1 v0.9 — CANONICAL SYMBOL / HEADER BRAND CLARITY
   ========================================================= */
.brand-symbol-wrap{flex:0 0 auto}
.brand-symbol{user-select:none;-webkit-user-drag:none}
.brand-mini-text{white-space:nowrap}
.ambient-mark img{object-fit:contain;padding:9px}

@media (max-width:620px){
  .brand-symbol-wrap{width:34px;height:34px;border-radius:11px}
  .brand-symbol{width:27px;height:27px}
  .brand-mini{gap:8px}
  .brand-mini-text{font-size:14px}
}

@media (max-width:430px){
  .brand-symbol-wrap{width:32px;height:32px}
  .brand-symbol{width:25px;height:25px}
  .brand-mini-text{font-size:13px}
}

/* =========================================================
   A1 v0.9 — MISSION LAUNCHPAD / PRODUCT ENTRY SURFACE
   ========================================================= */
.mission-launchpad{
  margin:0 0 28px;border:1px solid var(--line);border-radius:28px;padding:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.42));
  box-shadow:0 18px 54px rgba(10,14,22,.055);backdrop-filter:blur(14px)
}
.launchpad-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:22px}
.launchpad-head h3{font-size:clamp(30px,3.2vw,46px);line-height:.98;letter-spacing:-.05em;margin:6px 0 0}
.launchpad-head>p{max-width:430px;margin:0;font-size:10px;line-height:1.55;color:#777b82;text-align:right}
.launchpad-grid{display:grid;grid-template-columns:1.25fr 1.45fr .65fr .65fr;gap:10px}
.launchpad-group{
  min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:18px;
  background:rgba(255,255,255,.56);display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px
}
.launchpad-group legend{padding:0 4px;font-size:8px;letter-spacing:.12em;color:#81858c;font-weight:800}
.draft-option{
  appearance:none;border:1px solid rgba(8,9,11,.10);border-radius:999px;background:#f7f7f4;color:#656970;
  padding:8px 10px;font-size:9px;line-height:1.2;cursor:pointer;transition:.2s ease
}
.draft-option:hover,.draft-option:focus-visible{outline:none;border-color:rgba(72,104,255,.28);color:#252930;background:#fff}
.draft-option.active{background:#0d1015;color:#fff;border-color:#0d1015;box-shadow:0 7px 20px rgba(13,16,21,.10)}
.launchpad-group.compact .draft-option{min-width:38px;text-align:center}
.launchpad-result{
  margin-top:12px;display:grid;grid-template-columns:.8fr 1.6fr auto;gap:14px;align-items:center;
  border:1px solid rgba(8,9,11,.09);border-radius:20px;padding:14px 16px;background:#0d1015;color:#fff
}
.draft-case small{display:block;font-size:7px;letter-spacing:.13em;color:#747d8c}
.draft-case strong{display:block;font-size:20px;letter-spacing:-.035em;margin:4px 0 2px}
.draft-case span{font-size:9px;color:#8a93a1}
.draft-summary{display:grid;grid-template-columns:1.5fr .55fr .55fr .75fr;gap:10px}
.draft-summary>span{min-width:0;padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}
.draft-summary small{display:block;font-size:7px;color:#697381;margin-bottom:4px}
.draft-summary strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.draft-prepare{white-space:nowrap;min-height:44px}
.draft-prepare.prepared{background:#225f45;border-color:#225f45}

@media (max-width:1050px){
  .launchpad-grid{grid-template-columns:1fr 1fr}
  .launchpad-result{grid-template-columns:1fr 1.5fr}
  .draft-prepare{grid-column:1/-1;justify-self:start}
}
@media (max-width:700px){
  .launchpad-head{flex-direction:column;align-items:flex-start;gap:10px}
  .launchpad-head>p{text-align:left}
  .launchpad-grid{grid-template-columns:1fr}
  .launchpad-result{grid-template-columns:1fr}
  .draft-summary{grid-template-columns:1fr 1fr}
  .draft-summary>span:nth-child(odd){border-left:0;padding-left:0}
  .draft-prepare{width:100%}
}

/* =========================================================
   PRODUCT SHELL v1.0 — ROLE-BASED OPERATIONS WORKSPACE
   ========================================================= */
.workspace-section{padding-top:165px;padding-bottom:155px}
.workspace-heading{align-items:flex-end;margin-bottom:52px}
.workspace-shell{
  border:1px solid rgba(8,9,11,.12);border-radius:32px;overflow:hidden;background:#f7f7f4;
  box-shadow:0 38px 110px rgba(12,16,24,.09);min-width:0
}
.workspace-topbar{
  min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:12px 18px;border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.78);backdrop-filter:blur(18px)
}
.workspace-brand{display:flex;align-items:center;gap:11px;min-width:0}
.workspace-brand img{width:36px;height:36px;object-fit:contain;flex:0 0 auto}
.workspace-brand small,.workspace-case-head small{display:block;font-size:7px;letter-spacing:.12em;color:#858a92}
.workspace-brand strong{display:block;font-size:11px;letter-spacing:.035em;margin-top:3px}
.workspace-case-head{text-align:center;min-width:190px}
.workspace-case-head strong{display:block;font-size:15px;letter-spacing:-.02em;margin:3px 0 1px}
.workspace-case-head span{display:block;font-size:8px;color:#757a82;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-local-state{justify-self:end;display:flex;align-items:center;gap:10px}
.workspace-local-state>span{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.1em;color:#68707c}
.workspace-local-state>span i{width:6px;height:6px;border-radius:50%;background:#55bf85;box-shadow:0 0 0 5px rgba(85,191,133,.08)}
.workspace-local-state button{
  appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;color:#62666d;
  font-size:8px;padding:7px 10px;cursor:pointer
}
.workspace-body{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:760px}
.workspace-rail{
  padding:18px 12px;border-right:1px solid var(--line);background:linear-gradient(180deg,#11141a,#0b0d11);
  color:#e9edf3;display:flex;flex-direction:column;gap:22px;min-width:0
}
.workspace-role-block,.workspace-module-block{display:grid;gap:7px}
.workspace-rail>div>small{font-size:7px;letter-spacing:.14em;color:#596373;padding:0 8px 4px}
.workspace-role,.workspace-module{
  appearance:none;border:1px solid transparent;background:transparent;color:#858e9c;
  min-height:38px;border-radius:12px;padding:8px 9px;cursor:pointer;text-align:left;
  transition:.18s ease
}
.workspace-role{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
.workspace-role b{
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.045);
  font-size:7px;letter-spacing:.05em;color:#737e8e
}
.workspace-role span,.workspace-module{font-size:9px}
.workspace-role:hover,.workspace-role:focus-visible,.workspace-module:hover,.workspace-module:focus-visible{
  outline:none;background:rgba(255,255,255,.045);color:#fff
}
.workspace-role.active,.workspace-module.active{
  background:rgba(95,122,231,.13);border-color:rgba(109,137,244,.17);color:#fff
}
.workspace-role.active b{background:#566fcc;color:#fff}
.workspace-module.locked{opacity:.28;cursor:not-allowed}
.workspace-module-block{margin-top:auto}
.workspace-main{padding:22px;min-width:0;background:
  radial-gradient(circle at 84% 10%,rgba(72,104,255,.055),transparent 21rem),
  #f7f7f4}
.workspace-context{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.workspace-context small{font-size:8px;letter-spacing:.13em;color:#6873a8}
.workspace-context h3{font-size:30px;letter-spacing:-.04em;margin:6px 0 6px}
.workspace-context p{font-size:10px;color:#73777e;line-height:1.5;margin:0}
.workspace-permissions{text-align:right;padding:9px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.66)}
.workspace-permissions span{display:block;font-size:7px;color:#8b8f96}
.workspace-permissions strong{display:block;font-size:9px;margin-top:4px}
.case-status-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}
.case-status-strip article{
  min-width:0;border:1px solid var(--line);border-radius:15px;padding:12px;background:rgba(255,255,255,.66)
}
.case-status-strip span{display:block;font-size:7px;color:#898d94}
.case-status-strip strong{display:block;font-size:12px;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-status-strip small{display:block;font-size:7px;color:#737982;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-panels{min-width:0}
.workspace-panel{min-height:520px}
.workspace-panel[hidden]{display:none!important}
.workspace-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.workspace-card{
  min-width:0;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.72);
  padding:18px;box-shadow:0 10px 28px rgba(15,20,30,.035)
}
.workspace-card small{display:block;font-size:7px;letter-spacing:.12em;color:#858a92}
.workspace-card>strong{display:block;font-size:16px;letter-spacing:-.02em;margin:14px 0 7px}
.workspace-card h4{font-size:27px;letter-spacing:-.045em;margin:12px 0 7px}
.workspace-card p{font-size:9px;line-height:1.55;color:#71767d;margin:0}
.workspace-card.hero-card{grid-column:span 1;background:#101319;color:#f2f5fa;border-color:#101319}
.workspace-card.hero-card small{color:#707a89}.workspace-card.hero-card p{color:#8c95a2}
.workspace-inline-stats{display:flex;gap:13px;flex-wrap:wrap;margin-top:17px}
.workspace-inline-stats span{font-size:8px;color:#8b94a1}.workspace-inline-stats b{color:#fff;font-size:11px}
.notice-card{background:#f2efe7}
.workspace-trace{margin-top:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.58);overflow:hidden}
.workspace-trace-head{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.12em;color:#82868d}
.workspace-trace-head b{color:#5d70c4}
.workspace-trace ol{list-style:none;padding:0;margin:0;max-height:210px;overflow:auto}
.workspace-trace li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line)}
.workspace-trace li:last-child{border-bottom:0}
.workspace-trace time{font-size:7px;color:#a0a3a8;font-variant-numeric:tabular-nums}
.workspace-trace strong{display:block;font-size:8px;color:#373b42;margin-bottom:2px}
.workspace-trace span{display:block;font-size:8px;color:#7c8087}
.workspace-action{
  appearance:none;border:1px solid #0d1015;border-radius:11px;background:#0d1015;color:#fff;
  min-height:38px;padding:8px 11px;font-size:8px;font-weight:750;cursor:pointer;margin-top:14px;
  transition:.18s ease
}
.workspace-action:hover:not(:disabled),.workspace-action:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(13,16,21,.12);outline:none}
.workspace-action.secondary{background:#5369c4;border-color:#5369c4}
.workspace-action.ghost{background:#fff;color:#353941;border-color:var(--line)}
.workspace-action:disabled{opacity:.28;cursor:not-allowed;transform:none;box-shadow:none}
.workspace-module-head{
  min-height:58px;display:flex;justify-content:space-between;gap:16px;align-items:center;
  border:1px solid var(--line);border-radius:17px;padding:12px 14px;background:rgba(255,255,255,.7);margin-bottom:10px
}
.workspace-module-head small{display:block;font-size:7px;letter-spacing:.13em;color:#848991}
.workspace-module-head strong{display:block;font-size:14px;margin-top:4px}
.workspace-module-head>span{font-size:8px;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:#68707c}
.itinerary-builder{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.itinerary-segment-card{
  position:relative;min-height:145px;border:1px solid var(--line);border-radius:18px;padding:17px;background:rgba(255,255,255,.72)
}
.itinerary-segment-card small{font-size:7px;color:#7a84b6}
.itinerary-segment-card strong{display:block;font-size:20px;margin:15px 0 5px;letter-spacing:-.03em}
.itinerary-segment-card span{font-size:8px;color:#81858c}
.itinerary-segment-card>i{position:absolute;right:14px;bottom:10px;font-size:28px;font-style:normal;font-weight:950;color:rgba(15,18,24,.06)}
.provider-candidates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.provider-candidate{
  appearance:none;min-height:145px;text-align:left;border:1px solid var(--line);border-radius:18px;
  background:rgba(255,255,255,.72);padding:16px;cursor:pointer;color:var(--ink);transition:.2s ease
}
.provider-candidate small{display:block;font-size:7px;color:#7580b8}
.provider-candidate strong{display:block;font-size:14px;margin:14px 0 7px}
.provider-candidate span{display:block;font-size:8px;color:#747982;line-height:1.45}
.provider-candidate:hover:not(:disabled),.provider-candidate:focus-visible:not(:disabled){outline:none;transform:translateY(-2px);border-color:rgba(72,104,255,.28)}
.provider-candidate.active{background:#11141a;color:#fff;border-color:#11141a;box-shadow:0 14px 40px rgba(10,14,22,.12)}
.provider-candidate.active span{color:#8993a1}
.provider-candidate:disabled{opacity:.38;cursor:not-allowed}
.evidence-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.evidence-checklist button{
  appearance:none;display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;
  min-height:48px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.68);
  padding:9px 11px;text-align:left;color:#555a61;cursor:pointer
}
.evidence-checklist button i{width:7px;height:7px;border-radius:50%;background:#c8cacf}
.evidence-checklist button span{font-size:9px}
.evidence-checklist button b{font-size:7px;color:#8b9098}
.evidence-checklist button.ready{border-color:rgba(63,157,108,.22);background:rgba(229,247,237,.72)}
.evidence-checklist button.ready i{background:#3c9b6b;box-shadow:0 0 0 5px rgba(60,155,107,.07)}
.evidence-checklist button.optional{opacity:.62}
.evidence-checklist button:disabled{cursor:not-allowed;opacity:.42}
.decision-gate{
  margin-top:10px;border:1px solid var(--line);border-radius:17px;padding:14px;background:#11141a;color:#fff;
  display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center
}
.decision-gate small{font-size:7px;color:#707987;letter-spacing:.12em}
.decision-gate strong{display:block;font-size:11px;margin-top:5px}
.decision-gate .workspace-action{margin-top:0}
.field-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.field-board article{border:1px solid var(--line);border-radius:17px;padding:17px;background:rgba(255,255,255,.7)}
.field-board span{display:block;font-size:8px;color:#858a92}
.field-board strong{display:block;font-size:30px;letter-spacing:-.05em;margin:12px 0 4px}
.field-board small{font-size:7px;color:#777d85}
.incident-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.incident-types button{
  appearance:none;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.68);
  min-height:64px;padding:10px;font-size:9px;color:#62666d;cursor:pointer
}
.incident-types button.active{background:#f1e8d7;border-color:#d8bd8c;color:#694f21}
.incident-types button:disabled{opacity:.35;cursor:not-allowed}
.incident-actions{display:flex;gap:8px}
.workspace-muted{font-size:8px;color:#888d94;margin-top:15px}
.handoff-gate-card{
  border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(145deg,#11141a,#171b22);color:#fff
}
.handoff-gate-card>small{font-size:7px;letter-spacing:.13em;color:#747e8e}
.handoff-gate-card h4{font-size:28px;letter-spacing:-.04em;margin:14px 0 18px;max-width:720px}
.handoff-gate-card>p{font-size:8px;color:#747d89;margin-top:13px}
.handoff-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.handoff-checks span{
  display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.07);border-radius:12px;
  padding:10px;font-size:8px;color:#737d8c;background:rgba(255,255,255,.025)
}
.handoff-checks i{width:6px;height:6px;border-radius:50%;background:#4a515d}
.handoff-checks span.ready{color:#dbeee3;border-color:rgba(71,184,124,.16)}
.handoff-checks span.ready i{background:#49b77c;box-shadow:0 0 0 5px rgba(73,183,124,.06)}
.workspace-disclosure{
  display:grid;grid-template-columns:7px 1fr;gap:10px;align-items:start;margin:18px auto 0;max-width:980px;
  padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.5)
}
.workspace-disclosure>i{width:7px;height:7px;border-radius:50%;background:#d89d4e;margin-top:4px}
.workspace-disclosure p{font-size:9px;line-height:1.55;color:#71767d;margin:0}
html[data-logo-state="PRODUCT_SHELL"] .ambient-mark{
  background:rgba(255,255,255,.94);border-color:rgba(82,105,196,.19);box-shadow:0 18px 70px rgba(62,82,160,.10)
}
html[data-logo-state="PRODUCT_SHELL"] .ambient-mark img{filter:none;transform:scale(.95)}
html[data-logo-state="PRODUCT_SHELL"] .ambient-mark-ring{border-color:rgba(82,105,196,.26);animation-duration:7s}

@media (max-width:1120px){
  .workspace-body{grid-template-columns:178px minmax(0,1fr)}
  .case-status-strip{grid-template-columns:repeat(3,1fr)}
  .case-status-strip article:nth-child(n+4){grid-column:span 1}
  .workspace-card-grid,.provider-candidates{grid-template-columns:1fr 1fr}
  .workspace-card.hero-card{grid-column:1/-1}
  .handoff-checks{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .workspace-section{padding-top:110px}
  .workspace-heading{align-items:flex-start}
  .workspace-topbar{grid-template-columns:1fr auto}
  .workspace-case-head{grid-column:1/-1;grid-row:2;text-align:left;min-width:0}
  .workspace-local-state{grid-column:2;grid-row:1}
  .workspace-body{grid-template-columns:1fr}
  .workspace-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);padding:12px;gap:10px}
  .workspace-role-block,.workspace-module-block{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .workspace-role-block::-webkit-scrollbar,.workspace-module-block::-webkit-scrollbar{display:none}
  .workspace-rail>div>small{position:sticky;left:0;align-self:center;background:#11141a;z-index:2;padding:0 8px 0 2px}
  .workspace-role,.workspace-module{flex:0 0 auto}
  .workspace-role{grid-template-columns:24px auto}
  .workspace-role b{width:22px;height:22px}
  .workspace-module-block{margin-top:0}
  .workspace-main{padding:16px}
  .workspace-panel{min-height:440px}
  .itinerary-builder{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .workspace-shell{border-radius:24px}
  .workspace-topbar{padding:10px 12px}
  .workspace-brand img{width:31px;height:31px}
  .workspace-brand strong{font-size:9px}
  .workspace-local-state>span{display:none}
  .workspace-main{padding:10px}
  .workspace-context{display:block}
  .workspace-permissions{text-align:left;margin-top:10px;width:max-content}
  .case-status-strip{grid-template-columns:1fr 1fr;gap:6px}
  .case-status-strip article:last-child{grid-column:1/-1}
  .workspace-card-grid,.provider-candidates,.itinerary-builder,.field-board{grid-template-columns:1fr}
  .workspace-card.hero-card{grid-column:auto}
  .evidence-checklist{grid-template-columns:1fr}
  .decision-gate{grid-template-columns:1fr}
  .decision-gate .workspace-action{width:100%}
  .incident-types{grid-template-columns:1fr}
  .incident-actions{display:grid}
  .handoff-checks{grid-template-columns:1fr}
  .workspace-context h3{font-size:25px}
}

/* Product Shell v1.0 logical-direction and reduced-motion refinement */
.workspace-rail{border-right:0;border-inline-end:1px solid var(--line)}
.workspace-role,.workspace-module{text-align:start}
@media (max-width:900px){
  .workspace-rail{border-inline-end:0}
  .workspace-rail>div>small{left:auto;inset-inline-start:0}
  .workspace-case-head{text-align:start}
}
@media (max-width:620px){
  .workspace-permissions{text-align:start}
}
@media (prefers-reduced-motion:reduce){
  .workspace-role,
  .workspace-module,
  .workspace-action,
  .provider-candidate,
  .evidence-checklist button,
  .incident-types button{transition:none!important}
  .workspace-action:hover:not(:disabled),
  .provider-candidate:hover:not(:disabled){transform:none!important}
}

/* =========================================================
   v1.1 — GOVERNED BACKEND PERSISTENCE STATUS
   ========================================================= */
.workspace-persistence-copy{display:grid;gap:3px;justify-items:end}
.workspace-persistence-copy>span{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.1em;color:#68707c}
.workspace-persistence-copy>span i{width:6px;height:6px;border-radius:50%;background:#d39a47;box-shadow:0 0 0 5px rgba(211,154,71,.08)}
.workspace-persistence-copy>span b{font:inherit;color:inherit}
.workspace-persistence-copy small{font-size:6px;color:#92979f;white-space:nowrap}
.workspace-local-state[data-persistence-state="server"] .workspace-persistence-copy>span{color:#317a58}
.workspace-local-state[data-persistence-state="server"] .workspace-persistence-copy>span i{background:#46b77b;box-shadow:0 0 0 5px rgba(70,183,123,.08)}
.workspace-local-state[data-persistence-state="syncing"] .workspace-persistence-copy>span{color:#556dc7}
.workspace-local-state[data-persistence-state="syncing"] .workspace-persistence-copy>span i{background:#627bd8;box-shadow:0 0 0 5px rgba(98,123,216,.08)}
.workspace-local-state[data-persistence-state="local"] .workspace-persistence-copy>span{color:#8a672e}
.workspace-local-state[data-persistence-state="local"] .workspace-persistence-copy>span i{background:#d39a47}
.workspace-local-state[data-persistence-state="conflict"] .workspace-persistence-copy>span{color:#a45252}
.workspace-local-state[data-persistence-state="conflict"] .workspace-persistence-copy>span i{background:#c45b5b;box-shadow:0 0 0 5px rgba(196,91,91,.08)}
@media (max-width:620px){
  .workspace-persistence-copy{justify-items:end}
  .workspace-persistence-copy small{display:none}
}