:root{--font-brand: "Montserrat", "Avenir Next", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-bg: #f7f5f1;--color-bg-soft: #fffdf9;--color-surface: rgba(255, 255, 255, .92);--color-surface-strong: #ffffff;--color-border: rgba(11, 70, 120, .12);--color-border-strong: rgba(255, 106, 0, .28);--color-text: #133d68;--color-text-soft: #5d6775;--color-navy: #0b4678;--color-blue: #1692e6;--color-orange: #ff6a00;--color-orange-deep: #ff8b12;--color-shadow: rgba(16, 58, 102, .12);font-family:var(--font-brand);color:var(--color-text);background:radial-gradient(circle at top left,rgba(22,146,230,.18),transparent 28%),radial-gradient(circle at top right,rgba(255,106,0,.14),transparent 24%),linear-gradient(180deg,#fffdf8,#f3f6fb 52%,#edf3fb);background-color:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.shell-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.brand{display:inline-flex;align-items:center;gap:14px}.brand-logo{display:block;height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(16,58,102,.08))}.brand-wordmark{display:inline-flex;align-items:baseline;gap:10px;font-size:clamp(1.9rem,2.8vw,2.7rem);font-weight:900;letter-spacing:-.05em;text-transform:uppercase;line-height:.95}.brand-wordmark-mock{color:var(--color-navy)}.brand-wordmark-arena{color:var(--color-orange)}.nav{display:flex;gap:16px;align-items:center;font-weight:700;color:var(--color-navy)}.nav-link-button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0}.layout-grid{display:grid;gap:20px}.panel{background:linear-gradient(180deg,var(--color-surface-strong),var(--color-surface));border:1px solid var(--color-border);border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:22px;box-shadow:0 20px 48px var(--color-shadow)}.panel h1,.panel h2,.panel h3,.panel p{margin-top:0}.panel p{color:var(--color-text-soft);line-height:1.65}.hero{display:grid;gap:20px;grid-template-columns:1.4fr 1fr}.hero .panel:first-child{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,106,0,.16),transparent 28%),radial-gradient(circle at left center,rgba(22,146,230,.14),transparent 24%),linear-gradient(180deg,#fffffff7,#fafbffed)}.hero .panel:first-child:after{content:"";position:absolute;inset:auto -30px -40px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.14),transparent 70%)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.pricing-section{display:grid;gap:20px;padding-top:8px}.pricing-heading{display:grid;gap:10px;width:100%;max-width:none}.pricing-heading h2{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.06;letter-spacing:-.03em;color:var(--color-navy)}.pricing-heading p{margin:0;color:var(--color-text-soft);font-size:1.02rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{display:grid;gap:18px;padding:24px;border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f7fafff5),radial-gradient(circle at top right,rgba(22,146,230,.08),transparent 36%);border:1px solid rgba(11,70,120,.1);box-shadow:0 18px 44px #103a661a}.pricing-card-featured{transform:translateY(-8px);border-color:var(--color-border-strong);background:linear-gradient(180deg,#fffbf5fc,#fffffff5),radial-gradient(circle at top right,rgba(255,106,0,.14),transparent 42%);box-shadow:0 28px 60px #ff6a0029}.pricing-card-top{display:grid;gap:12px}.pricing-card-top h3{margin:0;font-size:1.5rem;color:var(--color-navy)}.pricing-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:7px 12px;border-radius:999px;background:#0b467814;color:var(--color-navy);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pricing-badge-featured{background:#ff6a0024;color:var(--color-orange)}.pricing-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pricing-price{font-size:clamp(2.3rem,4vw,3.5rem);font-weight:900;line-height:.95;letter-spacing:-.05em;color:var(--color-navy)}.pricing-cadence{color:var(--color-text-soft);font-size:.98rem}.pricing-detail{margin:0;color:var(--color-text-soft);line-height:1.55}.metric-value{font-size:1.7rem;font-weight:900;color:var(--color-navy);letter-spacing:-.03em}.interview-layout{display:grid;grid-template-columns:1.1fr 1.3fr .7fr;gap:18px}.interview-layout-no-editor{grid-template-columns:1.4fr .7fr}.stack{display:grid;gap:16px}.transcript{display:grid;gap:12px;max-height:420px;overflow:auto}.message{padding:12px 14px;border-radius:14px;background:#f5f9fff2;border:1px solid rgba(11,70,120,.08);color:var(--color-text)}.message.assistant{border-left:4px solid var(--color-orange)}.message.user{border-left:4px solid var(--color-blue)}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:#0b467814;color:var(--color-navy);font-weight:700}.pill-live{background:#ff6a001f;color:var(--color-orange)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.voice-controls{display:grid;gap:12px;padding:14px;border-radius:18px;background:#f5f9ffeb;border:1px solid rgba(11,70,120,.08)}.support-grid{display:flex;flex-wrap:wrap;gap:8px}.support-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#0b467814;color:var(--color-navy);font-size:.88rem;font-weight:600}.voice-error{color:#9a2f00;background:#ff6a001f;border:1px solid rgba(255,106,0,.24);border-radius:14px;padding:10px 12px}.editor-warning{color:#9a5800;background:#ffbe5c2e;border:1px solid rgba(255,168,56,.28);border-radius:14px;padding:10px 12px}.editor-header{display:grid;gap:14px}.editor-settings{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.editor-setting{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--color-text);font-size:.92rem;font-weight:600}.editor-setting select{min-width:180px;padding:12px;border-radius:14px;border:1px solid rgba(11,70,120,.14);background:#fffffffa;color:var(--color-text);box-shadow:inset 0 1px #fffc}.editor-toggle{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-radius:14px;background:#f5f9ffeb;border:1px solid rgba(11,70,120,.08);color:var(--color-text)}.editor-toggle input{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 auto;width:fit-content;min-height:44px;border:0;border-radius:999px;padding:10px 20px;cursor:pointer;background:linear-gradient(135deg,var(--color-orange-deep),var(--color-orange));color:#fffdf8;font-weight:800;font-size:.98rem;line-height:1.2;white-space:nowrap;box-shadow:0 12px 24px #ff6a0038}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button.secondary{background:#0b467814;color:var(--color-navy);box-shadow:none}.timeline{display:grid;gap:10px}.history-table-shell{overflow-x:auto;border-radius:22px;border:1px solid rgba(11,70,120,.08);background:#ffffffd6}.history-table{width:100%;border-collapse:collapse;min-width:860px}.history-table thead{background:linear-gradient(180deg,#0b46780f,#0b467805)}.history-table th,.history-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(11,70,120,.08)}.history-table th{color:var(--color-navy);font-size:.84rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.history-table tbody tr:hover{background:#1692e60a}.history-table tbody tr:last-child td{border-bottom:none}.history-primary-cell{display:grid;gap:6px}.history-primary-cell strong{color:var(--color-navy)}.history-primary-cell span{color:var(--color-text-soft);font-size:.92rem;line-height:1.5}.history-actions{display:flex;flex-wrap:wrap;gap:10px}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.setup-card,.question-card{display:grid;gap:12px;width:100%;text-align:left;padding:18px;border-radius:20px;border:1px solid rgba(11,70,120,.1);background:#ffffffe6;color:var(--color-text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.setup-card span,.question-card p{color:var(--color-text-soft);line-height:1.55}.setup-card:hover,.question-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #103a661a}.setup-card-active,.question-card-active{border-color:var(--color-border-strong);box-shadow:0 18px 36px #ff6a0024;background:linear-gradient(180deg,#fffbf5fc,#fffffff5),radial-gradient(circle at top right,rgba(255,106,0,.12),transparent 42%)}.question-grid{display:grid;gap:16px}.timeline-item{border-left:3px solid rgba(22,146,230,.48);padding-left:12px;color:var(--color-text-soft);display:grid;gap:8px}.timeline-item .message{margin-top:2px}.timeline-item .message strong{display:block;margin-bottom:6px}.code-diff-card{border:1px solid var(--color-border);border-radius:20px;padding:18px;background:#ffffffb8;display:grid;gap:16px}.code-diff-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.code-diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.code-diff-panel{border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:#f4f8ffd1}.code-diff-panel-title{padding:10px 14px;font-weight:800;color:var(--color-navy);border-bottom:1px solid var(--color-border);background:#0b46780d}.code-diff-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:6px 12px;font-family:Consolas,SFMono-Regular,Monaco,monospace;font-size:.88rem;border-top:1px solid rgba(11,70,120,.05);white-space:pre-wrap}.code-diff-row code{white-space:pre-wrap;word-break:break-word}.code-diff-line-number{color:var(--color-text-soft);text-align:right;-webkit-user-select:none;user-select:none}.code-diff-row-added{background:#4fb87a24}.code-diff-row-removed{background:#ff6a0024}.form-grid{display:grid;gap:12px;max-width:440px}.form-grid input,.form-grid select{padding:12px;border-radius:14px;border:1px solid rgba(11,70,120,.14);background:#fffffffa;color:var(--color-text);box-shadow:inset 0 1px #fffc}.password-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-soft);font-size:.92rem}.password-toggle input{margin:0}@media (max-width: 1080px){.hero,.interview-layout,.code-diff-grid,.setup-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card-featured{transform:none}.brand-logo{height:58px}.brand-wordmark{font-size:1.7rem;gap:8px}}.wizard-header{display:grid;gap:18px}.wizard-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wizard-step{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(11,70,120,.1);background:#ffffffc2}.wizard-step-number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#0b467814;color:var(--color-navy);font-weight:800}.wizard-step-copy{display:grid;gap:4px}.wizard-step-copy strong{color:var(--color-navy)}.wizard-step-copy span{color:var(--color-text-soft);font-size:.92rem;line-height:1.45}.wizard-step-active{border-color:var(--color-border-strong);background:linear-gradient(180deg,#fffbf5fc,#fffffff5),radial-gradient(circle at top right,rgba(255,106,0,.12),transparent 42%);box-shadow:0 18px 36px #ff6a001f}.wizard-step-active .wizard-step-number,.wizard-step-done .wizard-step-number{background:linear-gradient(135deg,var(--color-orange-deep),var(--color-orange));color:#fffdf8}.wizard-step-done{border-color:#ff6a0024}.wizard-table-shell{margin-top:6px}.wizard-question-table{min-width:640px}.wizard-question-table tbody tr{cursor:pointer}.wizard-question-table tbody td:first-child{width:90px}.wizard-question-row-active{background:linear-gradient(180deg,#fffbf5fc,#fffffff5),radial-gradient(circle at top right,rgba(255,106,0,.08),transparent 46%)}.wizard-question-row-active td{border-bottom-color:#ff6a0029}.wizard-question-table input[type=radio]{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer}@media (max-width: 1080px){.wizard-progress{grid-template-columns:1fr}}.redirect-panel{min-height:320px;place-items:center;text-align:center}.redirect-panel-inline{display:grid;gap:14px;justify-items:start}.spinner{width:46px;height:46px;border-radius:999px;border:4px solid rgba(11,70,120,.12);border-top-color:var(--color-orange);animation:spin .9s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}