@import url('/static/blue4-theme.css');

main{min-height:calc(100vh - 150px)}

/* Shared header: same visual language as the landing page */
.topbar{
  position:sticky;
  top:0;
  z-index:40;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78),rgba(255,255,255,.48));
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(18,49,59,.05);
}
.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;min-width:0}
.brand-logo-full{display:block;width:300px;max-width:42vw;height:auto;max-height:58px;object-fit:contain}
.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.header-cta,.secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:9px 15px;border-radius:14px;
  border:1px solid rgba(43,184,200,.16);background:rgba(43,184,200,.07);
  color:#16505d;font-size:13px;font-weight:800;transition:.22s ease;
}
.header-cta:hover,.secondary:hover{background:rgba(43,184,200,.11);border-color:rgba(43,184,200,.28);transform:translateY(-1px)}

.site-footer{padding:28px 0 36px;border-top:1px solid rgba(18,49,59,.06);color:#78929a;font-size:13px}
.site-footer .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}

.kicker{
  display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;
  background:rgba(43,184,200,.07);border:1px solid rgba(43,184,200,.14);
  color:#1a7b8a;font-size:13px;font-weight:800;letter-spacing:.02em;
}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 16px rgba(52,200,162,.28)}

.primary,button.primary,.voice-btn{
  border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:15px;font-weight:800;transition:.25s ease;
}
.primary{background:linear-gradient(135deg,var(--cyan),#4fd7bf);color:#fff;box-shadow:0 14px 36px rgba(70,207,209,.16)}
.primary:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(70,207,209,.22)}
.large{min-height:52px;padding:0 20px}

/* Dialogue landing */
.marketing-hero{min-height:calc(100svh - 78px);display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;padding:70px 0}
.hero-copy h1{font-size:clamp(34px,4.8vw,58px);line-height:1.34;letter-spacing:-1.8px;margin:20px 0 24px;font-weight:900;max-width:900px}
.hero-copy h1 span{display:inline-block;background:linear-gradient(90deg,#103d49 0%,#188fa0 55%,#30bfae 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{font-size:var(--copy-size);line-height:2;color:var(--muted);max-width:750px;margin:0 0 34px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-note{color:#70909a;font-size:12px}
.hero-visual{height:480px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 20px 50px rgba(17,56,67,.08))}
.signal-orbit{position:absolute;border-radius:50%;border:1px solid rgba(43,184,200,.16)}
.orbit-one{width:390px;height:390px;animation:spin 26s linear infinite}.orbit-two{width:292px;height:292px;border-style:dashed;animation:spinReverse 18s linear infinite}
.signal-core{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,#fff,#e8f6f9 68%);border:1px solid rgba(43,184,200,.24);box-shadow:0 0 0 18px rgba(43,184,200,.03),0 0 80px rgba(71,198,208,.10);z-index:3}
.signal-core span{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--teal));box-shadow:0 0 0 15px rgba(43,184,200,.08);animation:pulse 3s ease-in-out infinite}
.signal-card{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:0 16px 40px rgba(17,56,67,.09);color:#35616b;font-size:12px;font-weight:800;backdrop-filter:blur(10px);animation:floatCard 5s ease-in-out infinite}
.signal-card i{width:7px;height:7px;border-radius:50%;background:var(--teal)}.card-a{top:66px;right:54px}.card-b{left:18px;top:200px;animation-delay:-1.3s}.card-c{bottom:58px;right:94px;animation-delay:-2.2s}

.studies-section{padding:28px 0 92px}.section-title{margin-bottom:24px}.section-title h2{font-size:clamp(26px,3vw,40px);line-height:1.45;margin:12px 0 0;letter-spacing:-.7px}
.studies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.study-card{min-height:220px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px);transition:.25s ease}
.study-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(43,184,200,.28)}
.study-card-top,.study-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.study-index{font-size:12px;color:#79a0a8;font-weight:900}.live-dot{font-size:12px;color:#4c7c82;display:flex;align-items:center;gap:7px}.live-dot i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px rgba(52,200,162,.35)}
.study-card h3{font-size:1.22rem;line-height:1.75;margin:28px 0;color:var(--text)}.study-card-bottom{color:var(--muted);font-size:13px}.study-card-bottom strong{color:#187f8d}.study-card-bottom b{font-size:18px;margin-right:4px}

/* Study / role selection */
.study-stage{padding:64px 0 90px}.study-intro{max-width:850px;margin-bottom:36px}.study-intro h1{font-size:clamp(32px,4.3vw,54px);line-height:1.45;letter-spacing:-1px;margin:18px 0 16px}.study-meta-line{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.study-meta-line i,.session-meta i{width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.role-selector{display:grid;gap:18px}.role-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px;color:var(--muted);font-size:13px}.role-heading b{color:var(--text)}
.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.role-card{position:relative;display:grid;grid-template-columns:28px 48px 1fr 22px;align-items:center;gap:13px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 42px rgba(17,56,67,.06);backdrop-filter:blur(10px);cursor:pointer;transition:.24s ease}
.role-card:hover{transform:translateY(-2px);border-color:rgba(43,184,200,.28);box-shadow:0 20px 52px rgba(17,56,67,.09)}.role-card input{position:absolute;opacity:0;pointer-events:none}.role-check{width:24px;height:24px;border-radius:50%;border:2px solid rgba(31,151,168,.28);position:relative;background:#fff}.role-card:has(input:checked){border-color:var(--cyan2);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(235,250,250,.92));box-shadow:0 0 0 4px rgba(43,184,200,.08),0 20px 52px rgba(17,56,67,.09)}.role-card:has(input:checked) .role-check{border-color:var(--cyan2);background:linear-gradient(135deg,var(--cyan),var(--teal))}.role-card:has(input:checked) .role-check:after{content:"";position:absolute;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:6px;top:7px}.role-icon{width:48px;height:48px;border-radius:15px;background:rgba(43,184,200,.08);display:grid;place-items:center;font-size:1.45rem}.role-copy{display:flex;flex-direction:column;line-height:1.6;min-width:0}.role-copy strong{font-size:1rem}.role-copy small{color:var(--muted);font-size:.82rem;margin-top:2px}.role-arrow{color:#72a9b2;font-size:1.2rem}.sticky-start{display:flex;justify-content:flex-start;padding-top:6px}

/* Interview */
.interview-stage{width:min(900px,calc(100% - 40px));margin-inline:auto;padding:56px 0 90px}
.interview-top{display:grid;gap:12px;margin-bottom:18px}.interview-top>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.interview-top b{font-size:13px;color:#35616b}.progress{height:9px;background:rgba(31,151,168,.10);border-radius:999px;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--teal));transition:width .55s ease}
.question-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pill,.probe-badge,.admin-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:850}.pill{background:rgba(43,184,200,.09);color:#187f8d}.probe-badge{background:#fff5db;color:var(--warning)}.admin-badge{background:rgba(43,184,200,.08);color:#245f69}.question-number{display:block;margin-top:28px;color:#73909a;font-size:13px;font-weight:800}.question-card h2{font-size:var(--copy-size);line-height:2;margin:8px 0 24px;font-weight:700;color:var(--text)}
.answer-form{display:grid;gap:12px}.answer-form textarea,.stack-form input,.stack-form textarea{width:100%;border:1px solid rgba(31,151,168,.20);border-radius:16px;background:rgba(255,255,255,.80);color:var(--text);padding:15px 17px;outline:none;transition:.22s ease}.answer-form textarea{min-height:210px;resize:vertical;font-size:var(--copy-size);line-height:2}.answer-form textarea::placeholder,.stack-form input::placeholder,.stack-form textarea::placeholder{color:#93a9af}.answer-form textarea:focus,.stack-form input:focus,.stack-form textarea:focus{border-color:rgba(43,184,200,.62);box-shadow:0 0 0 4px rgba(43,184,200,.09);background:#fff}.answer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.voice-btn{min-height:52px;padding:0 18px;background:rgba(255,255,255,.78);color:#1d4b57;border:1px solid rgba(18,49,59,.10);box-shadow:none}.voice-btn:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-1px)}.voice-btn.recording{background:#fff0f2;color:#9d2846;border-color:#f0c2ce}.voice-icon{width:12px;height:12px;border-radius:50%;background:#d34763;box-shadow:0 0 0 6px rgba(211,71,99,.08);font-size:0}.voice-btn.recording .voice-icon{animation:voicePulse 1.2s ease-out infinite}.audio-status{min-height:28px;color:var(--muted);font-size:13px}.audio-confirm{background:rgba(52,200,162,.08);border:1px solid rgba(52,200,162,.20);color:#285a5d;border-radius:14px;padding:12px 14px}.complete-card{margin:40px auto 0;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:54px 32px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.complete-mark{width:74px;height:74px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:rgba(52,200,162,.10);color:var(--success);font-size:2rem;font-weight:900}.complete-card h1{font-size:clamp(28px,4vw,42px);margin:8px 0 24px}

/* Admin: same design system, denser information hierarchy */
.admin-shell{padding:54px 0 90px}.narrow-admin{width:min(980px,calc(100% - 40px))}.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.admin-title h1{font-size:clamp(30px,4vw,48px);margin:8px 0 0;line-height:1.45;letter-spacing:-.7px}.admin-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:18px}.panel,.audit-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{font-size:1.12rem;margin:0}.panel-head>span{width:34px;height:34px;border-radius:11px;background:rgba(43,184,200,.08);display:grid;place-items:center;font-size:12px;font-weight:900;color:#245f69}
.admin-study-list{display:grid;gap:10px}.admin-study-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid rgba(31,151,168,.12);border-radius:17px;background:rgba(255,255,255,.64);transition:.22s}.admin-study-card:hover{border-color:rgba(43,184,200,.30);background:#fff;transform:translateY(-1px)}.admin-study-card>div:first-child{display:flex;flex-direction:column}.admin-study-card small{color:#829ba2;font-size:12px}.admin-study-card strong{font-size:.96rem;margin-top:2px}.admin-study-metrics{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.admin-study-metrics span{padding:5px 8px;border-radius:10px;background:rgba(43,184,200,.07)}.admin-study-metrics i{font-style:normal;color:var(--cyan2);font-size:1.1rem}
.stack-form{display:grid;gap:11px}.stack-form label{font-size:13px;font-weight:800}.stack-form input,.stack-form textarea{margin-top:5px;min-height:50px;font-size:14px}.scenario-picker{max-height:350px;overflow:auto;border:1px solid rgba(31,151,168,.14);border-radius:16px;background:rgba(255,255,255,.62);padding:8px}.scenario-option{display:flex!important;align-items:flex-start;gap:10px;padding:9px!important;border-bottom:1px solid rgba(18,49,59,.06)!important;font-weight:400!important}.scenario-option:last-child{border-bottom:0!important}.scenario-option input{margin-top:7px;accent-color:var(--cyan2)}.scenario-option>span{display:block;min-width:0}.scenario-option small{display:block;color:#1b8796;font-size:12px;font-weight:800;margin-top:2px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{min-height:132px;padding:20px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(234,249,250,.90));border:1px solid var(--line);box-shadow:0 18px 46px rgba(17,56,67,.07);display:flex;flex-direction:column;justify-content:space-between}.stat span{color:#68868e;font-size:13px}.stat b{font-size:2rem;line-height:1;color:#176f7c}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(18,49,59,.06);font-size:14px}.bar-row:last-child{border-bottom:0}.empty{color:#879da3;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:12px 10px;border-bottom:1px solid rgba(18,49,59,.06);font-size:13px;white-space:nowrap}th{font-size:12px;color:#708b93;background:rgba(43,184,200,.045)}td a{color:#187f8d;font-weight:800}.session-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:-10px 0 18px}.audit-card{padding:24px;margin-bottom:16px}.audit-card h3{font-size:1rem;line-height:1.9;margin:14px 0}.audit-card blockquote{margin:0;background:rgba(43,184,200,.055);border-right:4px solid var(--cyan);border-radius:15px;padding:14px 16px}.analysis-grid{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:13px}.audit-card summary{cursor:pointer;margin-top:14px;font-weight:800}.audit-card pre{direction:ltr;text-align:left;background:#12313b;color:#def3f3;border-radius:14px;padding:14px;overflow:auto}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes pulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes voicePulse{0%{box-shadow:0 0 0 0 rgba(211,71,99,.22)}100%{box-shadow:0 0 0 15px rgba(211,71,99,0)}}

@media(max-width:980px){
  .marketing-hero,.admin-layout,.admin-grid{grid-template-columns:1fr}
  .hero-visual{min-height:360px;order:-1}
  .studies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .topbar-inner{height:72px}.brand-logo-full{max-width:54vw;max-height:48px}.header-cta{min-height:40px;padding:0 12px;font-size:12px}
  .marketing-hero{min-height:auto;padding:34px 0 58px;gap:8px}.hero-visual{height:300px;min-height:300px}.orbit-one{width:245px;height:245px}.orbit-two{width:180px;height:180px}.signal-core{width:96px;height:96px}.card-a{top:28px;right:0}.card-b{left:0;top:135px}.card-c{bottom:18px;right:24px}.hero-copy h1{font-size:clamp(32px,11vw,45px);letter-spacing:-1px}.hero-copy p{font-size:16px}.hero-actions>*{width:100%}.hero-note{text-align:center}
  .studies-grid,.role-grid,.stat-grid{grid-template-columns:1fr}.study-card{min-height:190px}.role-card{grid-template-columns:28px 46px 1fr 20px}
  .study-stage,.admin-shell{padding-top:38px}.study-intro h1{font-size:34px}.role-heading{align-items:flex-start;flex-direction:column;gap:2px}
  .interview-stage{width:min(100% - 28px,900px);padding-top:36px}.question-card,.panel,.audit-card{padding:20px}.question-card h2,.answer-form textarea{font-size:16px}.answer-actions{flex-direction:column}.answer-actions>*{width:100%}
  .admin-title{align-items:flex-start;flex-direction:column}.admin-study-card{align-items:flex-start;flex-direction:column}.admin-study-metrics{width:100%}
  .site-footer .shell{justify-content:center;text-align:center}
}

@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}