:root{--pd-bg:#f6f8fc;--pd-ink:#07111f;--pd-muted:#64748b;--pd-blue:#1677ff;--pd-blue2:#64b5ff;--pd-line:#dbe6f3;--pd-card:#ffffff}
body{background:var(--pd-bg);color:var(--pd-ink)}
.topbar{height:78px;border-bottom:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.82);backdrop-filter:blur(18px)}
.brand-logo{width:116px;height:54px;padding:3px;background:#020617;border:1px solid rgba(22,119,255,.2);box-shadow:0 10px 28px rgba(15,23,42,.12)}
.brand-copy strong{font-size:14px}.brand-copy small{font-size:10px;color:#64748b}
nav a{font-weight:700}
.hero{position:relative;min-height:660px;padding-top:108px;padding-bottom:96px;grid-template-columns:minmax(0,1.26fr) 420px;gap:56px;overflow:hidden;background-color:#06101f;background-image:radial-gradient(circle at 78% 20%,rgba(22,119,255,.34),transparent 28%),radial-gradient(circle at 12% 80%,rgba(45,212,191,.14),transparent 30%),linear-gradient(135deg,#060b14,#0f172a 55%,#111827);color:white}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000,transparent 88%);pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero .eyebrow,.action-test-section .eyebrow,.profile-intake-section .eyebrow,.job-center .eyebrow{color:#60a5fa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px}
.hero h1{max-width:850px;font-size:clamp(50px,6.7vw,86px);line-height:1.04;letter-spacing:-4.5px}
.hero h1 em{background:linear-gradient(90deg,#7dd3fc,#60a5fa,#a5b4fc);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lead{max-width:760px;color:#cbd5e1;font-size:18px;line-height:1.9}
.hero-actions .primary{background:linear-gradient(135deg,#1677ff,#0ea5e9);box-shadow:0 18px 35px rgba(22,119,255,.24)}
.hero-actions .ghost{color:#dbeafe;background:rgba(255,255,255,.08);border-color:rgba(147,197,253,.28)}
.trust span{padding:8px 11px;border:1px solid rgba(147,197,253,.18);border-radius:999px;background:rgba(15,23,42,.42);color:#a8c7ee}
.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;margin-top:28px}
.hero-kpis div{padding:18px;border:1px solid rgba(147,197,253,.22);border-radius:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(12px)}
.hero-kpis strong,.hero-kpis span{display:block}.hero-kpis strong{font-size:28px;color:#93c5fd}.hero-kpis span{margin-top:5px;color:#cbd5e1;font-size:11px}
.hero-card{padding:30px;border:1px solid rgba(147,197,253,.24);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.64));box-shadow:0 26px 80px rgba(0,0,0,.28);transform:none;backdrop-filter:blur(22px)}
.hero-card h3{font-size:26px;line-height:1.25;color:#f8fafc}.hero-card li{color:#cbd5e1}.hero-card .status{background:rgba(59,130,246,.18);color:#bfdbfe}
.hero-card .score{border-color:rgba(147,197,253,.18)}.hero-card .score strong{color:#60a5fa}
main{display:flex;flex-direction:column}.hero{order:1}.product-value-section{order:2}.action-test-section{order:3}.profile-intake-section{order:4}.job-center{order:5}.application-center{order:6}
.product-value-section{padding:96px max(calc((100vw - 1080px)/2),24px);background:linear-gradient(180deg,#fff,#f6f8fc)}
.product-value-section .section-head h2{max-width:760px;font-size:46px;letter-spacing:-2px;line-height:1.12}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.value-grid article{position:relative;min-height:260px;padding:24px;border:1px solid var(--pd-line);border-radius:26px;background:var(--pd-card);box-shadow:0 18px 50px rgba(15,23,42,.06);overflow:hidden}
.value-grid article:after{content:"";position:absolute;right:-42px;bottom:-42px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.16),transparent 68%)}
.value-grid span{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:14px;background:#eff6ff;color:#1677ff;font-weight:900}
.value-grid h3{margin:28px 0 12px;font-size:22px;line-height:1.25}.value-grid p{margin:0;color:#64748b;font-size:12px;line-height:1.85}
.action-test-section{background:linear-gradient(180deg,#eef5ff,#f8fafc);color:#07111f}
.action-test-section .section-head>p{color:#64748b}
.test-shell{border:1px solid #dbeafe;background:#fff;box-shadow:0 22px 70px rgba(37,99,235,.09)}
.test-intro{max-width:820px}.test-badge{background:#eff6ff;color:#1d4ed8}
.client-intake-card{max-width:880px;margin:26px auto;padding:22px;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 42px rgba(37,99,235,.08);text-align:left}.client-intake-head{display:grid;gap:7px;margin-bottom:16px}.client-intake-head strong{font-size:18px}.client-intake-head small{color:#64748b;line-height:1.6}.client-intake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-intake-card label{display:block;color:#334155;font-size:12px;font-weight:800}.client-intake-card input,.client-intake-card select,.client-intake-card textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#0f172a;font:inherit;font-size:13px}.client-intake-note{margin-top:12px}.client-intake-note textarea{min-height:72px;resize:vertical}.client-intake-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.client-intake-actions span{color:#64748b;font-size:12px;line-height:1.7}.client-intake-actions span[data-status="success"],.client-intake-actions span[data-status="saved"]{color:#047857;font-weight:800}
.test-intro h3{font-size:38px;color:#07111f}.test-intro p{color:#475569}
.test-outcomes span{border-color:#dbeafe;background:#f8fbff;color:#1d4ed8}
.assessment-principles div{background:#f8fbff;border-color:#dbeafe}
.profile-intake-section{background:#fff}
.match-profile-form{background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 48px rgba(15,23,42,.05)}
.job-center{background:#f6f8fc}
.auto-match-summary{background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 16px 42px rgba(37,99,235,.07)}
.application-center{background:radial-gradient(circle at 86% 12%,rgba(37,99,235,.28),transparent 26%),#07111f}
@media(max-width:960px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-card{display:block}.hero-kpis,.value-grid{grid-template-columns:1fr 1fr}.product-value-section .section-head h2{font-size:36px}
  .client-intake-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .hero h1{letter-spacing:-2px}.hero-kpis,.value-grid{grid-template-columns:1fr}.brand-logo{width:86px;height:42px}.topbar{height:72px}.product-value-section{padding-top:70px;padding-bottom:70px}
}

/* Apple-inspired polish: calmer brand bar, lighter hero, stronger focus. */
:root{--pd-bg:#f5f5f7;--pd-ink:#1d1d1f;--pd-muted:#6e6e73;--pd-blue:#0071e3;--pd-blue2:#5e5ce6;--pd-line:#e5e5e7;--pd-card:#ffffff}
body{background:#fbfbfd;color:var(--pd-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
.topbar{height:66px;padding:0 max(calc((100vw - 1120px)/2),22px);border-bottom:1px solid rgba(0,0,0,.06);background:rgba(251,251,253,.78);backdrop-filter:saturate(180%) blur(24px)}
.brand{min-width:0;gap:14px;color:#1d1d1f;text-decoration:none}
.brand-logo{width:128px;height:56px;padding:8px 14px;object-fit:contain;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f5f7);border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 26px rgba(0,0,0,.06)}
.brand-copy{gap:2px}.brand-copy strong{font-size:16px;letter-spacing:-.4px;color:#1d1d1f}.brand-copy small{font-size:10px;color:#86868b;letter-spacing:.2px}
.topbar nav{gap:30px}.topbar nav a{font-size:13px;font-weight:600;color:#424245}.topbar .ghost{padding:10px 20px;border-radius:999px;border-color:#d2d2d7;background:rgba(255,255,255,.72);color:#1d1d1f;box-shadow:none}
.hero{min-height:680px;padding:116px max(calc((100vw - 1120px)/2),28px) 104px;grid-template-columns:1fr;place-items:center;text-align:center;gap:34px;background:radial-gradient(circle at 50% 7%,rgba(10,132,255,.16),transparent 28%),radial-gradient(circle at 82% 22%,rgba(94,92,230,.13),transparent 24%),linear-gradient(180deg,#fff 0%,#fbfbfd 48%,#f5f5f7 100%);color:#1d1d1f}
.hero:before{display:none}.hero>div{max-width:980px;margin:auto}.hero>*{position:relative;z-index:1}
.hero .eyebrow,.action-test-section .eyebrow,.profile-intake-section .eyebrow,.job-center .eyebrow{color:#0071e3;font-family:inherit;letter-spacing:-.2px;text-transform:none}
.hero h1{max-width:950px;margin-left:auto;margin-right:auto;font-size:clamp(56px,7.6vw,94px);line-height:.98;letter-spacing:-5.4px;color:#1d1d1f}
.hero h1 em{background:linear-gradient(90deg,#0071e3,#5e5ce6,#bf5af2);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lead{max-width:790px;margin-left:auto;margin-right:auto;color:#6e6e73;font-size:21px;line-height:1.58}
.hero-actions{justify-content:center}.hero-actions .primary{border-radius:999px;background:#0071e3;box-shadow:0 16px 30px rgba(0,113,227,.18)}.hero-actions .ghost{border-radius:999px;color:#1d1d1f;background:rgba(255,255,255,.76);border-color:#d2d2d7}
.trust{justify-content:center}.trust span{border:0;background:transparent;color:#86868b;padding:0 4px}
.hero-kpis{max-width:780px;margin-left:auto;margin-right:auto}.hero-kpis div{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 34px rgba(0,0,0,.05);backdrop-filter:blur(18px)}
.hero-kpis strong{color:#0071e3}.hero-kpis span{color:#6e6e73}
.hero-card{max-width:640px;margin:4px auto 0;text-align:left;color:#1d1d1f;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.76);box-shadow:0 22px 70px rgba(0,0,0,.08);backdrop-filter:blur(24px)}
.hero-card h3{color:#1d1d1f}.hero-card li{color:#6e6e73}.hero-card .status{background:#eaf4ff;color:#0071e3}.hero-card .score{border-color:#e5e5e7}.hero-card .score strong{color:#0071e3}
.product-value-section{background:#fff}.value-grid article{border-color:#e5e5e7;box-shadow:0 8px 28px rgba(0,0,0,.04)}
@media(max-width:960px){
  .topbar{height:64px}.brand-logo{width:108px;height:50px}.brand-copy small{display:none}
  .hero{padding-top:88px}.hero h1{letter-spacing:-3px}.hero .lead{font-size:18px}
}
@media(max-width:640px){
  .brand-logo{width:78px;height:40px;padding:6px 8px;border-radius:14px}.brand-copy strong{font-size:13px}
  .hero{padding-top:76px;padding-bottom:72px}.hero h1{font-size:48px;letter-spacing:-2.6px}.hero-actions{flex-direction:column}.trust{gap:10px}
}