:root{
  color-scheme:dark;
  --bg:#03090f;--panel:#07121a;--panel2:#091923;--line:#16313d;--line2:#214654;
  --text:#eefaff;--muted:#8fa7b2;--cyan:#48e4ff;--cyan2:#12bed8;--green:#62f2b1;
  --amber:#f5bd67;--danger:#ff7286;--shadow:0 28px 80px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(900px 440px at 18% -10%,rgba(32,184,220,.10),transparent 62%),
radial-gradient(760px 500px at 88% 0%,rgba(49,101,255,.08),transparent 62%),
#03090f;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:1000;background:#fff;color:#000;padding:9px 12px;border-radius:6px}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(82,151,176,.18);background:rgba(3,9,15,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.brand img{height:28px;width:auto;display:block}.topbar-meta{display:flex;align-items:center;gap:12px;color:#9eb4bd;font-size:12px}.topbar-meta a{color:#d7e8ed;text-decoration:none;margin-left:8px}.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(98,242,177,.7)}
.journey{width:min(1480px,calc(100% - 36px));margin:0 auto 72px}
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:56px;align-items:end;padding:64px 0 42px}
.eyebrow,.proof-kicker,.rail-kicker,.scan-status-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#70cfe3;margin:0 0 12px}
.hero h1{font-size:clamp(38px,5vw,72px);line-height:.99;letter-spacing:-.045em;max-width:980px;margin:0}
.hero-lede{max-width:760px;color:#a9bec7;font-size:clamp(16px,1.55vw,20px);line-height:1.6;margin:22px 0 20px}
.trust-row{display:flex;flex-wrap:wrap;gap:9px}.trust-row span{border:1px solid rgba(86,154,181,.28);background:rgba(8,25,34,.72);color:#a9c1cb;padding:7px 10px;border-radius:999px;font-size:11px}
.hero-proof{border:1px solid rgba(66,150,179,.27);background:linear-gradient(180deg,rgba(8,24,34,.88),rgba(5,15,22,.78));box-shadow:var(--shadow);border-radius:14px;padding:18px}
.hero-proof ol{list-style:none;margin:0;padding:0}.hero-proof li{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:center;padding:11px 0;border-top:1px solid rgba(73,133,154,.17)}.hero-proof li:first-child{border-top:0}
.hero-proof li>b{width:27px;height:27px;border:1px solid #24576a;border-radius:50%;display:grid;place-items:center;color:#76dff4;font-size:10px}.hero-proof strong{display:block;font-size:12px}.hero-proof small{display:block;color:#728b96;font-size:10px;margin-top:2px}
.workspace-shell{border:1px solid rgba(48,117,142,.30);border-radius:18px;background:linear-gradient(180deg,rgba(7,20,29,.98),rgba(4,13,19,.98));box-shadow:var(--shadow);overflow:hidden}
.stepper{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(49,116,140,.23);background:#061018}
.stepper>i{height:1px;background:#1c3d49}.step{appearance:none;border:0;background:transparent;color:#708a95;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer;min-width:0;padding:6px 8px;border-radius:9px}.step:disabled{cursor:default}.step>span{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border:1px solid #264755;border-radius:50%;font-size:9px;margin-right:8px}.step strong{font-size:11px}.step small{font-size:9px;margin-top:2px}.step.is-active{color:#eafaff;background:rgba(42,176,209,.06)}.step.is-active>span{border-color:var(--cyan2);color:var(--cyan);box-shadow:0 0 20px rgba(72,228,255,.10)}.step.is-complete>span{border-color:#317e68;color:var(--green)}
.panel-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:610px}.panel-main{padding:clamp(24px,4vw,54px)}.context-rail{border-left:1px solid rgba(47,112,136,.22);padding:24px 18px;background:rgba(4,14,20,.58);display:flex;flex-direction:column;gap:12px}
.stage{max-width:930px}.stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.stage-number{font-size:9px;letter-spacing:.15em;color:#69c9df;font-weight:800}.stage h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.035em;margin:6px 0 8px}.stage-head p{color:#91aab4;line-height:1.55;margin:0;max-width:700px}.time-chip,.live-chip{white-space:nowrap;border:1px solid #214b5b;background:#06131a;color:#8cb1bf;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.05em}.live-chip{color:#71e3b5;border-color:#235f4f}.live-chip i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 12px rgba(98,242,177,.75)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field>span{font-size:11px;font-weight:750;color:#d6e9ef}.field em{font-style:normal;color:#68dff4;font-size:8px;margin-left:4px;letter-spacing:.05em;text-transform:uppercase}.field i{font-style:normal;color:#728f9a;font-size:8px;margin-left:4px}.field input,.competitor-card input{width:100%;border:1px solid #1d4250;background:#041017;color:#eefbff;border-radius:8px;padding:13px 14px;outline:none;transition:.18s}.field input:focus,.competitor-card input:focus{border-color:#32cce8;box-shadow:0 0 0 3px rgba(50,204,232,.08)}.field small{color:#647d88;font-size:9px}
.context-note{display:grid;grid-template-columns:120px 1fr;gap:18px;border:1px solid rgba(62,143,169,.23);background:rgba(16,52,65,.18);border-radius:10px;padding:13px 15px;margin-top:18px}.context-note strong{font-size:10px;color:#8bdff0}.context-note p{margin:0;color:#78939e;font-size:10px;line-height:1.5}
.stage-actions{margin-top:30px;padding-top:20px;border-top:1px solid rgba(49,108,130,.19);display:flex;align-items:center;justify-content:space-between;gap:14px}.btn{border-radius:8px;padding:12px 16px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:linear-gradient(135deg,#12b7d1,#42ddf5);color:#001017;border-color:#5ee9ff;box-shadow:0 8px 30px rgba(29,194,223,.13)}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:#07141b;color:#b9d0d8;border-color:#244451}.btn:focus-visible,.step:focus-visible,.add-competitor:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.competitor-stack{display:grid;gap:11px}.competitor-card{display:grid;grid-template-columns:38px 215px 1fr;gap:13px;align-items:center;border:1px solid #173642;background:linear-gradient(90deg,rgba(8,27,37,.95),rgba(5,17,24,.8));padding:13px;border-radius:11px}.competitor-card>b{width:31px;height:31px;display:grid;place-items:center;border:1px solid #235268;border-radius:7px;color:#64d9f2;font-size:9px}.competitor-card span strong{display:block;font-size:11px}.competitor-card span small{display:block;color:#667f8a;font-size:9px;margin-top:3px}.competitor-card em{font-style:normal;color:#68dff4;font-size:8px;margin-left:3px}.add-competitor{margin-top:12px;border:0;background:transparent;color:#66d7ef;font-weight:750;font-size:10px;cursor:pointer;padding:8px 2px}
.scan-preview{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center;border:1px solid rgba(70,139,164,.22);background:rgba(9,29,39,.55);padding:14px 16px;border-radius:11px;margin-top:24px}.scan-preview strong{font-size:11px}.scan-preview p{margin:4px 0 0;color:#718b96;font-size:10px;line-height:1.45}.scan-orbit{width:48px;height:48px;position:relative;border:1px solid #1a5264;border-radius:50%}.scan-orbit span,.scan-orbit i,.scan-orbit b{position:absolute;border:1px solid rgba(59,198,224,.38);border-radius:50%;inset:6px}.scan-orbit i{inset:13px}.scan-orbit b{inset:20px;background:#38d9f0;box-shadow:0 0 18px rgba(56,217,240,.7)}
.scan-stage{max-width:980px}.scan-console{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:center;min-height:250px;border:1px solid rgba(54,132,158,.24);background:radial-gradient(circle at 24% 50%,rgba(27,156,188,.09),transparent 36%),#041017;border-radius:13px;padding:25px}.scan-visual{width:220px;height:220px;position:relative;display:grid;place-items:center;margin:auto}.scan-visual .core{width:92px;height:92px;border-radius:50%;border:1px solid #2d7287;background:radial-gradient(circle,#0e3545,#06151d 67%);display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.15em;color:#9aefff;box-shadow:0 0 50px rgba(41,192,220,.12)}.orbit{position:absolute;border:1px solid rgba(65,169,196,.22);border-radius:50%;animation:spin 9s linear infinite}.o1{inset:18px}.o2{inset:0;animation-duration:13s;animation-direction:reverse}.o3{inset:40px;animation-duration:7s}.node{position:absolute;width:7px;height:7px;border-radius:50%;background:#62dff5;box-shadow:0 0 15px rgba(98,223,245,.85)}.n1{top:23px;left:103px}.n2{right:19px;top:93px}.n3{bottom:27px;left:71px}.n4{left:16px;top:109px}.scan-status-copy strong{display:block;font-size:clamp(22px,3vw,35px);letter-spacing:-.025em}.scan-status-copy small{display:block;color:#6b8792;margin-top:9px;font-variant-numeric:tabular-nums}.scan-phases{display:grid;gap:8px;margin-top:14px}.phase{display:grid;grid-template-columns:34px 1fr 18px;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(39,92,110,.22);border-radius:9px;color:#718a95;background:rgba(5,17,24,.55)}.phase>span{font-size:9px}.phase strong{display:block;font-size:10px}.phase small{display:block;font-size:9px;margin-top:2px}.phase>i{width:8px;height:8px;border:1px solid #355969;border-radius:50%}.phase.is-active{border-color:rgba(63,181,209,.38);color:#c9edf5}.phase.is-active>i{background:#45dff6;border-color:#45dff6;box-shadow:0 0 16px rgba(69,223,246,.6)}.phase.is-complete{color:#a3cabb}.phase.is-complete>i{background:var(--green);border-color:var(--green)}.scan-result{margin-top:16px;border:1px solid rgba(64,180,132,.40);background:linear-gradient(90deg,rgba(9,47,36,.72),rgba(6,25,26,.76));border-radius:11px;padding:14px 16px;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center}.scan-result[hidden]{display:none}.ready-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#143e32;border:1px solid #317f65;color:#79efbd;font-weight:900}.scan-result span{font-size:8px;letter-spacing:.15em;color:#6fdcab;font-weight:800}.scan-result h3{margin:3px 0 2px;font-size:15px}.scan-result p{margin:0;color:#7fa99a;font-size:9px}.scan-actions span{font-size:9px;color:#67808b}
.rail-card{border:1px solid rgba(52,111,132,.22);border-radius:10px;padding:14px;background:rgba(6,20,28,.7)}.rail-card dl{margin:4px 0 0}.rail-card dl div{padding:9px 0;border-top:1px solid rgba(48,101,119,.17)}.rail-card dl div:first-child{border-top:0}.rail-card dt{font-size:8px;color:#617c88;text-transform:uppercase;letter-spacing:.08em}.rail-card dd{margin:3px 0 0;color:#d5e8ed;font-size:10px;overflow-wrap:anywhere}.rail-card-accent{border-color:rgba(44,162,145,.28);background:rgba(7,36,32,.42)}.rail-card-accent strong{font-size:11px;line-height:1.4;display:block}.rail-card p{font-size:9px;line-height:1.5;color:#78939d;margin:7px 0 0}.rail-quiet{margin-top:auto}
.form-error{border:1px solid rgba(255,114,134,.48);background:rgba(66,15,28,.42);color:#ff9cac;border-radius:9px;padding:11px 13px;margin-bottom:16px;font-size:10px}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orbit{animation:none}}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:24px}.panel-layout{grid-template-columns:1fr}.context-rail{border-left:0;border-top:1px solid rgba(47,112,136,.22);display:grid;grid-template-columns:1fr 1fr}.rail-quiet{margin-top:0}.scan-console{grid-template-columns:180px 1fr}.scan-visual{width:170px;height:170px}.scan-visual .core{width:76px;height:76px}}
@media(max-width:720px){.journey{width:min(100% - 20px,1480px)}.topbar{padding:0 12px;height:60px}.topbar-meta>span:not(.secure-dot){display:none}.hero{padding:34px 4px 28px}.hero h1{font-size:39px}.workspace-shell{border-radius:12px}.stepper{grid-template-columns:1fr 18px 1fr 18px 1fr;padding:10px 8px}.step{grid-template-columns:26px 1fr;padding:5px 4px}.step small{display:none}.panel-main{padding:20px 14px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.context-note{grid-template-columns:1fr;gap:5px}.competitor-card{grid-template-columns:34px 1fr}.competitor-card input{grid-column:1/-1}.stage-head{display:block}.time-chip,.live-chip{display:inline-flex;margin-top:10px}.stage-actions{align-items:stretch;flex-direction:column-reverse}.stage-actions .btn{width:100%}.scan-console{grid-template-columns:1fr;text-align:center}.scan-result{grid-template-columns:36px 1fr}.scan-result .btn{grid-column:1/-1;width:100%}.context-rail{grid-template-columns:1fr}.trust-row{gap:6px}}

/* =========================================================
   WORLD-CLASS FIRST-RUN FIX2 — PREMIUM SELECTABLE JOURNEY
   Higher readability, stronger hierarchy, structured selects.
   ========================================================= */
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-size:17px;
}
.journey{width:min(1460px,calc(100% - 48px));}
.workspace-shell{
  border-color:rgba(74,163,194,.42);
  background:linear-gradient(180deg,rgba(7,22,31,.99),rgba(4,14,20,.99));
  box-shadow:0 36px 120px rgba(0,0,0,.52),0 0 0 1px rgba(75,164,194,.05) inset;
}
.stepper{min-height:76px;padding:18px 26px;}
.step{padding:10px 12px;}
.step>span{width:32px;height:32px;font-size:10px;}
.step strong{font-size:13.5px;line-height:1.2;color:#d8edf3;}
.step small{font-size:11px;line-height:1.35;color:#8da8b3;}
.step.is-active{background:linear-gradient(90deg,rgba(24,176,209,.10),rgba(24,176,209,.035));}
.step.is-active strong{color:#fff;}
.step.is-active small{color:#b5d3dc;}
.panel-layout{grid-template-columns:minmax(0,1fr) 360px;}
.panel-main{padding:clamp(34px,4vw,62px);}
.context-rail{padding:30px 24px;gap:17px;background:rgba(4,15,21,.72);}
.stage{max-width:1020px;}
.stage-head{margin-bottom:32px;}
.stage-number{font-size:11px;letter-spacing:.15em;}
.stage h2{font-size:clamp(38px,3.4vw,52px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 13px;}
.stage-head p{font-size:16.5px;line-height:1.62;color:#abc4ce;max-width:780px;}
.time-chip,.live-chip{font-size:11px;padding:8px 12px;}
.live-chip.is-error{border-color:#8d4050;color:#ff9eae;background:rgba(71,18,29,.45);}
.live-chip.is-error i{background:#ff7187;box-shadow:0 0 12px rgba(255,113,135,.65);}
.live-chip.is-ready{border-color:#2c765f;color:#7af1bd;}
.setup-sections{display:grid;gap:18px;}
.input-section{
  border:1px solid rgba(61,134,160,.32);
  border-radius:14px;
  padding:20px;
  background:linear-gradient(180deg,rgba(8,27,37,.78),rgba(5,17,24,.72));
}
.input-section--decision{
  border-color:rgba(58,175,201,.40);
  background:linear-gradient(180deg,rgba(8,31,41,.88),rgba(5,18,25,.76));
}
.input-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(65,130,153,.20);
}
.input-section__head span{display:block;font-size:10px;letter-spacing:.13em;color:#6cdaf0;font-weight:850;margin-bottom:5px;}
.input-section__head strong{font-size:18px;line-height:1.25;letter-spacing:-.015em;}
.input-section__head p{max-width:380px;margin:0;color:#87a2ad;font-size:12.5px;line-height:1.5;text-align:right;}
.field-grid{gap:20px;}
.field{gap:9px;}
.field>span{font-size:13.5px;line-height:1.35;color:#e4f2f6;}
.field em,.field i{font-size:10px;}
.field input,.field select,.competitor-card input{
  width:100%;
  min-height:54px;
  border:1px solid #2b5969;
  background:#06141c;
  color:#f4fbfd;
  border-radius:10px;
  padding:14px 15px;
  outline:none;
  font-size:16px;
  line-height:1.35;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.field select{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  padding-right:44px;
  background-image:
    linear-gradient(45deg,transparent 50%,#6bdff4 50%),
    linear-gradient(135deg,#6bdff4 50%,transparent 50%);
  background-position:calc(100% - 20px) 23px,calc(100% - 15px) 23px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.field select option{background:#071820;color:#edf9fc;}
.field input:focus,.field select:focus,.competitor-card input:focus{
  border-color:#46d9f3;
  background:#071922;
  box-shadow:0 0 0 4px rgba(70,217,243,.10);
}
.field input::placeholder,.competitor-card input::placeholder{color:#78939f;opacity:1;}
.other-field{margin-top:8px;}
.field small{font-size:12px;line-height:1.5;color:#7f9ba7;}
.context-note{padding:17px 19px;margin-top:20px;}
.context-note strong{font-size:12px;}
.context-note p{font-size:12.5px;line-height:1.55;color:#96afb9;}
.stage-actions{margin-top:34px;padding-top:24px;}
.btn{min-height:50px;padding:14px 19px;font-size:13px;border-radius:9px;}
.btn-primary{box-shadow:0 12px 38px rgba(29,194,223,.21),0 0 0 1px rgba(255,255,255,.06) inset;}
#startScan{min-width:270px;min-height:54px;font-size:14px;}
.competitor-stack{gap:15px;}
.competitor-card{grid-template-columns:44px 235px minmax(0,1fr);gap:16px;padding:17px;border-color:#285666;}
.competitor-card>b{width:36px;height:36px;font-size:10px;}
.competitor-card span strong{font-size:13.5px;}
.competitor-card span small{font-size:11.5px;line-height:1.4;color:#849faa;}
.competitor-card em{font-size:9px;}
.add-competitor{font-size:12.5px;padding:12px 3px;}
.scan-preview{grid-template-columns:66px 1fr;padding:18px 19px;margin-top:26px;}
.scan-preview strong{font-size:13.5px;}
.scan-preview p{font-size:12.5px;line-height:1.55;color:#91aab4;}
.rail-card{padding:18px 17px;border-color:rgba(62,133,158,.32);}
.rail-kicker{font-size:10.5px;}
.rail-card dt{font-size:9.5px;color:#7f99a4;}
.rail-card dd{font-size:12.5px;line-height:1.45;color:#e5f4f7;}
.rail-card p{font-size:11.5px;line-height:1.55;color:#91aab4;}
.rail-card-accent strong{font-size:13px;line-height:1.45;}
.form-error{font-size:13px;line-height:1.5;padding:14px 16px;color:#ffc0ca;}
.scan-console{grid-template-columns:250px minmax(0,1fr);padding:32px;border-color:rgba(67,151,180,.36);}
.scan-status-kicker{font-size:11px;}
.scan-status-copy strong{font-size:clamp(28px,3vw,40px);line-height:1.12;}
.scan-status-copy small{font-size:12.5px;color:#89a4af;}
.scan-phases{gap:11px;margin-top:18px;}
.phase{grid-template-columns:44px 1fr 20px;gap:14px;padding:15px 17px;}
.phase>span{font-size:10px;}
.phase strong{font-size:13px;}
.phase small{font-size:11px;line-height:1.45;color:#829eaa;}
.scan-actions>span{font-size:11.5px;line-height:1.45;color:#849faa;}
.scan-result{padding:18px 19px;}
.scan-result h3{font-size:19px;}
.scan-result p{font-size:11.5px;}
@media(max-width:1160px){
  .panel-layout{grid-template-columns:1fr;}
  .context-rail{border-left:0;border-top:1px solid rgba(47,112,136,.26);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
  .rail-quiet{margin-top:0;}
}
@media(max-width:760px){
  .journey{width:min(100% - 18px,1460px);}
  .stepper{min-height:64px;padding:10px 8px;}
  .step strong{font-size:11px;}
  .panel-main{padding:25px 16px;}
  .stage h2{font-size:35px;}
  .stage-head p{font-size:15px;}
  .input-section{padding:16px 14px;}
  .input-section__head{display:block;}
  .input-section__head p{text-align:left;margin-top:7px;}
  .field input,.field select,.competitor-card input{font-size:16px;}
  .competitor-card{grid-template-columns:40px 1fr;padding:14px;}
  .competitor-card input{grid-column:1/-1;}
  .context-rail{grid-template-columns:1fr;padding:18px 14px;}
  .scan-console{grid-template-columns:1fr;padding:21px 15px;text-align:center;}
  #startScan{width:100%;min-width:0;}
}
