/* Behind the Signal — _beachside founder/operator trust artifact */
:root{
  --base:#05080b;--base2:#07111a;--panel:#09141d;--panel2:#0c1b25;
  --glass:rgba(9,20,29,.68);--line:rgba(224,246,255,.11);--line2:rgba(224,246,255,.19);
  --cyan:#2bd0ff;--mint:#43e8d8;--green:#3ef0a0;--sand:#efe6d1;--gold:#fbb541;--coral:#d27469;--violet:#b154c4;
  --ink:#c6d2d8;--bright:#f3f8f8;--muted:#7d8e97;--maxw:1180px;--ease:cubic-bezier(.22,.61,.36,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(900px 520px at 80% -10%,rgba(43,208,255,.12),transparent 62%),radial-gradient(680px 440px at 12% 16%,rgba(210,116,105,.12),transparent 58%),linear-gradient(180deg,#05080b,#07111a 42%,#05080b)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--bright);line-height:1.04;letter-spacing:-.035em}.shell{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:clamp(72px,9vw,124px) 0;border-top:1px solid var(--line)}.eyebrow{margin:0 0 14px;color:var(--cyan);font:600 12px/1.2 "JetBrains Mono",monospace;letter-spacing:.22em;text-transform:uppercase}.section-head{max-width:720px;margin:0 auto 44px;text-align:center}.section-head.left{text-align:left;margin-left:0}.section-head h2,.split h2,.cartographer-copy h2,.human-shell h2,.now-shell h2,.verify-shell h2,.cta h2{font-size:clamp(2rem,4.2vw,3.35rem)}.section-head p,.prose p,.short-version p,.cartographer-copy p,.human-note,.now-board p,.cta p{color:var(--ink);font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border-radius:999px;padding:13px 20px;font-weight:700;font-size:14px;letter-spacing:-.01em;border:1px solid transparent;transition:transform .18s var(--ease),border-color .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#031119;background:linear-gradient(180deg,#7df6e2 0%,#2bd0ff 72%,#1599c6);box-shadow:0 18px 45px rgba(43,208,255,.24)}.btn.ghost{color:var(--bright);background:rgba(255,255,255,.03);border-color:var(--line2)}.btn.ghost:hover{border-color:rgba(43,208,255,.7)}
.signal-header{position:fixed;top:0;left:0;right:0;z-index:30;padding:16px 0;border-bottom:1px solid transparent;transition:padding .25s,background .25s,border-color .25s,backdrop-filter .25s}.signal-header.scrolled{padding:9px 0;background:rgba(5,8,11,.78);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-wordmark{width:245px;height:auto;filter:drop-shadow(0 8px 22px rgba(0,0,0,.45))}.lane{font:600 13px/1 "JetBrains Mono",monospace;color:var(--mint);letter-spacing:.08em;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{font-size:14px;color:var(--ink);transition:color .2s}.site-nav a:hover{color:var(--bright)}.site-nav .nav-cta{padding:9px 14px;border:1px solid var(--line2);border-radius:999px;color:var(--bright);background:rgba(255,255,255,.03)}.nav-toggle{display:none;background:none;border:0;width:42px;height:42px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--bright);border-radius:2px;margin:0 auto;transition:.24s}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:128px 0 72px}.hero-bg{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(3,8,12,.88),rgba(3,8,12,.52) 52%,rgba(3,8,12,.76)),url(../../assets/hero.png) center 42%/cover no-repeat;transform:scale(1.02)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background:linear-gradient(rgba(43,208,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(43,208,255,.055) 1px,transparent 1px),radial-gradient(ellipse at 75% 58%,rgba(67,232,216,.17),transparent 42%);background-size:72px 72px,72px 72px,100% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.12),#000 24%,#000 82%,rgba(0,0,0,.2))}.hero-shell{display:grid;grid-template-columns:minmax(0,1.05fr) 430px;gap:58px;align-items:end}.hero h1{font-size:clamp(3.2rem,8vw,7.2rem);max-width:8ch;margin:0 0 18px}.dek{max-width:680px;color:#d4e1e4;font-size:clamp(1.08rem,1.75vw,1.34rem);line-height:1.55;margin:0 0 30px}.dek span{color:var(--mint);font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions.center{justify-content:center}.operator-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(12,27,37,.76),rgba(7,17,26,.88));border:1px solid var(--line2);border-radius:28px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px)}.operator-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(280px 180px at 80% 0,rgba(43,208,255,.2),transparent 70%),radial-gradient(280px 180px at 0 100%,rgba(251,181,65,.12),transparent 68%);pointer-events:none}.operator-card>*{position:relative}.card-topline{font:600 11px/1.4 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:9px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(62,240,160,.08),0 0 20px rgba(62,240,160,.5)}.operator-card h2{font-size:2.45rem;margin:24px 0 10px}.operator-card p{color:var(--sand);font-weight:600;margin-bottom:24px}.cred-strip{display:flex;flex-wrap:wrap;gap:9px}.cred-strip span{font:600 11px/1.2 "JetBrains Mono",monospace;color:#cfe8ec;border:1px solid rgba(43,208,255,.22);background:rgba(43,208,255,.055);border-radius:999px;padding:8px 10px}.split{display:grid;grid-template-columns:.78fr 1.22fr;gap:62px;align-items:start}.split.narrow{max-width:980px}.short-version h2{font-size:clamp(1.7rem,3.15vw,2.75rem);line-height:1.14;margin-bottom:22px}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-card,.instrument,.human-card,.principle{background:linear-gradient(180deg,rgba(12,27,37,.74),rgba(9,20,29,.82));border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.proof-card{min-height:272px}.proof-card .index{font:600 12px/1 "JetBrains Mono",monospace;color:var(--cyan);letter-spacing:.16em}.proof-card h3{font-size:1.18rem;line-height:1.16;margin:48px 0 12px}.proof-card p,.instrument p,.human-card span{font-size:.94rem;color:var(--muted);margin:0}.cartographer{background:linear-gradient(180deg,#05080b,#07131c 48%,#05080b)}.cartographer-shell{display:grid;grid-template-columns:460px minmax(0,1fr);gap:68px;align-items:center}.map-panel{position:relative;aspect-ratio:1;border-radius:30px;border:1px solid rgba(43,208,255,.2);overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(43,208,255,.11),transparent 30%),linear-gradient(180deg,rgba(12,27,37,.85),rgba(4,10,15,.95));box-shadow:0 32px 90px rgba(0,0,0,.44),inset 0 0 80px rgba(43,208,255,.045)}.radar{position:absolute;inset:44px;border-radius:50%;border:1px solid rgba(43,208,255,.22);background:repeating-radial-gradient(circle,transparent 0 44px,rgba(43,208,255,.11) 45px,transparent 46px),conic-gradient(from 210deg,transparent,rgba(43,208,255,.28),transparent 30%)}.map-panel svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.map-panel path{stroke:rgba(239,230,209,.42);stroke-width:1.4;filter:drop-shadow(0 0 8px rgba(43,208,255,.25))}.map-node{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}.map-node.n1{left:28%;top:70%}.map-node.n2{left:46%;top:42%;background:var(--green);box-shadow:0 0 24px var(--green)}.map-node.n3{left:68%;top:52%;background:var(--gold);box-shadow:0 0 24px var(--gold)}.map-node.n4{left:78%;top:28%;background:var(--violet);box-shadow:0 0 24px var(--violet)}.panel-caption{position:absolute;left:22px;right:22px;bottom:22px;color:var(--muted);font:600 11px/1.3 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.stack-list{display:grid;gap:10px;margin:26px 0}.stack-list div{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.stack-list b{color:var(--bright)}.stack-list span{color:var(--muted)}.translation{border-left:2px solid var(--cyan);padding-left:18px;color:#d9e8e9!important}.builder{background:#06090d}.instrument-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.instrument h3{font-size:1.25rem;margin-bottom:12px}.human-shell{display:grid;grid-template-columns:.55fr 1fr;gap:48px;align-items:start}.human-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.human-card b{display:block;color:var(--bright);font-size:1.04rem;margin-bottom:8px}.human-note{grid-column:2;max-width:760px;color:var(--sand);border-top:1px solid var(--line);padding-top:22px;margin:8px 0 0}.now-board{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(9,20,29,.55)}.now-board div{padding:24px;border-right:1px solid var(--line)}.now-board div:last-child{border-right:0}.now-board span{font:600 11px/1 "JetBrains Mono",monospace;color:var(--cyan);letter-spacing:.16em}.now-board b{display:block;color:var(--bright);font-size:1.05rem;line-height:1.2;margin:30px 0 12px}.now-board p{font-size:.92rem;color:var(--muted);margin:0}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.principle{min-height:126px;color:var(--bright);font-weight:700;display:flex;align-items:flex-end}.verify{background:#06090d}.verify-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.verify-links{display:grid;gap:12px}.verify-links a{border:1px solid var(--line2);background:rgba(255,255,255,.03);border-radius:16px;padding:16px 18px;color:var(--bright);font-weight:700}.verify-links a:hover{border-color:rgba(43,208,255,.65)}.cta{text-align:center;background:radial-gradient(900px 360px at 50% 0,rgba(43,208,255,.16),transparent 72%),linear-gradient(180deg,#07131c,#05080b)}.cta-shell{max-width:780px}.cta-wordmark{width:min(520px,82vw);margin:0 auto 34px}.cta h2{font-size:clamp(2.6rem,6vw,5.5rem);margin-bottom:18px}.cta p{max-width:660px;margin:0 auto 28px;color:#d6e2e4}.footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:var(--ink)}.js .reveal{opacity:1;transform:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.btn:hover{transform:none}}
@media(max-width:980px){.hero-shell,.cartographer-shell,.split,.human-shell,.verify-shell{grid-template-columns:1fr}.operator-card{max-width:560px}.proof-grid,.now-board,.principle-grid{grid-template-columns:repeat(2,1fr)}.now-board div{border-bottom:1px solid var(--line)}.now-board div:nth-child(2){border-right:0}.now-board div:nth-child(3),.now-board div:nth-child(4){border-bottom:0}.human-note{grid-column:1}.instrument-row{grid-template-columns:1fr}.brand-wordmark{width:210px}.site-nav{gap:18px}.stack-list div{grid-template-columns:1fr;gap:6px}}
@media(max-width:740px){.nav-toggle{display:flex}.site-nav{position:fixed;inset:0 0 auto 0;top:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:rgba(5,8,11,.97);backdrop-filter:blur(16px);padding:92px 24px 28px;transform:translateY(-100%);transition:transform .3s var(--ease);border-bottom:1px solid var(--line)}body.nav-open .site-nav{transform:translateY(0)}.site-nav a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:17px}.site-nav .nav-cta{text-align:center;margin-top:10px}body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{align-items:flex-end}.hero-shell{gap:32px}.operator-card{border-radius:22px}.proof-grid,.human-grid,.now-board,.principle-grid{grid-template-columns:1fr}.now-board div,.now-board div:nth-child(2),.now-board div:nth-child(3){border-right:0;border-bottom:1px solid var(--line)}.now-board div:last-child{border-bottom:0}.brand-wordmark{width:164px}.lane{font-size:11px}.hero-actions .btn{width:100%}.footer-inner{display:grid;text-align:center;justify-content:center}.section{padding:64px 0}.shell{padding:0 18px}}
@media(max-width:420px){.brand-wordmark{width:134px}.lane{display:none}.hero h1{font-size:3.25rem}.operator-card h2{font-size:2rem}.cred-strip span{font-size:10px}.map-panel{border-radius:22px}}


/* ===== Round 2: intelligent visual grammar + microinteractions ===== */
.signal-tile,.instrument,.human-card,.principle,.boundary,.read-instrument,.stack-instrument,.decision-orbit{position:relative;isolation:isolate;transition:transform .22s var(--ease),border-color .22s,box-shadow .22s;background-image:radial-gradient(260px 160px at var(--mx,50%) var(--my,0%),rgba(43,208,255,.12),transparent 62%),linear-gradient(180deg,rgba(12,27,37,.74),rgba(9,20,29,.82))}.signal-tile::after,.instrument::after,.human-card::after,.principle::after,.boundary::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .22s;background:linear-gradient(135deg,rgba(43,208,255,.22),transparent 22%,transparent 72%,rgba(251,181,65,.12))}.signal-tile:hover,.instrument:hover,.human-card:hover,.principle:hover,.boundary:hover{transform:translateY(-4px);border-color:rgba(43,208,255,.36);box-shadow:0 24px 60px rgba(0,0,0,.32),0 0 0 1px rgba(43,208,255,.08)}.signal-tile:hover::after,.instrument:hover::after,.human-card:hover::after,.principle:hover::after,.boundary:hover::after{opacity:1}.proof-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.proof-card::before{content:"";position:absolute;top:0;right:0;width:38px;height:38px;background:linear-gradient(135deg,rgba(43,208,255,.0) 48%,rgba(43,208,255,.22) 50%,rgba(43,208,255,.05));pointer-events:none}.decision{background:radial-gradient(800px 420px at 76% 38%,rgba(67,232,216,.11),transparent 70%),#06090d}.decision-shell{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:58px;align-items:center}.decision-copy h2{font-size:clamp(2rem,4vw,3.25rem)}.decision-copy p{color:var(--ink);font-size:1.05rem;max-width:680px}.decision-orbit{height:470px;border:1px solid rgba(43,208,255,.2);border-radius:38px;background:radial-gradient(circle at 50% 50%,rgba(43,208,255,.14),transparent 24%),linear-gradient(180deg,rgba(12,27,37,.78),rgba(5,11,16,.92));overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.38)}.decision-orbit::before,.decision-orbit::after{content:"";position:absolute;inset:64px;border:1px solid rgba(43,208,255,.18);border-radius:50%;animation:slowspin 26s linear infinite}.decision-orbit::after{inset:116px;border-color:rgba(239,230,209,.13);animation-duration:18s;animation-direction:reverse}.orbit-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;text-align:center;text-transform:uppercase;font:800 19px/1 Inter,sans-serif;color:#041018;background:radial-gradient(circle at 35% 25%,#dffcff,#43e8d8 46%,#1599c6);box-shadow:0 0 40px rgba(43,208,255,.35)}.orbit-core span{display:block;font:600 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em}.orbit-node{position:absolute;border:1px solid rgba(43,208,255,.24);background:rgba(5,12,18,.72);color:var(--bright);border-radius:999px;padding:10px 14px;min-width:118px;text-align:left;backdrop-filter:blur(10px);cursor:default;transition:transform .2s,border-color .2s,background .2s}.orbit-node:hover{transform:scale(1.06);border-color:var(--cyan);background:rgba(43,208,255,.1)}.orbit-node b{display:block;font-size:13px}.orbit-node span{display:block;color:var(--muted);font:600 10px/1.4 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.orbit-node.n1{left:42px;top:80px}.orbit-node.n2{right:46px;top:76px}.orbit-node.n3{right:26px;top:214px}.orbit-node.n4{right:78px;bottom:70px}.orbit-node.n5{left:62px;bottom:72px}.orbit-node.n6{left:22px;top:230px}@keyframes slowspin{to{rotate:360deg}}
.cartographer-shell.v2{grid-template-columns:510px minmax(0,1fr)}.stack-instrument{min-height:610px;border:1px solid rgba(43,208,255,.22);border-radius:34px;padding:28px;background:radial-gradient(600px 320px at 50% 0,rgba(43,208,255,.11),transparent 70%),linear-gradient(180deg,rgba(9,20,29,.78),rgba(4,10,15,.95));overflow:hidden;box-shadow:0 38px 100px rgba(0,0,0,.42)}.terrain-lines{position:absolute;inset:0;opacity:.44;background:repeating-linear-gradient(166deg,transparent 0 34px,rgba(239,230,209,.09) 35px,transparent 36px),radial-gradient(circle at 28% 80%,rgba(43,208,255,.18),transparent 38%);mask-image:linear-gradient(#000,transparent 88%)}.stack-layer{position:relative;z-index:1;display:block;width:100%;text-align:left;margin:0 0 16px;padding:20px 22px 20px 24px;border:1px solid rgba(224,246,255,.13);background:rgba(5,12,18,.7);color:var(--bright);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));cursor:default;transition:transform .22s,border-color .22s,background .22s}.stack-layer:hover{transform:translateX(10px);border-color:rgba(43,208,255,.48);background:rgba(43,208,255,.075)}.stack-layer span{display:block;color:var(--cyan);font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.16em;margin-bottom:10px}.stack-layer b{display:block;font-size:1.08rem}.stack-layer em{display:block;color:var(--muted);font-style:normal;font-size:.88rem;margin-top:4px}.stack-layer.l2{margin-left:18px;width:calc(100% - 18px)}.stack-layer.l3{margin-left:36px;width:calc(100% - 36px)}.stack-layer.l4{margin-left:54px;width:calc(100% - 54px)}.stack-output{position:relative;z-index:1;margin:30px 0 0 74px;padding:22px;border-radius:0 28px 28px 28px;background:linear-gradient(135deg,rgba(43,208,255,.24),rgba(62,240,160,.08));border:1px solid rgba(67,232,216,.35);box-shadow:0 18px 60px rgba(43,208,255,.11)}.stack-output span{display:block;color:var(--mint);font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.18em}.stack-output b{display:block;color:var(--bright);font-size:1.4rem;margin-top:8px}.signal-artifact{background:linear-gradient(180deg,#05080b,#07131c 48%,#05080b)}.artifact-shell .section-head{max-width:760px}.read-instrument{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;border:1px solid rgba(43,208,255,.22);border-radius:34px;padding:26px;background:radial-gradient(700px 320px at 12% 0,rgba(43,208,255,.13),transparent 68%),rgba(7,17,26,.75);overflow:hidden}.surface-scan{border:1px solid rgba(224,246,255,.12);border-radius:24px;overflow:hidden;background:#050a0f;min-height:430px}.scan-header{height:44px;border-bottom:1px solid rgba(224,246,255,.1);display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);font:600 11px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.16em}.scan-header span{width:9px;height:9px;border-radius:50%;background:rgba(224,246,255,.22)}.scan-header b{margin-left:8px}.scan-body{position:relative;height:386px;background:linear-gradient(rgba(43,208,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,208,255,.04) 1px,transparent 1px),radial-gradient(300px 180px at 48% 50%,rgba(43,208,255,.12),transparent 68%);background-size:42px 42px,42px 42px,100% 100%}.scan-line{position:absolute;left:9%;right:9%;height:10px;border-radius:999px;background:rgba(239,230,209,.1)}.scan-line.s1{top:21%;width:72%}.scan-line.s2{top:43%;width:54%}.scan-line.s3{top:66%;width:82%}.hotspot{position:absolute;max-width:176px;text-align:left;border:1px solid rgba(43,208,255,.34);background:rgba(6,14,20,.82);color:var(--bright);border-radius:16px;padding:11px 12px;box-shadow:0 0 0 7px rgba(43,208,255,.045);cursor:default;transition:transform .2s,border-color .2s}.hotspot:hover{transform:translateY(-4px) scale(1.03);border-color:var(--mint)}.hotspot b{display:block;font-size:13px}.hotspot span{display:block;color:var(--muted);font-size:11px;line-height:1.35}.hotspot.h1{left:12%;top:16%}.hotspot.h2{right:10%;top:33%}.hotspot.h3{left:18%;bottom:20%}.hotspot.h4{right:12%;bottom:10%}.read-output{display:grid;gap:14px}.read-output div{border:1px solid rgba(224,246,255,.12);border-radius:20px;padding:22px;background:rgba(5,12,18,.56)}.read-output span{color:var(--cyan);font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.16em}.read-output b{display:block;color:var(--bright);font-size:1.05rem;margin:18px 0 8px}.read-output p{color:var(--muted);margin:0;font-size:.92rem}.boundaries{background:#06090d}.boundaries-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.boundaries h2{font-size:clamp(2rem,4vw,3.1rem)}.boundary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.boundary{min-height:104px;border:1px solid rgba(224,246,255,.11);border-radius:22px;padding:20px;color:var(--bright);font-weight:800;display:flex;align-items:flex-end;gap:12px;background:linear-gradient(180deg,rgba(12,27,37,.66),rgba(9,20,29,.78))}.boundary span{color:var(--coral);font:800 22px/1 "JetBrains Mono",monospace}.principle{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
@media(max-width:980px){.decision-shell,.cartographer-shell.v2,.read-instrument,.boundaries-shell{grid-template-columns:1fr}.decision-orbit{max-width:520px}.stack-instrument{min-height:auto}.boundary-list{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.decision-orbit{height:430px;border-radius:28px}.orbit-node{min-width:102px;padding:9px 10px}.orbit-node.n1{left:16px;top:66px}.orbit-node.n2{right:14px;top:66px}.orbit-node.n3{right:12px;top:196px}.orbit-node.n4{right:34px;bottom:54px}.orbit-node.n5{left:32px;bottom:54px}.orbit-node.n6{left:12px;top:208px}.stack-layer,.stack-layer.l2,.stack-layer.l3,.stack-layer.l4{margin-left:0;width:100%;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.stack-output{margin-left:0}.read-instrument{padding:16px;border-radius:26px}.surface-scan{min-height:370px}.scan-body{height:326px}.hotspot{max-width:150px}.hotspot.h2{right:5%}.hotspot.h4{right:5%}.boundary-list{grid-template-columns:1fr}.signal-tile:hover,.instrument:hover,.human-card:hover,.principle:hover,.boundary:hover,.stack-layer:hover,.hotspot:hover,.orbit-node:hover{transform:none}}


/* ===== Round 3: semantic instruments, not decorative boxes ===== */
.field-console{min-height:430px;padding-top:214px}.console-map{position:absolute;left:18px;right:18px;top:18px;height:176px;border:1px solid rgba(43,208,255,.18);border-radius:22px;overflow:hidden;background:radial-gradient(240px 140px at 62% 42%,rgba(43,208,255,.15),transparent 68%),linear-gradient(180deg,rgba(5,12,18,.68),rgba(3,8,12,.84))}.console-map::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(43,208,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(43,208,255,.045) 1px,transparent 1px);background-size:28px 28px}.console-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none}.console-map .coast{stroke:rgba(239,230,209,.42);stroke-width:1.4}.console-map .route{stroke:rgba(43,208,255,.46);stroke-width:1.2;stroke-dasharray:5 6;filter:drop-shadow(0 0 8px rgba(43,208,255,.45));animation:dashflow 10s linear infinite}.console-map .r2{stroke:rgba(62,240,160,.38);animation-duration:13s}.field-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.field-point::after{content:attr(data-label);position:absolute;left:14px;top:-4px;color:var(--muted);font:700 9px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em}.field-point.p1{left:28%;top:64%}.field-point.p2{left:58%;top:42%;background:var(--green);box-shadow:0 0 18px var(--green)}.field-point.p3{left:79%;top:30%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.scan-sweep{position:absolute;top:-20%;bottom:-20%;width:34%;left:-40%;background:linear-gradient(90deg,transparent,rgba(43,208,255,.12),transparent);transform:skewX(-16deg);animation:sweep 5.8s var(--ease) infinite}.console-readout{position:relative;margin-top:18px;border-top:1px solid rgba(224,246,255,.1);padding-top:14px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:700 10px/1.4 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.13em}.console-readout b{color:var(--cyan)}@keyframes sweep{0%{left:-42%}58%,100%{left:110%}}@keyframes dashflow{to{stroke-dashoffset:-120}}
.stack-instrument{--layerHue:43,208,255}.stack-instrument::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 280px at var(--fx,38%) var(--fy,54%),rgba(var(--layerHue),.14),transparent 70%);pointer-events:none;transition:background .25s}.stack-layer.active{border-color:rgba(var(--layerHue),.72);background:rgba(var(--layerHue),.085);box-shadow:0 16px 45px rgba(var(--layerHue),.09)}.stack-field{position:relative;z-index:2;margin-top:18px;padding:18px 20px;border-radius:22px;border:1px solid rgba(43,208,255,.22);background:rgba(5,12,18,.66);min-height:112px}.stack-field b{display:block;color:var(--bright);font-size:1.12rem;margin-bottom:8px}.stack-field span{display:block;color:var(--muted);font-size:.93rem;line-height:1.45}.stack-instrument[data-active-layer="geo"]{--layerHue:43,208,255;--fx:24%;--fy:26%}.stack-instrument[data-active-layer="sig"]{--layerHue:62,240,160;--fx:58%;--fy:34%}.stack-instrument[data-active-layer="hum"]{--layerHue:251,181,65;--fx:42%;--fy:62%}.stack-instrument[data-active-layer="bus"]{--layerHue:177,84,196;--fx:68%;--fy:76%}.stack-instrument[data-active-layer="sig"] .terrain-lines{background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(62,240,160,.14) 25px,transparent 26px),radial-gradient(circle at 64% 36%,rgba(62,240,160,.22),transparent 34%)}.stack-instrument[data-active-layer="hum"] .terrain-lines{background:radial-gradient(circle at 34% 68%,rgba(251,181,65,.2),transparent 24%),radial-gradient(circle at 64% 46%,rgba(251,181,65,.15),transparent 22%),repeating-linear-gradient(160deg,transparent 0 34px,rgba(251,181,65,.12) 35px,transparent 36px)}.stack-instrument[data-active-layer="bus"] .terrain-lines{background:linear-gradient(120deg,transparent 0 45%,rgba(177,84,196,.16) 46%,transparent 47%),linear-gradient(40deg,transparent 0 52%,rgba(43,208,255,.14) 53%,transparent 54%),radial-gradient(circle at 72% 72%,rgba(177,84,196,.18),transparent 34%)}
.hotspot.active{border-color:var(--mint);background:rgba(43,208,255,.11);box-shadow:0 0 0 7px rgba(67,232,216,.07),0 14px 34px rgba(0,0,0,.3)}.surface-scan[data-active-gap="proof"] .scan-line.s1,.surface-scan[data-active-gap="trust"] .scan-line.s2,.surface-scan[data-active-gap="local"] .scan-line.s3,.surface-scan[data-active-gap="friction"] .scan-line.s2{background:linear-gradient(90deg,rgba(43,208,255,.12),rgba(67,232,216,.34),rgba(43,208,255,.12));box-shadow:0 0 22px rgba(43,208,255,.22)}.read-output .active-read{background:radial-gradient(240px 140px at 0 0,rgba(43,208,255,.13),transparent 70%),rgba(5,12,18,.72);border-color:rgba(43,208,255,.28)}.read-output div{transition:border-color .2s,background .2s,transform .2s}.read-output div:hover{border-color:rgba(43,208,255,.34);transform:translateY(-2px)}
@media(max-width:740px){.field-console{min-height:auto;padding-top:186px}.console-map{height:150px}.console-readout{display:block}.console-readout span{display:block;margin-top:4px}.stack-field{min-height:auto}.read-output div:hover{transform:none}}


/* ===== Flow pass: tessellated signal field + less PDF-deck scrolling ===== */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:linear-gradient(30deg,rgba(43,208,255,.045) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(239,230,209,.025) 1px,transparent 1px);background-size:86px 149px,86px 149px,86px 149px;background-position:0 0,0 0,0 0;mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 76%)}
.hero-grid{opacity:.42;background:linear-gradient(30deg,rgba(43,208,255,.075) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(239,230,209,.035) 1px,transparent 1px),radial-gradient(ellipse at 75% 58%,rgba(67,232,216,.17),transparent 42%);background-size:78px 135px,78px 135px,78px 135px,100% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.08),#000 24%,#000 82%,rgba(0,0,0,.16))}
.section{position:relative;border-top:0;overflow:hidden}.section::before{content:"";position:absolute;left:50%;top:-110px;width:min(1060px,92vw);height:220px;translate:-50% 0;pointer-events:none;opacity:.55;background:radial-gradient(ellipse at 18% 40%,rgba(43,208,255,.07),transparent 58%),radial-gradient(ellipse at 82% 52%,rgba(251,181,65,.045),transparent 62%),linear-gradient(90deg,transparent,rgba(224,246,255,.08),transparent);mask-image:linear-gradient(180deg,transparent,#000 34%,transparent)}
.section + .section{margin-top:-1px}.hero{box-shadow:inset 0 -140px 130px rgba(5,8,11,.96)}.short-version{background:linear-gradient(180deg,rgba(5,8,11,.16),rgba(5,8,11,.78) 28%,rgba(5,8,11,.92) 100%)}.backbone{background:radial-gradient(680px 360px at 18% 8%,rgba(43,208,255,.045),transparent 70%)}.decision{background:radial-gradient(800px 420px at 76% 38%,rgba(67,232,216,.11),transparent 70%),radial-gradient(680px 320px at 12% 92%,rgba(251,181,65,.04),transparent 64%),linear-gradient(180deg,rgba(6,9,13,.4),rgba(7,17,26,.55),rgba(5,8,11,.62))}.cartographer{background:radial-gradient(760px 420px at 22% 44%,rgba(43,208,255,.07),transparent 72%),linear-gradient(180deg,rgba(5,8,11,.72),rgba(7,19,28,.58) 48%,rgba(5,8,11,.75))}.why,.builder,.now,.verify{background:transparent}.signal-artifact{background:radial-gradient(840px 420px at 68% 32%,rgba(43,208,255,.07),transparent 72%),linear-gradient(180deg,rgba(5,8,11,.68),rgba(7,19,28,.52),rgba(5,8,11,.72))}.boundaries{background:radial-gradient(680px 360px at 74% 46%,rgba(210,116,105,.055),transparent 70%)}.cta{position:relative;background:radial-gradient(900px 360px at 50% 0,rgba(43,208,255,.16),transparent 72%),linear-gradient(180deg,rgba(7,19,28,.72),#05080b)}
/* soften the page into one long field while preserving readable waypoints */
.section:not(.cta){padding-top:clamp(78px,8.4vw,118px);padding-bottom:clamp(78px,8.4vw,118px)}.section-head,.split,.decision-shell,.cartographer-shell,.artifact-shell,.builder-shell,.human-shell,.now-shell,.boundaries-shell,.verify-shell{position:relative;z-index:1}.proof-grid,.instrument-row,.human-grid,.now-board,.principle-grid,.boundary-list,.read-instrument,.stack-instrument,.decision-orbit,.operator-card{box-shadow:0 22px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
/* internal instrument meshes should echo tessellated field rather than square graph paper */
.console-map::before,.scan-body{background:linear-gradient(30deg,rgba(43,208,255,.055) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(239,230,209,.028) 1px,transparent 1px),radial-gradient(300px 180px at 48% 50%,rgba(43,208,255,.12),transparent 68%);background-size:42px 73px,42px 73px,42px 73px,100% 100%}.terrain-lines{background:linear-gradient(30deg,rgba(43,208,255,.05) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.04) 1px,transparent 1px),radial-gradient(circle at 28% 80%,rgba(43,208,255,.18),transparent 38%)!important;background-size:54px 94px,54px 94px,100% 100%!important}
@media(max-width:740px){body::after{opacity:.2;background-size:58px 100px}.hero-grid{background-size:58px 100px,58px 100px,58px 100px,100% 100%}.section:not(.cta){padding-top:58px;padding-bottom:58px}.section::before{top:-86px;height:170px}}


/* ===== Analytical motion grammar: quiet chart instruments ===== */
.chart-motif{position:relative;isolation:isolate}.stream-motif{max-width:980px;height:190px;margin:6px 0 34px;border:1px solid rgba(43,208,255,.13);border-radius:28px;overflow:hidden;background:radial-gradient(520px 160px at 72% 44%,rgba(43,208,255,.08),transparent 70%),rgba(5,12,18,.34)}.stream-motif svg{position:absolute;inset:0;width:100%;height:100%;opacity:.62}.stream{mix-blend-mode:screen;animation:streamDrift 12s ease-in-out infinite alternate}.stream.s1{fill:rgba(43,208,255,.16)}.stream.s2{fill:rgba(67,232,216,.12);animation-delay:-3s}.stream.s3{fill:rgba(251,181,65,.09);animation-delay:-6s}.motif-label{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;gap:14px;color:rgba(198,210,216,.48);font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}@keyframes streamDrift{to{transform:translateX(-18px) scaleX(1.04)}}
.chord-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.chord-lines path{fill:none;stroke:rgba(43,208,255,.22);stroke-width:1.1;stroke-dasharray:2 7;animation:chordPulse 7s ease-in-out infinite}.chord-lines path:nth-child(2n){stroke:rgba(62,240,160,.18);animation-delay:-2s}.orbit-node,.orbit-core{z-index:2}.decision-orbit::before,.decision-orbit::after{z-index:1}@keyframes chordPulse{50%{stroke-opacity:.72;stroke-dashoffset:-30}}
.heat-hex{height:150px;margin-top:28px;border:1px solid rgba(43,208,255,.12);border-radius:24px;overflow:hidden;background:linear-gradient(30deg,rgba(43,208,255,.045) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.035) 1px,transparent 1px),radial-gradient(380px 140px at 50% 54%,rgba(43,208,255,.08),transparent 72%);background-size:36px 62px,36px 62px,100% 100%}.heat-hex span{position:absolute;left:var(--x);top:var(--y);width:30px;height:26px;translate:-50% -50%;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:rgba(43,208,255,calc(.07 + var(--v)*.25));box-shadow:0 0 calc(18px + var(--v)*24px) rgba(43,208,255,calc(.1 + var(--v)*.22));animation:heatBreathe 4.8s ease-in-out infinite alternate;animation-delay:calc(var(--v)*-2s)}.heat-hex b{position:absolute;left:18px;bottom:16px;color:rgba(198,210,216,.54);font:700 10px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}@keyframes heatBreathe{to{opacity:.48;transform:scale(1.18)}}
.barcode-strip{height:28px;border-bottom:1px solid rgba(224,246,255,.07);display:flex;gap:3px;align-items:stretch;padding:7px 14px;background:rgba(255,255,255,.012)}.barcode-strip i{display:block;width:calc(3px + var(--w,1)*2px);background:rgba(43,208,255,.24);border-radius:2px;animation:barcode 3.6s steps(2,end) infinite}.barcode-strip i:nth-child(2n){--w:2;background:rgba(239,230,209,.14);animation-delay:-1s}.barcode-strip i:nth-child(3n){--w:4;background:rgba(67,232,216,.22);animation-delay:-2s}.barcode-strip i:nth-child(5n){--w:1;background:rgba(251,181,65,.2);animation-delay:-.5s}@keyframes barcode{50%{opacity:.34}}
.waterfall-mini{height:124px;display:flex!important;align-items:flex-end;gap:10px}.waterfall-mini i{width:34px;height:var(--h);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--c),rgba(43,208,255,.08));opacity:.68;box-shadow:0 0 22px color-mix(in srgb,var(--c),transparent 72%)}.waterfall-mini b{margin-left:10px;color:var(--muted);font:700 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;max-width:150px}.read-output .waterfall-mini:hover{transform:none;border-color:rgba(43,208,255,.12)}
.sankey-motif{position:relative;height:122px;max-width:760px;margin:8px auto 26px;opacity:.82}.sankey-motif svg{position:absolute;inset:0;width:100%;height:100%}.sankey-motif .flow{fill:none;stroke:rgba(43,208,255,.2);stroke-width:18;stroke-linecap:round;filter:drop-shadow(0 0 16px rgba(43,208,255,.12));animation:sankeyFlow 6s ease-in-out infinite alternate}.sankey-motif .f2{stroke:rgba(67,232,216,.16);stroke-width:12;animation-delay:-2s}.sankey-motif .leak{fill:none;stroke:rgba(210,116,105,.18);stroke-width:9;stroke-linecap:round;stroke-dasharray:8 10}.sankey-motif span{position:absolute;color:rgba(198,210,216,.55);font:700 10px/1 "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.14em}.sankey-motif .a{left:1%;top:18px}.sankey-motif .b{left:42%;top:6px}.sankey-motif .c{left:64%;top:70px}.sankey-motif .d{right:0;top:30px}@keyframes sankeyFlow{to{stroke-opacity:.42;transform:translateY(2px)}}
@media(max-width:740px){.stream-motif{height:120px;margin-bottom:24px}.motif-label{font-size:8px;left:12px;right:12px}.heat-hex{height:118px}.waterfall-mini{height:104px}.waterfall-mini i{width:24px}.waterfall-mini b{font-size:8px}.sankey-motif{height:86px}.sankey-motif span{font-size:8px}.sankey-motif .flow{stroke-width:12}.sankey-motif .f2{stroke-width:8}}


/* Voice correction: warmer bottom starting-point board */
.knot-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px auto 28px;max-width:900px;text-align:left}
.knot-board button{position:relative;overflow:hidden;text-align:left;color:var(--ink);border:1px solid rgba(224,246,255,.14);border-radius:22px;background:linear-gradient(180deg,rgba(12,27,37,.68),rgba(5,12,18,.82));padding:18px 18px 16px;min-height:116px;cursor:default;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .22s,transform .22s,background .22s,box-shadow .22s}
.knot-board button::before{content:"";position:absolute;inset:auto 18px 0 18px;height:2px;background:linear-gradient(90deg,var(--cyan),rgba(67,232,216,.18),transparent);opacity:.44;transition:opacity .22s,transform .22s}
.knot-board button:hover{transform:translateY(-3px);border-color:rgba(43,208,255,.34);background:radial-gradient(260px 140px at 12% 0,rgba(43,208,255,.10),transparent 70%),linear-gradient(180deg,rgba(12,27,37,.78),rgba(5,12,18,.88));box-shadow:0 18px 46px rgba(0,0,0,.28)}
.knot-board button:hover::before{opacity:.9;transform:translateX(12px)}
.knot-board b{position:relative;display:block;color:var(--bright);font-size:1rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px}
.knot-board span{position:relative;color:var(--muted);font:700 10px/1.2 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:740px){.knot-board{grid-template-columns:1fr}.knot-board button:hover{transform:none}}

/* ===== Preserved Field Notes / Work Lanes polish ===== */
/* Field Notes section: narrative ledger, not capsule grid */
.field-notes-shell{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:54px;align-items:start}
.field-notes-head{position:sticky;top:110px;align-self:start}
.field-notes-head h2{font-size:clamp(2.15rem,4.3vw,4.4rem);line-height:.95;letter-spacing:-.07em;margin:0 0 20px;max-width:720px}
.field-notes-head p:not(.eyebrow){color:var(--muted);font-size:1.02rem;line-height:1.62;max-width:560px}
.notes-ledger{position:relative;border:1px solid rgba(150,235,240,.18);border-radius:30px;background:linear-gradient(145deg,rgba(8,21,28,.70),rgba(3,8,12,.84));box-shadow:0 34px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;padding:10px}
.notes-ledger::before{content:"";position:absolute;inset:0;background:radial-gradient(540px 360px at var(--mx,45%) var(--my,20%),rgba(43,208,255,.12),transparent 72%),linear-gradient(90deg,rgba(43,208,255,.035) 1px,transparent 1px),linear-gradient(rgba(43,208,255,.03) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px;pointer-events:none}
.note-row{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 22px;border-bottom:1px solid rgba(224,246,255,.09);z-index:1;transition:background .2s ease,transform .2s ease}
.note-row:last-child{border-bottom:0}
.note-row:hover{background:rgba(43,208,255,.045);transform:translateX(4px)}
.note-row span{color:var(--cyan);font:850 10px/1 "JetBrains Mono",monospace;letter-spacing:.18em;text-transform:uppercase;padding-top:4px}
.note-row h3{margin:0 0 8px;font-size:1.24rem;line-height:1.05;letter-spacing:-.035em;color:var(--bright)}
.note-row p{margin:0;color:rgba(211,222,226,.78);font-size:.94rem;line-height:1.55}
.card-reverse p{font-size:.88rem;line-height:1.42}
.profile-card-object{width:min(420px,100%)}
.card-front{min-height:500px}
@media(max-width:980px){.field-notes-shell{grid-template-columns:1fr}.field-notes-head{position:relative;top:auto}.note-row{grid-template-columns:128px 1fr}.profile-card-object{max-width:460px}}
@media(max-width:740px){.note-row{grid-template-columns:1fr;gap:8px;padding:20px 18px}.note-row h3{font-size:1.12rem}.note-row p{font-size:.86rem}.field-notes-head h2{font-size:2.35rem}.card-front{min-height:430px}.card-reverse p{font-size:.8rem}}


/* Field Notes ledger row placement fix */
.note-row span{grid-column:1;grid-row:1 / span 2}
.note-row h3{grid-column:2;grid-row:1}
.note-row p{grid-column:2;grid-row:2}
@media(max-width:740px){.note-row span,.note-row h3,.note-row p{grid-column:1;grid-row:auto}}


/* Work lanes: less card furniture, more path ledger */
.work-lanes{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(150,235,240,.18);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(7,18,24,.72),rgba(3,8,12,.88));box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07)}
.work-lanes::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 240px at var(--mx,50%) var(--my,30%),rgba(43,208,255,.10),transparent 70%);pointer-events:none}
.work-lanes article{position:relative;z-index:1;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;padding:26px 26px;border-right:1px solid rgba(224,246,255,.08);border-bottom:1px solid rgba(224,246,255,.08);transition:background .2s ease,transform .2s ease}
.work-lanes article:nth-child(2n){border-right:0}.work-lanes article:nth-child(n+3){border-bottom:0}
.work-lanes article:hover{background:rgba(43,208,255,.045);transform:translateY(-2px)}
.work-lanes span{grid-row:1 / span 2;color:var(--cyan);font:850 11px/1 "JetBrains Mono",monospace;letter-spacing:.18em}
.work-lanes h3{margin:0 0 8px;color:var(--bright);font-size:1.26rem;line-height:1;letter-spacing:-.035em}
.work-lanes p{margin:0;color:rgba(211,222,226,.78);font-size:.92rem;line-height:1.5}
@media(max-width:780px){.work-lanes{grid-template-columns:1fr}.work-lanes article{border-right:0!important;border-bottom:1px solid rgba(224,246,255,.08)!important;grid-template-columns:42px 1fr;padding:22px 18px}.work-lanes article:last-child{border-bottom:0!important}}


/* ===== Primetime SmartSubstrate hero: one shape, two states, no override sediment ===== */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:128px 0 72px;box-shadow:inset 0 -140px 130px rgba(5,8,11,.96)}
.hero::before{display:none!important}.hero-bg{display:none!important}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.38;background:linear-gradient(30deg,rgba(43,208,255,.075) 1px,transparent 1px),linear-gradient(150deg,rgba(67,232,216,.055) 1px,transparent 1px),radial-gradient(ellipse at 74% 44%,rgba(67,232,216,.13),transparent 42%);background-size:78px 135px,78px 135px,100% 100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.08),#000 24%,#000 82%,rgba(0,0,0,.16))}
.hero-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,560px);gap:58px;align-items:center;perspective:1200px}.hero h1{font-size:clamp(3.2rem,8vw,7.2rem);max-width:8ch;margin:0 0 18px}.dek{max-width:680px;color:#d4e1e4;font-size:clamp(1.08rem,1.75vw,1.34rem);line-height:1.55;margin:0 0 30px}.dek span{color:var(--mint);font-weight:700}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.scroll-cue{position:absolute;left:50%;bottom:50px;translate:-50% 0;display:inline-grid;place-items:center;gap:7px;color:rgba(198,210,216,.64);font:700 9px/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase}.scroll-cue::before{content:"";width:14px;height:28px;border:1px solid rgba(43,208,255,.48);border-radius:99px;box-shadow:0 0 18px rgba(43,208,255,.18)}.scroll-cue::after{content:"";position:absolute;top:7px;width:3px;height:7px;border-radius:99px;background:var(--cyan);animation:scrollDot 1.8s ease-in-out infinite}@keyframes scrollDot{50%{translate:0 8px;opacity:.45}}
.profile-card-object.substrate-credential{position:relative;isolation:isolate;width:min(680px,100%);min-height:610px;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;overflow:visible;transform:none}.substrate-texture,.substrate-starfield,.substrate-seams,.substrate-shape-kit,.front-sheen,.front-grid,.portrait-emission{display:none!important}
.card-face.card-front{position:relative;width:min(590px,98%);height:470px;min-height:470px;margin:0;padding:0;overflow:hidden;border:1px solid rgba(235,250,255,.42);border-radius:34px;background:rgba(6,13,17,.18);clip-path:polygon(0 11%,72% 11%,80% 1%,96% 1%,100% 6%,100% 74%,90% 74%,80% 100%,0 100%);box-shadow:0 38px 110px rgba(0,0,0,.54),0 0 58px rgba(99,222,255,.16),inset 0 0 44px rgba(255,255,255,.11);transition:box-shadow .55s ease,filter 1.05s cubic-bezier(.18,.78,.22,1)}.card-front::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.11),transparent 24%,rgba(255,255,255,.04) 52%,transparent 72%);opacity:.28;mix-blend-mode:screen;transition:opacity .28s ease}.card-front::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(88deg,rgba(255,255,255,.07) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 32px);opacity:.18}.substrate-credential:hover .card-front::before{opacity:.34}.substrate-credential:hover .card-front{box-shadow:0 42px 118px rgba(0,0,0,.58),0 0 72px rgba(99,222,255,.20),inset 0 0 50px rgba(255,255,255,.13)}
.front-portrait{position:absolute;inset:0;margin:0;border:0;border-radius:0;clip-path:none;overflow:hidden;z-index:1;pointer-events:none}.front-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.96) contrast(1.08) brightness(.82);transform:scale(1.02);transition:filter 1.15s cubic-bezier(.18,.78,.22,1),transform 1.15s cubic-bezier(.18,.78,.22,1),opacity 1.15s ease}.front-portrait::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,8,11,.05),rgba(2,8,11,.15) 38%,rgba(2,8,11,.74) 100%),linear-gradient(180deg,rgba(2,8,11,.05),rgba(2,8,11,.58) 88%);pointer-events:none;transition:background .8s ease,backdrop-filter .8s ease}
.substrate-activation{position:absolute;left:61.5%;top:38px;z-index:30;width:58px;height:4px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,rgba(37,128,157,.38),rgba(99,235,255,.96),rgba(37,128,157,.38));box-shadow:0 0 10px rgba(85,225,255,.38),0 0 1px rgba(255,255,255,.88) inset;transform:translateX(-50%) rotate(-2deg);cursor:pointer;opacity:.86;transition:width .24s ease,filter .24s ease,box-shadow .24s ease}.substrate-activation span{display:block;width:100%;height:100%}.substrate-activation:hover,.substrate-credential:hover .substrate-activation{width:78px;filter:brightness(1.28);box-shadow:0 0 18px rgba(99,235,255,.66),0 0 1px rgba(255,255,255,.96) inset}
.front-caption{position:absolute;right:34px;bottom:30px;width:238px;max-width:42%;z-index:12;padding:0;background:none;text-shadow:0 2px 18px rgba(0,0,0,.92);transition:opacity .55s ease,filter .55s ease}.front-caption span{display:block;color:var(--cyan);font:800 9px/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px}.front-caption h2{font-size:1.85rem;line-height:.98;margin:0 0 8px}.front-caption p{margin:0 0 10px;color:rgba(211,222,226,.78);font-size:.82rem;line-height:1.25}.front-caption b{display:block;color:var(--bright);font-size:.82rem;line-height:1.28;max-width:230px}
.substrate-story{position:absolute;inset:0;z-index:20;width:100%;height:100%;box-sizing:border-box;padding:112px 54px 38px 44px;overflow-y:auto;opacity:0;pointer-events:none;border:0;border-radius:0;clip-path:none;background:rgba(226,238,242,.34);color:#061015;box-shadow:inset 0 0 68px rgba(255,255,255,.30),inset 0 -34px 76px rgba(30,42,48,.18);backdrop-filter:blur(18px) saturate(.62);-webkit-backdrop-filter:blur(18px) saturate(.62);transition:opacity 1.05s cubic-bezier(.18,.78,.22,1);scrollbar-width:thin;scrollbar-color:rgba(8,34,42,.45) transparent}.substrate-story::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(235,244,247,.32),rgba(218,232,237,.28)),radial-gradient(circle at 48% 24%,rgba(255,255,255,.28),transparent 36%);backdrop-filter:blur(12px) saturate(.68);-webkit-backdrop-filter:blur(12px) saturate(.68)}.substrate-story>*{position:relative;z-index:1}.story-kicker{display:block;color:#03505d;font:800 7px/1 "JetBrains Mono",monospace;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.substrate-story h3{color:#041014;font-size:1.24rem;line-height:1.05;letter-spacing:-.045em;margin:0 0 8px;max-width:390px}.substrate-story p{color:rgba(4,16,20,.84);font-size:.74rem;line-height:1.34;margin:0 0 7px;max-width:420px}.substrate-story p b{color:#02090b}.story-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;max-width:470px}.story-actions a{display:flex;flex-direction:column;justify-content:center;min-height:36px;padding:7px;border:1px solid rgba(5,42,50,.20);border-radius:10px;background:rgba(255,255,255,.22);color:#041014}.story-actions span{color:#03505d;font:800 7px/1 "JetBrains Mono",monospace;margin-bottom:5px}.story-actions b{font-size:.56rem;line-height:1.1}
.substrate-credential.surface-open .front-portrait img{opacity:.78;filter:blur(18px) saturate(.50) contrast(1.10) brightness(1.02);transform:scale(1.11) skewX(-1deg)}.substrate-credential.surface-open .front-portrait::after{background:rgba(226,238,242,.32);backdrop-filter:blur(12px) saturate(.58);-webkit-backdrop-filter:blur(12px) saturate(.58)}.substrate-credential.surface-open .front-caption{opacity:0;filter:blur(8px)}.substrate-credential.surface-open .substrate-story{opacity:1;pointer-events:auto}
@media(max-width:980px){.hero-shell{grid-template-columns:1fr;align-items:center}.profile-card-object.substrate-credential{justify-self:center}.hero{min-height:auto}.scroll-cue{position:relative;left:auto;bottom:auto;translate:0 0;margin:28px auto 0;width:max-content}}
@media(max-width:740px){.hero{padding:112px 0 64px}.hero-shell{gap:34px}.card-face.card-front{width:96%;height:500px;min-height:500px}.front-caption{right:24px;width:210px;max-width:52%}.substrate-story{padding:108px 30px 34px}.substrate-story p{font-size:.70rem}.story-actions{grid-template-columns:1fr 1fr}.substrate-activation{left:62%;top:40px}.hero-actions .btn{width:100%}}



/* Primetime scroll cue correction */
.hero-text{position:relative}.hero .scroll-cue{position:absolute!important;left:50%!important;bottom:38px!important;translate:-50% 0!important;width:max-content!important;display:inline-grid!important;place-items:center!important;gap:7px!important;color:rgba(198,210,216,.64)!important;font:700 9px/1 "JetBrains Mono",monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important}.hero .scroll-cue::before{content:""!important;width:14px!important;height:28px!important;border:1px solid rgba(43,208,255,.48)!important;border-radius:99px!important;box-shadow:0 0 18px rgba(43,208,255,.18)!important}.hero .scroll-cue::after{content:""!important;position:absolute!important;top:7px!important;width:3px!important;height:7px!important;border-radius:99px!important;background:var(--cyan)!important;animation:scrollDot 1.8s ease-in-out infinite!important}@media(max-width:980px){.hero .scroll-cue{position:relative!important;left:auto!important;bottom:auto!important;translate:0 0!important;margin:28px auto 0!important}}


/* Primetime polish: actual hero scroll cue class + milky-but-photo-visible back */
.hero-copy{position:relative}.hero-scroll-cue{position:absolute!important;left:50%!important;bottom:-92px!important;translate:-50% 0!important;width:max-content!important;display:inline-grid!important;place-items:center!important;gap:7px!important;color:rgba(198,210,216,.62)!important;font:700 9px/1 "JetBrains Mono",monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important}.hero-scroll-cue span{display:block!important;width:14px!important;height:28px!important;border:1px solid rgba(43,208,255,.48)!important;border-radius:99px!important;box-shadow:0 0 18px rgba(43,208,255,.18)!important}.hero-scroll-cue span::after{content:"";display:block;width:3px;height:7px;border-radius:99px;background:var(--cyan);margin:6px auto 0;animation:scrollDot 1.8s ease-in-out infinite}.hero-scroll-cue b{font:inherit;color:inherit;text-transform:uppercase}.substrate-story{background:rgba(226,238,242,.18)!important;backdrop-filter:blur(10px) saturate(.76)!important;-webkit-backdrop-filter:blur(10px) saturate(.76)!important}.substrate-story::before{background:linear-gradient(180deg,rgba(235,244,247,.18),rgba(218,232,237,.13)),radial-gradient(circle at 48% 24%,rgba(255,255,255,.18),transparent 36%)!important;backdrop-filter:blur(4px) saturate(.76)!important;-webkit-backdrop-filter:blur(4px) saturate(.76)!important}.substrate-credential.surface-open .front-portrait img{opacity:.92!important;filter:blur(14px) saturate(.62) contrast(1.08) brightness(1.04)!important}.substrate-credential.surface-open .front-portrait::after{background:rgba(226,238,242,.18)!important;backdrop-filter:blur(8px) saturate(.70)!important;-webkit-backdrop-filter:blur(8px) saturate(.70)!important}.substrate-story p{color:rgba(3,13,17,.90)!important}.substrate-story h3{color:#02090b!important}.story-kicker{color:#034d5a!important}@media(max-width:980px){.hero-scroll-cue{position:relative!important;left:auto!important;bottom:auto!important;translate:0 0!important;margin:28px auto 0!important}}


/* ===== Primetime surface polish: lower page becomes one instrument suite ===== */
:root{--softLine:rgba(184,238,245,.16);--deepGlass:rgba(5,14,20,.74);--plate:linear-gradient(145deg,rgba(11,30,39,.72),rgba(3,8,12,.88));}
body{background:#04080b}.section{isolation:isolate}.section::after{content:"";position:absolute;left:50%;top:18px;width:min(980px,88vw);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(43,208,255,.18),rgba(239,230,209,.08),transparent);opacity:.55;pointer-events:none}.section-head h2,.split h2,.cartographer-copy h2,.decision-copy h2,.field-notes-head h2,.now-shell h2,.boundaries-shell h2,.verify-shell h2,.cta h2{text-wrap:balance}.section-head p,.prose p,.cartographer-copy p,.decision-copy p,.cta p{max-width:760px;color:rgba(214,225,229,.82)}
/* hero/card: make reverse feel like milky image, not white paper */
.card-face.card-front{height:492px;min-height:492px}.substrate-story{padding:104px 52px 34px 42px!important;background:rgba(219,234,239,.10)!important;box-shadow:inset 0 0 58px rgba(255,255,255,.20),inset 0 -38px 82px rgba(7,17,22,.26),inset 0 1px 0 rgba(255,255,255,.40)!important}.substrate-story::before{background:linear-gradient(180deg,rgba(235,244,247,.10),rgba(210,226,232,.08)),radial-gradient(circle at 30% 18%,rgba(255,255,255,.18),transparent 28%),linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.12) 44%,transparent 58%)!important}.substrate-story::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(88deg,rgba(5,22,27,.09) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(5,22,27,.055) 0 1px,transparent 1px 32px);opacity:.34}.substrate-story h3{font-size:1.34rem!important;margin-bottom:10px!important}.substrate-story p{font-size:.77rem!important;line-height:1.38!important;margin-bottom:8px!important}.substrate-credential.surface-open .front-portrait img{opacity:.98!important;filter:blur(16px) saturate(.70) contrast(1.05) brightness(1.02)!important}.substrate-credential.surface-open .front-portrait::after{background:rgba(221,235,239,.13)!important;backdrop-filter:blur(7px) saturate(.74)!important;-webkit-backdrop-filter:blur(7px) saturate(.74)!important}.story-actions{margin-top:12px!important}.story-actions a{background:rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
/* Short version: create a quiet opening chapter, not dead whitespace */
.short-version .split{display:grid;grid-template-columns:.66fr 1.08fr;gap:clamp(42px,7vw,90px);align-items:start}.short-version h2{font-size:clamp(2.2rem,4.8vw,4.1rem);letter-spacing:-.06em;line-height:.98}.short-version .eyebrow::after{content:"";display:block;width:64px;height:1px;margin-top:18px;background:linear-gradient(90deg,var(--cyan),transparent)}
/* Cartographer: make the left instrument feel like a material stack, not a menu */
.stack-instrument{border-radius:38px!important;background:radial-gradient(520px 300px at 24% 8%,rgba(43,208,255,.13),transparent 68%),linear-gradient(145deg,rgba(8,26,34,.80),rgba(2,8,12,.94))!important;box-shadow:0 40px 120px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07)!important}.stack-layer{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 24px,100% 100%,10px 100%,0 calc(100% - 10px))!important;border-color:rgba(160,232,238,.15)!important;background:linear-gradient(135deg,rgba(8,25,33,.78),rgba(3,9,13,.80))!important}.stack-layer.active{background:linear-gradient(135deg,rgba(14,70,86,.42),rgba(4,14,18,.84))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 40px rgba(43,208,255,.08)!important}.stack-output{border-radius:18px 30px 30px 18px!important;background:linear-gradient(135deg,rgba(43,208,255,.18),rgba(62,240,160,.12))!important}.translation{margin-top:26px;padding:18px 0 0 22px;border-left:2px solid rgba(43,208,255,.62);color:rgba(224,234,237,.90)!important}
/* Proof cards / generic cards: quieter, sharper substrate plates */
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.proof-card,.instrument,.principle,.boundary,.verify-links a,.knot-board button{border-color:rgba(160,232,238,.15)!important;background:linear-gradient(145deg,rgba(10,28,38,.70),rgba(4,10,15,.88))!important;box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important}.proof-card,.instrument,.principle{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)!important}.proof-card h3,.instrument h3{letter-spacing:-.035em}.proof-card p,.instrument p{color:rgba(211,222,226,.74)!important}.instrument-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.instrument{padding:28px 24px;min-height:154px}.instrument h3{font-size:1.18rem;margin-bottom:12px}.instrument p{font-size:.94rem;line-height:1.5;margin:0}
/* Decision orbit and signal read: add breathing room and confidence */
.decision-shell,.artifact-shell,.verify-shell,.boundaries-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(44px,7vw,82px);align-items:center}.decision-orbit{border-radius:38px!important;background:radial-gradient(circle at 50% 50%,rgba(97,245,231,.18),transparent 24%),linear-gradient(145deg,rgba(8,27,36,.74),rgba(3,9,13,.92))!important}.read-instrument{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:22px;padding:24px;border-radius:34px!important;background:linear-gradient(145deg,rgba(5,16,22,.78),rgba(3,8,12,.92))!important;border:1px solid rgba(43,208,255,.22)!important}.surface-scan,.read-output div{border-color:rgba(160,232,238,.15)!important}.read-output{display:grid;gap:14px}
/* Field notes: more premium ledger, less wall of entries */
.field-notes{background:radial-gradient(760px 420px at 72% 24%,rgba(43,208,255,.06),transparent 70%)}.field-notes-shell{gap:clamp(54px,8vw,92px)}.notes-ledger{border-radius:34px!important;background:linear-gradient(145deg,rgba(8,24,32,.76),rgba(2,7,11,.90))!important}.note-row{padding:24px 28px!important;grid-template-columns:132px 1fr!important}.note-row span{opacity:.92}.note-row h3{font-size:1.18rem!important}.note-row p{font-size:.91rem!important;color:rgba(211,222,226,.74)!important}
/* Work lanes becomes a deliberate four-door plane */
.now-shell h2{max-width:980px;font-size:clamp(2.1rem,5vw,4rem)}.work-lanes{border-radius:34px!important;background:linear-gradient(145deg,rgba(7,22,30,.74),rgba(2,7,11,.92))!important}.work-lanes article{padding:30px 30px!important;grid-template-columns:48px 1fr!important}.work-lanes span{opacity:.95}.work-lanes h3{font-size:1.18rem!important}.work-lanes p{max-width:460px;color:rgba(211,222,226,.74)!important}
/* Refusals / principles / links: reduce dashboard-card soup */
.boundaries-shell{align-items:start}.boundary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.boundary{padding:18px 20px;border-radius:20px;min-height:76px;display:flex;align-items:center;gap:10px;color:rgba(238,244,245,.88);font-weight:750}.boundary span{color:#ff8a76}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle{min-height:104px;display:flex;align-items:flex-end;padding:18px;border-radius:18px;color:rgba(238,244,245,.90);font-weight:760}.verify-links{display:grid;gap:12px}.verify-links a{display:block;padding:16px 18px;border:1px solid var(--line2);border-radius:16px;color:rgba(238,244,245,.90)}
/* CTA: make final ask feel like a landing chamber */
.cta{padding-top:clamp(96px,10vw,150px)!important;padding-bottom:clamp(72px,8vw,110px)!important}.cta-shell{text-align:center;max-width:900px}.cta-wordmark{width:360px;max-width:80%;margin:0 auto 48px;filter:drop-shadow(0 16px 40px rgba(0,0,0,.42))}.cta h2{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.07em}.cta p:not(.eyebrow){max-width:680px;margin-left:auto;margin-right:auto;color:rgba(214,225,229,.82)}.knot-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}.knot-board button{text-align:left;border-radius:18px;min-height:96px}.footer{border-top:1px solid rgba(224,246,255,.10);padding:22px 0;color:rgba(198,210,216,.56);font-size:.82rem}.footer-inner{display:flex;justify-content:space-between;gap:18px}
@media(max-width:980px){.short-version .split,.decision-shell,.artifact-shell,.verify-shell,.boundaries-shell{grid-template-columns:1fr}.proof-grid,.instrument-row,.principle-grid{grid-template-columns:repeat(2,1fr)}.read-instrument{grid-template-columns:1fr}.hero-scroll-cue{position:relative!important;left:auto!important;bottom:auto!important;translate:0 0!important;margin:28px auto 0!important}.note-row{grid-template-columns:112px 1fr!important}}
@media(max-width:740px){.short-version .split,.cartographer-shell.v2{grid-template-columns:1fr!important}.proof-grid,.instrument-row,.principle-grid,.boundary-list,.work-lanes,.knot-board{grid-template-columns:1fr!important}.note-row{grid-template-columns:1fr!important}.work-lanes article{border-right:0!important}.decision-orbit{height:410px}.cta-wordmark{width:280px}.footer-inner{display:grid;text-align:center;justify-content:center}.card-face.card-front{height:500px;min-height:500px}.substrate-story{padding:96px 28px 32px!important}.substrate-story p{font-size:.70rem!important}.story-actions{grid-template-columns:1fr 1fr!important}}


/* QA fix: Signal Read instrument gets a full-width stage, not a squeezed side column */
.signal-artifact .artifact-shell{display:block!important}.signal-artifact .section-head.left{max-width:860px;margin:0 0 42px;text-align:left}.signal-artifact .section-head h2{max-width:780px}.signal-artifact .section-head p{max-width:680px}.signal-artifact .read-instrument{width:100%;display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important;gap:24px!important;align-items:stretch!important;padding:26px!important;min-height:560px}.surface-scan{min-height:508px!important}.scan-body{height:440px!important}.read-output{align-content:start}.read-output div{min-height:0}.read-output .waterfall-mini{height:118px!important}.hotspot{max-width:180px!important}.hotspot.h1{left:10%!important;top:24%!important}.hotspot.h2{right:8%!important;top:30%!important}.hotspot.h3{left:14%!important;bottom:26%!important}.hotspot.h4{right:14%!important;bottom:18%!important}@media(max-width:980px){.signal-artifact .read-instrument{grid-template-columns:1fr!important}.surface-scan{min-height:460px!important}.scan-body{height:398px!important}}@media(max-width:740px){.signal-artifact .read-instrument{padding:16px!important}.surface-scan{min-height:390px!important}.scan-body{height:330px!important}.hotspot{max-width:148px!important}}


/* QA fix: force SmartSubstrate open state to render after consolidation */
.profile-card-object.substrate-credential.surface-open .card-face.card-front .substrate-story{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.profile-card-object.substrate-credential:not(.surface-open) .card-face.card-front .substrate-story{opacity:0!important;pointer-events:none!important;visibility:visible!important}.profile-card-object.substrate-credential.surface-open .card-face.card-front .front-caption{opacity:0!important;filter:blur(8px)!important}.profile-card-object.substrate-credential.surface-open .card-face.card-front .front-portrait img{opacity:.98!important;filter:blur(16px) saturate(.70) contrast(1.05) brightness(1.02)!important;transform:scale(1.11) skewX(-1deg)!important}.profile-card-object.substrate-credential.surface-open .card-face.card-front .front-portrait::after{background:rgba(221,235,239,.13)!important;backdrop-filter:blur(7px) saturate(.74)!important;-webkit-backdrop-filter:blur(7px) saturate(.74)!important}


/* QA fix: brighten front portrait without reintroducing glare */
.front-portrait img{filter:saturate(1.03) contrast(1.06) brightness(.94)!important}.front-portrait::after{background:linear-gradient(90deg,rgba(2,8,11,.03),rgba(2,8,11,.10) 38%,rgba(2,8,11,.54) 100%),linear-gradient(180deg,rgba(2,8,11,.03),rgba(2,8,11,.42) 88%)!important}.card-front::before{opacity:.22!important}.substrate-credential:hover .card-front::before{opacity:.28!important}


/* QA polish: back surface shows more blurred portrait through the milk */
.substrate-story{background:rgba(226,238,242,.07)!important;box-shadow:inset 0 0 52px rgba(255,255,255,.14),inset 0 -38px 82px rgba(7,17,22,.20),inset 0 1px 0 rgba(255,255,255,.32)!important}.substrate-story::before{background:linear-gradient(180deg,rgba(235,244,247,.09),rgba(210,226,232,.055)),radial-gradient(circle at 30% 18%,rgba(255,255,255,.14),transparent 28%),linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.08) 44%,transparent 58%)!important}.substrate-credential.surface-open .front-portrait img{opacity:1!important;filter:blur(14px) saturate(.78) contrast(1.05) brightness(1.07)!important}.substrate-credential.surface-open .front-portrait::after{background:rgba(221,235,239,.075)!important;backdrop-filter:blur(5px) saturate(.78)!important;-webkit-backdrop-filter:blur(5px) saturate(.78)!important}.substrate-story p{color:rgba(2,10,13,.92)!important}.substrate-story h3{color:#010709!important;text-shadow:0 1px 0 rgba(255,255,255,.18)}


/* QA fix: lock hero scroll cue to true bottom-center of hero */
.hero{position:relative!important}.hero-scroll-cue{position:absolute!important;left:50%!important;right:auto!important;bottom:34px!important;top:auto!important;translate:-50% 0!important;margin:0!important;transform:none!important;z-index:8!important;width:max-content!important;text-align:center!important}.hero-copy .hero-scroll-cue{left:50%!important;bottom:34px!important}
@media(max-width:980px){.hero-scroll-cue{position:absolute!important;left:50%!important;bottom:24px!important;translate:-50% 0!important;margin:0!important}}


/* QA fix v2: prevent hero-copy from becoming scroll-cue containing block */
.hero-copy{position:static!important}.hero .hero-scroll-cue{position:absolute!important;left:50%!important;bottom:34px!important;translate:-50% 0!important;margin:0!important;transform:none!important}.hero-copy .hero-scroll-cue{left:50%!important;bottom:34px!important;translate:-50% 0!important}


/* QA fix v3: scroll cue anchors to full hero, not hero-shell */
.hero-shell{position:static!important}.hero .hero-scroll-cue{position:absolute!important;left:50%!important;bottom:34px!important;translate:-50% 0!important;margin:0!important;z-index:20!important}


/* Brand lockup: beachside wordmark style, Behind-the-Signal CR8F color event */
.brand-lockup{position:relative;isolation:isolate;padding:3px 0}.brand-wordmark{position:relative;z-index:1;width:258px!important;filter:drop-shadow(0 10px 26px rgba(0,0,0,.52)) saturate(1.04) contrast(1.04)}.brand-lockup::before{content:"";position:absolute;z-index:2;left:0;top:3px;width:258px;aspect-ratio:2048/682;pointer-events:none;background:url(../../assets/wordmark.png) center/100% 100% no-repeat;clip-path:polygon(17% 22%,72% 20%,74% 73%,18% 76%);filter:saturate(1.95) contrast(1.22) brightness(1.18) hue-rotate(-8deg) drop-shadow(0 0 9px rgba(251,181,65,.35)) drop-shadow(0 0 10px rgba(177,84,196,.34));mix-blend-mode:screen;opacity:.92}.brand-lockup::after{content:"";position:absolute;z-index:3;left:41px;top:19px;width:143px;height:31px;pointer-events:none;background:linear-gradient(101deg,transparent 0 5%,rgba(43,208,255,.0) 9%,rgba(116,69,255,.38) 25%,rgba(211,54,166,.55) 42%,rgba(255,139,65,.58) 61%,rgba(255,231,126,.42) 78%,transparent 96%);clip-path:polygon(0 44%,16% 14%,36% 32%,52% 0,73% 27%,100% 11%,88% 78%,62% 58%,42% 100%,23% 66%,0 86%);filter:blur(5px) saturate(1.4);mix-blend-mode:color-dodge;opacity:.72}.brand-lockup:hover::before{filter:saturate(2.35) contrast(1.28) brightness(1.25) hue-rotate(-14deg) drop-shadow(0 0 13px rgba(251,181,65,.42)) drop-shadow(0 0 14px rgba(43,208,255,.30));opacity:1}.brand-lockup:hover::after{opacity:.95;transform:translateX(3px);transition:opacity .22s var(--ease),transform .22s var(--ease)}.lane{position:relative;z-index:4;color:#66f1df!important;text-shadow:0 0 14px rgba(43,208,255,.28)}
@media(max-width:980px){.brand-wordmark{width:224px!important}.brand-lockup::before{width:224px}.brand-lockup::after{left:36px;top:17px;width:124px;height:27px}}
@media(max-width:740px){.brand-wordmark{width:174px!important}.brand-lockup::before{width:174px}.brand-lockup::after{left:28px;top:14px;width:96px;height:21px}.lane{font-size:10px!important}}
@media(max-width:420px){.brand-wordmark{width:140px!important}.brand-lockup::before{width:140px}.brand-lockup::after{left:22px;top:11px;width:78px;height:17px}}


/* Brand correction after visual QA: live-site style mark + wordmark, no capsule candybar */
.brand-lockup.brand-live-style{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;min-width:0!important}.brand-lockup.brand-live-style::before,.brand-lockup.brand-live-style::after{content:none!important}.brand-wordmark,.lane{display:none!important}
.plate{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;flex:0 0 auto;width:50px;height:50px;background:conic-gradient(from 0deg,#0a1620 0deg,#0a1620 72deg,#27d4ff 96deg,#44f2dc 120deg,#0a1620 178deg,#7b35bf 262deg,#d452a1 300deg,#f6b046 332deg,#0a1620 360deg);box-shadow:0 8px 22px rgba(0,0,0,.54),0 0 18px rgba(43,208,255,.18)}.plate .disc{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 24%,#163a46,#09202b 54%,#031018);box-shadow:inset 0 3px 5px rgba(255,255,255,.20),inset 0 -16px 30px rgba(0,0,0,.64),inset 0 0 0 1px rgba(255,255,255,.05)}.plate .well{width:92%;height:92%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#072028,#030c14 78%);box-shadow:inset 0 3px 5px rgba(0,0,0,.78),inset 0 -2px 3px rgba(255,255,255,.06)}.plate .mark{width:88%;aspect-ratio:1;display:block;-webkit-mask:url(../../assets/mark.png) center/contain no-repeat;mask:url(../../assets/mark.png) center/contain no-repeat;background:linear-gradient(155deg,#78f5e4 0%,#2bd0ff 50%,#1f9fe0 100%);filter:drop-shadow(0 0 6px rgba(43,208,255,.62)) drop-shadow(0 0 1px rgba(150,245,235,.8))}
.brand-word{display:inline-flex!important;align-items:baseline!important;color:var(--bright)!important;white-space:nowrap!important;text-shadow:0 0 14px rgba(255,255,255,.08)}.cw{font-size:18px;line-height:1;letter-spacing:.025em}.cw .t{font-family:"JetBrains Mono",monospace;font-weight:500;letter-spacing:.12em;color:rgba(245,250,250,.88);text-transform:lowercase}.cw .c{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:1.08em;letter-spacing:-.08em;margin:0 .16em 0 .12em;color:#f7fbfb}.cr8f-splash{position:relative;display:inline-block;background:linear-gradient(92deg,#f7fbff 0 14%,#cfefff 18%,#ffffff 28%,#f1f7ff 42%,#ffffff 58%,#d9f7ff 72%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 5px rgba(43,208,255,.22))}.cr8f-splash::after{content:"";position:absolute;left:-4%;right:-4%;top:7%;height:54%;pointer-events:none;background:linear-gradient(104deg,transparent 0 9%,rgba(43,208,255,.28) 18%,rgba(151,83,255,.44) 35%,rgba(224,67,165,.42) 49%,rgba(251,181,65,.45) 66%,rgba(255,232,132,.30) 82%,transparent 96%);filter:blur(6px) saturate(1.35);mix-blend-mode:screen;opacity:.78}.brand-rest{font-weight:800;font-size:17px;letter-spacing:.015em;margin-left:.52em;color:#f5fafa}.brand-rest .sep{color:rgba(198,210,216,.54);margin-right:.46em;font-weight:400}.brand-lockup:hover .cr8f-splash::after{opacity:1;transform:translateX(2px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
@media(max-width:980px){.plate{width:46px;height:46px}.cw{font-size:16px}.brand-rest{font-size:15px}.site-nav{gap:18px!important}}
@media(max-width:740px){.plate{width:42px;height:42px}.cw{font-size:15px}.brand-rest{font-size:14px}.brand-rest .sep{margin-right:.3em}}
@media(max-width:520px){.brand-rest{display:none}.cw{font-size:14px}.plate{width:38px;height:38px}}


/* Brand correction v2: actual wordmark fonts + CR8F-only experimental treatment */
@font-face{font-family:"GoldenGirdle";src:url(../../assets/fonts/golden-girdle.otf) format("opentype");font-display:swap}
@font-face{font-family:"SoftwareTester7";src:url(../../assets/fonts/software-tester-7.ttf) format("truetype");font-display:swap}
.brand-lockup.brand-live-style{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;isolation:isolate!important}.brand-lockup.brand-live-style::before,.brand-lockup.brand-live-style::after{content:none!important}.brand-wordmark,.lane{display:none!important}
.brand-live-style .plate{width:50px!important;height:50px!important;padding:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:conic-gradient(from 0deg,#0a1620 0deg,#0a1620 72deg,#27d4ff 96deg,#44f2dc 120deg,#0a1620 178deg,#7b35bf 262deg,#d452a1 300deg,#f6b046 332deg,#0a1620 360deg)!important;box-shadow:0 8px 22px rgba(0,0,0,.54),0 0 18px rgba(43,208,255,.18)!important}.brand-live-style .disc{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 24%,#163a46,#09202b 54%,#031018);box-shadow:inset 0 3px 5px rgba(255,255,255,.20),inset 0 -16px 30px rgba(0,0,0,.64),inset 0 0 0 1px rgba(255,255,255,.05)}.brand-live-style .well{width:92%;height:92%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#072028,#030c14 78%);box-shadow:inset 0 3px 5px rgba(0,0,0,.78),inset 0 -2px 3px rgba(255,255,255,.06)}.brand-live-style .mark{width:88%;aspect-ratio:1;display:block;-webkit-mask:url(../../assets/mark.png) center/contain no-repeat;mask:url(../../assets/mark.png) center/contain no-repeat;background:linear-gradient(155deg,#78f5e4 0%,#2bd0ff 50%,#1f9fe0 100%);filter:drop-shadow(0 0 6px rgba(43,208,255,.62)) drop-shadow(0 0 1px rgba(150,245,235,.8))}
.brand-word{display:inline-flex!important;align-items:baseline!important;color:var(--bright)!important;white-space:nowrap!important}.cw{font-size:18px!important;line-height:1!important;letter-spacing:.02em!important}.cw .t{font-family:"SoftwareTester7",monospace!important;font-weight:400!important;letter-spacing:.02em!important;text-transform:none!important;color:rgba(245,250,250,.92)!important;text-shadow:0 0 10px rgba(255,255,255,.10)}.cw .c{font-family:"GoldenGirdle",sans-serif!important;font-weight:400!important;font-size:1.08em!important;letter-spacing:.01em!important;margin:0 .035em!important}.cr8f-splash{position:relative;display:inline-block;background:linear-gradient(92deg,#ffffff 0 15%,#bcecff 23%,#ffffff 33%,#ffd0f1 45%,#fff3a9 62%,#ffffff 78%,#dbf8ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 4px rgba(43,208,255,.18)) drop-shadow(0 0 7px rgba(251,181,65,.10))}.cr8f-splash::after{content:"";position:absolute;left:-2%;right:-2%;top:18%;height:42%;pointer-events:none;background:linear-gradient(100deg,transparent 0 8%,rgba(43,208,255,.22) 19%,rgba(131,83,255,.34) 36%,rgba(226,69,170,.32) 50%,rgba(251,181,65,.34) 67%,rgba(255,232,132,.23) 82%,transparent 96%);filter:blur(4px) saturate(1.22);mix-blend-mode:screen;opacity:.66}.brand-rest{display:inline-flex!important;align-items:baseline;font-weight:700!important;font-size:17px!important;letter-spacing:.012em!important;margin-left:.55em!important;color:#f5fafa!important}.brand-rest .sep{color:rgba(198,210,216,.58)!important;margin-right:.46em!important;font-weight:400!important}.brand-lockup:hover .cr8f-splash::after{opacity:.95;transform:translateX(2px);transition:opacity .2s var(--ease),transform .2s var(--ease)}
@media(max-width:980px){.brand-live-style .plate{width:46px!important;height:46px!important}.cw{font-size:16px!important}.brand-rest{font-size:15px!important}.site-nav{gap:18px!important}}
@media(max-width:740px){.brand-live-style .plate{width:42px!important;height:42px!important}.cw{font-size:15px!important}.brand-rest{font-size:14px!important}.brand-rest .sep{margin-right:.3em!important}}
@media(max-width:520px){.brand-rest{display:none!important}.cw{font-size:14px!important}.brand-live-style .plate{width:38px!important;height:38px!important}}


/* Brand correction v3: match top-site header scale/presence; CR8F color is on the letters, not a smear */
.brand-lockup.brand-live-style{gap:14px!important}.brand-live-style .plate{width:58px!important;height:58px!important}.cw{font-size:22px!important;line-height:1!important}.brand-rest{font-size:20px!important;margin-left:.62em!important;font-weight:850!important}.cr8f-splash{background:linear-gradient(93deg,#ffffff 0 10%,#dff9ff 18%,#f7fbff 28%,#e4c8ff 42%,#ff96d5 51%,#ffbd68 64%,#fff0a7 76%,#ffffff 91%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;filter:drop-shadow(0 0 2px rgba(255,255,255,.34)) drop-shadow(0 0 7px rgba(43,208,255,.20)) drop-shadow(0 0 9px rgba(251,181,65,.12))}.cr8f-splash::after{left:0;right:0;top:5%;height:82%;background:linear-gradient(100deg,transparent 0 8%,rgba(43,208,255,.18) 18%,rgba(116,69,255,.24) 35%,rgba(226,69,170,.22) 50%,rgba(251,181,65,.24) 68%,transparent 93%);filter:blur(3px) saturate(1.18);opacity:.44}.brand-lockup:hover .cr8f-splash::after{opacity:.70}.site-header,.signal-header{padding-top:18px!important;padding-bottom:18px!important}.signal-header.scrolled{padding-top:10px!important;padding-bottom:10px!important}.signal-header.scrolled .brand-live-style .plate{width:50px!important;height:50px!important}.signal-header.scrolled .cw{font-size:19px!important}.signal-header.scrolled .brand-rest{font-size:17px!important}
@media(max-width:980px){.brand-live-style .plate{width:52px!important;height:52px!important}.cw{font-size:19px!important}.brand-rest{font-size:17px!important}}
@media(max-width:740px){.brand-live-style .plate{width:48px!important;height:48px!important}.cw{font-size:17px!important}.brand-rest{font-size:15px!important}}
@media(max-width:520px){.brand-live-style .plate{width:42px!important;height:42px!important}.cw{font-size:15px!important}.brand-rest{display:none!important}}


/* Brand correction v4: actual edge-node local mark inside embossed circle */
.brand-live-style .mark{width:86%!important;height:86%!important;aspect-ratio:1!important;display:block!important;-webkit-mask:none!important;mask:none!important;background:url(../../assets/thecr8fconclave-logo-edge-node.png) center/contain no-repeat!important;filter:drop-shadow(0 0 6px rgba(43,208,255,.45)) drop-shadow(0 0 10px rgba(177,84,196,.18))!important}.brand-live-style .well{background:radial-gradient(circle at 50% 44%,#07232d,#020a11 78%)!important}.brand-live-style .disc{background:radial-gradient(120% 120% at 50% 24%,#163a46,#071b25 54%,#020910)!important}


/* FINAL header fix: source-derived beachside top identity, not capsule badge */
@font-face{font-family:"CR8FTester";src:url(../../assets/fonts/software-tester-7.ttf) format("truetype");font-display:swap}
@font-face{font-family:"CR8FGirdle";src:url(../../assets/fonts/golden-girdle.otf) format("opentype");font-display:swap}
.brand-lockup.beachside-header-brand{position:relative!important;display:inline-flex!important;align-items:center!important;gap:12px!important;min-width:min(410px,42vw)!important;width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0!important;isolation:isolate!important;filter:drop-shadow(0 0 18px rgba(25,216,255,.16))!important}.brand-lockup.beachside-header-brand::before,.brand-lockup.beachside-header-brand::after{content:none!important}.brand-wordmark,.lane,.brand-word,.plate{display:none!important}
.beachside-header-logo{display:block!important;width:54px!important;height:54px!important;object-fit:cover!important;object-position:50% 50%!important;border-radius:50%!important;border:1px solid rgba(25,216,255,.34)!important;box-shadow:0 0 24px rgba(25,216,255,.20),0 9px 24px rgba(0,0,0,.48)!important;background:radial-gradient(circle at 50% 42%,rgba(10,34,44,.92),rgba(2,8,13,.98) 72%)!important;flex:0 0 auto!important}
.beachside-header-wordmark{display:inline-flex!important;align-items:baseline!important;gap:.08em!important;white-space:nowrap!important;line-height:1!important;filter:drop-shadow(0 0 16px rgba(25,216,255,.14))!important}.beachside-header-wordmark .brandmark-word{font-family:"CR8FTester","Courier New",monospace!important;font-size:17px!important;letter-spacing:.035em!important;color:rgba(247,239,227,.88)!important;text-shadow:0 0 10px rgba(25,216,255,.08)!important;text-transform:none!important;font-weight:400!important}.beachside-header-wordmark .brandmark-core{display:inline-flex!important;gap:.015em!important;font-family:"CR8FGirdle",fantasy!important;font-size:35px!important;letter-spacing:.055em!important;transform:translateY(.08em)!important;color:transparent!important;background-image:linear-gradient(96deg,#fff7db 0%,#ffd45a 24%,#ff8a3d 38%,#19d8ff 66%,#f45bff 100%)!important;background-size:150% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-stroke:.35px rgba(255,247,219,.32)!important;filter:drop-shadow(0 0 18px rgba(25,216,255,.20)) drop-shadow(0 0 10px rgba(255,138,61,.13))!important}.beachside-header-wordmark .brandmark-eight{filter:drop-shadow(0 0 18px rgba(25,216,255,.36))!important}.beachside-header-wordmark .cr8f-splash::after{content:""!important;position:absolute!important;inset:auto!important;left:4%!important;right:3%!important;top:18%!important;height:38%!important;background:linear-gradient(96deg,transparent 0%,rgba(255,212,90,.22) 23%,rgba(25,216,255,.25) 58%,rgba(244,91,255,.22) 100%)!important;filter:blur(5px)!important;mix-blend-mode:screen!important;opacity:.52!important;pointer-events:none!important}.beachside-header-divider{display:block!important;width:1px!important;height:31px!important;background:linear-gradient(180deg,transparent,rgba(255,212,90,.70),transparent)!important;flex:0 0 auto!important}.beachside-header-channel{display:inline-flex!important;align-items:center!important;color:#fff8ee!important;font:760 19px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.045em!important;white-space:nowrap!important;text-shadow:0 0 10px rgba(25,216,255,.12)!important}
@media(max-width:1100px){.brand-lockup.beachside-header-brand{min-width:auto!important}.beachside-header-logo{width:46px!important;height:46px!important}.beachside-header-wordmark .brandmark-word{font-size:14px!important}.beachside-header-wordmark .brandmark-core{font-size:28px!important}.beachside-header-channel{font-size:15px!important}.beachside-header-divider{height:26px!important}}
@media(max-width:740px){.beachside-header-logo{width:42px!important;height:42px!important}.beachside-header-wordmark .brandmark-word{font-size:13px!important}.beachside-header-wordmark .brandmark-core{font-size:25px!important}.beachside-header-channel{font-size:14px!important}.site-nav{gap:4px!important}}
@media(max-width:560px){.beachside-header-channel,.beachside-header-divider{display:none!important}.beachside-header-wordmark .brandmark-word{font-size:12px!important}.beachside-header-wordmark .brandmark-core{font-size:22px!important}}


/* FINAL header typography correction: compact top-nav wordmark proportions */
.beachside-header-wordmark{gap:.055em!important;align-items:center!important}.beachside-header-wordmark .brandmark-word{font-size:20px!important;letter-spacing:.02em!important;line-height:1!important;color:rgba(247,239,227,.92)!important}.beachside-header-wordmark .brandmark-core{display:inline-flex!important;align-items:center!important;gap:0!important;font-size:25px!important;letter-spacing:-.105em!important;transform:translateY(.02em) scaleX(.92)!important;transform-origin:left center!important;line-height:.86!important;background-image:linear-gradient(94deg,#fffaf0 0%,#ffd45a 26%,#ff9b4a 43%,#19d8ff 70%,#f45bff 100%)!important}.beachside-header-wordmark .brandmark-core span{display:inline-block!important;margin-right:-.035em!important}.beachside-header-wordmark .brandmark-core span:last-child{margin-right:0!important}.beachside-header-wordmark .cr8f-splash::after{opacity:.34!important;top:22%!important;height:32%!important;filter:blur(4px)!important}.beachside-header-channel{font-size:18px!important;margin-left:-2px!important}.beachside-header-divider{height:29px!important;margin-left:2px!important;margin-right:1px!important}.brand-lockup.beachside-header-brand{gap:11px!important;min-width:390px!important}.beachside-header-logo{width:55px!important;height:55px!important}
@media(max-width:1100px){.brand-lockup.beachside-header-brand{min-width:auto!important}.beachside-header-wordmark .brandmark-word{font-size:17px!important}.beachside-header-wordmark .brandmark-core{font-size:22px!important}.beachside-header-channel{font-size:15px!important}.beachside-header-logo{width:48px!important;height:48px!important}}
@media(max-width:740px){.beachside-header-wordmark .brandmark-word{font-size:15px!important}.beachside-header-wordmark .brandmark-core{font-size:19px!important}.beachside-header-channel{font-size:13px!important}.beachside-header-logo{width:43px!important;height:43px!important}}


/* FINAL v2: actual top-header wordmark classes, no per-letter CR8F explosion */
.beachside-header-wordmark{display:inline-flex!important;align-items:center!important;gap:0!important;white-space:nowrap!important;line-height:1!important;filter:drop-shadow(0 0 14px rgba(25,216,255,.12))!important}.beachside-header-wordmark .brand-the,.beachside-header-wordmark .brand-conclave{font-family:"CR8FTester","SoftwareTester7",monospace!important;text-transform:lowercase!important;font-size:18px!important;letter-spacing:.01em!important;color:rgba(247,239,227,.92)!important;font-weight:400!important}.beachside-header-wordmark .brand-cr8f{font-family:"CR8FGirdle","GoldenGirdle",serif!important;text-transform:uppercase!important;font-size:22px!important;letter-spacing:.035em!important;margin:0 .08em!important;line-height:.9!important;color:transparent!important;background:linear-gradient(96deg,#fff7db 0%,#ffd45a 28%,#19d8ff 62%,#f45bff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-stroke:.25px rgba(255,247,219,.28)!important;filter:drop-shadow(0 0 10px rgba(25,216,255,.24))!important}.beachside-header-wordmark .brand-cr8f::after{content:""!important;position:absolute!important;left:-5%!important;right:-5%!important;top:18%!important;height:45%!important;background:linear-gradient(96deg,rgba(255,212,90,.18),rgba(25,216,255,.20),rgba(244,91,255,.18))!important;filter:blur(5px)!important;opacity:.45!important;mix-blend-mode:screen!important;pointer-events:none!important}.beachside-header-wordmark .brand-cr8f{position:relative!important}.brand-lockup.beachside-header-brand{gap:12px!important;min-width:410px!important}.beachside-header-divider{height:30px!important;margin:0 1px!important}.beachside-header-channel{font-size:18px!important}
@media(max-width:1100px){.brand-lockup.beachside-header-brand{min-width:auto!important}.beachside-header-wordmark .brand-the,.beachside-header-wordmark .brand-conclave{font-size:15px!important}.beachside-header-wordmark .brand-cr8f{font-size:19px!important}.beachside-header-channel{font-size:15px!important}.beachside-header-logo{width:48px!important;height:48px!important}}
@media(max-width:740px){.beachside-header-wordmark .brand-the,.beachside-header-wordmark .brand-conclave{font-size:13px!important}.beachside-header-wordmark .brand-cr8f{font-size:17px!important}.beachside-header-channel{font-size:13px!important}.beachside-header-logo{width:42px!important;height:42px!important}}


/* FINAL color-orchestration pass: jewel CR8F + deeper embossed header mark */
.brand-lockup.beachside-header-brand{--brand-green:#58e0b8;--brand-orange:#df7d37;--brand-plum:#7c45d8;--brand-uv:#b24cff;--brand-cyan:#19d8ff;position:relative!important;filter:none!important}.brand-lockup.beachside-header-brand::before{content:""!important;position:absolute!important;left:-5px!important;top:50%!important;width:66px!important;height:66px!important;translate:0 -50%!important;border-radius:50%!important;background:conic-gradient(from 218deg,rgba(16,36,43,.98),rgba(88,224,184,.68) 70deg,rgba(10,18,24,.98) 132deg,rgba(124,69,216,.70) 224deg,rgba(223,125,55,.72) 314deg,rgba(16,36,43,.98));box-shadow:inset 0 3px 7px rgba(255,255,255,.22),inset 0 -11px 20px rgba(0,0,0,.76),0 13px 34px rgba(0,0,0,.62),0 0 22px rgba(25,216,255,.14),0 0 22px rgba(124,69,216,.11)!important;z-index:0!important}.brand-lockup.beachside-header-brand::after{content:""!important;position:absolute!important;left:3px!important;top:50%!important;width:50px!important;height:50px!important;translate:0 -50%!important;border-radius:50%!important;background:radial-gradient(circle at 42% 28%,rgba(255,255,255,.16),transparent 22%),radial-gradient(circle at 50% 55%,rgba(2,8,12,.96),rgba(5,18,24,.92) 58%,rgba(0,0,0,.98));box-shadow:inset 0 8px 14px rgba(0,0,0,.72),inset 0 -2px 6px rgba(255,255,255,.06)!important;z-index:1!important}.beachside-header-logo{position:relative!important;z-index:2!important;width:52px!important;height:52px!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:saturate(.88) contrast(1.14) brightness(.82) drop-shadow(0 0 7px rgba(25,216,255,.30)) drop-shadow(0 0 12px rgba(124,69,216,.14))!important}.beachside-header-wordmark{position:relative!important;z-index:3!important;filter:drop-shadow(0 0 11px rgba(25,216,255,.08))!important}.beachside-header-wordmark .brand-the,.beachside-header-wordmark .brand-conclave{color:rgba(232,242,239,.88)!important;text-shadow:0 0 9px rgba(88,224,184,.08)!important}.beachside-header-wordmark .brand-cr8f{background:linear-gradient(96deg,#eaf7f0 0%,var(--brand-green) 23%,var(--brand-orange) 50%,var(--brand-plum) 77%,#d7c4ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-stroke:.22px rgba(238,248,242,.20)!important;filter:drop-shadow(0 0 9px rgba(88,224,184,.13)) drop-shadow(0 0 10px rgba(124,69,216,.16))!important}.beachside-header-wordmark .brand-cr8f::after{background:linear-gradient(96deg,transparent 0%,rgba(88,224,184,.20) 22%,rgba(223,125,55,.20) 51%,rgba(124,69,216,.24) 78%,transparent 100%)!important;opacity:.36!important;filter:blur(4px) saturate(1.04)!important}.beachside-header-divider{background:linear-gradient(180deg,transparent,rgba(223,125,55,.62),rgba(88,224,184,.35),transparent)!important;opacity:.82!important}.beachside-header-channel{color:rgba(231,244,240,.92)!important;text-shadow:0 0 10px rgba(88,224,184,.10)!important}


/* CANONICAL beachside header identity — copied from live beachside.cr8fconclave.com, path-adjusted */
@font-face{font-family:"SoftwareTester7";src:url(../../assets/fonts/software-tester-7.ttf) format("truetype");font-display:swap}
@font-face{font-family:"GoldenGirdle";src:url(../../assets/fonts/golden-girdle.otf) format("opentype");font-display:swap}
.signal-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:50!important;padding:16px 0!important;transition:background .3s,backdrop-filter .3s,border-color .3s,padding .3s!important;border-bottom:1px solid transparent!important;background:transparent!important;box-shadow:none!important}.signal-header.scrolled{background:rgba(5,8,11,.78)!important;backdrop-filter:blur(14px)!important;border-bottom-color:rgba(255,255,255,.12)!important;padding:10px 0!important}.signal-header .header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.signal-header .brand{display:flex!important;align-items:center!important;gap:12px!important;width:auto!important;height:46px!important;color:rgb(198,210,216)!important;text-decoration:none!important;filter:none!important;background:none!important;border:0!important;padding:0!important;margin:0!important;min-width:0!important}.signal-header .brand::before,.signal-header .brand::after{content:none!important}.signal-header .plate{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;padding:2.5px!important;flex:0 0 auto!important;width:96px!important;height:96px!important;background:conic-gradient(from 0deg,#0a1620 0deg,#0a1620 80deg,#b04f57 104deg,#c2773f 124deg,#fbb541 142deg,#fbe585 156deg,#c98a3e 172deg,#0a1620 202deg,#7a2f93 284deg,#c3528c 308deg,#e9b6dd 326deg,#8a4a86 342deg,#0a1620 360deg)!important;box-shadow:0 30px 60px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.06)!important}.signal-header .plate.sm{width:46px!important;height:46px!important;padding:1.5px!important;box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 14px rgba(43,208,255,.28)!important}.signal-header .plate .disc{width:100%!important;height:100%!important;border-radius:50%!important;position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(120% 120% at 50% 24%,#163a46,#0a212c 54%,#03101a)!important;box-shadow:inset 0 3px 5px rgba(255,255,255,.22),inset 0 -18px 34px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.05)!important}.signal-header .plate .disc::before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;pointer-events:none!important;background:radial-gradient(125% 78% at 50% -4%,rgba(255,255,255,.32),rgba(255,255,255,0) 56%)!important}.signal-header .plate .well{width:95%!important;height:95%!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 40%,#0a2630,#050f18 72%)!important;box-shadow:inset 0 6px 10px rgba(0,0,0,.72),inset 0 -4px 7px rgba(255,255,255,.07),inset 0 0 0 1px rgba(0,0,0,.5)!important}.signal-header .plate.sm .well{background:radial-gradient(circle at 50% 42%,#072028,#030c14 78%)!important;box-shadow:inset 0 3px 5px rgba(0,0,0,.78),inset 0 -2px 3px rgba(255,255,255,.06)!important}.signal-header .plate .mark{width:90%!important;aspect-ratio:1!important;display:block!important;-webkit-mask:url(../../assets/mark.png) center/contain no-repeat!important;mask:url(../../assets/mark.png) center/contain no-repeat!important;background:linear-gradient(155deg,#73f2d6 0%,#2bd0ff 50%,#1f9fe0 100%)!important;filter:drop-shadow(0 0 8px rgba(43,208,255,.5)) drop-shadow(0 1px 1px rgba(0,0,0,.55))!important}.signal-header .plate.sm .mark{width:92%!important;filter:drop-shadow(0 0 5px rgba(43,208,255,.65)) drop-shadow(0 0 1px rgba(150,245,235,.8))!important}.signal-header .brand-word{display:inline-flex!important;align-items:baseline!important;color:rgb(238,245,247)!important;white-space:nowrap!important;font:16px/26.4px Inter,-apple-system,system-ui,"Segoe UI",sans-serif!important}.signal-header .cw{font-size:18px!important;line-height:1!important;letter-spacing:.02em!important;display:inline-flex!important;align-items:baseline!important}.signal-header .cw .t{font-family:"SoftwareTester7",monospace!important;text-transform:none!important;font-size:1em!important;color:rgb(238,245,247)!important;letter-spacing:.02em!important;font-weight:400!important}.signal-header .cw .c{font-family:"GoldenGirdle",sans-serif!important;font-size:1.06em!important;margin:0 .02em!important;color:rgb(238,245,247)!important;background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important;letter-spacing:.02em!important;filter:none!important;text-transform:uppercase!important}.signal-header .cw .c::before,.signal-header .cw .c::after{content:none!important}.signal-header .brand-rest{font-weight:600!important;font-size:17px!important;letter-spacing:.01em!important;margin-left:.5em!important;color:rgb(238,245,247)!important;display:inline!important}.signal-header .brand-rest .sep{color:rgb(139,155,164)!important;margin-right:.45em!important;font-weight:400!important}.signal-header .site-nav{display:flex!important;align-items:center!important;gap:30px!important}.signal-header .site-nav>a{font-size:15px!important;color:rgb(198,210,216)!important;transition:color .2s!important}.signal-header .site-nav>a:hover{color:rgb(238,245,247)!important}.signal-header .site-nav .nav-cta,.signal-header .site-nav a:last-child{padding:9px 16px!important;font-size:14px!important;color:rgb(238,245,247)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.02)!important}.beachside-header-brand,.beachside-header-logo,.beachside-header-wordmark,.beachside-header-divider,.beachside-header-channel{all:unset!important;display:none!important}
@media(max-width:900px){.signal-header .site-nav{gap:14px!important}.signal-header .cw{font-size:14px!important}.signal-header .brand-rest{font-size:13px!important}.signal-header .plate.sm{width:38px!important;height:38px!important}.signal-header .brand{gap:8px!important}}


/* CANONICAL beachside header mobile nav alignment */
@media(max-width:900px){
  .signal-header .site-nav{position:fixed!important;inset:0 0 auto 0!important;top:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;background:rgba(5,8,11,.97)!important;backdrop-filter:blur(16px)!important;padding:90px 24px 30px!important;transform:translateY(-100%)!important;transition:transform .32s var(--ease)!important;border-bottom:1px solid var(--line)!important;z-index:45!important}
  body.nav-open .signal-header .site-nav{transform:translateY(0)!important}
  .signal-header .site-nav>a{padding:14px 4px!important;border-bottom:1px solid var(--line)!important;font-size:17px!important;color:rgb(198,210,216)!important}
  .signal-header .site-nav .nav-cta{margin-top:10px!important;justify-content:center!important;text-align:center!important;border-bottom:0!important;border:1px solid rgba(255,255,255,.18)!important}
  .signal-header .nav-toggle{display:flex!important;background:none!important;border:0!important;cursor:pointer!important;width:42px!important;height:42px!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:0!important;z-index:60!important}
  .signal-header .nav-toggle span{display:block!important;height:2px!important;width:24px!important;margin:0 auto!important;background:rgb(238,245,247)!important;border-radius:2px!important;transition:transform .25s,opacity .2s!important}
  body.nav-open .signal-header .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  body.nav-open .signal-header .nav-toggle span:nth-child(2){opacity:0!important}
  body.nav-open .signal-header .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
}


/* Logo asset correction: local assets/mark.png is now the live beachside 1600px node mark, not favicon */
.signal-header .plate .mark{-webkit-mask:url(../../assets/mark.png?v=live-logo-20260620) center/contain no-repeat!important;mask:url(../../assets/mark.png?v=live-logo-20260620) center/contain no-repeat!important}


/* Beachside shared nav: current subpage tab */
.signal-header .site-nav>a.nav-current{color:rgb(238,245,247)!important;text-shadow:0 0 12px rgba(43,208,255,.28)!important}.signal-header .site-nav>a.nav-current::after{content:"";display:block;height:1px;margin-top:4px;background:linear-gradient(90deg,transparent,rgba(43,208,255,.75),transparent)}
@media(max-width:900px){.signal-header .site-nav>a.nav-current::after{display:none}.signal-header .site-nav>a.nav-current{border-bottom-color:rgba(43,208,255,.45)!important}}


/* QA fix: move front photo caption left so it clears the clipped substrate edge */
.front-caption{right:76px!important;width:232px!important;max-width:48%!important}
@media(max-width:740px){.front-caption{right:48px!important;width:210px!important;max-width:58%!important}}
@media(max-width:520px){.front-caption{right:36px!important;width:198px!important;max-width:62%!important}}

/* woo26: tasteful premium edge for the SmartSubstrate portrait only */
.card-face.card-front{
  border-color:rgba(235,250,255,.18)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.018) 28%,rgba(43,208,255,.045) 62%,rgba(251,181,65,.035) 100%) padding-box,
    linear-gradient(126deg,rgba(238,250,255,.72) 0%,rgba(87,226,255,.42) 27%,rgba(19,61,75,.18) 58%,rgba(251,181,65,.40) 82%,rgba(255,255,255,.48) 100%) border-box!important;
  box-shadow:
    0 42px 118px rgba(0,0,0,.58),
    0 0 54px rgba(99,222,255,.13),
    0 0 1px rgba(255,255,255,.34),
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 44px rgba(255,255,255,.10),
    inset 22px 0 38px rgba(43,208,255,.045),
    inset -24px 0 44px rgba(251,181,65,.035)!important;
}
.card-face.card-front::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  pointer-events:none!important;
  opacity:.62!important;
  mix-blend-mode:screen!important;
  background:
    linear-gradient(90deg,rgba(235,250,255,.70),rgba(77,222,255,.42),rgba(235,250,255,.10)) 0 11%/72% 1px no-repeat,
    linear-gradient(90deg,rgba(251,181,65,.58),rgba(255,255,255,.48),rgba(78,222,255,.24)) 80% 1%/16% 1px no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.54),rgba(75,218,255,.26),rgba(251,181,65,.18)) 100% 6%/1px 68% no-repeat,
    linear-gradient(90deg,rgba(90,226,255,.42),rgba(235,250,255,.26),rgba(251,181,65,.18)) 0 100%/80% 1px no-repeat,
    linear-gradient(180deg,rgba(235,250,255,.30),rgba(43,208,255,.20),rgba(235,250,255,.20)) 0 11%/1px 89% no-repeat,
    linear-gradient(128deg,transparent 47%,rgba(235,250,255,.50) 49%,rgba(84,225,255,.34) 51%,transparent 53%) 72% 1%/8% 10% no-repeat,
    linear-gradient(42deg,transparent 47%,rgba(251,181,65,.38) 49%,rgba(255,255,255,.38) 51%,transparent 53%) 96% 1%/4% 5% no-repeat,
    linear-gradient(112deg,transparent 47%,rgba(92,226,255,.32) 49%,rgba(255,255,255,.28) 51%,transparent 53%) 80% 74%/10% 26% no-repeat,
    linear-gradient(115deg,rgba(255,255,255,.09),transparent 24%,rgba(255,255,255,.035) 52%,transparent 72%)!important;
  transition:opacity .28s ease!important;
}
.card-face.card-front::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:6!important;
  pointer-events:none!important;
  opacity:.22!important;
  background:
    radial-gradient(420px 240px at 78% 14%,rgba(251,181,65,.08),transparent 62%),
    radial-gradient(360px 260px at 14% 88%,rgba(43,208,255,.10),transparent 64%),
    repeating-linear-gradient(88deg,rgba(255,255,255,.055) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 32px)!important;
}
.substrate-credential:hover .card-face.card-front{
  box-shadow:
    0 44px 122px rgba(0,0,0,.60),
    0 0 64px rgba(99,222,255,.18),
    0 0 1px rgba(255,255,255,.42),
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 0 50px rgba(255,255,255,.12),
    inset 22px 0 42px rgba(43,208,255,.055),
    inset -24px 0 46px rgba(251,181,65,.045)!important;
}
.substrate-credential:hover .card-face.card-front::before{opacity:.72!important}

/* woo27: quiet World Cup easter egg in the field-notes ledger */
.field-easter-egg{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-top:12px;
  color:rgba(67,232,216,.72);
  font:800 9px/1 "JetBrains Mono",monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(67,232,216,.22);
  text-shadow:0 0 14px rgba(43,208,255,.18);
  transition:color .2s ease,border-color .2s ease,text-shadow .2s ease,transform .2s ease;
}
.field-easter-egg::before{
  content:"↗";
  margin-right:7px;
  color:rgba(251,181,65,.72);
  font-size:10px;
  transform:translateY(-1px);
}
.field-easter-egg:hover{
  color:rgba(239,250,255,.94);
  border-color:rgba(251,181,65,.44);
  text-shadow:0 0 18px rgba(43,208,255,.32),0 0 18px rgba(251,181,65,.16);
  transform:translateX(2px);
}