:root{--bg:#070810;--panel:#10121d;--ink:#edf7ff;--muted:#98a7b9;--cyan:#63dbff;--violet:#b16dff;--line:#263142;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:fixed;z-index:15;top:0;left:0;right:0;background:#070810c7;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.brand span{font-size:26px;font-weight:800;letter-spacing:.25em}.brand small{font-size:9px;line-height:1.1;letter-spacing:.24em;color:var(--cyan);max-width:42px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{color:#b9c6d5;text-decoration:none;font-size:13px}.site-header nav a:hover{color:#fff}.nav-cta{padding:9px 14px;border:1px solid #4ebedd66;border-radius:99px}.hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050710f5 0%,#050710c9 31%,#05071048 58%,#05071010),linear-gradient(0deg,#070810 0%,transparent 25%)}.hero-copy{position:relative;z-index:2;width:min(680px,calc(100% - 48px));margin-left:max(24px,calc((100vw - var(--max))/2));padding-top:56px}.eyebrow,.section-kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}.hero h1{font-size:clamp(48px,6.2vw,92px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.hero-lead{max-width:590px;color:#c3ceda;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{padding:13px 19px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px}.primary{background:var(--cyan);color:#071019}.ghost{border:1px solid #bceeff45;color:#e9f8ff;background:#07101a9c}.hero-status{position:absolute;z-index:3;right:max(24px,calc((100vw - var(--max))/2));bottom:34px;font:700 10px monospace;letter-spacing:.18em;color:#b7eaff}.hero-status span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#65f7bf;box-shadow:0 0 16px #65f7bf}.manifesto,.characters,.systems,.flow,.principles{max-width:var(--max);margin:0 auto;padding:110px 24px}.manifesto{text-align:center}.manifesto h2,.section-heading h2{font-size:clamp(38px,5.3vw,72px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 22px}.manifesto h2 em{color:var(--violet);font-style:normal}.manifesto>p:not(.section-kicker){max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}.signal-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:42px}.signal-row span{padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:#bcd0df;font:700 10px monospace;letter-spacing:.12em}.section-heading{max-width:760px;margin-bottom:54px}.section-heading>p:last-child{max-width:680px;color:var(--muted);font-size:17px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.character-card{position:relative;min-height:510px;overflow:hidden;border:1px solid #ffffff14;border-radius:22px;background:#0e111c}.character-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.88)}.character-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b13 4%,transparent 70%)}.character-card>div{position:absolute;z-index:2;left:26px;right:26px;bottom:25px}.character-card h3{font-size:30px;margin:4px 0}.character-card p{margin:0;color:#c1cbd7;font-size:14px}.role{font:700 10px monospace;letter-spacing:.17em;color:var(--cyan)}.character-card[data-accent=violet] .role{color:#cf9cff}.character-card[data-accent=blue] .role{color:#7fa7ff}.systems{max-width:1288px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;min-height:270px;padding:28px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(145deg,#111522,#0b0d16);overflow:hidden}.feature-card.large{grid-column:span 2}.feature-no{position:absolute;top:20px;right:22px;color:#6f7888;font:700 10px monospace}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#72ddff10;border:1px solid #72ddff36;color:var(--cyan);font-size:24px}.feature-card h3{font-size:23px;margin:25px 0 8px}.feature-card p{color:var(--muted);margin:0}.feature-card ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:22px 0 0;list-style:none}.feature-card li,.warning{font:700 10px monospace;letter-spacing:.06em;padding:7px 9px;border-radius:6px;background:#ffffff08;color:#c9d4df}.trading{background:radial-gradient(circle at 80% 20%,#523c8c30,transparent 43%),linear-gradient(145deg,#111522,#0b0d16)}.warning{display:inline-block;margin-top:20px;color:#f3ca72;background:#f2b72e10;border:1px solid #f2b72e2c}.market-line{height:58px;display:flex;align-items:end;gap:7px}.market-line i{display:block;width:8px;background:linear-gradient(#bc7eff,#5bdcff);border-radius:3px 3px 0 0}.market-line i:nth-child(1){height:17px}.market-line i:nth-child(2){height:34px}.market-line i:nth-child(3){height:25px}.market-line i:nth-child(4){height:48px}.market-line i:nth-child(5){height:40px}.market-line i:nth-child(6){height:55px}.market-line i:nth-child(7){height:51px}.flow{padding-bottom:70px}.flow-track{display:flex;align-items:center;justify-content:space-between;padding:25px;border:1px solid #ffffff13;border-radius:20px;background:#0c0f19}.flow-track b{color:#465163}.flow-node{min-width:150px;padding:15px}.flow-node span{display:block;color:#687788;font:700 10px monospace}.flow-node strong{display:block;margin-top:8px;font-size:16px}.flow-node small{color:#7f90a2}.flow-node.active{border-radius:13px;background:#50d4ff12;box-shadow:inset 0 0 0 1px #59d9ff36}.flow-node.active strong{color:var(--cyan)}.example{margin-top:22px;border:1px solid #ffffff12;border-radius:20px;overflow:hidden;background:#0c0f19}.example-user{padding:24px;color:#7deaff;background:#06344166;border-bottom:1px solid #ffffff12}.example-system{display:flex;gap:24px;padding:24px}.example-system span{height:28px;padding:6px 9px;border-radius:6px;background:#a96fff25;color:#d7a9ff;font:800 10px monospace}.example-system p{margin:0;color:#c4cfda}.principles{padding-bottom:130px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid>div{padding:28px 24px;border-right:1px solid var(--line)}.principle-grid>div:last-child{border:0}.principle-grid strong{color:var(--cyan);font:800 12px monospace;letter-spacing:.16em}.principle-grid p{color:var(--muted);font-size:13px}footer{max-width:var(--max);margin:0 auto;padding:38px 24px 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center;color:#718092;font-size:12px}.copyright{text-align:right}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav a:not(.nav-cta){display:none}.hero{min-height:760px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#050710f4,#05071078),linear-gradient(0deg,#070810,transparent 35%)}.character-grid,.feature-grid{grid-template-columns:1fr 1fr}.character-card:last-child{grid-column:span 2}.flow-track{display:grid;grid-template-columns:1fr}.flow-track b{transform:rotate(90deg);text-align:center}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid>div:nth-child(2){border-right:0}.principle-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:620px){.site-header{height:66px}.nav-cta{font-size:0!important}.nav-cta:after{content:"GitHub";font-size:12px}.hero{min-height:720px;align-items:end;padding-bottom:80px}.hero-copy{padding-top:0}.hero h1{font-size:47px}.hero-lead{font-size:15px}.hero-status{display:none}.manifesto,.characters,.systems,.flow,.principles{padding:78px 18px}.character-grid,.feature-grid{grid-template-columns:1fr}.character-card,.character-card:last-child,.feature-card.large{grid-column:auto}.character-card{min-height:480px}.principle-grid{grid-template-columns:1fr}.principle-grid>div{border-right:0;border-bottom:1px solid var(--line)!important}.example-system{display:block}.example-system span{display:inline-block;margin-bottom:14px}footer{grid-template-columns:1fr;gap:18px}.copyright{text-align:left}}

/* Detailed capability showcase */
.deep-dives{max-width:1320px;margin:0 auto;padding:110px 24px}
.deep-card{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;margin:0 0 28px;border:1px solid #ffffff14;border-radius:24px;background:#0c0f19}
.deep-card.reverse{grid-template-columns:.92fr 1.08fr}
.deep-card.reverse img{order:2}
.deep-card img{width:100%;height:100%;min-height:590px;object-fit:cover}
.deep-copy{padding:48px 44px;align-self:center}
.deep-tag{font:800 10px monospace;letter-spacing:.16em;color:var(--cyan)}
.deep-tag.gold{color:#f4c65e}
.deep-copy h3{font-size:clamp(30px,3.3vw,48px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 18px}
.deep-copy>p{color:var(--muted);font-size:16px}
.process-list{list-style:none;margin:28px 0;padding:0;border-top:1px solid var(--line)}
.process-list li{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.process-list b{color:#e6f8ff;font-size:13px}
.process-list span{color:#8ea0b2;font-size:13px}
.detail-pills,.guardrail-grid{display:flex;flex-wrap:wrap;gap:7px}
.detail-pills span,.guardrail-grid span{padding:7px 9px;border-radius:6px;background:#59d9ff0b;border:1px solid #59d9ff22;color:#a9dcea;font:700 9px monospace;text-transform:uppercase;letter-spacing:.06em}
.quote-example{margin-top:24px;padding:18px;border-left:2px solid var(--violet);background:#b16dff0b;color:#d8e2eb;font-size:15px}
.quote-example small{display:block;margin-bottom:7px;color:#b98aff;font:800 9px monospace;letter-spacing:.15em}
.capability-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.mini-detail{padding:25px;border:1px solid #ffffff12;border-radius:16px;background:#0c0f19}
.mini-detail>span{font:800 9px monospace;letter-spacing:.16em;color:var(--cyan)}
.mini-detail h3{font-size:19px;margin:12px 0 8px}
.mini-detail p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:1050px){.deep-card,.deep-card.reverse{grid-template-columns:1fr}.deep-card.reverse img{order:0}.deep-card img{min-height:420px}.capability-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.deep-dives{padding:78px 18px}.capability-detail-grid{grid-template-columns:1fr}.deep-card img{min-height:260px}.deep-copy{padding:30px 23px}.process-list li{grid-template-columns:70px 1fr}}

/* Production tools built for the Team 4E4 media pipeline */
.production-tools{max-width:1320px;margin:0 auto;padding:110px 24px}
.production-tools .section-heading em{color:var(--violet);font-style:normal}
.production-card{display:grid;grid-template-columns:1.08fr .92fr;gap:0;overflow:hidden;margin:0 0 30px;border:1px solid #ffffff16;border-radius:24px;background:radial-gradient(circle at 16% 12%,#53387824,transparent 38%),#0c0f19}
.production-card.reverse{grid-template-columns:.92fr 1.08fr}
.production-card.reverse .production-media{order:2}
.production-card.reverse .production-copy{order:1}
.production-media{position:relative;min-height:650px;padding:26px;display:flex;align-items:flex-start;background:#070912}
.production-media>img:first-child{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;border:1px solid #ffffff18;border-radius:16px;box-shadow:0 25px 60px #000a}
.production-secondary{position:absolute;right:24px;bottom:25px;width:54%;height:auto;max-height:310px;object-fit:cover;object-position:top;border:1px solid #aa77e966;border-radius:13px;box-shadow:0 18px 45px #000d}
.production-copy{padding:46px 42px;align-self:center}
.production-copy h3{font-size:clamp(30px,3.1vw,46px);line-height:1.06;letter-spacing:-.035em;margin:14px 0 18px}
.production-purpose{color:#c3ced9;font-size:16px;line-height:1.7}
.production-note{margin:22px 0;color:#8293a5;font-size:13px;line-height:1.65;padding:15px 17px;border-left:2px solid var(--violet);background:#b16dff09}
.production-note b{color:#d9c0ef}
@media(max-width:1050px){.production-card,.production-card.reverse{grid-template-columns:1fr}.production-card.reverse .production-media,.production-card.reverse .production-copy{order:initial}.production-media{min-height:520px}.production-secondary{width:48%}}
@media(max-width:620px){.production-tools{padding:78px 18px}.production-media{min-height:390px;padding:13px}.production-secondary{right:13px;bottom:14px;width:58%;max-height:190px}.production-copy{padding:30px 23px}}

.captures{max-width:1320px;margin:0 auto;padding:110px 24px}.capture-filters{display:flex;gap:9px;flex-wrap:wrap;margin:-24px 0 30px}.capture-filter{border:1px solid #364255;background:#0d101a;color:#aebdcc;border-radius:999px;padding:10px 15px;font:700 11px monospace;letter-spacing:.04em;cursor:pointer}.capture-filter:hover,.capture-filter.active{color:#071019;background:var(--cyan);border-color:var(--cyan)}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.capture-card{appearance:none;text-align:left;padding:0;overflow:hidden;border:1px solid #ffffff16;border-radius:19px;background:#0d101a;color:var(--ink);cursor:zoom-in;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.capture-card:hover{transform:translateY(-4px);border-color:#67ddff70;box-shadow:0 20px 45px #0008}.capture-card.wide{grid-column:span 2}.capture-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#090a12}.capture-card>span{display:block;padding:20px 22px 22px}.capture-card b{display:block;font-size:18px;margin-bottom:5px}.capture-card small{display:block;color:var(--muted);font:400 13px/1.55 Inter,Segoe UI,system-ui,sans-serif}.capture-card[hidden]{display:none}.capture-lightbox{width:min(96vw,1680px);max-height:94vh;padding:0;border:1px solid #9c6ad877;border-radius:20px;background:#080912;box-shadow:0 30px 100px #000c;overflow:hidden}.capture-lightbox::backdrop{background:#02030be8;backdrop-filter:blur(8px)}.capture-lightbox img{display:block;width:100%;height:auto;max-height:94vh;object-fit:contain}.lightbox-close{position:absolute;z-index:2;right:14px;top:14px;width:42px;height:42px;border:1px solid #ffffff34;border-radius:50%;background:#090a12d9;color:#fff;font-size:27px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#b16dff}.capture-lightbox[open]{animation:lightbox-in .2s ease-out}@keyframes lightbox-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}

@media(max-width:760px){.captures{padding:78px 18px}.capture-filters{display:grid;grid-template-columns:1fr 1fr}.capture-filter{width:100%;padding-inline:8px}.capture-grid{grid-template-columns:1fr}.capture-card.wide{grid-column:auto}.capture-card>span{padding:16px 17px 18px}}
.reveal{opacity:1;transform:none}

/* Current HAL build: modular capture extension */
.capture-chapter{grid-column:1/-1;margin:44px 0 4px;padding:30px;border:1px solid #b16dff40;border-radius:18px;background:radial-gradient(circle at 8% 0,#b16dff18,transparent 42%),#0d101a}
.capture-chapter span{display:block;color:var(--violet);font:800 10px monospace;letter-spacing:.16em}
.capture-chapter b{display:block;margin-top:10px;color:#eef6ff;font-size:clamp(22px,3vw,34px)}
.capture-chapter p{max-width:850px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.capture-grid-extension{display:contents}
body{font-family:'Rajdhani','Segoe UI',sans-serif;font-weight:500}.site-header nav,.brand,.eyebrow,.section-kicker,h1,h2,h3,.feature-card h3,.deep-tag,.capture-card b,.flow-node strong,.principle-grid strong{font-family:'Orbitron','Segoe UI',sans-serif}.hero-lead,.section-heading>p:last-child,.deep-copy>p,.production-purpose,.production-note,.feature-card p,.process-list span,.capture-card small{font-family:'Rajdhani','Segoe UI',sans-serif;font-weight:500}

/* TEAM 4E4 integration: language controls and improved readability */
.showcase-tools{display:flex;align-items:center;gap:6px;margin-left:18px}.showcase-tools a,.showcase-tools button{border:1px solid #b16dff55;background:#100b1d;color:#d8c8ed;border-radius:7px;padding:8px 10px;font:700 10px/1 monospace;letter-spacing:.08em;text-decoration:none;cursor:pointer}.showcase-tools button.active{color:#071019;background:var(--cyan);border-color:var(--cyan)}body{font-size:17px}.section-heading>p:last-child,.deep-copy>p,.production-purpose,.production-note{font-size:18px;line-height:1.7}.feature-card p,.process-list span,.capture-card small{font-size:15px}@media(max-width:1180px){.site-header nav{gap:13px}.site-header nav a{font-size:11px}.showcase-tools{margin-left:8px}.showcase-tools a{font-size:0}.showcase-tools a:after{content:"← 4E4";font-size:10px}}@media(max-width:900px){.showcase-tools{margin-left:auto}.showcase-tools a{display:inline-block}.site-header nav{display:none}}@media(max-width:620px){.showcase-tools a{display:none}.showcase-tools button{padding:8px}}