:root{
  color-scheme:light;
  --bg:#fff;--text:#0c1020;--muted:#696d7f;--muted2:#8b90a2;--border:#e8e9f1;
  --accent:#6f59ff;--shadow-sm:0 10px 30px rgba(43,33,94,.06);
  --nav-height:78px;--ease:cubic-bezier(.2,.75,.2,1)
}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#fff;overflow-x:clip}
body{color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}
button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.app-shell{min-height:100dvh;background:#fff}
.home{width:min(100%,720px);margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px 0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:44px;height:44px;flex:0 0 44px}.brand-mark svg{display:block;width:100%;height:100%}
.brand-copy{display:grid;gap:1px;min-width:0}.brand-copy strong{font-size:20px;line-height:24px;font-weight:760;letter-spacing:-.45px}.brand-copy span{color:var(--accent);font-size:13px;line-height:18px;font-weight:560}
.profile-button{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform 180ms var(--ease)}.profile-button:active{transform:scale(.95)}.avatar,.avatar svg{display:block;width:44px;height:44px}
.greeting{margin-top:26px}.greeting h1{margin:0;font-size:clamp(30px,8.2vw,40px);line-height:1.08;letter-spacing:-1.15px;font-weight:790}.greeting p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:24px}
.quick-start-card{position:relative;overflow:hidden;margin-top:28px;min-height:248px;border:1px solid #e2dfff;border-radius:24px;background:radial-gradient(circle at 88% 72%,rgba(143,126,255,.18),transparent 34%),linear-gradient(122deg,#fff 0%,#fbfaff 51%,#f1efff 100%);box-shadow:0 16px 42px rgba(72,53,160,.07)}
.quick-start-copy{position:relative;z-index:2;padding:23px 22px;max-width:73%}.quick-label{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;background:rgba(245,242,255,.96);color:var(--accent);font-size:14px;font-weight:650}.quick-label svg{width:17px;height:17px}
.quick-start-copy h2{margin:25px 0 0;font-size:29px;line-height:1.08;letter-spacing:-1.05px;font-weight:800}.quick-start-copy p{margin:18px 0 0;color:#626679;font-size:14.5px;line-height:1.55}
.ai-wave{position:absolute;inset:0 0 0 36%;z-index:1;opacity:.82;pointer-events:none}.ai-wave svg{width:100%;height:100%}
.start-button{position:absolute;z-index:3;right:23px;bottom:23px;width:56px;height:56px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#8b76ff,#5f49f6);cursor:pointer;box-shadow:0 12px 24px rgba(96,73,246,.24);transition:transform 180ms var(--ease),box-shadow 180ms var(--ease)}.start-button svg{width:24px;height:24px}.start-button:active{transform:scale(.94)}
.section-block{margin-top:30px}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-block h2,.section-heading-row h2{margin:0;font-size:18px;line-height:24px;font-weight:760;letter-spacing:-.3px}.text-button{padding:8px 0 8px 12px;border:0;background:transparent;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer}
.continue-card{width:100%;min-height:104px;display:grid;grid-template-columns:48px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:15px 14px;border:1px solid var(--border);border-radius:20px;background:#fff;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform 180ms var(--ease),box-shadow 180ms var(--ease),border-color 180ms var(--ease)}.continue-card:active{transform:scale(.992)}
.square-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#6d55ff;background:#efedff}.square-icon svg{width:24px;height:24px}
.continue-copy{min-width:0;display:grid;gap:5px}.continue-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;font-weight:720}.continue-copy span{color:var(--muted2);font-size:13px;line-height:17px}.continue-copy small{color:var(--muted2);font-size:12px;line-height:17px}
.progress-ring{position:relative;width:52px;height:52px;display:grid;place-items:center}.progress-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:4}.ring-track{stroke:#eff0f5}.ring-progress{stroke:#6d55ff;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:45.24}.progress-ring span{font-size:13px;font-weight:720}
.suggestions>h2{margin-bottom:14px}.suggested-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.suggestion-card{min-width:0;min-height:137px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:11px 10px;border:1px solid var(--border);border-radius:18px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(28,35,64,.035);transition:transform 180ms var(--ease),box-shadow 180ms var(--ease),border-color 180ms var(--ease)}
.suggestion-card:active{transform:scale(.985)}.suggestion-card .square-icon{width:32px;height:32px;flex:0 0 32px;border-radius:11px}.suggestion-card .square-icon svg{width:18px;height:18px}
.square-icon.green{color:#15934a;background:#e9f8ee}.square-icon.blue{color:#1479b8;background:#e7f4fb}.square-icon.purple{color:#8b37c6;background:#f4e7fb}
.suggestion-copy{width:100%;min-width:0;display:grid;gap:5px;align-content:start}.suggestion-copy strong{display:block;font-size:10px;line-height:14px;font-weight:720}.suggestion-copy small{display:block;color:var(--muted2);font-size:8.4px;line-height:11px;white-space:nowrap}.tag{justify-self:start;padding:3px 7px;border-radius:999px;font-size:9px;line-height:12px;font-style:normal;font-weight:700}.green-tag{color:#168c46;background:#e8f8ed}.blue-tag{color:#1478b6;background:#e7f4fb}.purple-tag{color:#8d35bd;background:#f5e7fb}
.insights-card{position:relative;overflow:hidden;width:100%;min-height:126px;display:grid;grid-template-columns:42px minmax(0,1fr) 86px;align-items:center;gap:12px;margin-top:28px;padding:18px 16px;border:0;border-radius:22px;background:linear-gradient(105deg,#f7f4ff 0%,#f1edff 62%,#eee9ff 100%);text-align:left;cursor:pointer;transition:transform 180ms var(--ease)}.insights-card:active{transform:scale(.992)}
.insights-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#6f58ff;background:#fff;box-shadow:0 8px 22px rgba(82,64,171,.08)}.insights-icon svg{width:22px;height:22px}
.insights-copy{z-index:2;min-width:0;display:grid;gap:7px}.insights-copy strong{font-size:15px;line-height:20px;font-weight:760}.insights-copy span{color:#3f4251;font-size:12px;line-height:17px}
.bot{z-index:1;width:86px;height:72px;align-self:end;justify-self:end;transform:translate(4px,9px);filter:drop-shadow(0 10px 13px rgba(77,67,163,.15))}.bot svg{width:100%;height:100%}.spark{position:absolute;color:#b9adff;font-size:15px}.spark-a{right:94px;top:19px}.spark-b{right:14px;top:25px;font-size:12px}
.content-spacer{height:calc(var(--nav-height) + 30px + env(safe-area-inset-bottom))}
.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:8px max(12px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-right));border-top:1px solid rgba(226,227,235,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -10px 35px rgba(40,44,72,.035)}
.nav-item{min-width:0;display:grid;place-items:center;align-content:center;gap:4px;padding:5px 4px;border:0;border-radius:16px;background:transparent;color:#777b89;font-size:11px;font-weight:560;cursor:pointer;transition:color 160ms var(--ease),background 160ms var(--ease),transform 160ms var(--ease)}.nav-item:active{transform:scale(.96)}.nav-item.active{color:var(--accent);background:#f6f3ff}.nav-icon{width:25px;height:25px;display:grid;place-items:center}.nav-icon svg{width:24px;height:24px}
.toast{position:fixed;z-index:100;left:50%;bottom:calc(var(--nav-height) + 18px + env(safe-area-inset-bottom));max-width:calc(100vw - 40px);padding:10px 14px;border-radius:999px;background:#171927;color:#fff;font-size:12px;line-height:16px;font-weight:600;box-shadow:0 12px 34px rgba(23,25,39,.2);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity 180ms var(--ease),transform 180ms var(--ease);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
button:focus-visible{outline:3px solid rgba(111,89,255,.24);outline-offset:2px}
@media(hover:hover){.continue-card:hover,.suggestion-card:hover{border-color:#ddd9ff;box-shadow:0 18px 44px rgba(64,46,146,.1);transform:translateY(-2px)}.start-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(96,73,246,.28)}.nav-item:not(.active):hover{color:#5f6371;background:#fafaff}}
@media(max-width:370px){.brand-copy span{display:none}.greeting h1{font-size:29px}.greeting p{font-size:15px}.quick-start-copy{max-width:78%;padding:21px 18px}.quick-start-copy h2{font-size:27px}.wide-only{display:none}.continue-card{grid-template-columns:44px minmax(0,1fr) 48px;gap:10px;padding:14px 12px}.square-icon{width:44px;height:44px}.suggested-grid{grid-template-columns:1fr}.suggestion-card{min-height:82px;flex-direction:row;align-items:center}.suggestion-card .square-icon{width:38px;height:38px;flex-basis:38px}.suggestion-copy{grid-template-columns:1fr auto;column-gap:10px}.suggestion-copy strong{grid-column:1;grid-row:1;font-size:13px;line-height:17px}.suggestion-copy small{grid-column:1;grid-row:2;font-size:10.5px}.suggestion-copy .tag{grid-column:2;grid-row:1/3;align-self:center}.insights-card{grid-template-columns:40px minmax(0,1fr) 72px;gap:9px;padding:17px 13px}.bot{width:74px}.insights-copy strong{font-size:14px}}
@media(min-width:721px){.app-shell{background:#f5f6fb;padding:24px 0}.home{min-height:calc(100dvh - 48px);background:#fff;border-radius:32px;box-shadow:0 30px 80px rgba(38,42,68,.12);padding-left:32px;padding-right:32px}.bottom-nav{left:50%;right:auto;width:min(100%,720px);transform:translateX(-50%);bottom:24px;border:1px solid var(--border);border-radius:22px;overflow:hidden}.toast{bottom:calc(var(--nav-height) + 44px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Interview setup */
[hidden]{display:none!important}.screen{animation:screenIn 220ms var(--ease)}@keyframes screenIn{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:none}}
.setup-screen{width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:0 18px calc(92px + env(safe-area-inset-bottom));background:#fff}
.setup-topbar{position:sticky;z-index:12;top:0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.setup-topbar strong{text-align:center;font-size:17px;line-height:22px;font-weight:740;letter-spacing:-.28px}.setup-topbar-spacer{width:44px;height:44px}.back-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.back-button svg{width:25px;height:25px}.back-button:active{background:#f5f3ff;transform:scale(.95)}
.setup-intro{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;align-items:center;margin-top:22px;padding:18px;border:1px solid #e4e0ff;border-radius:22px;background:radial-gradient(circle at 92% 18%,rgba(139,118,255,.14),transparent 34%),linear-gradient(120deg,#fff,#faf8ff)}.setup-ai-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#6d55ff;background:#f0edff;box-shadow:0 10px 24px rgba(82,64,171,.08)}.setup-ai-icon svg{width:27px;height:27px}.setup-intro h1{margin:0;font-size:27px;line-height:32px;letter-spacing:-.8px;font-weight:800}.setup-intro p{margin:5px 0 0;color:var(--muted);font-size:14.5px;line-height:21px}
.setup-form{margin-top:30px}.setup-group{margin:0 0 30px;padding:0;border:0}.setup-group legend{width:100%;margin:0 0 13px;padding:0;font-size:18px;line-height:24px;font-weight:760;letter-spacing:-.3px}
.choice-stack{display:grid;gap:10px}.choice-row{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:68px;padding:11px 13px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(28,35,64,.03);cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease),transform 160ms var(--ease),box-shadow 160ms var(--ease)}.choice-row:active{transform:scale(.993)}.choice-row input,.type-choice input,.experience-choice input{position:absolute;opacity:0;pointer-events:none}.choice-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.choice-icon svg{width:23px;height:23px}.role-analyst{color:#6d55ff;background:#efedff}.role-powerbi{color:#1479b8;background:#e7f4fb}.role-business{color:#15934a;background:#e9f8ee}.choice-label{font-size:15px;line-height:21px;font-weight:680}.choice-check{width:24px;height:24px;display:grid;place-items:center;border:1.5px solid #d9dbe6;border-radius:50%;color:transparent;background:#fff}.choice-check svg{width:16px;height:16px}.choice-row:has(input:checked){border-color:#806cff;background:#fbfaff;box-shadow:0 10px 30px rgba(83,62,191,.09)}.choice-row:has(input:checked) .choice-check{border-color:#6f59ff;color:#fff;background:#6f59ff}
.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.type-choice{position:relative;min-width:0;min-height:126px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px 11px;border:1px solid var(--border);border-radius:18px;background:#fff;cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease),transform 160ms var(--ease),box-shadow 160ms var(--ease)}.type-choice:active{transform:scale(.985)}.type-icon{width:35px;height:35px;display:grid;place-items:center;margin-bottom:14px;border-radius:11px;color:#6f59ff;background:#f0edff}.type-icon svg{width:19px;height:19px}.type-choice strong{font-size:12.5px;line-height:16px;font-weight:740}.type-choice small{margin-top:5px;color:var(--muted2);font-size:10px;line-height:14px}.type-choice:has(input:checked){border-color:#806cff;background:#faf8ff;box-shadow:0 10px 28px rgba(83,62,191,.09)}.type-choice:has(input:checked)::after{content:"";position:absolute;right:10px;top:10px;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#6f59ff;box-shadow:0 0 0 1px #6f59ff}
.experience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.experience-choice{position:relative;display:grid;place-items:center;min-width:0;height:48px;border:1px solid var(--border);border-radius:15px;background:#fff;cursor:pointer;transition:border-color 160ms var(--ease),background 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease)}.experience-choice span{font-size:12px;line-height:16px;font-weight:650;white-space:nowrap}.experience-choice:active{transform:scale(.97)}.experience-choice:has(input:checked){border-color:#6f59ff;color:#5f48ed;background:#f3f0ff}.experience-note{margin:9px 2px 0;color:var(--muted2);font-size:11px;line-height:16px}
.setup-content-spacer{height:34px}.setup-action-bar{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(226,227,235,.9);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.primary-button{width:min(100%,684px);height:56px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;padding:0 22px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,#7e68ff,#624cf5);font-size:16px;line-height:20px;font-weight:740;box-shadow:0 12px 28px rgba(96,73,246,.22);cursor:pointer;transition:transform 160ms var(--ease),opacity 160ms var(--ease),box-shadow 160ms var(--ease)}.primary-button svg{width:21px;height:21px}.primary-button:active:not(:disabled){transform:scale(.985)}.primary-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
body.setup-open .toast{bottom:calc(92px + env(safe-area-inset-bottom))}
@media(hover:hover){.choice-row:hover,.type-choice:hover,.experience-choice:hover{border-color:#ddd9ff}.primary-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(96,73,246,.26)}}
@media(max-width:370px){.setup-screen{padding-left:15px;padding-right:15px}.setup-intro{grid-template-columns:48px minmax(0,1fr);padding:16px 14px}.setup-ai-icon{width:48px;height:48px;border-radius:15px}.setup-intro h1{font-size:24px}.type-grid{gap:7px}.type-choice{min-height:118px;padding:12px 8px}.type-choice strong{font-size:11.5px}.type-choice small{font-size:9px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-choice:nth-child(4),.experience-choice:nth-child(5){grid-column:auto}.setup-action-bar{padding-left:15px;padding-right:15px}}
@media(min-width:721px){.setup-screen{min-height:calc(100dvh - 48px);border-radius:32px;box-shadow:0 30px 80px rgba(38,42,68,.12);padding-left:32px;padding-right:32px}.setup-action-bar{left:50%;right:auto;width:min(100%,720px);transform:translateX(-50%);bottom:24px;border:1px solid var(--border);border-radius:22px}.setup-topbar{border-radius:32px 32px 0 0}}