@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap";
:root{--dark1:#2a2b2c;--light1:#fff;--dark2:#003d5b;--light2:#f2f2f2;--accent1:#003d5a;--accent2:#00737f;--accent3:#25e2cc;--accent4:#fbca18;--accent5:#ff8400;--accent6:#cc3262;--navy-lightest:#d6e4eb;--navy-light:#8baebf;--navy-mid:#3d7a94;--navy-dark:#003d5b;--navy-darkest:#002a3f;--teal-lightest:#d4f0f3;--teal-light:#80d4db;--teal-mid:#33b0ba;--teal-dark:#00737f;--teal-darkest:#004f57;--mint-lightest:#d9faf6;--mint-light:#92f1e6;--mint-mid:#25e2cc;--mint-dark:#1ab5a3;--mint-darkest:#0e7d72;--gold-lightest:#fff4d1;--gold-light:#fde38a;--gold-mid:#fbca18;--gold-dark:#d4a500;--gold-darkest:#8c6e00;--orange-lightest:#ffe6cc;--orange-light:#ffbd80;--orange-mid:#ff8400;--orange-dark:#cc6a00;--orange-darkest:#804200;--magenta-lightest:#f5d4df;--magenta-light:#e68ba8;--magenta-mid:#cc3262;--magenta-dark:#a3274e;--magenta-darkest:#6b1a33;--neutral-lightest:#f5f5f5;--neutral-light:#d9d9d9;--neutral-mid:#a6a6a6;--neutral-dark:#595959;--neutral-darkest:#2a2b2c;--bg:var(--accent1);--bg-card:#002a3f99;--bg-card-hover:#002a3fd9;--border:#ffffff1a;--border-hover:#25e2cc59;--radius:10px;--radius-lg:16px;--shadow:0 4px 20px #0000004d;--transition:.4s cubic-bezier(.4,0,.2,1);--dim-strategy:#25e2cc;--dim-data:#33b0ba;--dim-talent:#fbca18;--dim-pilot:#ff8400;--dim-techstack:#cc3262;--dim-roi:#8baebf}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--accent1);color:var(--light1);font-family:Montserrat,sans-serif;font-weight:400;overflow-x:hidden}.phase{opacity:0;min-height:100vh;transition:opacity .5s;display:none}.phase.active{opacity:1;display:block}.phase-nav{z-index:1000;background:var(--accent1);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:0;padding:12px 24px;display:flex;position:fixed;top:0;left:0;right:0}.phase-nav.hidden{opacity:0;pointer-events:none}.phase-step{letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:7px;padding:7px 14px;font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:600;display:flex}.phase-step.active{color:var(--accent3)}.phase-step.completed{color:var(--light1)}.phase-step:hover{color:var(--mint-light)}.phase-step .step-num{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.58rem;font-weight:800;display:flex}.phase-step.active .step-num{background:var(--accent3);color:var(--accent1);border-color:var(--accent3)}.phase-step.completed .step-num{background:var(--light1);color:var(--accent1);border-color:var(--light1)}.phase-connector{background:var(--border);width:32px;height:1px;margin:0 2px}.btn-primary{background:var(--accent3);color:var(--accent1);cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 34px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:800;transition:all .4s;display:inline-flex}.btn-primary:hover{background:var(--accent4);color:var(--accent1);transform:translateY(-2px);box-shadow:0 6px 24px #25e2cc33}.btn-primary .arrow{transition:transform .3s}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{border:2px solid var(--accent3);color:var(--accent3);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:50px;align-items:center;gap:10px;padding:15px 34px;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:800;transition:all .4s;display:inline-flex}.btn-secondary:hover{background:#25e2cc1a;transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:140px 24px 48px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 35%,#25e2cc0a 0%,#0000 50%),radial-gradient(at 70% 65%,#00737f0f 0%,#0000 45%);width:140%;height:160%;position:absolute;top:-30%;left:-20%}.hero-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent3);opacity:0;margin-bottom:24px;font-size:.68rem;font-weight:600;animation:.7s .15s forwards fadeUp}.hero h1{max-width:750px;color:var(--light1);opacity:0;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:800;line-height:1.1;animation:.7s .3s forwards fadeUp}.hero h1 .accent{color:var(--accent3)}.hero-sub{color:var(--light2);opacity:0;max-width:580px;margin-top:24px;font-size:clamp(.9rem,1.8vw,1.05rem);line-height:1.75;animation:.7s .45s forwards fadeUp}.hero-stats{opacity:0;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:44px;animation:.7s .6s forwards fadeUp;display:flex}.hero-stat{text-align:center}.hero-stat .num{color:var(--accent4);font-size:2rem;font-weight:800;line-height:1}.hero-stat .label{color:var(--navy-lightest);max-width:105px;margin-top:6px;font-size:.64rem;font-weight:500;line-height:1.4}.hero-cta{opacity:0;margin-top:48px;animation:.7s .75s forwards fadeUp}.explore-inner{max-width:1100px;margin:0 auto;padding:90px 32px 64px}.section-header{text-align:center;margin-bottom:44px}.section-header h2{color:var(--accent3);font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800;line-height:1.15}.section-header .subtitle{color:var(--navy-lightest);max-width:600px;margin-top:12px;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.7}.fn-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fn-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:28px 24px 44px;position:relative}.fn-card .fn-arrow{color:var(--accent3);transition:var(--transition);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex;position:absolute;bottom:16px;right:18px}.fn-card .fn-arrow .arrow-icon{transition:transform .3s}.fn-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 10px 36px #00000040}.fn-card:hover .fn-arrow .arrow-icon{transform:translate(4px)}.fn-card .fn-name{color:var(--light1);margin-bottom:8px;font-size:1rem;font-weight:800}.fn-card .fn-hook{color:var(--navy-lightest);font-size:.8rem;line-height:1.6}.fn-detail-inner{max-width:960px;margin:0 auto;padding:90px 32px 64px}.fn-back{color:var(--navy-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:28px;font-family:inherit;font-size:.76rem;font-weight:500;display:inline-flex}.fn-back:hover{color:var(--accent3)}.fn-back:hover .arrow{transform:translate(-3px)}.fn-back .arrow{transition:transform .3s;display:inline-block}.fn-detail-header{margin-bottom:36px}.fn-detail-header .fn-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:16px;margin-bottom:12px;padding:4px 12px;font-size:.62rem;font-weight:800;display:inline-block}.fn-detail-header h2{color:var(--light1);font-size:clamp(1.3rem,3vw,1.9rem);font-weight:800;line-height:1.2}.fn-detail-header .fn-intro{color:var(--navy-lightest);max-width:680px;margin-top:12px;font-size:.88rem;line-height:1.7}.dim-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dim-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent3);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:20px 20px 16px;position:relative}.dim-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);border-left-width:4px}.dim-card .dim-name{color:var(--light1);margin-bottom:3px;font-size:.82rem;font-weight:800}.dim-card .dim-baseline-label{letter-spacing:.06em;text-transform:uppercase;color:var(--navy-light);font-size:.6rem;font-weight:600}.dim-card .dim-baseline-text{color:var(--navy-lightest);margin-top:2px;font-size:.76rem;line-height:1.5}.dim-card .dim-plus{width:22px;height:22px;color:var(--navy-light);opacity:.5;transition:var(--transition);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;bottom:10px;right:12px}.dim-card:hover .dim-plus{opacity:1;color:var(--accent3);background:#25e2cc1a}.baseline-banner{margin-top:16px;margin-bottom:4px}.baseline-banner p{color:var(--navy-lightest);font-size:.82rem;line-height:1.7}.baseline-banner strong{color:var(--accent3);font-weight:800}.other-functions{margin-top:36px}.other-functions .of-label{letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light);margin-bottom:12px;font-size:.65rem;font-weight:600}.of-pills{flex-wrap:wrap;gap:8px;display:flex}.of-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--navy-lightest);cursor:pointer;transition:var(--transition);border-radius:50px;padding:7px 14px;font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:600}.of-pill:hover{border-color:var(--border-hover);color:var(--accent3)}.explore-cta{text-align:center;margin-top:20px;padding:16px 24px}.explore-cta h3{color:var(--accent4);margin-bottom:10px;font-size:1.15rem;font-weight:800}.explore-cta p{color:var(--navy-lightest);max-width:460px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.86rem;line-height:1.6}.popover-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#00141ea6;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.popover-overlay.open{display:flex}.popover{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:620px;max-height:82vh;box-shadow:var(--shadow);padding:32px;animation:.25s popIn;position:relative;overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:none}}.popover .close-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--navy-lightest);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:12px;right:14px}.popover .close-btn:hover{color:var(--light1);background:#ffffff14}.popover h3{margin-bottom:12px;font-size:1.05rem;font-weight:800}.popover p{color:var(--navy-lightest);margin-bottom:10px;font-size:.84rem;line-height:1.7}.tier-comparison{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.tier-box{border-radius:8px;padding:14px}.tier-box.tier-most{background:#ff840014;border:1px solid #ff840026}.tier-box.tier-leading{background:#25e2cc14;border:1px solid #25e2cc26}.tier-box .tier-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:.6rem;font-weight:800}.tier-box.tier-most .tier-label{color:var(--accent5)}.tier-box.tier-leading .tier-label{color:var(--accent3)}.tier-box p{color:var(--navy-lightest);margin-bottom:0;font-size:.78rem;line-height:1.55}.diag-inner{max-width:1100px;margin:0 auto;padding:90px 32px 64px}.diag-layout{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.diag-progress-wrap{margin-bottom:20px}.diag-progress-label{letter-spacing:.1em;text-transform:uppercase;color:var(--navy-light);margin-bottom:8px;font-size:.62rem;font-weight:600}.diag-progress{gap:4px;display:flex}.diag-progress .bar{background:#ffffff0f;border-radius:2px;flex:1;height:4px;transition:background .4s}.diag-progress .bar.filled{background:var(--accent3)}.diag-progress .bar.current{background:var(--accent4)}.diag-counter{color:var(--navy-light);margin-top:6px;font-size:.72rem;font-weight:500}.diag-question-wrap{min-height:400px;position:relative}.diag-question{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.diag-question.active{opacity:1;transform:translateY(0)}.diag-question.exit{opacity:0;pointer-events:none;width:100%;position:absolute;top:0;left:0;transform:translateY(-16px)}.diag-dimension{letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:.64rem;font-weight:800}.diag-q{color:var(--light1);margin-bottom:8px;font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:800;line-height:1.3}.diag-context{color:var(--navy-lightest);margin-bottom:24px;font-size:.8rem;line-height:1.6}.diag-options{flex-direction:column;gap:8px;display:flex}.diag-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.diag-option:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.diag-option.selected{border-color:var(--accent3);background:#25e2cc14}.diag-option .opt-letter{border:1.5px solid var(--navy-light);width:24px;height:24px;color:var(--navy-light);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.64rem;font-weight:800;display:flex}.diag-option.selected .opt-letter{background:var(--accent3);color:var(--accent1);border-color:var(--accent3)}.diag-option .opt-text{color:var(--light1);font-size:.84rem;font-weight:500;line-height:1.5}.diag-option .opt-sub{color:var(--navy-light);margin-top:2px;font-size:.72rem;font-weight:400;display:block}.radar-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:22px;padding:16px 20px 12px;position:sticky;top:80px}.radar-panel h4{letter-spacing:.12em;text-transform:uppercase;color:var(--accent4);text-align:center;margin-bottom:8px;font-size:.68rem;font-weight:800}.radar-canvas-wrap{aspect-ratio:1;width:100%;max-width:380px;margin:0 auto;position:relative}.radar-canvas-wrap canvas{width:100%!important;height:100%!important}.radar-legend{flex-direction:column;gap:3px;margin-top:8px;display:flex}.radar-legend-item{color:var(--navy-lightest);align-items:center;gap:8px;font-size:.78rem;display:flex}.radar-legend-item .dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.radar-legend-item .score{color:var(--light1);margin-left:auto;font-size:.8rem;font-weight:800}.results-inner{max-width:960px;margin:0 auto;padding:90px 32px 64px}.results-header{text-align:center;margin-bottom:44px}.results-header h2{color:var(--light1);font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800}.results-header h2 .hl{color:var(--accent3)}.results-header .tier-badge{color:var(--accent3);letter-spacing:.05em;cursor:pointer;background:#25e2cc1a;border:1px solid #25e2cc2e;border-radius:50px;align-items:center;gap:8px;margin-top:14px;padding:8px 20px;font-size:.76rem;font-weight:800;display:inline-flex}.results-header .result-sub{color:var(--navy-lightest);max-width:560px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:.88rem;line-height:1.7}.gap-viz{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;display:grid}.gap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.gap-card .dim-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.64rem;font-weight:800}.gap-card .gap-bar-track{background:#ffffff0f;border-radius:3px;height:5px;margin-bottom:8px;position:relative;overflow:visible}.gap-bar-you{border-radius:3px;height:100%;transition:width 1s;position:absolute;top:0;left:0}.gap-bar-baseline{background:var(--navy-light);border-radius:1px;width:2px;height:15px;position:absolute;top:-5px}.gap-bar-baseline:after{content:"Baseline";color:var(--navy-light);white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;font-size:.5rem;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.gap-card .gap-values{color:var(--navy-light);justify-content:space-between;font-size:.68rem;display:flex}.gap-card .gap-values .you-val{font-weight:800}.gap-card .gap-message{color:var(--navy-lightest);border-top:1px solid var(--border);margin-top:10px;padding-top:10px;font-size:.74rem;line-height:1.5}.actions-header{letter-spacing:.15em;text-transform:uppercase;color:var(--navy-light);margin-bottom:16px;font-size:.68rem;font-weight:800}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);margin-bottom:10px;padding:22px 24px}.action-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.action-card .action-top{align-items:flex-start;gap:14px;display:flex}.action-card .action-num{width:28px;height:28px;color:var(--accent3);background:#25e2cc1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.action-card .action-title{color:var(--light1);margin-bottom:4px;font-size:.92rem;font-weight:800}.action-card .action-desc{color:var(--navy-lightest);font-size:.8rem;line-height:1.6}.action-detail{border-top:1px solid var(--border);margin-top:14px;padding-top:14px;display:none}.action-detail.open{display:block}.action-detail p{color:var(--navy-lightest);margin-bottom:10px;font-size:.82rem;line-height:1.7}.gate-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;background:#00141ee0;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.gate-overlay.open{display:flex}.gate-box{background:var(--dark2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:440px;padding:40px}.gate-box h3{color:var(--accent4);margin-bottom:10px;font-size:1.2rem;font-weight:800}.gate-box p{color:var(--navy-lightest);margin-bottom:22px;font-size:.84rem;line-height:1.6}.gate-input{background:var(--accent1);border:1px solid var(--border);width:100%;color:var(--light1);transition:var(--transition);border-radius:8px;outline:none;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:.86rem}.gate-input:focus{border-color:var(--accent3)}.gate-input::placeholder{color:var(--navy-light)}.gate-submit{width:100%;margin-top:10px}.gate-close{color:var(--navy-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin-top:14px;font-family:inherit;font-size:.74rem}.gate-close:hover{color:var(--navy-lightest)}@media (max-width:900px){.fn-grid,.dim-cards{grid-template-columns:1fr 1fr}.diag-layout{grid-template-columns:1fr}.radar-panel{max-width:400px;margin:0 auto 28px;position:static}.gap-viz{grid-template-columns:1fr 1fr}.tier-comparison{grid-template-columns:1fr}}@media (max-width:600px){.fn-grid,.dim-cards,.gap-viz{grid-template-columns:1fr}.phase-step span:not(.step-num){display:none}}