@charset "UTF-8";
:root{--navy:#102851;--deep:#0a1b3b;--ink:#172946;--muted:#677993;--blue:#0064ff;--blue2:#277eff;--pale:#f3f7fd;--line:#dfe8f5;--mint:#00ab8b;--mint-pale:#e7faf4;--amber:#d88a30;--surface:#fff;--radius:20px;--shadow:0 16px 50px rgba(24,57,106,.055)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#eef4fb 0,#f7faff 480px,#f5f8fc 100%);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic",Meiryo,system-ui,sans-serif;font-size:14px;line-height:1.68}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible{outline:3px solid #7bb5ff;outline-offset:3px}
button:disabled{opacity:.45;cursor:not-allowed}
.app-shell{max-width:1552px;margin:auto;padding:0 38px}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.identity{display:flex;align-items:center;gap:20px;min-width:0}
.logo-frame{display:flex;align-items:center;background:#fff;padding:9px 13px;border:1px solid #e3e9f2;border-radius:11px;box-shadow:0 3px 14px rgba(0,0,0,.025)}
.logo-frame img{width:144.68px;height:36px;display:block}
.identity-divider{height:33px;width:1px;background:#d5e0ef}
.identity-copy{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}
.identity-copy span{font-weight:800;letter-spacing:.02em;color:#1a355b}
.identity-copy small{color:#7a8aa2;font-size:11px;margin-top:4px;letter-spacing:.07em}
.top-actions{display:flex;align-items:center;gap:15px}
.simulation-dot{font-size:12px;color:#536884;background:#fff;border:1px solid #dfe8f5;border-radius:999px;padding:7px 12px;white-space:nowrap}
.simulation-dot span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:5px;box-shadow:0 0 0 3px #d9f7ee}
.top-reset{background:transparent;border:0;font-weight:700;color:#537093;white-space:nowrap;padding:8px 4px}
.top-reset:hover{color:var(--blue)}
.intro-band{position:relative;isolation:isolate;overflow:hidden;min-height:240px;background:linear-gradient(113deg,#0e284e 3%,#113d7d 59%,#1261b7 110%);border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:34px;padding:37px 44px;box-shadow:0 20px 50px rgba(22,64,126,.14)}
.intro-copy{position:relative;z-index:2;max-width:840px}
.intro-eyebrow{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-weight:700;font-size:10px;letter-spacing:.14em;color:#a7d2ff}
.eyebrow-line{height:2px;width:23px;background:#52e5c5}.eyebrow-sep{opacity:.5}
.intro-band h1{font-size:clamp(24px,2.55vw,37px);letter-spacing:-.04em;line-height:1.4;color:#fff;margin:16px 0 12px;font-weight:800}
.intro-band h1 em{font-style:normal;color:#8bf0d6}
.intro-band p{color:#d1e0f6;font-size:13.5px;line-height:1.95;margin:0;max-width:730px}
.intro-meta{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-self:stretch;min-width:390px;max-width:430px;align-items:center}
.intro-meta div{border-left:1px solid rgba(255,255,255,.25);padding-left:15px;display:flex;flex-direction:column;gap:5px}
.intro-meta strong{color:#fff;font:700 27px/1.25 Arial,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.intro-meta span{color:#bdd4ef;font-size:11px;white-space:nowrap}
.intro-orb{position:absolute;border-radius:50%;border:1px solid rgba(122,204,255,.15);pointer-events:none}.orb-one{width:390px;height:390px;right:4%;top:-220px}.orb-two{width:430px;height:430px;right:-200px;bottom:-310px}
.progress-overview{margin:20px 1px 23px}.progress-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#71839c;font-weight:700;margin-bottom:8px}.progress-caption strong{color:var(--blue);letter-spacing:0}.progress-track{height:6px;background:#dce7f5;border-radius:100px;overflow:hidden}.progress-track>div{height:100%;width:14.285%;background:linear-gradient(90deg,var(--blue),#15b6ac);border-radius:100px;transition:width .36s ease}
.layout{display:grid;grid-template-columns:248px minmax(0,1fr) 262px;gap:20px;align-items:start}
.journey-panel,.guide-panel,.experience-panel{background:#fff;border:1px solid #e2eaf5;box-shadow:var(--shadow);border-radius:20px}
.journey-panel{padding:26px 14px 17px;position:sticky;top:12px}
.panel-kicker{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.16em;color:var(--blue);padding:0 12px}
.journey-panel h2{font-size:18px;margin:7px 12px 4px;letter-spacing:-.03em}.journey-description{font-size:11px;color:#8492a9;margin:0 12px 21px;line-height:1.65}
.step-list{display:flex;flex-direction:column;gap:4px}
.step-link{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:11px;width:100%;text-align:left;border-radius:12px;padding:12px 10px;transition:background .2s,border-color .2s;min-height:58px;color:#6a7c94}
.step-link:hover{background:#f5f9ff}.step-link.active{background:#edf5ff;border-color:#d6e7ff;color:var(--navy)}
.step-number{height:32px;width:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#f0f4f9;color:#8293a7;font-weight:800;font-family:Arial,sans-serif;font-size:12px}
.step-link.active .step-number{background:var(--blue);color:#fff}.step-link.done .step-number{background:var(--mint-pale);color:var(--mint)}
.step-text{display:flex;flex-direction:column;min-width:0}.step-text strong{font-size:12px;line-height:1.45;white-space:normal}.step-text small{font-size:10px;color:#94a2b5;margin-top:2px}.step-link.active .step-text small{color:#6a8fc4}
.journey-note{background:#f7faff;border:1px solid #e8f0fa;display:flex;gap:9px;border-radius:12px;margin:23px 5px 0;padding:12px;color:#798ba2;font-size:10.5px;line-height:1.65}.note-icon{flex:0 0 17px;height:17px;display:grid;place-items:center;background:#e1ecfa;border-radius:50%;color:#3a77c2;font-family:Georgia;font-weight:700}
.experience-panel{padding:27px;min-width:0}.experience-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.section-label{font:800 10px/1 Arial,sans-serif;letter-spacing:.13em;color:#2775e4;margin-bottom:10px}.experience-heading h2{font-size:23px;line-height:1.4;letter-spacing:-.04em;margin:0;color:#152d4e}.experience-heading p{font-size:12px;line-height:1.75;color:#7888a0;margin:7px 0 0}.view-pill{display:flex;gap:6px;align-items:center;white-space:nowrap;border-radius:20px;background:#f3f7fd;color:#607a9f;border:1px solid #e3eaf3;font-size:10px;font-weight:700;padding:8px 11px;margin-top:3px}
.stage{min-height:540px;background:#f5f8fe;border:1px solid #e5edf8;border-radius:17px;padding:23px;position:relative;overflow:hidden}
.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:17px}.back-btn{border:0;background:transparent;color:#5d789b;font-size:12px;font-weight:700;padding:6px 0}.back-btn:hover{color:var(--blue)}.demo-status{font-size:10px;color:#9ba9ba;text-align:right}
.guide-panel{padding:24px 21px;position:sticky;top:12px}.guide-topline{font-size:11px;color:#0c957c;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:7px}.guide-spark{display:grid;place-items:center;color:#0c947f;background:#dcf8f0;border-radius:8px;width:27px;height:27px;font-size:18px}.guide-panel h2{font-size:17px;letter-spacing:-.035em;line-height:1.55;margin:15px 0 17px}.guide-step{display:flex;gap:9px;align-items:flex-start;background:#f2f8ff;border:1px solid #e0edff;border-radius:12px;padding:14px 12px;margin-bottom:13px}.guide-step .guide-n{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px;font-weight:800}.guide-step strong{font-size:12px;color:#204571;display:block;line-height:1.5}.guide-step p{font-size:11px;color:#7187a5;line-height:1.8;margin:5px 0 0}.guide-detail{padding:8px 2px;color:#71839c;font-size:11.5px;line-height:1.85}.guide-detail strong{display:block;color:#334d6c;font-size:11px;margin-bottom:3px}.guide-divider{height:1px;background:#e9eef5;margin:23px 0}.guide-contact{display:flex;gap:9px}.guide-contact-icon{flex:0 0 27px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf3fb;color:#6482ac;font-size:13px;font-weight:800}.guide-contact strong{font-size:11px;color:#4b6180}.guide-contact p{font-size:10.5px;color:#8797ad;margin:4px 0 0;line-height:1.8}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:27px 2px 32px;color:#93a2b6;font-size:10px}
.primary-btn,.outline-btn,.mini-btn,.subtle-btn{border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-weight:800;line-height:1.5;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}
.primary-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);padding:13px 20px;box-shadow:0 7px 15px rgba(0,100,255,.17);font-size:13px}.primary-btn:hover{background:#0057de;transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,100,255,.21)}
.outline-btn{background:#fff;color:var(--blue);border:1px solid #bcd5f9;padding:12px 18px;font-size:12px}.outline-btn:hover{background:#f2f7ff}.subtle-btn{background:#f4f7fc;color:#547399;border:1px solid #e6edf7;padding:10px 14px;font-size:12px}.subtle-btn:hover{background:#eaf2fc}.mini-btn{background:#ecf4ff;color:#0060eb;border:1px solid #d4e7ff;padding:8px 12px;font-size:11px}
.card{background:#fff;border:1px solid #e0e9f5;border-radius:15px;box-shadow:0 6px 20px rgba(30,70,120,.025)}
.screen-kicker{font-size:10px;letter-spacing:.11em;font-weight:800;color:#4587d5;margin-bottom:9px}.screen-title{font-size:22px;line-height:1.4;font-weight:800;letter-spacing:-.045em;margin:0 0 10px}.screen-subtitle{font-size:12px;line-height:1.9;color:#7b8ba1;margin:0 0 18px}
.tag{font-size:10px;color:#607b9b;background:#f0f5fb;padding:5px 9px;border-radius:8px;font-weight:700;white-space:nowrap}.tag.blue{background:#e6f0ff;color:#1866c5}.tag.green{background:#ddf7ee;color:#009476}.tag.gold{background:#fff3e4;color:#b97924}
.opening-top{display:flex;align-items:stretch;gap:17px}.opening-copy{flex:1;min-width:0;padding:13px 4px}.opening-copy .screen-title{font-size:25px;max-width:480px}.opening-map{width:215px;flex:0 0 215px;display:flex;flex-direction:column;justify-content:center;gap:11px;background:#fff;padding:22px;border-radius:15px;border:1px solid #e6edf7}.opening-map span{display:flex;align-items:center;gap:10px;color:#607792;font-size:12px;font-weight:700}.opening-map b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eaf3ff;color:var(--blue);font-size:12px}
.job-preview{margin-top:19px;padding:22px}.job-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.job-preview .job-name{font-size:18px;font-weight:800;color:#1b3557}.job-preview .job-company{font-size:11px;color:#8c9bb0;margin-top:4px}.job-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf1f7;padding-top:19px;gap:10px}.job-data{display:flex;flex-direction:column;gap:4px}.job-data label{font-size:10px;color:#95a4b7}.job-data strong{font-size:12px;color:#334c6b}.job-foot{border-top:1px solid #edf1f7;margin-top:17px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.job-foot small{font-size:10px;color:#9aabc0;max-width:300px}.cta-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:21px}.cta-row.wrap{flex-wrap:wrap}
.device-scene{display:flex;align-items:stretch;justify-content:center;gap:22px;min-height:493px}.phone-wrap{width:286px;flex:0 0 286px;display:flex;justify-content:center}.phone{position:relative;width:268px;height:480px;border:7px solid #1a2e43;background:#fff;border-radius:36px;box-shadow:0 18px 38px rgba(18,40,74,.2),inset 0 0 0 1px #536376;overflow:hidden}.phone:before{content:"";height:17px;width:96px;border-radius:0 0 12px 12px;position:absolute;background:#1a2e43;left:50%;top:-1px;transform:translateX(-50%);z-index:3}.phone-status{height:27px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 15px 0 25px;font-size:9px;font-weight:800;color:#fff;background:#08a789}.phone-head{height:52px;display:flex;align-items:center;justify-content:space-between;background:#08a789;color:#fff;padding:0 12px;font-size:11px}.phone-head strong{font-weight:800}.phone-head small{opacity:.85;font-size:9px}.phone-body{height:calc(100% - 79px);background:#e8f2ee;padding:16px 12px;overflow-y:auto;scrollbar-width:thin}.bubble{max-width:94%;background:#fff;padding:12px 13px;border-radius:13px 13px 13px 3px;color:#2b4251;font-size:11px;line-height:1.75;box-shadow:0 2px 4px rgba(0,0,0,.025);margin-bottom:9px}.bubble.mine{margin-left:auto;background:#bcf2d6;border-radius:13px 13px 3px 13px;max-width:87%}.phone-footer-note{text-align:center;color:#6a9789;font-size:9px;margin-top:13px}.phone-chip{font-size:10px;color:#258c69;background:#def9eb;border:1px solid #b6e7cf;padding:6px 8px;border-radius:8px;display:inline-block;margin-bottom:9px}
.question-options{display:flex;flex-direction:column;gap:7px;margin:12px 0}.question-choice{width:100%;background:#fff;border:1px solid #d7e4de;border-radius:9px;color:#2c5d52;padding:10px 11px;font-size:11px;text-align:left;font-weight:700}.question-choice.selected{border-color:#14b68d;background:#d4fae8;color:#006c57;box-shadow:inset 0 0 0 1px #12b98c}.question-choice:hover{border-color:#14b68d}.phone-next{width:100%;background:#07a782;color:#fff;border:0;border-radius:9px;padding:10px 8px;font-size:11px;font-weight:800;margin-top:4px}.phone-next:disabled{background:#a9c8bf}
.side-explain{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;max-width:340px}.side-explain h3{font-size:21px;line-height:1.5;margin:4px 0 13px;letter-spacing:-.03em}.side-explain p{font-size:12px;color:#7a8a9e;line-height:1.9;margin:0 0 20px}.mini-progress{display:flex;gap:6px;margin:0 0 15px}.mini-progress span{height:5px;background:#dfe8f2;border-radius:6px;flex:1}.mini-progress span.filled{background:#00a687}.hint-card{border:1px solid #deebf7;background:#fff;padding:14px;border-radius:12px;margin-top:12px;font-size:11px;color:#6d829d;line-height:1.85}.hint-card strong{font-size:11px;color:#2b527d;display:block;margin-bottom:3px}
.desktop{background:#fff;border:1px solid #dbe5f2;border-radius:14px;overflow:hidden;box-shadow:0 14px 38px rgba(19,47,86,.07)}.desktop-top{height:51px;background:#fff;border-bottom:1px solid #e7edf5;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:12px}.desktop-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#213d5f}.brand-mark{display:grid;place-items:center;background:#e5f9f3;border-radius:8px;width:25px;height:25px;color:#00a581;font-size:16px}.desktop-top small{font-size:10px;color:#8d9fb5}.desktop-content{padding:20px 22px 23px}.desktop-page-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.desktop-page-title h3{margin:0;font-size:18px;letter-spacing:-.035em}.desktop-page-title p{color:#889aaf;font-size:11px;margin:3px 0 0}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric{background:#f5f9ff;border:1px solid #e8eff8;border-radius:11px;padding:13px}.metric small{display:block;color:#8195ad;font-size:10px}.metric strong{display:block;font-size:23px;line-height:1.4;color:#1b3b68;font-family:Arial,sans-serif;margin-top:2px}.metric strong span{font-size:11px;color:#91a2b7;font-weight:600;margin-left:5px}
.ai-panel{background:linear-gradient(130deg,#eaf8ff,#edfbf5);border:1px solid #d7eee9;padding:18px;border-radius:14px;display:flex;gap:16px;margin-bottom:15px}.ai-graphic{width:54px;height:54px;flex:0 0 54px;border-radius:14px;background:#0bacc5;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 7px 15px rgba(21,171,188,.14)}.ai-panel strong{display:block;font-size:14px;color:#214c63}.ai-panel p{font-size:11px;color:#668c9b;margin:4px 0 0;line-height:1.8}
.match-overview{display:grid;grid-template-columns:1.05fr .95fr;gap:13px}.match-box{padding:16px}.match-box .match-label{font-size:10px;color:#93a4b6;margin-bottom:7px}.match-box h4{margin:0 0 9px;font-size:14px}.match-box p{font-size:11px;color:#73879f;line-height:1.85;margin:0}.confidence{font-family:Arial,sans-serif;font-size:29px;color:#009a81;font-weight:800;line-height:1.1}.confidence small{font-size:13px}.match-topics{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.table-scroll{overflow-x:auto}.candidate-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.candidate-table th{font-size:10px;color:#8d9eb4;background:#f8faff;padding:12px 10px;font-weight:700;border-bottom:1px solid #e9eef7}.candidate-table td{font-size:11px;color:#526b88;padding:14px 10px;border-bottom:1px solid #eef2f8}.candidate-table tr:last-child td{border-bottom:0}.candidate-table tr.active-row td{background:#f0f7ff}.candidate-table button{border:none;background:transparent;color:#175ac0;font-weight:800;text-align:left;padding:0}.candidate-table button:hover{text-decoration:underline}.candidate-table .score{color:#009f83;font-weight:800}.candidate-table .score.gold{color:#b7822a}
.candidate-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.candidate-card{background:#fff;border:1.5px solid #e0e9f5;text-align:left;padding:14px;min-width:0;border-radius:12px}.candidate-card:hover{border-color:#8dbaff}.candidate-card.selected{border-color:#1673eb;background:#f2f8ff;box-shadow:0 0 0 2px #e1efff}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#ebf1fb;color:#426ca8;font-weight:800;font-size:12px}.candidate-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.candidate-card h4{font-size:12px;margin:10px 0 2px}.candidate-card p{margin:0 0 9px;font-size:10px;color:#91a0b3;white-space:normal;line-height:1.6}.candidate-card .match-pct{font:800 17px/1 Arial,sans-serif;color:#0b9b7d}.candidate-card small{color:#92a0b1;font-size:9px;margin-left:3px}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.profile-block,.recommend-block{padding:18px}.person-line{display:flex;gap:12px;align-items:center}.person-line h3{margin:0;font-size:17px}.person-line p{font-size:10px;color:#90a0b3;margin:2px 0 0}.data-lines{display:grid;gap:10px;margin-top:21px}.data-line{display:grid;grid-template-columns:98px 1fr;gap:8px;border-top:1px solid #edf1f7;padding-top:10px;font-size:11px}.data-line label{color:#95a2b3}.data-line strong{font-weight:700;color:#425974}.recommend-block h4{font-size:13px;margin:5px 0 12px}.rec-reason{display:flex;gap:9px;margin-bottom:14px;font-size:11px;color:#607890;line-height:1.8}.rec-reason b{display:grid;place-items:center;flex:0 0 20px;height:20px;background:#dcf7ef;color:#009a7b;border-radius:50%;font-size:11px}.action-zone{background:#f5f9ff;border:1px solid #e2edfa;padding:19px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.action-zone h4{margin:0 0 3px;font-size:13px}.action-zone p{margin:0;font-size:10px;color:#8293aa;line-height:1.6}
.message-alert{display:flex;align-items:start;gap:8px;padding:11px 12px;border-radius:9px;border:1px solid #aee6d2;background:#e6faf2;color:#128167;font-size:11px;line-height:1.7;margin:12px 0}.message-alert .check{font-weight:900}
.date-options{display:flex;flex-direction:column;gap:7px;margin:12px 0 10px}.date-choice{padding:9px 10px;border:1px solid #c5dbd1;border-radius:8px;background:#fff;color:#37695f;font-size:10px;font-weight:700;text-align:left}.date-choice.selected{background:#d2f6e5;border-color:#08a87e;color:#00745c}.interest-choice{border:1px solid #bee5d7;background:#fff;border-radius:9px;padding:10px;font-size:10px;color:#136d52;width:100%;text-align:left;margin:5px 0;font-weight:800}.interest-choice.primary-interest{background:#05a680;color:#fff;border-color:#05a680}.interest-choice:hover{filter:brightness(.97)}
.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.pipeline-column{border:1px solid #e3ebf4;background:#f8faff;border-radius:12px;padding:11px;min-height:147px}.pipeline-column h4{margin:0 0 12px;font-size:11px;color:#617d9d;display:flex;justify-content:space-between;gap:8px}.pipeline-column h4 b{color:#64819e}.pipeline-card{background:#fff;border:1px solid #dbe6f3;border-radius:9px;padding:12px}.pipeline-card strong{font-size:11px;display:block}.pipeline-card small{color:#8ca0b7;font-size:10px}.pipeline-card .tag{display:inline-block;margin-top:8px}
.summary-banner{background:linear-gradient(105deg,#0b3d77,#056b91);color:#fff;padding:21px;border-radius:14px;display:flex;align-items:center;gap:14px;margin-bottom:15px}.summary-check{display:grid;place-items:center;width:48px;height:48px;background:#24c7a8;border-radius:14px;font-size:24px}.summary-banner h3{font-size:18px;margin:0 0 5px}.summary-banner p{font-size:11px;color:#cce5f2;margin:0;line-height:1.7}
.summary-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-details .card{padding:15px}.summary-details small{font-size:10px;color:#8c9caf;display:block}.summary-details strong{font-size:13px;color:#39536f;display:block;margin-top:5px}.small-print{font-size:10px;color:#98a8bc;line-height:1.75;margin-top:13px}
.toast{position:fixed;z-index:100;left:50%;bottom:26px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#183858;color:#fff;border-radius:12px;padding:11px 18px;font-size:12px;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1340px){.app-shell{padding:0 22px}.layout{grid-template-columns:218px minmax(0,1fr);gap:16px}.guide-panel{grid-column:2;position:static;display:none}.journey-panel{padding-left:10px;padding-right:10px}.intro-meta{min-width:320px}.intro-meta strong{font-size:22px}}
@media(max-width:980px){.intro-band{flex-direction:column;align-items:stretch;min-height:0;padding:29px}.intro-meta{min-width:0;max-width:none;gap:3px}.intro-meta div{padding-left:12px}.layout{display:block}.journey-panel{position:static;margin-bottom:14px;padding:17px}.journey-panel h2,.journey-description,.panel-kicker{display:none}.step-list{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:4px}.step-link{flex:0 0 auto;width:160px;min-height:54px}.journey-note{display:none}.experience-panel{padding:20px}.stage{padding:18px}}
@media(max-width:650px){.app-shell{padding:0 12px}.topbar{height:76px}.logo-frame{padding:6px 8px}.logo-frame img{width:112px;height:auto}.identity{gap:9px}.identity-divider{height:25px}.identity-copy span{font-size:11px}.identity-copy small{font-size:9px}.simulation-dot{display:none}.top-actions{gap:2px}.top-reset span{display:none}.intro-band{border-radius:18px;padding:24px 22px}.intro-eyebrow{font-size:8px}.intro-band h1{font-size:24px}.intro-band p{font-size:11px}.intro-meta div{padding-left:9px}.intro-meta strong{font-size:17px}.intro-meta span{font-size:8px;white-space:normal;line-height:1.4}.progress-overview{margin:14px 2px}.experience-heading{display:block}.experience-heading h2{font-size:21px}.view-pill{display:inline-flex;margin-top:10px}.experience-panel{padding:14px;border-radius:16px}.stage{padding:13px;min-height:430px}.opening-top,.device-scene{display:block}.opening-map{width:100%;margin-top:13px;flex:none;display:grid;grid-template-columns:repeat(3,1fr);padding:11px;gap:5px}.opening-map span{font-size:9px;gap:4px}.opening-map b{width:22px;height:22px;flex:none;font-size:9px}.opening-copy .screen-title{font-size:22px}.job-preview{padding:15px}.job-preview-head{align-items:start}.job-preview .job-name{font-size:15px}.job-data-grid{grid-template-columns:1fr 1fr}.job-foot{display:block}.job-foot .primary-btn{margin-top:12px;width:100%}.phone-wrap{width:100%}.side-explain{max-width:none;margin-top:17px}.side-explain h3{font-size:17px}.device-scene{min-height:0}.desktop-content{padding:12px}.desktop-page-title h3{font-size:16px}.metric-strip{gap:6px}.metric{padding:8px}.metric strong{font-size:18px}.match-overview,.detail-grid{grid-template-columns:1fr}.candidate-cards{grid-template-columns:1fr 1fr}.profile-block,.recommend-block{padding:13px}.action-zone{display:block}.action-zone .primary-btn{width:100%;margin-top:10px}.pipeline{grid-template-columns:1fr}.summary-details{grid-template-columns:1fr}.site-footer{display:block;text-align:center;line-height:2}.site-footer span{display:block}.stage-bottom{display:block}.demo-status{text-align:left;margin-top:4px}.cta-row .primary-btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track>div,.toast,.primary-btn{transition:none}}