:root{--r-sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--r-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--r-canvas: #f1f4ef;--r-surface: #ffffff;--r-surface-2: #f8faf6;--r-surface-3: #eef2ea;--r-ink: #11171a;--r-ink-2: #39444a;--r-ink-3: #586169;--r-line: #d6ddd3;--r-line-2: #bdc6ba;--r-line-3: #a7b1a4;--r-grass: #0a5c34;--r-grass-deep: #084a2a;--r-grass-soft: #e4efe8;--r-grass-line: #9cc3ac;--r-rust: #9c3a1c;--r-rust-soft: #f6e7e0;--r-chalk: #ffffff;--r-micro: .78rem;--r-small: .88rem;--r-body: 1rem;--r-lede: clamp(1.02rem, .98rem + .3vw, 1.14rem);--r-h3: 1.12rem;--r-h2: clamp(1.5rem, 1.08rem + 1.45vw, 2.05rem);--r-h1: clamp(2.15rem, 1.5rem + 2.1vw, 3rem);--r-shell: min(1680px, 86vw);--r-pad: clamp(2.4rem, 1.6rem + 2.6vw, 3.6rem);--r-radius: 12px;--r-radius-sm: 8px;--r-gap: clamp(.85rem, .6rem + .8vw, 1.25rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}html{font-size:17px;-webkit-text-size-adjust:100%;background:var(--r-canvas);scroll-behavior:smooth}body{font-family:var(--r-sans);font-size:var(--r-body);line-height:1.6;color:var(--r-ink);width:var(--r-shell);max-width:100%;margin:0 auto;padding:0;background-image:linear-gradient(90deg,rgba(17,23,26,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(17,23,26,.035) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.next-root{display:block}::selection{background:var(--r-grass);color:#fff}a{color:inherit;text-decoration:none}*:focus-visible{outline:2px solid var(--r-grass);outline-offset:3px;border-radius:3px}.mono{font-family:var(--r-mono);font-variant-numeric:tabular-nums}.kicker{font-size:var(--r-small);letter-spacing:0;color:var(--r-grass-deep);font-weight:600}.section-head .kicker{margin-bottom:.5rem}main{padding:0 clamp(.9rem,2vw,1.6rem)}.button{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.6rem 1.1rem;border:1px solid var(--r-grass);border-radius:var(--r-radius-sm);background:var(--r-grass);color:#fff;font-family:var(--r-sans);font-size:var(--r-small);font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.button:hover{background:var(--r-grass-deep);border-color:var(--r-grass-deep);transform:translateY(-1px)}.button.secondary{background:var(--r-surface);color:var(--r-grass-deep);border-color:var(--r-line-2)}.button.secondary:hover{background:var(--r-surface);border-color:var(--r-grass);transform:translateY(-1px)}.button .arrow{transition:transform .16s ease}.button:hover .arrow{transform:translate(3px)}.text-link{font-size:var(--r-small);color:var(--r-grass-deep);font-weight:600;border-bottom:1px solid var(--r-grass-line);padding-bottom:1px}.text-link:hover{border-bottom-color:var(--r-grass)}.chip{display:inline-flex;align-items:center;font-family:var(--r-mono);font-size:var(--r-micro);line-height:1.4;padding:.16rem .5rem;border-radius:999px;background:var(--r-grass-soft);color:var(--r-grass-deep);border:1px solid var(--r-grass-line)}.chip.blue{background:var(--r-surface-3);color:var(--r-ink-2);border-color:var(--r-line-2)}.badge{display:inline-flex;align-items:center;font-family:var(--r-mono);font-size:var(--r-micro);font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .5rem;border-radius:6px;background:var(--r-ink);color:#fff}.badge.player{background:#1d5c9e}.badge.team{background:#234b63}.badge.competition{background:var(--r-grass-deep)}.badge.season{background:#6b4a14}.badge.coach{background:#4a3568}.badge.stage{background:#2f4750}.badge.match{background:#0f5c54}.badge.referee{background:#6b3326}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);gap:clamp(1.5rem,4vw,3.4rem);align-items:center;padding:clamp(2.2rem,4vw,3.6rem) 0 clamp(1.6rem,3vw,2.4rem)}.hero-deco{position:absolute;inset:-10% -6% auto auto;width:min(640px,60%);height:120%;color:var(--r-line-2);pointer-events:none;z-index:0;opacity:.7}.hero-intro,.hero-record{position:relative;z-index:1}.hero h1{margin:.7rem 0 .55rem;font-size:var(--r-h1);font-weight:700;line-height:1.02;letter-spacing:-.02em;max-width:14ch}.hero-claim{margin:0;max-width:46ch;font-size:var(--r-lede);line-height:1.4;color:var(--r-ink);font-weight:500}.hero-copy{margin:.85rem 0 0;max-width:56ch;color:var(--r-ink-2);font-size:var(--r-small);line-height:1.62}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.3rem}.actions .more-links{display:flex;flex-wrap:wrap;gap:.9rem;margin-left:.3rem}.release-line{margin-top:1.1rem;color:var(--r-ink-3);font-size:var(--r-small);line-height:1.55}.release-line code{font-family:var(--r-mono);font-size:.82em;background:var(--r-surface-3);padding:.08rem .34rem;border-radius:4px;color:var(--r-ink-2)}.hero-record{position:relative;background:var(--r-surface);border:1px solid var(--r-line-2);border-radius:var(--r-radius);padding:clamp(1rem,1.5vw,1.35rem);box-shadow:0 1px #11171a0a,0 18px 40px -28px #11171a66}.hero-record:before{content:"";position:absolute;top:-1px;right:-1px;width:76px;height:76px;border-top:1px solid var(--r-grass-line);border-right:1px solid var(--r-grass-line);border-top-right-radius:var(--r-radius);border-bottom-left-radius:76px;opacity:.8;pointer-events:none}.rec-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.55rem}.rec-id{font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-3);word-break:break-all}.rec-name{margin:.1rem 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.rec-graph{display:block;width:100%;height:auto;aspect-ratio:320 / 132;margin:.3rem 0 .8rem}.rec-edge{stroke:var(--r-grass-line);stroke-width:1.5px;fill:none;transition:stroke .16s ease,stroke-width .16s ease}.rec-edge.on{stroke:var(--r-grass);stroke-width:2.5px}.rec-dot{fill:var(--r-ink-3);transition:fill .16s ease}.rec-dot.on{fill:var(--r-grass)}.rec-hub{fill:var(--r-grass-soft);stroke:var(--r-grass);stroke-width:2}.rec-hub-label{font-family:var(--r-sans);font-weight:700;font-size:18px;fill:var(--r-grass-deep)}.hero-record .bridge-row.row-on{background:var(--r-grass-soft)}.overlay-block{margin-top:.85rem;padding-top:.7rem;border-top:1px dashed var(--r-line-2)}.overlay-head{display:flex;align-items:center;gap:.45rem;font-size:var(--r-micro);color:var(--r-ink-3);margin-bottom:.5rem}.overlay-head:before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--r-ink-3);background:transparent}.overlay-list{display:grid;gap:.4rem}.overlay-row,.hero-overlay{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .5rem;font-size:var(--r-small)}.overlay-name{font-weight:600;color:var(--r-ink)}.hero-overlay{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--r-line-2)}.overlay-src{font-weight:600;color:var(--r-ink-2)}.overlay-id{font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-grass-deep);border-bottom:1px solid var(--r-grass-line)}.overlay-id:hover{border-bottom-color:var(--r-grass)}.overlay-conf{margin-left:auto;font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-3);background:var(--r-surface-3);padding:.08rem .4rem;border-radius:5px}.overlay-more{font-size:var(--r-micro);color:var(--r-ink-3)}.overlay-inherited{margin-top:.6rem}.overlay-inherited:empty{margin-top:0}.overlay-inherited-head{display:block;font-size:var(--r-micro);color:var(--r-ink-3);margin-bottom:.4rem}.overlay-ids{display:flex;flex-wrap:wrap;gap:.3rem}.overlay-pill{font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-2);background:var(--r-surface-3);border:1px solid var(--r-line);border-radius:6px;padding:.1rem .4rem}.overlay-pill em{font-style:normal;color:var(--r-ink-3)}.rec-table-cap{display:flex;justify-content:space-between;gap:.5rem;font-size:var(--r-micro);letter-spacing:0;color:var(--r-ink-3);padding:0 0 .4rem;border-bottom:1px solid var(--r-line)}.rec-foot{margin:.7rem 0 0;font-size:var(--r-micro);color:var(--r-ink-3);line-height:1.5}.alias-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .7rem}.bridge-list{display:block;margin-top:.15rem}.bridge-row{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:.6rem;align-items:baseline;padding:.46rem 0;border-bottom:1px solid var(--r-line);font-size:var(--r-small)}.bridge-row:last-child{border-bottom:0}.bridge-provider{font-weight:600;color:var(--r-grass-deep)}.bridge-id{font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-2);word-break:break-all}.statband{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--r-line-2);border-radius:var(--r-radius);overflow:hidden;background:var(--r-surface);margin:.4rem 0 0}.stat-cell{padding:1rem 1.1rem;border-right:1px solid var(--r-line)}.stat-cell:last-child{border-right:0}.stat-num{display:block;font-family:var(--r-mono);font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,1rem + 1vw,1.85rem);font-weight:600;color:var(--r-grass-deep);line-height:1;letter-spacing:-.01em}.stat-cap{display:block;margin-top:.4rem;font-size:var(--r-micro);color:var(--r-ink-3);letter-spacing:.02em}.stat-cap.def-term{text-decoration:underline dotted;text-underline-offset:3px;cursor:help;width:fit-content}.stat-cap.def-term:focus-visible{outline:2px solid var(--r-grass);outline-offset:2px;border-radius:2px}.def-tip{position:fixed;z-index:60;max-width:min(340px,86vw);padding:.7rem .8rem;border-radius:10px;background:var(--r-ink, #11171a);color:#fff;font-size:.84rem;line-height:1.45;box-shadow:0 8px 24px #0a140f47;pointer-events:none}.def-tip[hidden]{display:none}.def-tip .eg{display:block;margin-top:.4rem;opacity:.8;font-size:.8rem}.def-tip .eg:before{content:"e.g. ";opacity:.7}.provider-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.9rem 0 0;font-size:var(--r-small);color:var(--r-ink-3)}.provider-strip .label{font-size:var(--r-small);letter-spacing:0;color:var(--r-ink-2);font-weight:600}.provider-strip .prov{font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-2);padding:.12rem .45rem;background:var(--r-surface-3);border-radius:6px}.provider-strip .strip-note{font-size:var(--r-micro);color:var(--r-ink-3)}.section{padding:var(--r-pad) 0;border-top:1px solid var(--r-line)}.section-head{max-width:70ch;margin-bottom:clamp(1.2rem,2vw,1.7rem)}.section h2{margin:0;font-size:var(--r-h2);font-weight:700;line-height:1.08;letter-spacing:-.015em;max-width:22ch}.lede{margin:.65rem 0 0;color:var(--r-ink-2);font-size:var(--r-lede);line-height:1.55;max-width:68ch}.card{background:var(--r-surface);border:1px solid var(--r-line);border-radius:var(--r-radius);padding:clamp(1rem,1.4vw,1.3rem);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.card:hover{border-color:var(--r-line-3);transform:translateY(-2px);box-shadow:0 16px 36px -30px #11171a8c}.card>.mini-label{margin-bottom:.4rem}.spine-demo{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(330px,1.08fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}.spine-map{display:grid;gap:.5rem}.spine-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.spine-node{position:relative;width:100%;text-align:left;padding:.7rem .8rem;background:var(--r-surface);border:1px solid var(--r-line-2);border-radius:var(--r-radius-sm);cursor:pointer;font-family:var(--r-sans);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.spine-node:before{content:"";position:absolute;top:.85rem;left:.8rem;width:7px;height:7px;border-radius:50%;background:var(--r-line-3);transition:background .16s ease,box-shadow .16s ease}.spine-node small,.spine-node strong,.spine-node span{padding-left:1.05rem;display:block}.spine-node small{font-size:var(--r-micro);letter-spacing:0;color:var(--r-ink-3)}.spine-node strong{font-size:.98rem;line-height:1.2;margin:.1rem 0;color:var(--r-ink)}.spine-node span{font-size:var(--r-micro);color:var(--r-ink-3)}.spine-node:hover{border-color:var(--r-line-3);transform:translateY(-1px)}.spine-node[aria-pressed=true]{border-color:var(--r-grass);background:var(--r-grass-soft);box-shadow:inset 0 0 0 1px var(--r-grass)}.spine-node[aria-pressed=true]:before{background:var(--r-grass);box-shadow:0 0 0 4px var(--r-grass-line)}.spine-node[aria-pressed=true] strong{color:var(--r-grass-deep)}.node-panel{position:sticky;top:64px;background:var(--r-surface);border:1px solid var(--r-line-2);border-radius:var(--r-radius);padding:clamp(1rem,1.6vw,1.4rem)}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--r-line)}.panel-top h3{margin:.3rem 0 0;font-size:clamp(1.3rem,1rem + 1vw,1.7rem);font-weight:700;letter-spacing:-.01em;line-height:1.1}.id-pill{display:inline-block;margin-top:.85rem;padding:.26rem .55rem;background:var(--r-surface-3);border:1px solid var(--r-line);border-radius:6px;font-family:var(--r-mono);font-size:var(--r-micro);color:var(--r-ink-2);word-break:break-all}.panel-copy{margin:.85rem 0 0;color:var(--r-ink-2);font-size:var(--r-small);line-height:1.6}#panel-bridges{margin-top:.6rem}.graph-wrap{display:grid;gap:.5rem}.graph{position:relative;height:clamp(440px,56vh,580px);background:radial-gradient(circle at 1px 1px,rgba(17,23,26,.05) 1px,transparent 1.6px) 0 0 / 22px 22px,var(--r-surface-2);border:1px solid var(--r-line);border-radius:var(--r-radius);overflow:hidden;touch-action:none}.graph-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gedge{stroke:var(--r-line-2);stroke-width:1.5px;transition:stroke .16s ease,stroke-width .16s ease}.gedge.hover{stroke:var(--r-grass-line)}.gedge.on{stroke:var(--r-grass);stroke-width:2.5px}.gnode{position:absolute;transform:translate(-50%,-50%);width:clamp(112px,29%,164px);padding:.5rem .6rem;background:var(--r-surface);border:1px solid var(--r-line-2);border-radius:9px;text-align:left;cursor:pointer;box-shadow:0 1px 2px #11171a0f;transition:border-color .16s ease,box-shadow .16s ease;z-index:2}.gnode:hover{border-color:var(--r-line-3)}.gnode:focus-visible{outline:2px solid var(--r-grass);outline-offset:2px}.gnode small{display:block;font-size:var(--r-micro);color:var(--r-ink-3)}.gnode strong{display:block;font-size:.9rem;line-height:1.15;color:var(--r-ink)}.gnode.neighbour{border-color:var(--r-grass-line)}.gnode[aria-pressed=true]{border-color:var(--r-grass);background:var(--r-grass-soft);z-index:4;animation:gnode-pulse 2.6s ease-in-out infinite}.gnode[aria-pressed=true] strong{color:var(--r-grass-deep)}@keyframes gnode-pulse{0%,to{box-shadow:inset 0 0 0 1px var(--r-grass),0 0 #0a5c3400,0 10px 22px -14px #0a5c3480}50%{box-shadow:inset 0 0 0 1px var(--r-grass),0 0 0 6px #0a5c341a,0 10px 22px -14px #0a5c3480}}@media(prefers-reduced-motion:reduce){.gnode[aria-pressed=true]{animation:none;box-shadow:inset 0 0 0 1px var(--r-grass),0 10px 22px -14px #0a5c3480}}.graph-hint{font-size:var(--r-micro);color:var(--r-ink-3)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-gap)}.data-card{background:var(--r-surface);border:1px solid var(--r-line);border-radius:var(--r-radius);padding:clamp(1rem,1.4vw,1.3rem)}.data-card .head{display:flex;align-items:center;gap:.5rem;padding-bottom:.7rem;margin-bottom:.5rem;border-bottom:1px solid var(--r-line);font-size:var(--r-small);letter-spacing:0;font-weight:700}.data-card .head.pos{color:var(--r-grass-deep)}.data-card .head.neg{color:var(--r-rust)}.plain-list{list-style:none;display:grid;gap:.6rem}.plain-list li{position:relative;padding-left:1.4rem;font-size:var(--r-small);line-height:1.5;color:var(--r-ink-2)}.plain-list li:before{content:"";position:absolute;left:.15rem;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--r-grass)}.plain-list.negative li:before{border-radius:2px;background:var(--r-rust)}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-gap)}.audience-card h3,.lesson h3,.trust-card h3,.pathway h3{font-size:var(--r-h3);font-weight:700;line-height:1.22;letter-spacing:-.005em;margin:.1rem 0 .5rem}.audience-card p,.lesson p,.trust-card p,.pathway p{color:var(--r-ink-2);font-size:var(--r-small);line-height:1.55}.mini-label{display:block;font-size:var(--r-small);letter-spacing:0;color:var(--r-grass-deep);font-weight:600}.action-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.85rem}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-gap)}.lesson{display:grid;gap:.55rem;align-content:start}.lesson-line{display:grid;gap:.15rem}.lesson-line strong{font-size:var(--r-micro);letter-spacing:0;color:var(--r-ink-3);font-weight:700}.lesson-line.approach strong{color:var(--r-grass)}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--r-gap)}.trust-card{display:flex;gap:.65rem}.trust-card .tick{flex:none;width:9px;height:9px;margin-top:.45rem;border-radius:50%;background:var(--r-grass);box-shadow:0 0 0 3px var(--r-grass-soft)}.pathways{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--r-gap)}.pathway{display:flex;flex-direction:column}.pathway .grow{flex:1}.pathway .go{margin-top:1rem}.r-footer{margin-top:var(--r-pad);padding:clamp(1.6rem,3vw,2.4rem) clamp(.9rem,2vw,1.6rem) 2.4rem;border-top:1px solid var(--r-line-2)}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.foot-nav{display:flex;flex-wrap:wrap;gap:.3rem}.foot-nav a{padding:.3rem .55rem;font-size:var(--r-small);color:var(--r-ink-2);border-radius:6px}.foot-nav a:hover{color:var(--r-ink);background:var(--r-surface-3)}.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--r-line);font-size:var(--r-small);color:var(--r-ink-3)}.foot-bottom code{font-family:var(--r-mono);font-size:.82em;color:var(--r-ink-2)}@media(max-width:1080px){.trust-grid,.pathways{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-grid{grid-template-columns:1fr}}@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-deco{display:none}.hero h1,.hero-claim{max-width:none}.spine-demo{grid-template-columns:1fr}.node-panel{position:static}.lesson-grid{grid-template-columns:1fr}.statband{grid-template-columns:repeat(2,1fr)}.stat-cell{border-bottom:1px solid var(--r-line)}}@media(max-width:680px){body{width:auto}main{padding:0 1rem}.two-col,.trust-grid,.pathways,.spine-row,.statband{grid-template-columns:1fr}.stat-cell{border-right:0}.bridge-row{grid-template-columns:1fr;gap:.15rem}.graph{height:clamp(430px,74vh,540px)}.gnode{width:clamp(92px,40%,128px);padding:.4rem .45rem}.gnode strong{font-size:.82rem}}
