:root{--bg:#07110f;--panel:#0b1815;--panel2:#10211d;--ink:#edf7f2;--muted:#8fa79e;--line:#1f3932;--acid:#59f2b4;--blue:#6bb8ff;--amber:#ffc65c;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,78px);position:sticky;top:0;background:rgba(7,17,15,.92);backdrop-filter:blur(18px);z-index:10}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:.06em;font-size:14px}
.brand strong{color:var(--acid)}
.brand-mark{width:29px;height:33px;border:2px solid var(--acid);display:grid;place-items:center;clip-path:polygon(50% 0,100% 18%,94% 75%,50% 100%,6% 75%,0 18%)}
.brand-mark i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}
nav{display:flex;align-items:center;gap:34px}
nav a{font-size:13px;color:var(--muted);padding:31px 0 26px;position:relative}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--acid);transition:.3s}
nav a:hover,nav a.active{color:var(--ink)}
nav a.active:after{right:0}
.editor-trigger{justify-self:end;background:none;border:1px solid var(--line);color:var(--ink);padding:9px 14px;border-radius:2px;font-size:12px;cursor:pointer}
.editor-trigger:hover{border-color:var(--acid);color:var(--acid)}
.menu-button{display:none}
.view{display:none;min-height:calc(100vh - 82px);padding:clamp(62px,7vw,112px) clamp(22px,7vw,108px)}
.view.active{display:block;animation:fade .42s ease}
@keyframes fade{from{opacity:0;transform:translateY(7px)}
to{opacity:1;transform:none}
}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.75fr);gap:8vw;align-items:center;min-height:520px}
.eyebrow{font:500 11px var(--mono);letter-spacing:.17em;color:var(--acid);display:flex;align-items:center;gap:10px}
.eyebrow span{width:28px;height:1px;background:var(--acid)}
h1{font-size:clamp(48px,6.6vw,100px);line-height:.98;letter-spacing:-.065em;margin:24px 0 30px;max-width:1000px}
h1 em{font-style:normal;color:var(--acid)}
.hero-summary,.page-intro>p:last-child{font-size:clamp(16px,1.45vw,21px);line-height:1.7;color:var(--muted);max-width:720px}
.hero-actions{display:flex;gap:12px;margin:38px 0 60px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;border-radius:2px;font-weight:700;font-size:13px;cursor:pointer}
.button.primary{background:var(--acid);color:#04100c;border:1px solid var(--acid)}
.button.primary:hover{background:#80fac8}
.button.secondary{border:1px solid var(--line);color:var(--ink);background:transparent}
.button.secondary:hover{border-color:var(--acid)}
.signal-row{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);max-width:690px}
.signal-row div{padding:22px 0}
.signal-row div+div{border-left:1px solid var(--line);padding-left:24px}
.signal-row strong{font:500 15px var(--mono);color:var(--acid);display:block}
.signal-row span{font-size:12px;color:var(--muted)}
.radar-card{background:linear-gradient(145deg,rgba(89,242,180,.08),rgba(8,22,18,.8));border:1px solid var(--line);padding:22px;max-width:520px;aspect-ratio:.92}
.radar-head,.radar-foot{display:flex;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.12em;color:var(--muted)}
.live{color:var(--acid)}
.live i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px;box-shadow:0 0 8px var(--acid)}
.radar{position:relative;aspect-ratio:1;margin:20px;border:1px solid var(--line);border-radius:50%;overflow:hidden;background:radial-gradient(circle at center,rgba(89,242,180,.08),transparent 65%)}
.ring,.cross,.sweep,.node,.pulse{position:absolute}
.ring{border:1px solid var(--line);border-radius:50%;inset:16%}
.ring.r2{inset:32%}
.ring.r3{inset:44%}
.cross.x{left:50%;top:0;bottom:0;border-left:1px solid var(--line)}
.cross.y{top:50%;left:0;right:0;border-top:1px solid var(--line)}
.sweep{inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 76%,rgba(89,242,180,.28) 100%);animation:spin 5s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}
}
.node{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0c1f19;border:1px solid var(--acid);font:12px var(--mono);box-shadow:0 0 30px rgba(89,242,180,.12)}
.n1{top:17%;left:25%}
.n2{right:17%;top:49%}
.n3{left:34%;bottom:12%}
.pulse{width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 7px rgba(255,198,92,.1),0 0 18px var(--amber)}
.p1{right:29%;top:28%}
.p2{left:22%;bottom:28%}
.radar-foot{padding-top:8px}
.section-heading{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:42px;margin-top:50px}
.section-heading h2{font-size:40px;margin:8px 0}
.section-heading a{font:12px var(--mono);color:var(--acid)}
.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}
.feature-grid article{background:var(--panel);padding:34px}
.lead-story{grid-row:span 2}
.lead-story h3{font-size:35px;line-height:1.15;max-width:520px}
.lead-story p{color:var(--muted);line-height:1.7;max-width:560px}
.lead-story a,.read-link{font:12px var(--mono);color:var(--acid)}
.tag{font:500 10px var(--mono);letter-spacing:.12em}
.tag.ot{color:var(--acid)}
.tag.it{color:var(--blue)}
.tag.learn,.tag.risk{color:var(--amber)}
.mini-story{display:flex;gap:26px}
.mini-story .index{font:12px var(--mono);color:#567068}
.mini-story h3{font-size:21px;margin:12px 0 7px}
.mini-story p{color:var(--muted);font-size:14px;margin:0}
.page-intro{padding-bottom:60px;border-bottom:1px solid var(--line)}
.page-intro h1{font-size:clamp(50px,6.4vw,88px)}
.news-toolbar{display:flex;align-items:center;justify-content:space-between;margin:32px 0}
.filter-tabs{display:flex;gap:5px}
.filter-tabs button{background:none;border:1px solid var(--line);color:var(--muted);padding:10px 14px;font-size:12px;cursor:pointer}
.filter-tabs button.active,.filter-tabs button:hover{color:#06100d;background:var(--acid);border-color:var(--acid)}
.updated{font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:var(--line);gap:1px}
.news-card{background:var(--panel);padding:34px;min-height:300px;display:flex;flex-direction:column;transition:.25s}
.news-card:hover{background:var(--panel2);transform:translateY(-3px)}
.news-card.featured{grid-column:span 2;min-height:350px;background:linear-gradient(100deg,var(--panel),rgba(89,242,180,.08))}
.card-meta{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);text-transform:uppercase}
.news-card h2{font-size:clamp(25px,3vw,44px);line-height:1.12;max-width:750px;margin:42px 0 16px}
.news-card p{color:var(--muted);line-height:1.7;max-width:650px}
.read-link{margin-top:auto;padding-top:24px}
.learning-layout{display:grid;grid-template-columns:250px 1fr;border:1px solid var(--line);margin-top:50px}
.learning-nav{padding:26px;background:#091512;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}
.learning-nav>span{font:10px var(--mono);color:var(--muted);letter-spacing:.13em;margin-bottom:16px}
.learning-nav button{padding:15px;text-align:left;background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:13px;border-left:2px solid transparent}
.learning-nav button.active,.learning-nav button:hover{background:var(--panel2);color:var(--ink);border-left-color:var(--acid)}
.module-panel{padding:clamp(28px,5vw,70px);background:var(--panel)}
.module-top{display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.12em;color:var(--acid)}
.level{color:var(--muted)}
.module-panel h2{font-size:clamp(34px,4vw,56px);margin:22px 0 12px}
.module-lead{font-size:17px;color:var(--muted);line-height:1.7;max-width:720px}
.lesson-list{border-top:1px solid var(--line);margin-top:42px}
.lesson-list button{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;text-align:left;gap:12px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:20px 4px;cursor:pointer}
.lesson-list button:hover{background:rgba(89,242,180,.04);padding-left:12px}
.lesson-list button>span,.lesson-list i{font:normal 11px var(--mono);color:var(--muted)}
.lesson-list strong{display:block}
.lesson-list small{color:var(--muted);font-size:12px}
.takeaway{margin-top:38px;padding:24px;border-left:2px solid var(--acid);background:rgba(89,242,180,.06)}
.takeaway span{font:10px var(--mono);color:var(--acid)}
.takeaway p{margin:9px 0 0;line-height:1.6}
.about-wrap{max-width:1100px}
.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;color:var(--muted);font-size:18px;line-height:1.75;border-top:1px solid var(--line);padding-top:42px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border:1px solid var(--line)}
.principles div{padding:30px}
.principles div+div{border-left:1px solid var(--line)}
.principles span{font:11px var(--mono);color:var(--acid)}
.principles h3{font-size:24px}
.principles p{color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);padding:28px clamp(22px,7vw,108px);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}
.brand.small{font-family:var(--font);color:var(--ink)}
.brand.small .brand-mark{width:23px;height:27px}
.editor-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:29}
.editor{position:fixed;right:0;top:0;bottom:0;width:min(440px,94vw);background:#0b1714;border-left:1px solid var(--line);z-index:30;padding:28px;transform:translateX(102%);transition:.3s;box-shadow:-20px 0 70px rgba(0,0,0,.35)}
.editor.open{transform:none}
.editor-head{display:flex;justify-content:space-between;align-items:start}
.editor-head span{font:10px var(--mono);color:var(--acid);letter-spacing:.12em}
.editor-head h2{margin:5px 0 20px}
.editor-close{background:none;border:0;color:var(--ink);font-size:28px;cursor:pointer}
.editor-note{background:rgba(89,242,180,.06);border:1px solid var(--line);padding:13px;color:var(--muted);font-size:12px;line-height:1.5}
.editor label{display:block;font-size:12px;color:var(--muted);margin-top:22px}
.editor input[type=text],.editor textarea{width:100%;margin-top:8px;background:#07110f;border:1px solid var(--line);color:var(--ink);padding:13px;outline:none}
.editor input:focus,.editor textarea:focus{border-color:var(--acid)}
.upload-label input{display:none}
.upload-label span{display:block;border:1px dashed var(--line);padding:18px;text-align:center;margin-top:8px;cursor:pointer}
.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:28px}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,80px);opacity:0;background:var(--acid);color:#05100c;padding:12px 18px;z-index:40;font-weight:700;font-size:12px;transition:.3s}
.toast.show{transform:translate(-50%,0);opacity:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ask-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);gap:clamp(36px,7vw,110px);align-items:center;min-height:620px}
.ask-intro h1{font-size:clamp(48px,5.8vw,84px)}
.ask-intro>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7;max-width:600px}
.ask-boundary{display:flex;gap:14px;align-items:center;border-left:2px solid var(--acid);background:rgba(89,242,180,.06);padding:16px 18px;margin:30px 0}
.ask-boundary strong{font:10px var(--mono);color:var(--acid);white-space:nowrap}.ask-boundary span{font-size:12px;color:var(--muted)}
.suggestion-list{display:flex;gap:8px;flex-wrap:wrap}.suggestion-list button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:10px 12px;cursor:pointer;font:11px var(--mono)}.suggestion-list button:hover{border-color:var(--acid);color:var(--acid)}
.chat-card{height:min(680px,72vh);min-height:570px;background:var(--panel);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto auto;box-shadow:0 28px 90px rgba(0,0,0,.24)}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.12em}.chat-head div{display:flex;align-items:center;gap:9px;color:var(--acid)}.chat-head i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}.chat-head small{font:9px var(--mono);color:var(--muted)}
.chat-messages{overflow:auto;padding:24px;display:flex;flex-direction:column;gap:22px;scrollbar-color:var(--line) transparent}.message{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;max-width:88%}.message>span{width:32px;height:32px;display:grid;place-items:center;background:rgba(89,242,180,.1);border:1px solid var(--line);color:var(--acid);font:9px var(--mono)}.message p{margin:2px 0 5px;line-height:1.65;font-size:14px}.message small{color:var(--muted);font:9px var(--mono)}
.message.user{align-self:flex-end;grid-template-columns:1fr 36px}.message.user>span{grid-column:2;grid-row:1;background:rgba(107,184,255,.1);color:var(--blue)}.message.user>div{grid-column:1;grid-row:1;background:var(--panel2);padding:12px 15px;border:1px solid var(--line)}.message.pending{opacity:.66}.message.pending p:after{content:' ';display:inline-block;width:14px;height:10px;margin-left:5px;background:radial-gradient(circle,var(--acid) 2px,transparent 3px) 0 50%/7px 7px repeat-x;animation:pulseDots 1s infinite alternate}
@keyframes pulseDots{to{opacity:.25}}
.chat-form{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);padding:14px;background:#091512}.chat-form textarea{resize:none;background:transparent;border:0;color:var(--ink);padding:10px;outline:none;line-height:1.45}.chat-form textarea::placeholder{color:#60776e}.chat-form button{align-self:stretch;min-width:82px;border:0;background:var(--acid);color:#04100c;cursor:pointer;font:700 10px var(--mono);display:flex;align-items:center;justify-content:center;gap:8px}.chat-form button:hover{background:#80fac8}.chat-form button:disabled{opacity:.45;cursor:wait}.chat-form button b{font-size:18px}
.chat-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono)}.chat-foot button{background:none;border:0;color:var(--muted);font:9px var(--mono);cursor:pointer}.chat-foot button:hover{color:var(--acid)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;padding:0 20px}
.menu-button{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px;margin-right:6px}
.menu-button span{display:block;width:21px;height:1px;background:var(--ink)}
nav{display:none;position:absolute;top:81px;left:0;right:0;background:#081310;border-bottom:1px solid var(--line);padding:15px 20px;flex-direction:column;align-items:stretch;gap:0}
nav.open{display:flex}
nav a{padding:15px}
.editor-trigger{font-size:0;padding:10px}
.editor-trigger:after{content:'EDIT';font:10px var(--mono)}
.hero-grid{grid-template-columns:1fr}
.radar-card{display:none}
.feature-grid{grid-template-columns:1fr}
.lead-story{grid-row:auto}
.news-grid{grid-template-columns:1fr}
.news-card.featured{grid-column:auto}
.learning-layout{grid-template-columns:1fr}
.learning-nav{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr)}
.learning-nav>span{grid-column:1/-1}
.about-copy{grid-template-columns:1fr}
.principles{grid-template-columns:1fr}
.principles div+div{border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:600px){.view{padding:50px 20px}
.site-header{height:72px}
.brand{font-size:12px}
.brand-mark{width:25px;height:29px}
nav{top:71px}
.hero-grid{min-height:auto}
.hero-actions{flex-direction:column;align-items:stretch}
.signal-row span{display:none}
.signal-row div+div{padding-left:12px}
.section-heading{align-items:start;gap:18px}
.section-heading h2{font-size:30px}
.section-heading a{margin-top:12px}
.feature-grid article{padding:25px}
.news-toolbar{align-items:flex-start;gap:18px;flex-direction:column}
.filter-tabs{width:100%}
.filter-tabs button{flex:1;padding:10px 5px}
.news-card{padding:25px}
.learning-nav{display:flex;overflow:auto}
.learning-nav button{min-width:max-content}
.module-panel{padding:28px 20px}
.module-top{gap:20px}
.lesson-list button{grid-template-columns:32px 1fr}
.lesson-list i{display:none}
.principles{margin-top:45px}
footer{align-items:flex-start;gap:18px;flex-direction:column}
}
@media(max-width:1050px){.ask-layout{grid-template-columns:1fr}.chat-card{height:650px}.ask-intro{max-width:760px}}
@media(max-width:600px){.ask-layout{gap:30px}.ask-intro h1{font-size:46px}.ask-boundary{align-items:flex-start;flex-direction:column}.chat-card{height:70vh;min-height:540px}.chat-head small{display:none}.chat-messages{padding:18px 14px}.message{max-width:96%}.chat-foot>span{display:none}.chat-form button{min-width:68px}}