:root {
  --bg: #050812;
  --bg-deep: #03050b;
  --surface: #0b1020;
  --surface-2: #10172a;
  --surface-3: #151e33;
  --line: rgba(149, 172, 217, 0.16);
  --line-strong: rgba(149, 172, 217, 0.28);
  --text: #f4f7ff;
  --muted: #a5afc5;
  --quiet: #737f99;
  --blue: #35a7ff;
  --blue-bright: #69c1ff;
  --blue-deep: #1268ff;
  --violet: #8c72ff;
  --green: #45e0a8;
  --orange: #ff9c5a;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.46);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 28px;
  --container: 1180px;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Manrope", "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 12px 16px; background: var(--text); color: var(--bg); border-radius: 8px; font-weight: 700; }
.skip-link:focus { top: 16px; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  height: 78px;
  border-bottom: 1px solid transparent;
  transition: background-color .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-header.scrolled { background: rgba(5, 8, 18, .78); border-color: var(--line); backdrop-filter: blur(18px); }
.nav-shell { height: 100%; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(78, 181, 255, .45); border-radius: 11px; color: var(--blue-bright); background: linear-gradient(145deg, rgba(38, 117, 255, .25), rgba(48, 174, 255, .08)); box-shadow: inset 0 0 20px rgba(54, 160, 255, .08), 0 0 24px rgba(30, 126, 255, .12); }
.brand-mark svg { width: 29px; height: 29px; stroke-width: 2.2; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.05; }.brand-wordmark{display:block;width:190px;height:auto}.site-footer .brand-wordmark{width:150px}
.brand-name { font-family: var(--font-display); font-weight: 800; letter-spacing: -.025em; }.brand-name sup{margin-left:2px;color:var(--cyan);font-size:7px;vertical-align:super}.site-footer a{color:inherit}
.working-label { margin-top: 4px; color: var(--quiet); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; }
.primary-nav a { position: relative; padding-block: 10px; color: var(--muted); font-size: 14px; font-weight: 600; transition: color .2s ease; }
.primary-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 3px; height: 1px; background: var(--blue); transition: right .2s ease; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: var(--text); }
.primary-nav a:hover::after, .primary-nav a:focus-visible::after { right: 0; }
.primary-nav .mobile-account-link{display:none}
.nav-account-actions{margin-left:12px;display:flex;align-items:center;gap:13px}.nav-signin{padding:9px 5px;color:#aab6ca;font-size:13px;font-weight:700}.nav-signin:hover{color:#fff}.nav-account-actions .nav-cta{margin-left:0}
.nav-toggle { display: none; width: 46px; height: 46px; border: 1px solid var(--line); background: var(--surface); border-radius: 12px; cursor: pointer; }
.nav-toggle span { display: block; width: 18px; height: 1px; margin: 5px auto; background: currentColor; transition: transform .2s ease; }

.button { min-height: 48px; padding: 0 21px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 12px; font-size: 14px; font-weight: 700; cursor: pointer; transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.button svg { width: 18px; height: 18px; }
.button-primary { color: #fff; background: linear-gradient(135deg, #1676ff, #30aaff); box-shadow: 0 12px 34px rgba(29, 126, 255, .25), inset 0 1px rgba(255,255,255,.22); }
.button-primary:hover { box-shadow: 0 16px 42px rgba(29, 126, 255, .34), inset 0 1px rgba(255,255,255,.22); }
.button-outline { border-color: var(--line-strong); background: rgba(255,255,255,.035); }
.button-outline:hover { border-color: rgba(67,177,255,.55); background: rgba(35,139,255,.08); }
.button-small { min-height: 42px; padding-inline: 16px; }
.button-quiet { color: var(--muted); background: transparent; }
.button-quiet:hover { color: var(--text); }
.play-icon { width: 30px; height: 30px; border: 1px solid var(--line-strong); border-radius: 50%; display: grid; place-items: center; }
.play-icon svg { width: 15px; height: 15px; margin-left: 1px; }

:focus-visible { outline: 3px solid rgba(105, 193, 255, .9); outline-offset: 3px; }

.hero { position: relative; min-height: 900px; padding: 156px 0 0; overflow: hidden; background: radial-gradient(circle at 50% 10%, rgba(24, 65, 141, .11), transparent 44%); }
.hero-grid, .access-grid { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(94,146,237,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(94,146,237,.13) 1px, transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(to bottom, black, transparent 86%); }
.hero-glow { position: absolute; width: 560px; height: 560px; border-radius: 50%; filter: blur(85px); pointer-events: none; opacity: .14; }
.hero-glow-one { right: 8%; top: 80px; background: #1268ff; }
.hero-glow-two { left: -300px; top: 420px; background: #724aff; opacity: .07; }
.trademark-hero-graphic{position:relative;z-index:2;width:min(1080px,calc(100% - 40px));margin:0 auto 82px;padding:7px;border:1px solid rgba(96,159,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(38,118,236,.16),rgba(111,73,218,.1));box-shadow:0 38px 100px rgba(0,0,0,.42),0 0 90px rgba(41,121,255,.12);overflow:hidden;isolation:isolate}
.trademark-hero-graphic::before{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 93% 14%,rgba(255,255,255,.7) 0,rgba(139,123,255,.32) 2%,transparent 8%),conic-gradient(from 153deg at 93% 14%,rgba(92,191,255,.2) 0deg,transparent 3deg 9deg,rgba(93,169,255,.16) 10deg 12deg,transparent 14deg 22deg,rgba(131,105,255,.18) 23deg 26deg,transparent 28deg 38deg,rgba(107,184,255,.12) 39deg 42deg,transparent 44deg 58deg,rgba(143,93,255,.14) 59deg 63deg,transparent 67deg 360deg);mix-blend-mode:screen;opacity:.42;transform-origin:93% 14%;pointer-events:none;animation:trademark-rays 5.8s ease-in-out infinite}
.trademark-hero-graphic img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:15px;transform-origin:center;animation:trademark-depth 8s ease-in-out infinite}
@keyframes trademark-rays{0%,100%{transform:scale(.98);opacity:.28}50%{transform:scale(1.025);opacity:.58}}
@keyframes trademark-depth{0%,100%{transform:scale(1)}50%{transform:scale(1.008)}}
.hero-layout { position: relative; display: grid; grid-template-columns: .88fr 1.12fr; gap: 54px; align-items: center; }
.hero-copy { position: relative; z-index: 2; padding-bottom: 48px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--blue-bright); font-size: 12px; font-weight: 800; letter-spacing: .115em; text-transform: uppercase; }
.pulse-dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(53,167,255,.1), 0 0 16px rgba(53,167,255,.65); }
.hero h1, .section-heading h2, .workflow-copy h2, .interview-copy h2, .trust-copy h2, .access-inner h2 { margin: 20px 0; font-family: var(--font-display); font-weight: 700; letter-spacing: -.055em; line-height: 1.02; }
.hero h1 { max-width: 690px; font-size: clamp(48px, 5.3vw, 76px); }
.hero h1 span { display: block; color: transparent; background: linear-gradient(100deg, #fff 5%, #69c1ff 50%, #8e8aff 96%); -webkit-background-clip: text; background-clip: text; }
.hero-lede { max-width: 620px; margin: 0 0 30px; color: var(--muted); font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 36px; color: #8895ae; font-size: 12px; font-weight: 600; }
.hero-proof div { display: flex; align-items: center; gap: 6px; }
.hero-proof svg { width: 14px; height: 14px; color: var(--green); stroke-width: 2.2; }

.product-stage { position: relative; min-height: 570px; perspective: 1200px; }
.stage-orbit { position: absolute; border: 1px solid rgba(75,156,255,.13); border-radius: 50%; transform: rotate(-18deg); }
.orbit-one { inset: -90px -80px 20px 10px; }
.orbit-two { inset: -20px -20px 90px 90px; }
.app-window { position: absolute; z-index: 2; width: 610px; right: -56px; top: 18px; overflow: hidden; border: 1px solid rgba(150,183,238,.2); border-radius: 18px; background: rgba(8, 13, 26, .95); box-shadow: var(--shadow), 0 0 80px rgba(21,95,210,.1); transform: rotateY(-5deg) rotateX(1deg); }
.app-bar { height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--line); color: var(--quiet); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.window-controls { display: flex; gap: 6px; }
.window-controls i { width: 7px; height: 7px; border-radius: 50%; background: #29344b; }
.window-controls i:first-child { background: #ff6c67; }.window-controls i:nth-child(2) { background: #ffc558; }.window-controls i:nth-child(3) { background: #49d77c; }
.avatar { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 8px; color: var(--blue-bright); background: rgba(53,167,255,.08); font-size: 8px; }
.app-body { min-height: 456px; display: grid; grid-template-columns: 58px 1fr; }
.app-sidebar { border-right: 1px solid var(--line); padding-top: 18px; display: flex; flex-direction: column; align-items: center; gap: 12px; background: rgba(255,255,255,.015); }
.mini-logo { width: 30px; height: 30px; margin-bottom: 8px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(145deg,#146eff,#42baff); box-shadow: 0 6px 16px rgba(18,104,255,.24); }
.mini-logo span { width: 10px; height: 10px; border: 2px solid white; border-top-color: transparent; transform: rotate(-45deg); }
.side-item { width: 34px; height: 34px; display: grid; place-items: center; color: #64718b; border-radius: 9px; }
.side-item.active { color: #7ac8ff; background: rgba(53,167,255,.11); }
.side-item svg { width: 16px; height: 16px; }
.dashboard { padding: 24px 24px 20px; }
.dashboard-top { display: flex; justify-content: space-between; align-items: center; }
.dashboard-top small { color: #58657e; font-size: 7px; font-weight: 800; letter-spacing: .14em; }
.dashboard-top h2 { margin: 3px 0 0; font-family: var(--font-display); font-size: 18px; letter-spacing: -.03em; }
.dashboard-top button { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 9px; background: transparent; color: var(--quiet); }
.dashboard-top button svg { width: 14px; margin: auto; }
.focus-card { margin-top: 18px; padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(68,159,255,.22); border-radius: 13px; background: linear-gradient(110deg, rgba(24,92,191,.2), rgba(37,167,255,.06)); }
.card-kicker { color: #68bfff; font-size: 7px; font-weight: 800; letter-spacing: .14em; }
.focus-card h3 { margin: 5px 0 2px; font-size: 14px; }
.focus-card p { margin: 0; color: var(--quiet); font-size: 9px; }
.fit-score { width: 55px; height: 55px; display: grid; place-items: center; align-content: center; border: 4px solid rgba(53,167,255,.18); border-top-color: var(--blue); border-right-color: var(--blue); border-radius: 50%; transform: rotate(20deg); }
.fit-score strong, .fit-score span { transform: rotate(-20deg); line-height: 1; }
.fit-score strong { font-size: 15px; }.fit-score span { color: var(--quiet); font-size: 6px; margin-top: 3px; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 11px; }
.metric-card, .pipeline-card { border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.metric-card { padding: 13px; }
.metric-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; }
.metric-icon.blue { color: var(--blue-bright); background: rgba(53,167,255,.12); }.metric-icon.violet { color: #a590ff; background: rgba(140,114,255,.12); }
.metric-icon svg { width: 13px; height: 13px; }
.metric-card small { display: block; margin: 9px 0 3px; color: #64718a; font-size: 6px; font-weight: 800; letter-spacing: .13em; }
.metric-card strong { display: block; font-size: 12px; }.metric-card p { margin: 1px 0 9px; color: var(--quiet); font-size: 7px; }
.meter { height: 3px; overflow: hidden; border-radius: 3px; background: #1a2335; }.meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue-deep),var(--blue-bright)); }
.spark { height: 16px; display: flex; align-items: flex-end; gap: 3px; }.spark i { width: 10px; border-radius: 2px 2px 0 0; background: #7965db; }.spark i:nth-child(1){height:5px}.spark i:nth-child(2){height:8px}.spark i:nth-child(3){height:6px}.spark i:nth-child(4){height:12px}.spark i:nth-child(5){height:10px}.spark i:nth-child(6){height:15px;background:#9a82ff}
.pipeline-card { margin-top: 11px; padding: 12px 14px; }
.pipeline-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; font-size: 9px; }.pipeline-head span { color: var(--blue-bright); font-size: 7px; }
.pipeline-row { min-height: 40px; display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 9px; border-top: 1px solid rgba(149,172,217,.08); }
.company-mark { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; color: #b99aff; background: rgba(140,114,255,.12); font-size: 8px; font-weight: 800; }.company-mark.cyan { color: #69dfff; background: rgba(53,193,255,.1); }
.pipeline-row strong, .pipeline-row small { display: block; }.pipeline-row strong { font-size: 8px; }.pipeline-row small { color: var(--quiet); font-size: 6px; }
.status { padding: 3px 6px; border-radius: 99px; font-size: 6px; font-weight: 700; }.status.interview { color: #a891ff; background: rgba(140,114,255,.13); }.status.review { color: #68dcb4; background: rgba(69,224,168,.1); }
.signal-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid rgba(142,176,231,.2); border-radius: 12px; background: rgba(10,16,31,.85); box-shadow: 0 18px 42px rgba(0,0,0,.36); backdrop-filter: blur(12px); }
.signal-one { left: -24px; bottom: 63px; }.signal-two { right: -54px; top: 115px; }
.signal-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: var(--green); background: rgba(69,224,168,.1); }.signal-icon.violet { color: #aa96ff; background: rgba(140,114,255,.13); }.signal-icon svg { width: 14px; height: 14px; }
.signal-card small, .signal-card strong { display: block; }.signal-card small { color: var(--quiet); font-size: 7px; }.signal-card strong { font-size: 9px; }
.trust-line { position: relative; height: 82px; margin-top: 20px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; color: #65718a; font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.trust-line div { display: flex; align-items: center; gap: 17px; }.trust-line b { color: #8d99b1; font-size: 9px; letter-spacing: .16em; }.trust-line i { width: 4px; height: 4px; border-radius: 50%; background: #2e7ed7; }

.section { position: relative; padding: 128px 0; }
.section-heading { max-width: 700px; margin-bottom: 48px; }
.section-heading h2, .workflow-copy h2, .interview-copy h2, .trust-copy h2, .access-inner h2 { font-size: clamp(40px, 4.2vw, 60px); }
.section-heading p, .workflow-copy > p, .interview-copy > p, .trust-copy p, .access-inner p { color: var(--muted); font-size: 17px; line-height: 1.75; }
.platform { background: linear-gradient(180deg, var(--bg) 0%, #070b16 50%, var(--bg) 100%); }
.bento-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px; }
.bento-card { grid-column: span 4; position: relative; min-height: 310px; padding: 29px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(16,24,43,.95), rgba(8,13,26,.88)); box-shadow: inset 0 1px rgba(255,255,255,.02); }
.bento-card::after { content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 90% 0%, rgba(45,142,255,.09), transparent 40%); }
.bento-wide { grid-column: span 8; min-height: 440px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 24px; align-items: center; }
.bento-tall { grid-column: span 4; grid-row: span 2; min-height: 768px; display: flex; flex-direction: column; }
.feature-index { display: block; margin-bottom: 18px; color: var(--blue-bright); font-size: 10px; font-weight: 800; letter-spacing: .13em; }.violet-text{color:#aa96ff}.green-text{color:#69e7ba}
.bento-card h3 { margin: 0 0 14px; font-family: var(--font-display); font-size: 27px; line-height: 1.25; letter-spacing: -.035em; }
.bento-card p { margin: 0; color: var(--muted); font-size: 14px; }
.card-copy a { margin-top: 25px; display: inline-flex; align-items: center; gap: 7px; color: var(--blue-bright); font-size: 13px; font-weight: 700; }.card-copy a svg { width: 16px; height: 16px; }
.diff-preview { position: relative; z-index: 2; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #090e1b; transform: rotate(1.5deg); box-shadow: 0 22px 50px rgba(0,0,0,.26); }
.diff-header { display: flex; justify-content: space-between; margin-bottom: 20px; }.diff-header span { font-size: 11px; font-weight: 700; }.diff-header small { color: var(--green); font-size: 8px; }
.diff-line { min-height: 40px; margin: 6px 0; padding: 9px 10px; display: flex; align-items: center; gap: 9px; border-radius: 8px; color: #8793aa; background: rgba(255,255,255,.02); font-size: 8px; }.diff-line.add { color: #b7e8d7; background: rgba(69,224,168,.055); border-left: 2px solid var(--green); }.diff-line i { width: 16px; color: var(--green); font-style: normal; font-weight: 800; text-align: center; }
.evidence-chip { margin-top: 15px; padding-top: 12px; display: flex; align-items: center; gap: 7px; border-top: 1px solid var(--line); color: #72d8b4; font-size: 8px; }.evidence-chip svg { width: 13px; height: 13px; }
.voice-visual { min-height: 230px; margin: 50px -10px 20px; display: flex; align-items: center; justify-content: center; gap: 9px; }
.voice-visual span { width: 5px; border-radius: 6px; background: linear-gradient(to top,#5f48da,#7bbdff); box-shadow: 0 0 15px rgba(91,126,255,.25); animation: wave 1.8s ease-in-out infinite; }.voice-visual span:nth-child(1),.voice-visual span:nth-child(9){height:20px}.voice-visual span:nth-child(2),.voice-visual span:nth-child(8){height:45px;animation-delay:.1s}.voice-visual span:nth-child(3),.voice-visual span:nth-child(7){height:75px;animation-delay:.2s}.voice-visual span:nth-child(4),.voice-visual span:nth-child(6){height:110px;animation-delay:.3s}.voice-visual span:nth-child(5){height:145px;animation-delay:.4s}
@keyframes wave { 0%,100%{transform:scaleY(.7);opacity:.65}50%{transform:scaleY(1);opacity:1} }
.question-card { margin-top: auto; padding: 20px; border: 1px solid rgba(140,114,255,.22); border-radius: 14px; background: rgba(140,114,255,.055); }.question-card small { color: #9f8aff; font-size: 8px; font-weight: 800; letter-spacing: .14em; }.question-card p { margin-top: 9px; color: #d8d9e8; font-size: 13px; }
.icon-block { width: 52px; height: 52px; margin-bottom: 46px; display: grid; place-items: center; border: 1px solid rgba(53,167,255,.24); border-radius: 14px; color: var(--blue-bright); background: rgba(53,167,255,.08); }.icon-block.green { color: var(--green); border-color: rgba(69,224,168,.22); background: rgba(69,224,168,.07); }.icon-block svg { width: 25px; height: 25px; }

.workflow { overflow: hidden; background: #050914; }
.workflow::before { content:""; position:absolute; width:800px; height:800px; right:-460px; top:0; border-radius:50%; background:rgba(21,104,255,.09); filter:blur(100px); }
.workflow-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 92px; align-items: center; }
.workflow-tabs { margin-top: 42px; display: grid; gap: 8px; }
.workflow-tab { width: 100%; min-height: 78px; padding: 14px 17px; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 12px; border: 1px solid transparent; border-radius: 13px; color: var(--muted); background: transparent; text-align: left; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.workflow-tab:hover { background: rgba(255,255,255,.025); }.workflow-tab.active { color: var(--text); border-color: rgba(53,167,255,.23); background: rgba(53,167,255,.065); }
.workflow-tab > span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--quiet); font-size: 10px; font-weight: 800; }.workflow-tab.active > span { color: var(--blue-bright); border-color: rgba(53,167,255,.25); background: rgba(53,167,255,.08); }
.workflow-tab strong,.workflow-tab small { display:block; }.workflow-tab strong { font-size:13px; }.workflow-tab small { margin-top:2px; color:var(--quiet); font-size:11px; }
.workflow-panel { position: relative; min-height: 570px; padding: 1px; border: 1px solid rgba(141,175,230,.2); border-radius: var(--radius-lg); background: linear-gradient(145deg, rgba(18,28,51,.96), rgba(6,11,23,.96)); box-shadow: var(--shadow); }
.workflow-panel::before { content:""; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; background:linear-gradient(135deg,rgba(66,171,255,.32),transparent 32%,transparent 65%,rgba(140,114,255,.2)); }
.panel-top { height: 54px; padding: 0 22px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#71809a; font-size:9px; font-weight:800; letter-spacing:.13em; }.panel-top i { padding:4px 8px; border-radius:99px; color:#78dcb7; background:rgba(69,224,168,.08); font-style:normal; letter-spacing:0; }
.panel-content { padding: 34px; }
.role-title { display:flex; align-items:center; gap:14px; }.role-mark { width:49px; height:49px; display:grid; place-items:center; border-radius:13px; color:var(--blue-bright); background:linear-gradient(145deg,rgba(29,117,255,.25),rgba(53,167,255,.07)); font-size:12px; font-weight:800; }.role-title small { color:#6a7893; font-size:7px; font-weight:800; letter-spacing:.14em; }.role-title h3 { margin:2px 0 0; font-size:18px; }.role-title p { margin:0; color:var(--quiet); font-size:10px; }
.match-ring { width: 142px; height: 142px; margin: 34px auto; display:grid; place-items:center; border-radius:50%; background: radial-gradient(circle at center,#0b1222 57%,transparent 59%), conic-gradient(var(--blue) 0 88%,rgba(53,167,255,.1) 88%); box-shadow:0 0 46px rgba(53,167,255,.1); }.match-ring span { font-family:var(--font-display); font-size:35px; font-weight:800; }.match-ring small { color:var(--blue-bright); font-size:13px; }
.skill-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.skill-grid span { padding:9px 10px; display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:9px; color:#adb7cb; font-size:9px; }.skill-grid i { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(69,224,168,.5); }.skill-grid .gap i { background:var(--orange); box-shadow:none; }
.panel-insight { margin-top:20px; padding:14px; display:flex; gap:11px; border:1px solid rgba(53,167,255,.17); border-radius:11px; background:rgba(53,167,255,.045); }.panel-insight svg { flex:0 0 auto; width:19px; height:19px; color:var(--blue-bright); }.panel-insight strong { font-size:10px; }.panel-insight p { margin:2px 0 0; color:var(--quiet); font-size:8px; }

.interview { overflow:hidden; border-block:1px solid var(--line); background:linear-gradient(150deg,#070a15,#090819 55%,#050812); }
.interview-glow { position:absolute; width:700px; height:700px; left:-250px; top:-150px; border-radius:50%; background:rgba(88,65,215,.1); filter:blur(100px); }
.interview-layout { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:90px; align-items:center; }
.interview-console { min-height:590px; border:1px solid rgba(151,137,255,.22); border-radius:var(--radius-lg); background:rgba(8,10,22,.9); box-shadow:var(--shadow),0 0 100px rgba(105,70,255,.07); }
.console-header { height:54px; padding:0 21px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); color:#79849b; font-size:8px; font-weight:800; letter-spacing:.1em; }.console-header span { display:flex; align-items:center; gap:8px; }.console-header i { width:6px; height:6px; border-radius:50%; background:var(--violet); box-shadow:0 0 12px var(--violet); }
.console-body { padding:54px 48px 34px; text-align:center; }
.interviewer-orb { position:relative; width:110px; height:110px; margin:0 auto 26px; display:grid; place-items:center; border:1px solid rgba(140,114,255,.25); border-radius:50%; background:radial-gradient(circle,rgba(140,114,255,.22),rgba(24,24,58,.12) 60%,transparent 62%); box-shadow:0 0 55px rgba(140,114,255,.18); }.interviewer-orb div { width:34px; height:34px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#a7c6ff,#7969ff 56%,#4337ad); box-shadow:0 0 30px rgba(140,114,255,.65); }.interviewer-orb span { position:absolute; inset:12px; border:1px dashed rgba(160,144,255,.24); border-radius:50%; animation:spin 12s linear infinite; }
@keyframes spin { to{transform:rotate(360deg)} }
.speaker-label { color:#9884ff; font-size:8px; font-weight:800; letter-spacing:.15em; }.interview-question { max-width:430px; margin:12px auto 32px; font-family:var(--font-display); color:#e6e7f2; font-size:21px; line-height:1.5; letter-spacing:-.02em; }
.answer-state { padding:15px 16px; border:1px solid rgba(140,114,255,.18); border-radius:12px; background:rgba(140,114,255,.05); }.answer-state span { display:block; margin-top:10px; color:#827f98; font-size:9px; }
.waveform { height:34px; display:flex; align-items:center; justify-content:center; gap:4px; }.waveform i { width:3px; height:10px; border-radius:3px; background:#8a76ff; animation:wave 1.4s ease-in-out infinite; }.waveform i:nth-child(2n){height:22px;animation-delay:.1s}.waveform i:nth-child(3n){height:30px;animation-delay:.2s}.waveform i:nth-child(4n){height:17px;animation-delay:.3s}
.console-notes { margin-top:18px; display:flex; justify-content:center; gap:18px; color:#68738b; font-size:8px; }.console-notes span { display:flex; align-items:center; gap:5px; }.console-notes svg { width:12px; height:12px; color:var(--green); }
.feature-list { margin:35px 0 0; padding:0; display:grid; gap:22px; list-style:none; }.feature-list li { display:grid; grid-template-columns:38px 1fr; gap:14px; align-items:start; }.feature-list li>span { width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(140,114,255,.22); border-radius:10px; color:#a996ff; background:rgba(140,114,255,.07); }.feature-list svg { width:17px; height:17px; }.feature-list strong { font-size:14px; }.feature-list p { margin:2px 0 0; color:var(--quiet); font-size:13px; }

.trust { background:#060a13; }
.trust-panel { padding:64px; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; border:1px solid var(--line); border-radius:var(--radius-lg); background:linear-gradient(130deg,rgba(13,22,39,.95),rgba(7,12,23,.95)); }
.trust-copy h2 { font-size:clamp(38px,4vw,54px); }.trust-principles { display:grid; align-content:center; }.trust-principles article { padding:22px 0; display:grid; grid-template-columns:42px 1fr; gap:14px; border-bottom:1px solid var(--line); }.trust-principles article:last-child { border-bottom:0; }.trust-principles span { color:var(--blue-bright); font-size:10px; font-weight:800; }.trust-principles strong { font-size:14px; }.trust-principles p { margin:4px 0 0; color:var(--quiet); font-size:12px; }

.access { padding:105px 0; overflow:hidden; background:linear-gradient(120deg,#081329,#0b0b1e 58%,#09111d); }.access-grid { opacity:.12; mask-image:radial-gradient(circle at center,black,transparent 70%); }.access-inner { position:relative; display:grid; grid-template-columns:1fr .85fr; gap:90px; align-items:center; }.access-inner h2 { max-width:650px; font-size:clamp(38px,4.4vw,58px); }.access-form label { display:block; margin-bottom:9px; color:#bcc6d9; font-size:12px; font-weight:700; }.form-row { display:grid; grid-template-columns:1fr auto; gap:10px; }.form-row input { width:100%; min-height:52px; padding:0 16px; border:1px solid var(--line-strong); border-radius:12px; color:var(--text); background:rgba(4,8,18,.66); outline:none; transition:border-color .2s ease,box-shadow .2s ease; }.form-row input::placeholder{color:#69758c}.form-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(53,167,255,.13)}.form-row input.invalid{border-color:#ff7e7e;box-shadow:0 0 0 3px rgba(255,87,87,.12)}
.form-status { min-height:24px; margin:8px 0 0!important; color:var(--quiet)!important; font-size:11px!important; }.form-status.success{color:var(--green)!important}.form-status.error{color:#ff9a9a!important}

.site-footer{position:relative;padding:78px 0 34px;overflow:hidden;border-top:1px solid rgba(92,142,231,.13);background:linear-gradient(180deg,#050913 0%,#03060d 100%)}
.footer-glow{position:absolute;width:620px;height:300px;left:50%;top:-205px;transform:translateX(-50%);border-radius:50%;background:rgba(45,122,255,.2);filter:blur(105px);pointer-events:none}
.footer-shell{position:relative;border:1px solid rgba(103,151,234,.16);border-radius:24px;background:linear-gradient(145deg,rgba(12,20,36,.9),rgba(5,10,20,.92));box-shadow:inset 0 1px rgba(255,255,255,.025),0 30px 90px rgba(0,0,0,.28);overflow:hidden}
.footer-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,153,255,.035),transparent);pointer-events:none}
.footer-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px 42px;border-bottom:1px solid var(--line)}
.footer-brand{display:inline-flex}.site-footer .brand-wordmark{width:190px}.footer-intro p{max-width:500px;margin:13px 0 0;color:#7f8ba2;font-size:13px;line-height:1.65}
.footer-cta{min-width:245px;min-height:54px;padding:0 9px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(71,173,255,.28);border-radius:14px;color:#e6f3ff;background:linear-gradient(110deg,rgba(30,111,224,.19),rgba(107,77,220,.13));font-size:12px;font-weight:800;transition:transform .2s ease,border-color .2s ease,background .2s ease}.footer-cta b{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#06101c;background:linear-gradient(135deg,#6bcaff,#8d8bff);font-size:17px}.footer-cta:hover{transform:translateY(-2px);border-color:rgba(92,192,255,.52);background:linear-gradient(110deg,rgba(30,111,224,.26),rgba(107,77,220,.2))}
.footer-main{position:relative;padding:52px 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.footer-statement{max-width:520px}.footer-kicker{color:var(--blue-bright);font-size:9px;font-weight:800;letter-spacing:.16em}.footer-statement h2{max-width:500px;margin:15px 0 0;font-family:var(--font-display);font-size:clamp(28px,3.2vw,43px);line-height:1.08;letter-spacing:-.045em}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:45px}.footer-links h3{margin:0 0 18px;color:#d8e1f1;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.footer-links a{width:max-content;display:block;margin:12px 0;color:#7f8ba2;font-size:12px;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:#70c7ff;transform:translateX(3px)}
.footer-bottom{position:relative;min-height:64px;padding:18px 42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-top:1px solid var(--line);color:#626e84;font-size:10px}.footer-bottom>div{display:flex;justify-content:flex-end;gap:20px}.footer-bottom a{color:#748096}.footer-bottom a:hover{color:#b8c8e2}.footer-status{display:inline-flex;align-items:center;gap:8px;color:#8190a8}.footer-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(76,221,169,.6)}

.reveal { opacity:1; transform:none; transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }

@media (max-width: 1100px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 780px; text-align: center; margin-inline: auto; }
  .hero-lede { margin-inline: auto; }.hero-actions,.hero-proof{justify-content:center}
  .product-stage { width:min(100%,760px); margin-inline:auto; }.app-window{right:50%;transform:translateX(50%)}.signal-one{left:3%}.signal-two{right:2%}
  .trust-line{margin-top:40px}.workflow-layout,.interview-layout{gap:55px}.trust-panel{gap:50px;padding:48px}
}

@media (max-width: 900px) {
  .site-header{height:70px}.nav-toggle{display:block;margin-left:auto}.nav-account-actions{display:none}
  .primary-nav { position:absolute; left:24px; right:24px; top:76px; padding:14px; display:none; flex-direction:column; align-items:stretch; gap:2px; border:1px solid var(--line); border-radius:15px; background:rgba(8,13,26,.98); box-shadow:var(--shadow); }.primary-nav.open{display:flex}.primary-nav a{min-height:48px;padding:12px 14px;border-radius:9px}.primary-nav a:hover{background:rgba(53,167,255,.07)}.primary-nav .mobile-account-link{display:flex;margin-top:4px;border:1px solid rgba(67,177,255,.2);justify-content:center;color:#cceaff;background:rgba(35,139,255,.07)}.primary-nav .mobile-account-primary{border-color:#398cff;color:#fff;background:linear-gradient(135deg,#1676ff,#30aaff)}.primary-nav .mobile-account-link::after{display:none}
  .bento-wide,.bento-tall,.bento-card{grid-column:span 12}.bento-tall{min-height:600px}.bento-card:not(.bento-wide):not(.bento-tall){grid-column:span 6}
  .workflow-layout,.interview-layout,.trust-panel,.access-inner{grid-template-columns:1fr}.workflow-layout{gap:55px}.workflow-copy{max-width:680px}.interview-console{order:2}.interview-copy{order:1;max-width:680px}.trust-panel{gap:40px}.access-inner{gap:35px}
  .footer-main{grid-template-columns:1fr;gap:42px}.footer-statement{max-width:650px}.footer-links{max-width:500px}.footer-bottom{grid-template-columns:1fr auto}.footer-status{display:none}
}

@media (max-width: 680px) {
  .brand-wordmark{width:154px}.site-footer .brand-wordmark{width:170px}
  .trademark-hero-graphic{width:calc(100% - 24px);margin-bottom:54px;padding:4px;border-radius:14px}.trademark-hero-graphic img{border-radius:10px}
  .container{width:min(calc(100% - 32px),var(--container))}.section{padding:90px 0}.hero{padding-top:126px;min-height:0}.hero h1{font-size:45px}.hero-lede{font-size:16px}.hero-actions{align-items:stretch}.hero-actions .button{width:100%}.hero-proof{gap:12px 18px}
  .product-stage{min-height:480px;margin-top:25px}.app-window{width:610px;right:auto;left:50%;transform:translateX(-50%) scale(.72);transform-origin:top center}.signal-card{display:none}.trust-line{height:auto;padding:26px 0;display:grid;gap:18px;text-align:center}.trust-line div{justify-content:center;flex-wrap:wrap}
  .section-heading h2,.workflow-copy h2,.interview-copy h2,.trust-copy h2,.access-inner h2{font-size:38px}.section-heading{margin-bottom:34px}
  .bento-wide{display:block;min-height:0}.diff-preview{margin-top:32px}.bento-card:not(.bento-wide):not(.bento-tall){grid-column:span 12}.bento-card{padding:24px}.bento-tall{min-height:570px}.voice-visual{margin-top:20px}
  .workflow-tabs{margin-top:30px}.workflow-panel{min-height:0}.panel-content{padding:24px 18px}.skill-grid{grid-template-columns:1fr}.match-ring{width:125px;height:125px}
  .console-body{padding:42px 18px 28px}.interview-console{min-height:0}.interview-question{font-size:18px}.console-notes{flex-direction:column;align-items:center;gap:7px}
  .trust-panel{padding:28px 22px}.form-row{grid-template-columns:1fr}.form-row .button{width:100%}.site-footer{padding-top:50px}.footer-shell{border-radius:18px}.footer-intro{padding:28px 22px;align-items:flex-start;flex-direction:column}.footer-cta{width:100%;min-width:0}.footer-main{padding:38px 22px;gap:36px}.footer-links{grid-template-columns:1fr 1fr;gap:22px}.footer-bottom{padding:22px;grid-template-columns:1fr;gap:14px}.footer-bottom>div{justify-content:flex-start;flex-wrap:wrap}
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}
}