:root{--navy:#092e50;--blue:#0873db;--teal:#009ca9;--orange:#fb621e;--muted:#657b8d;--line:#dbe8ee;--bg:#f4f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}main{max-width:1440px;margin:auto;padding:0 48px}.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;max-width:1600px;margin:auto}.brand{font-weight:800;font-size:12px;letter-spacing:1px}.brand span{color:var(--teal)}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--blue)}.print-button{border:1px solid #bdceda;border-radius:6px;background:transparent;padding:8px 14px;font-size:12px}.print-button span{margin-left:14px}.hero{display:flex;justify-content:space-between;align-items:center;padding:58px 0 40px;gap:30px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--teal)}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--teal);border-radius:50%}h1{font-size:clamp(30px,3.5vw,50px);line-height:1.3;letter-spacing:-1.5px;margin:18px 0}h1>span{display:block;color:var(--blue)}.hero-subtitle{color:var(--muted);font-size:15px;margin:0}.mobile-br{display:none}.hero-note{border-left:1px solid #b8d5df;padding:0 0 0 38px;min-width:310px}.note-index{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.hero-note p{font-size:28px;font-weight:650;line-height:1.5;margin:12px 0}.hero-note p span{color:var(--teal)}.hero-note>div{font-size:11px;color:var(--muted)}.hero-note i{margin:0 10px;color:var(--teal)}.metrics{display:grid;grid-template-columns:repeat(6,1fr);background:white;border:1px solid var(--line);border-radius:12px;padding:26px 0;box-shadow:0 8px 30px #173b5b04}.metric{padding:0 20px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-value{white-space:nowrap;line-height:1.3;color:var(--blue);font-variant-numeric:tabular-nums}.metric-value b{font-size:42px;font-weight:750;letter-spacing:-1.5px}.metric-value small{font-size:18px;font-weight:650;margin-right:2px}.metric p{font-size:11px;color:var(--muted);margin:8px 0 0}.insight{display:flex;align-items:center;gap:20px;padding:18px 2px;border-bottom:1px solid var(--line)}.insight>span:first-child{background:#e1f1f5;color:var(--teal);border-radius:4px;padding:4px 10px;font-size:11px;white-space:nowrap;font-weight:700}.insight p{font-size:12px;margin:0;flex:1}.insight strong{font-weight:650}.insight>span:last-child{font-size:24px;color:var(--teal)}.section{padding-top:52px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:25px;letter-spacing:-.6px;margin:6px 0 0}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 3px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.profile{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.profile-tag{font-size:9px;letter-spacing:1.2px;color:#8295a3}.profile h3{font-size:17px;margin:6px 0 18px}.profile-stat{font-size:34px;font-weight:750;line-height:1.3;color:var(--blue)}.profile-stat small{font-size:18px}.profile-stat>span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.bar{height:4px;border-radius:4px;background:#e6f0f7;margin:15px 0}.bar>span{display:block;background:var(--blue);height:100%;border-radius:4px}.profile ul{padding-left:14px;margin:13px 0 0;font-size:11px;color:var(--muted)}.profile li+li{margin-top:6px}.profile p{font-size:11px;color:var(--muted);margin-bottom:0}.asset-bars>div{display:flex;align-items:center;margin:8px 0;gap:8px;font-size:10px}.asset-bars span{width:87px;flex-shrink:0}.asset-bars b{display:block;background:#d7f1f1;border-left:3px solid var(--teal);padding:1px 7px;min-width:42px;width:var(--size);font-size:11px;color:var(--teal)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.chips span{font-size:10px;background:#edf5fa;border-radius:3px;padding:3px 6px}.behavior{display:flex;gap:22px}.behavior b{display:block;font-size:29px;color:var(--blue);line-height:1.4}.behavior span{font-size:10px;color:var(--muted)}.opportunity{display:flex;gap:20px;align-items:center;background:#fff0e7;border-radius:7px;padding:14px 20px;margin-top:14px;color:#a64b20;font-size:12px}.opportunity>span{font-weight:750;white-space:nowrap}.opportunity p{margin:0}.segment-layout{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:34px;background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.pyramid-panel{display:flex;align-items:center;flex-direction:column;justify-content:center}.pyramid{width:100%;max-width:290px;aspect-ratio:1/1.05;display:flex;flex-direction:column;clip-path:polygon(50% 0,100% 100%,0 100%)}.pyramid-tier{border:0;border-bottom:2px solid white;width:100%;flex:1;color:white;position:relative;transition:filter .2s;background:var(--tier)}.pyramid-tier:last-child{border:0}.pyramid-tier:hover,.pyramid-tier[aria-pressed=true]{filter:brightness(1.16)}.pyramid-tier:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--orange)}.pyramid-tier span{display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1.1}.pyramid-tier b{font-size:20px}.tier-1{--tier:#075072;padding-top:16px}.tier-1 span{font-size:10px}.tier-1 b{font-size:15px}.tier-2{--tier:#087e9a}.tier-3{--tier:#20aab6}.tier-4{--tier:#9ed7df;color:var(--navy)}.tier-5{--tier:#d7edf3;color:var(--navy)}.pyramid-legend{font-size:10px;color:var(--muted);margin-top:12px}.segment-list{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.segment-row{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 13px;color:var(--navy);transition:background .2s,border-color .2s,transform .2s}.segment-row:hover{transform:translateX(3px)}.segment-row[aria-pressed=true]{border-color:var(--teal);background:#edf9f9}.segment-id{font-size:13px;font-weight:750;color:var(--teal)}.segment-row>span:nth-child(2){flex:1}.segment-row strong{display:block;font-size:13px}.segment-row small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.segment-row>b{font-size:20px;letter-spacing:-1px}.match-panel{border-left:1px solid var(--line);padding-left:28px}.match-panel h3{font-size:20px;margin:10px 0}.match-panel>p{color:var(--muted);font-size:12px;min-height:38px}.match-label{font-size:10px;color:var(--muted);margin-bottom:7px}#match-tools{display:flex;flex-wrap:wrap;gap:5px;min-height:56px;align-content:start}#match-tools span{background:#e9f4f9;color:#08798f;padding:4px 7px;border-radius:4px;font-size:11px}.match-panel>a{font-size:11px;color:var(--blue);display:block;margin:12px 0 18px}.match-panel>a span{float:right}.value-callout{border-top:1px solid var(--line);padding-top:12px}.value-callout p{margin:0;font-size:12px}.value-callout b{font-size:33px;color:var(--orange);line-height:1.3}.value-callout b small{font-size:17px}.value-callout strong{font-size:20px;color:var(--orange)}.value-callout>span{font-size:10px;color:var(--muted)}.progress-track{display:flex;align-items:center;gap:16px;margin:6px 0 19px;font-size:10px;color:var(--muted)}.progress-track>div{height:1px;flex:1;background:#bcd6df}.progress-track>span:last-child{color:var(--orange)}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level{--accent:var(--blue);--tint:#edf6ff;background:white;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:9px;padding:20px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.level:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0636570a}.level-2{--accent:var(--teal);--tint:#e9f8f7}.level-3{--accent:#1758c3;--tint:#edf2ff}.level-4{--accent:var(--orange);--tint:#fff1e7}.level-top{display:flex;justify-content:space-between;align-items:center}.level-number{font-size:25px;font-weight:700;color:var(--accent);letter-spacing:-1px}.level-top>span:last-child{font-size:10px;color:var(--accent)}.level h3{font-size:20px;margin:7px 0 8px;letter-spacing:-.5px}.audience{font-size:10px;color:var(--muted);margin:0 0 16px;min-height:36px}.audience b{font-weight:600;color:var(--accent)}.tool-list{display:grid;gap:6px;margin-bottom:18px}.tool-list>span{background:var(--tint);border-radius:4px;padding:7px 10px;color:var(--accent);font-size:12px;font-weight:650}.value h4{color:var(--accent);font-size:12px;margin:0 0 6px}.value ul{padding-left:14px;font-size:11px;line-height:1.8;margin:0 0 15px;color:#506c82}.logic{background:var(--tint);border-radius:6px;padding:12px;margin-top:auto;font-size:11px;color:#4e6a7f}.logic strong{color:var(--accent);font-size:10px}.logic p{margin:5px 0 0}.kpi{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:10px;color:var(--muted)}.kpi span{color:var(--accent);font-weight:650}.kpi p{margin:4px 0 0}.tool-map{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool-map article{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:17px}.tool-map article>span{font-size:11px;color:var(--teal);background:#e7f5f5;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;flex-shrink:0}.tool-map h3{font-size:13px;margin:0 0 3px}.tool-map p{font-size:11px;color:var(--muted);margin:0}.conclusion{background:var(--navy);border-radius:12px;padding:36px 42px;display:grid;grid-template-columns:1fr 1fr;gap:60px;color:white;margin-top:48px}.conclusion .eyebrow{color:#6fced6}.conclusion h2{font-size:30px;line-height:1.4;margin:12px 0}.conclusion p{font-size:12px;color:#a6c0d2;margin-bottom:0}.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-content:center}.roadmap>div{display:flex;gap:12px}.roadmap b{color:#69c9d7;font-size:12px;padding-top:3px}.roadmap span{font-size:11px;color:#a6c0d2}.roadmap strong{display:block;font-size:16px;color:white;margin-bottom:6px}.roadmap>div:last-child strong,.roadmap>div:last-child b{color:#ff9c67}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;color:#8396a4;font-size:9px}footer>span{font-weight:700;letter-spacing:1px}footer p{flex:1}footer a{white-space:nowrap}.skip-link{position:fixed;top:-80px;background:white;padding:10px;z-index:20}.skip-link:focus{top:10px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}.level.highlight{box-shadow:0 0 0 3px var(--accent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media print{html{scroll-behavior:auto}body{background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.nav,.print-button,.skip-link{display:none}main{max-width:none;padding:0}.hero{padding-top:0}.section{padding-top:25px}.reveal{opacity:1;transform:none}.level,.profile,.segmentation,.conclusion,.tool-map article{break-inside:avoid}.level-grid,.profile-grid{grid-template-columns:repeat(2,1fr)}.section-heading{break-after:avoid}footer{font-size:8px}}
/* Desktop visual refinement */
body{min-width:1180px}main{max-width:1540px}.nav{max-width:1640px}.icon{display:inline-block;width:22px;height:22px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}.hero{position:relative;isolation:isolate;min-height:355px;padding:55px 30px 44px;margin:0 -30px;overflow:hidden}.harbour-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.7;mask-image:linear-gradient(to right,transparent 7%,#000 57%),linear-gradient(to bottom,#000 75%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 7%,#000 57%)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(to bottom,transparent 70%,var(--bg))}.hero>div{max-width:750px}.hero h1{font-size:48px}.hero-subtitle{color:#435f76}.hero-note{background:#f8fcffda;border:1px solid #ffffffc7;border-left:3px solid var(--teal);border-radius:8px;padding:22px 25px;min-width:295px;backdrop-filter:blur(6px);box-shadow:0 8px 35px #07345b0a}.metric{position:relative;padding-top:35px}.metric-icon{position:absolute;top:0;width:24px;height:24px;color:var(--blue)}.metric:nth-child(3) .icon,.metric:nth-child(5) .icon{color:var(--teal)}.metric:last-child .icon{color:var(--orange)}.profile h3{display:flex;align-items:center;gap:9px}.profile h3 .icon{color:var(--blue)}.profile:nth-child(even) h3 .icon{color:var(--teal)}.opportunity>span{display:flex;align-items:center;gap:7px}.level h3{display:flex;gap:7px;align-items:center;font-size:19px}.level h3 .icon{color:var(--accent);width:23px;height:23px}.tool-map h3{display:flex;align-items:center;gap:8px}.tool-map h3 .icon{width:20px;height:20px;color:var(--teal)}.tool-map p{margin-top:6px}.growth-curve{position:relative;height:235px;margin-top:30px;margin-bottom:0}.growth-curve svg{width:100%;height:100%;overflow:visible}.curve-caption{position:absolute;top:2px;left:0;font-size:11px;letter-spacing:1px;color:var(--muted)}.curve-caption span{display:block;font-size:21px;color:var(--navy);font-weight:700;letter-spacing:0;margin-top:5px}.curve-guide{fill:none;stroke:#bad6e3;stroke-width:1;stroke-dasharray:4 5}.curve-shadow{fill:none;stroke:#dfedf3;stroke-width:16;stroke-linecap:round}.curve-line{fill:none;stroke:url(#growth-color);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease}.framework.visible .curve-line{stroke-dashoffset:0}.curve-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);text-align:center;--node-color:var(--blue);z-index:1}.curve-node-2{--node-color:var(--teal)}.curve-node-3{--node-color:#1758c3}.curve-node-4{--node-color:var(--orange)}.curve-node>span{display:grid;place-items:center;background:var(--node-color);color:white;width:46px;height:46px;border:5px solid #fff;border-radius:50%;font-size:16px;font-weight:750;box-shadow:0 0 0 1px #dbe8ee,0 5px 15px #0a507223;transition:transform .25s}.curve-node:hover>span{transform:scale(1.12)}.curve-node>b{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:var(--node-color)}.level-grid{position:relative}.level{border-top-width:4px}.conclusion{display:block;padding:34px 38px 26px}.conclusion-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.conclusion h2{font-size:29px;margin:9px 0}.conclusion-intro p{margin:0}.conclusion-statement{border-left:1px solid #42637b;padding-left:28px;color:#a6c0d2;font-size:13px;line-height:1.8}.conclusion-statement strong{color:#fff;font-size:21px}.roadmap{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr 42px 1fr;gap:0;align-items:center}.roadmap-step{--step:#70bcff;padding:22px;background:#ffffff07;border:1px solid #ffffff1c;border-radius:9px;position:relative}.roadmap-step.step-2{--step:#56d4d3}.roadmap-step.step-3{--step:#84b7ff}.roadmap-step.step-4{--step:#ff9c67;background:#ff9c6710;border-color:#ff9c6745}.roadmap-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.roadmap-head b{font-size:36px;line-height:1;font-weight:650;letter-spacing:-1.5px;color:var(--step);padding:0}.roadmap-head .icon{color:var(--step);width:32px;height:32px}.roadmap-step h3{font-size:23px;margin:0 0 9px;color:#fff}.roadmap-step p{font-size:12px;line-height:1.9;color:#b8cedd;margin:0;min-height:46px}.roadmap-step .step-result{display:block;font-size:11px;color:var(--step);margin-top:20px;padding-top:12px;border-top:1px solid #ffffff1c}.roadmap>.roadmap-arrow{display:grid;place-items:center;color:#7da9bd}.roadmap-arrow .icon{width:25px;height:25px;animation:arrow-flow 2.2s ease-in-out infinite}.roadmap-arrow:nth-child(4) .icon{animation-delay:.25s}.roadmap-arrow:nth-child(6) .icon{animation-delay:.5s;color:#ff9c67}.roadmap-summary{display:flex;align-items:center;gap:22px;margin-top:24px;justify-content:center;font-size:11px;letter-spacing:2px;color:#aac6d8}.roadmap-summary i{font-style:normal;color:#5f9aad}.roadmap-summary span:last-child{color:#ffb088}@keyframes arrow-flow{0%,100%{transform:translateX(-3px);opacity:.45}50%{transform:translateX(4px);opacity:1}}@media(prefers-reduced-motion:reduce){.curve-line{stroke-dashoffset:0}}@media print{body{min-width:0}.growth-curve{height:170px}.curve-line{stroke-dashoffset:0}.conclusion{break-inside:avoid}.harbour-background{opacity:.4}}

/* Inline library icons keep direct-file viewing self-contained. */
.icon{background:none;mask:none;-webkit-mask:none}.icon svg{display:block;width:100%;height:100%;stroke:currentColor}