.landing { background: #fafafa; min-height: 100vh; overflow: hidden; }
.landing-nav { max-width: 1240px; height: 86px; margin: auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; }
.landing-brand { display: flex; align-items: center; gap: 10px; }
.landing-brand .brand-mark { width: 39px; height: 39px; border-radius: 12px; font-size: 12px; }
.landing-links { display: flex; gap: 33px; color: #5f5f5f; font-size: 13px; font-weight: 600; }
.hero { min-height: 680px; max-width: 1240px; margin: auto; padding: 70px 28px 90px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 75px; position: relative; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.glow-one { width: 520px; height: 520px; right: -180px; top: -70px; background: radial-gradient(circle,#ededed,transparent 68%); }
.glow-two { width: 350px; height: 350px; left: -220px; bottom: -90px; background: radial-gradient(circle,#dffafa,transparent 68%); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #626262; font-size: 11px; text-transform: uppercase; letter-spacing: .13em; font-weight: 800; }
.eyebrow > span { width: 21px; height: 2px; background: var(--violet); }
.eyebrow.light { color: #b8b8b8; }
.hero h1 { margin: 19px 0 23px; font-size: clamp(48px,6vw,74px); line-height: .99; letter-spacing: -.025em; }
.hero h1 em { color: var(--violet); font-style: normal; }
.interview-showcase h2 em { color: #F4F3EF; font-style: normal; }
.hero-copy > p { max-width: 580px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; gap: 12px; margin-top: 31px; }
.hero-btn { min-height: 52px; padding: 0 23px; }
.trust-row { display: flex; align-items: center; gap: 13px; margin-top: 32px; }
.avatar-stack { display: flex; }
.avatar-stack b { width: 34px; height: 34px; margin-left: -8px; display: grid; place-items: center; border: 3px solid #F4F3EF; border-radius: 50%; color: #F4F3EF; background: var(--violet); font-size: 9px; }
.avatar-stack b:first-child { margin-left: 0; background: #0891b2; }.avatar-stack b:last-child { background: #db2777; }
.trust-row > span:last-child { display: grid; gap: 2px; font-size: 11px; }.trust-row small { color: var(--muted); }
.hero-visual { position: relative; min-height: 570px; display: grid; place-items: center; z-index: 2; }
.phone-frame { width: 300px; min-height: 560px; padding: 13px 16px 22px; border: 7px solid #181818; border-radius: 40px; background: #f8f8f8; box-shadow: 0 35px 90px rgba(0,0,0,.22); transform: rotate(2.5deg); }
.phone-top { display: flex; justify-content: space-between; padding: 1px 8px 14px; font-size: 8px; font-weight: 800; }
.phone-app-head { display: flex; align-items: center; gap: 8px; }.phone-app-head .brand-mark { width: 30px;height:30px;border-radius:9px;font-size:8px; }.phone-app-head > span:nth-child(2){display:grid;flex:1;font-size:9px}.phone-app-head small{font-size:7px;color:var(--muted);margin-top:2px}
.phone-score { margin: 18px 0 15px; padding: 16px; display: flex; align-items: center; justify-content: space-between; color: #F4F3EF; border-radius: 18px; background: linear-gradient(135deg,#1d1d1d,#333333); }.phone-score > span{display:grid}.phone-score small{font-size:7px;color:#b8b8b8}.phone-score strong{font-size:28px}.phone-score strong em{font-size:9px;font-style:normal;color:#b8b8b8}.phone-score b{font-size:7px;color:var(--cyan)}
.mini-ring{width:55px;height:55px;display:grid;place-items:center;border:6px solid var(--cyan);border-left-color:#555555;border-radius:50%;font-size:13px;font-weight:800}
.phone-label{margin:14px 3px 8px;font-size:8px;font-weight:800}.phone-action{padding:12px;display:flex;align-items:center;gap:9px;border-radius:13px;background:#F4F3EF;box-shadow:0 7px 20px rgba(0,0,0,.06)}.phone-action>span:nth-child(2){display:grid;flex:1;font-size:8px}.phone-action small{font-size:7px;color:var(--muted);margin-top:3px}.action-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#F4F3EF;background:var(--pink)}.action-icon i{width:14px}.phone-action>i{width:12px}
.phone-missions{display:grid;gap:8px}.phone-missions>span{display:grid;grid-template-columns:22px 1fr 26px;align-items:center;gap:6px;font-size:7px}.phone-missions b{color:var(--violet)}.phone-missions i{height:5px;background:#e8e8e8;border-radius:9px;overflow:hidden}.phone-missions em{display:block;height:100%;background:var(--violet);border-radius:9px}.phone-missions small{text-align:right;color:var(--muted)}
.floating-card { position:absolute;z-index:3;padding:15px 17px;display:grid;border:1px solid #ebebeb;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(0,0,0,.14);backdrop-filter:blur(12px) }.float-job{right:-10px;top:110px;gap:3px}.float-job strong{font-size:11px;margin-top:5px}.float-job small{font-size:8px;color:var(--muted)}.float-progress{left:-5px;bottom:100px;grid-template-columns:30px 1fr;align-items:center;gap:9px}.float-progress>i{color:var(--success)}.float-progress span{display:grid;font-size:10px}.float-progress small{font-size:8px;color:var(--muted)}
.method-section{padding:100px max(28px,calc((100vw - 1184px)/2));background:#F4F3EF}.section-intro{max-width:650px}.section-intro h2{margin:17px 0;font-size:clamp(38px,5vw,57px);line-height:1.05}.section-intro p{color:var(--muted);line-height:1.7}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.method-card{min-height:285px;padding:25px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fafafa;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.method-number{color:#aaaaaa;font-size:11px;font-weight:800}.method-icon{width:47px;height:47px;margin:40px 0 18px;display:grid;place-items:center;border-radius:14px;color:var(--violet);background:var(--violet-soft)}.method-card.cyan .method-icon{color:#078d91;background:#dff8f7}.method-card.amber .method-icon{color:#a76b00;background:#F4F3EF1cf}.method-card.pink .method-icon{color:#ad3b79;background:#fde8f4}.method-card h3{margin:0 0 10px;font-size:16px}.method-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.method-arrow{position:absolute;right:22px;top:22px;color:#aaaaaa;width:16px}
.interview-showcase{padding:100px max(28px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr 430px;align-items:center;gap:100px;color:#F4F3EF;background:#111111}.interview-showcase h2{margin:18px 0;font-size:52px;line-height:1.06}.interview-showcase p{color:#b8b8b8;line-height:1.75}.interview-showcase ul{padding:0;margin:25px 0;display:grid;gap:12px;list-style:none}.interview-showcase li{display:flex;align-items:center;gap:10px;font-size:13px}.interview-showcase li i{color:var(--cyan);width:17px}.interview-card{padding:27px;border:1px solid #3b3b3b;border-radius:27px;text-align:center;background:linear-gradient(145deg,#282828,#1e1e1e)}.interview-status{display:flex;justify-content:space-between;color:#aaaaaa;font-size:10px}.interview-status span{display:flex;align-items:center;gap:6px}.interview-status i{width:7px;height:7px;border-radius:50%;background:#ef628a}.ai-orb{width:112px;height:112px;margin:42px auto 28px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:radial-gradient(circle,#555555,#333333 68%,#242424 70%);box-shadow:0 0 55px rgba(255,255,255,.14)}.ai-orb span{width:5px;border-radius:8px;background:#F4F3EF}.ai-orb span:nth-child(1){height:20px}.ai-orb span:nth-child(2){height:35px}.ai-orb span:nth-child(3){height:15px}.interview-card>p{min-height:50px;color:#F4F3EF;font-family:"Inter";font-size:18px}.waveform{height:57px;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:3px}.waveform i{width:3px;border-radius:5px;background:linear-gradient(var(--cyan),var(--violet))}.interview-card>small{color:#888888;font-size:9px}.interview-showcase .btn-primary{color:#111;background:#F4F3EF;box-shadow:none}.interview-showcase .btn-primary:hover{background:#e8e8e8}.landing-footer{padding:38px max(28px,calc((100vw - 1184px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#F4F3EF}.landing-footer p{color:var(--muted);font-size:12px}
.dashboard-hero{padding:25px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;background:linear-gradient(135deg,#F4F3EF,#fafafa)}.score-summary{display:flex;align-items:center;gap:25px}.score-summary h2{margin:12px 0 7px;font-size:22px}.score-summary p{max-width:390px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.score-summary a{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--violet);font-size:11px;font-weight:800}.score-ring{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(var(--violet) var(--score),#ebebeb 0);position:relative}.score-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#F4F3EF}.score-ring>div{position:relative;z-index:1;display:grid;text-align:center}.score-ring strong{font-size:36px}.score-ring span{color:var(--muted);font-size:9px}.score-parts{padding-left:28px;border-left:1px solid var(--line);display:grid;align-content:center;gap:14px}.score-parts>div>span{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px}.score-parts small{color:var(--muted)}.progress span.cyan{background:var(--cyan)}.progress span.amber{background:var(--amber)}.progress span.pink{background:var(--pink)}
.priority-card{padding:22px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:19px;background:linear-gradient(100deg,#F4F3EF,#f3f3f3)}.priority-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#F4F3EF;background:var(--violet)}.priority-card h2{margin:8px 0 5px;font-size:17px}.priority-card p{margin:0;color:var(--muted);font-size:11px}.priority-meta{display:flex;gap:15px;margin-top:11px;color:#5f5f5f;font-size:10px}.priority-meta span{display:flex;align-items:center;gap:5px}.mission-card{padding:20px;display:block}.mission-top{display:flex;justify-content:space-between;align-items:center}.mission-top>b{color:#aaaaaa;font-size:10px}.mission-top>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--violet);background:var(--violet-soft)}.mission-card.cyan .mission-top>span{color:#078d91;background:#dff8f7}.mission-card.amber .mission-top>span{color:#9a6506;background:#F4F3EF2d4}.mission-card.pink .mission-top>span{color:#a93673;background:#fde8f4}.mission-card h3{min-height:38px;margin:26px 0 8px;font-size:14px}.mission-card p{min-height:47px;margin:0 0 16px;color:var(--muted);font-size:10px;line-height:1.55}.mission-card>small{display:block;margin-top:8px;color:var(--muted);font-size:9px}.dashboard-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.mini-job{padding:14px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:13px}.company-logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#F4F3EF;font-size:10px;font-weight:800}.mini-job>span:nth-child(2){display:grid;gap:4px;font-size:12px}.mini-job small{color:var(--muted);font-size:9px}.match-pill{padding:7px 9px;border-radius:9px;color:#137653;background:#e3f8ef;font-size:10px;font-weight:800}.weekly-card{padding:22px}.weekly-card>div:first-child{display:flex;align-items:baseline;gap:8px;margin-bottom:18px}.weekly-card>div strong{font-size:34px}.weekly-card>div span{color:var(--muted);font-size:11px}.weekly-card p{display:flex;align-items:center;gap:7px;margin:17px 0 0;color:#a56300;font-size:10px}.weekly-card p i{color:var(--amber)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px;text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{margin-top:-30px}.method-grid{grid-template-columns:repeat(2,1fr)}.interview-showcase{grid-template-columns:1fr;gap:45px}.dashboard-hero,.dashboard-bottom{grid-template-columns:1fr}.score-parts{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.landing-footer{flex-direction:column;align-items:flex-start;padding:28px 20px}.landing-footer .landing-brand{margin-bottom:12px}.landing-footer p{margin:0 0 16px}.landing-footer .btn{width:100%;justify-content:center}}
@media(max-width:600px){.landing-nav{height:72px;padding:0 16px}.landing-nav .btn{min-height:38px;padding:0 12px;font-size:11px}.hero{padding:40px 17px 65px}.hero h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-actions{display:grid}.hero-visual{min-height:520px;transform:scale(.85);margin:-30px -35px}.float-job{right:-25px}.float-progress{left:-20px}.method-section,.interview-showcase{padding:70px 17px}.method-grid{grid-template-columns:1fr}.interview-showcase h2{font-size:39px}.interview-card{padding:20px}.landing-footer{padding:30px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.landing-footer .landing-brand{margin:0}.landing-footer p{margin:0}.landing-footer .btn{width:auto;justify-content:center}.dashboard-hero{padding:18px}.score-summary{align-items:flex-start;gap:14px}.score-ring{width:105px!important;height:105px!important}.score-ring strong{font-size:27px}.priority-card{grid-template-columns:46px 1fr}.priority-card>.btn{grid-column:1/-1}.priority-icon{width:46px;height:46px}.priority-meta{display:grid;gap:6px}}

.speak-cta{display:inline-flex;align-items:center;gap:6px;margin:14px auto 6px;padding:8px 16px;border:1px solid #5e5e5e;border-radius:999px;color:#F4F3EF;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.speak-cta:disabled{opacity:.45;cursor:not-allowed}.speak-cta:hover:not(:disabled){background:rgba(255,255,255,.16);border-color:#888}.speak-cta.speaking-cta{border-color:#ef628a;background:rgba(239,98,138,.12);color:#ffadc7}.speak-cta.speaking-cta:hover{background:rgba(239,98,138,.2)}
.interview-card .ai-orb span{animation:orb-idle 1.6s ease-in-out infinite}.interview-card .waveform i{animation:wave-idle .8s ease-in-out infinite alternate}.interview-card.speaking .ai-orb span{animation:orb-talk .7s ease-in-out infinite}.interview-card.speaking .waveform i{animation:wave-talk .35s ease-in-out infinite alternate}@keyframes orb-idle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.25)}}@keyframes wave-idle{0%{transform:scaleY(.85)}100%{transform:scaleY(1.1)}}@keyframes orb-talk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.7)}}@keyframes wave-talk{0%{transform:scaleY(.7)}100%{transform:scaleY(1.45)}}

.company-logos{padding:55px 0;text-align:center;background:#F4F3EF}.company-logos>p{margin:0 0 28px;color:var(--muted);font-size:13px;letter-spacing:.02em}.logo-track{position:relative;display:flex;overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.logo-slide{display:flex;align-items:center;gap:60px;padding:0 30px;animation:scroll-logos 30s linear infinite;white-space:nowrap}.logo-slide img{height:32px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1) opacity(.6);transition:filter .2s}.logo-slide img:hover{filter:grayscale(0) opacity(1)}@keyframes scroll-logos{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
@media(max-width:600px){.logo-slide{gap:40px}.logo-slide img{height:26px}}