/* Ruah Intelligence — single public surface */
:root{--width:1240px;--copy:730px}
html[data-surface="ruah-foundry-v2"]{
  --bg:#030302;--surface:#0c0a07;--surface-2:#151006;--text:#f5eddd;--soft:#b7aa96;
  --brass:#c49a58;--bronze:#7d5a2b;--chalk:#e3d6c0;--line:rgba(205,164,96,.27);
  --line-strong:rgba(221,177,101,.62);--body:"Segoe UI Variable Text","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --heading:Georgia,"Times New Roman",serif;--lift:-4px;--black-shadow:#000;--iron:#241a0c
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{min-height:100vh;margin:0;color:var(--text);font:16px/1.65 var(--body);background:
  radial-gradient(ellipse at 75% 9%,rgba(151,104,43,.22),transparent 29rem),
  radial-gradient(ellipse at 8% 46%,rgba(84,56,24,.13),transparent 34rem),
  linear-gradient(90deg,transparent 49.88%,rgba(217,168,87,.07) 50%,transparent 50.12%),
  linear-gradient(180deg,#070603 0,#020201 44rem,#050402 100%);text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.54;background:
  repeating-linear-gradient(3deg,transparent 0 3px,rgba(255,235,197,.014) 4px,transparent 5px 11px),
  repeating-linear-gradient(91deg,transparent 0 59px,rgba(196,143,65,.032) 60px),
  repeating-linear-gradient(0deg,transparent 0 59px,rgba(225,193,137,.024) 60px)}
body::after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;box-shadow:inset 0 0 150px 36px #000;opacity:.76}
a{color:inherit;text-decoration:none}
a:hover{color:#fff}
a:focus-visible{outline:2px solid var(--brass);outline-offset:5px}
main{width:min(var(--width),calc(100% - 52px));margin:0 auto;padding:34px 0 74px;position:relative;isolation:isolate}
.site-main{padding-top:0}
.site-nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid var(--line-strong);box-shadow:0 12px 24px -22px var(--brass)}
.site-brand,.brand{color:var(--chalk);font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 0 #000,0 0 22px rgba(196,154,88,.32)}
.site-links,.site-actions,.legal-links,.footer-links{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.site-links a,.site-actions a,.legal-links a,.footer-links a,.back{color:var(--soft);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
.site-links a:hover,.site-actions a:hover,.legal-links a:hover,.footer-links a:hover,.back:hover{color:var(--text)}
.request-link,.request-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:2px solid var(--line-strong);color:var(--chalk)!important;background:linear-gradient(180deg,#241a0d,#100b05);box-shadow:0 6px 0 #050301,inset 0 0 0 1px rgba(245,218,170,.16),inset 0 11px 18px rgba(196,154,88,.07);font-size:.66rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 0 #000;transition:transform .1s linear,box-shadow .1s linear,background .1s linear,border-color .1s linear}
.request-link:hover,.request-button:hover{transform:translateY(2px);background:linear-gradient(180deg,#30220f,#130d06);border-color:#d7aa61;box-shadow:0 4px 0 #050301,inset 0 0 0 1px rgba(255,228,179,.24),inset 0 10px 18px rgba(196,154,88,.12)}
.request-link:active,.request-button:active{transform:translateY(6px);box-shadow:0 0 0 #050301,inset 0 3px 12px #000,inset 0 0 0 1px rgba(255,228,179,.12);background:#0c0804}
.site-hero{min-height:min(82vh,810px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:clamp(36px,7vw,110px);align-items:center;padding:clamp(78px,12vh,145px) 0;border-bottom:3px double var(--line-strong);position:relative;overflow:hidden;box-shadow:0 26px 45px -46px var(--brass)}
.site-hero::before{content:"∑    ∮    Δ    ⟂";position:absolute;left:2%;bottom:1%;z-index:-1;color:rgba(206,162,87,.1);font:italic clamp(3.5rem,9vw,8.5rem)/1 var(--heading);letter-spacing:.18em;white-space:nowrap;transform:rotate(-5deg);text-shadow:0 12px 32px #000}
.site-hero::after{content:"";position:absolute;inset:9% 0 8%;z-index:-2;background:linear-gradient(110deg,transparent 0 61%,rgba(172,120,52,.1) 61.2% 61.5%,transparent 61.7%),linear-gradient(70deg,transparent 0 73%,rgba(224,180,103,.07) 73.2% 73.4%,transparent 73.6%);border-top:1px solid rgba(201,150,73,.16);border-bottom:1px solid rgba(201,150,73,.12)}
.site-hero h1,.hero h1,main>h1{max-width:940px;margin:0;color:var(--text);font:400 clamp(3.5rem,8vw,7.8rem)/.9 var(--heading);letter-spacing:-.052em;text-shadow:0 3px 0 #000,0 16px 38px #000,0 0 28px rgba(196,154,88,.09)}
.site-hero h1 span{display:block;color:var(--brass);font-style:italic;text-shadow:0 2px 0 #000,0 0 34px rgba(196,154,88,.26)}
.hero-emblem{width:min(35vw,450px);aspect-ratio:1;margin:auto;position:relative;border:3px double var(--line-strong);border-radius:50%;background:
  radial-gradient(circle at 46% 42%,#e1b66d 0 1.5%,#513717 3.5%,#090603 6%,transparent 6.5% 15%,rgba(205,158,79,.28) 15.4% 17%,transparent 17.5% 31%,rgba(128,86,34,.48) 31.4% 35%,transparent 35.5%),
  conic-gradient(from 45deg,#090603 0 10%,#7d5727 10.4% 12.3%,#090603 12.7% 35%,#9a6d31 35.4% 37.6%,#090603 38% 60%,#7d5727 60.4% 62.5%,#090603 62.9% 85%,#9a6d31 85.4% 87.6%,#090603 88%);
  box-shadow:0 28px 42px #000,0 0 52px rgba(151,101,39,.22),inset 0 0 0 10px #070503,inset 0 0 0 12px rgba(216,165,85,.34),inset 0 0 55px #000;filter:drop-shadow(0 12px 8px #000)}
.hero-emblem::before,.hero-emblem::after{content:"";position:absolute;inset:18%;border:3px double var(--bronze);transform:rotate(45deg);box-shadow:inset 0 0 24px #000,0 0 18px #000;background:rgba(12,8,3,.28)}
.hero-emblem::after{inset:38% -10%;border-width:2px 0 0;background:none;transform:rotate(-45deg);box-shadow:0 -5px 14px #000}
.hero-emblem span{position:absolute;left:50%;top:-8%;width:3px;height:116%;background:linear-gradient(transparent,var(--brass) 14%,#4a2d10 48%,var(--brass) 86%,transparent);box-shadow:0 0 8px #000,0 0 18px rgba(196,154,88,.26)}
.site-section{padding:clamp(70px,9vw,120px) 0;border-bottom:3px double var(--line);position:relative}
.section-heading{display:grid;grid-template-columns:minmax(170px,.3fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start;margin-bottom:46px}
.section-heading h2{margin:0;color:var(--brass);font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.section-heading p{max-width:820px;margin:0;color:var(--chalk);font:400 clamp(1.7rem,3.4vw,3.25rem)/1.16 var(--heading)}
.workspace-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:2px solid var(--line-strong);border-left:2px solid var(--line-strong);box-shadow:0 22px 45px -28px #000}
.workspace-card{grid-column:span 6;min-height:278px;display:flex;flex-direction:column;position:relative;border-right:2px solid var(--line);border-bottom:2px solid var(--line);padding:27px;background:linear-gradient(145deg,rgba(134,91,33,.16),transparent 45%),linear-gradient(180deg,#100c06,#080603);box-shadow:inset 0 0 38px rgba(0,0,0,.72),inset 0 1px rgba(255,225,172,.06);transition:transform .12s linear,border-color .12s linear,background .12s linear,box-shadow .12s linear}
.workspace-card:hover{transform:translateY(var(--lift));border-color:var(--line-strong);background:linear-gradient(145deg,rgba(172,119,45,.22),transparent 48%),linear-gradient(180deg,#151006,#080603);box-shadow:0 10px 0 #020100,inset 0 0 42px rgba(0,0,0,.58),inset 0 1px rgba(255,225,172,.11)}
.workspace-card:active{transform:translateY(2px);box-shadow:0 2px 0 #020100,inset 0 5px 24px #000}
.workspace-card .index{color:var(--brass);font:italic 1rem/1 var(--heading)}
.workspace-card h3{max-width:460px;margin:66px 0 13px;color:var(--text);font:400 clamp(1.45rem,2.3vw,2rem)/1.1 var(--heading)}
.workspace-card p{max-width:520px;margin:0;color:var(--soft);font-size:.9rem;line-height:1.58}
.workspace-card .card-action{margin-top:auto;padding-top:30px;color:var(--brass);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase}
.request-panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;border-top:3px double var(--line-strong);padding:38px 30px 30px;background:linear-gradient(110deg,rgba(128,83,30,.15),transparent 38%),#090704;box-shadow:inset 0 0 42px #000,0 16px 34px -27px #000}
.request-panel h2{max-width:760px;margin:0;font:400 clamp(2rem,4.6vw,4.6rem)/.98 var(--heading);letter-spacing:-.035em}
.request-panel p{max-width:590px;margin:18px 0 0;color:var(--soft)}
.site-footer{padding:34px 0 12px}
.site-footer-row{display:flex;justify-content:space-between;gap:26px;align-items:flex-start}
.site-footer p{max-width:620px;margin:0;color:var(--soft);font-size:.75rem}
html[data-view="detail"] body>main>.brand,html[data-view="legal"] body>main>.brand{display:inline-block;margin-bottom:20px}
.back{display:block;margin-bottom:38px}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:clamp(30px,6vw,82px);align-items:end;margin:34px 0 54px;padding:62px 28px;border-top:3px double var(--line-strong);border-bottom:3px double var(--line-strong);background:linear-gradient(115deg,rgba(133,86,30,.18),transparent 42%),#070502;box-shadow:inset 0 0 60px #000,0 20px 40px -34px #000}
.hero h1{font-size:clamp(3rem,7vw,6.6rem)}
.eyebrow{margin:0 0 16px;color:var(--brass);font-size:.67rem;letter-spacing:.16em;text-transform:uppercase}
.subtitle{max-width:760px;margin:25px 0 0;color:var(--soft);font-size:clamp(1rem,1.5vw,1.18rem)}
.intro-note{margin:0;border-top:1px solid var(--line-strong);padding-top:19px;color:var(--soft);font-size:.88rem}
.section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);gap:clamp(34px,6vw,86px)}
.content-flow,.profile{display:grid;gap:0}
.profile{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:50px}
.section,.request,.boundary{border-top:2px solid var(--line);padding:29px 0;scroll-margin-top:28px}
.section h2,.request h2,.side-panel h2,main>h2{margin:0 0 14px;color:var(--brass);font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.section p,.request p,main>p,main>ul,.boundary{max-width:var(--copy);margin-top:0;color:var(--soft);font-size:.94rem;line-height:1.72}
.section p+p,main>p+p{margin-top:13px}
.section ul,.section ol{max-width:var(--copy);margin:14px 0 0;padding-left:20px;color:var(--soft)}
.section-grid .section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding-left:0;list-style:none}
.section-grid .section li{position:relative;padding-left:15px}
.section-grid .section li::before{content:"";position:absolute;left:0;top:.75em;width:4px;height:4px;background:var(--brass)}
.split-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.section li+li{margin-top:7px}
.side-panel{align-self:start;position:sticky;top:24px;display:grid;border:2px solid var(--line-strong);background:linear-gradient(150deg,rgba(124,82,29,.14),transparent 42%),#090704;padding:18px;box-shadow:8px 10px 0 #020100,inset 0 0 30px #000}
.side-panel a{border-top:1px solid var(--line);padding:10px 2px;color:var(--soft);font-size:.75rem}
.side-panel h2+a{border-top:0}
.request{border:2px solid var(--line-strong);background:linear-gradient(135deg,rgba(137,91,34,.17),transparent 45%),var(--surface);padding:25px;box-shadow:8px 10px 0 #020100,inset 0 0 30px #000}
.profile+.request{margin-top:34px}.request+.boundary{margin-top:28px}.request-button{margin-top:16px}.legal-links{margin-top:34px}.notice{color:var(--chalk)}
html[data-view="legal"] body>main{max-width:var(--width)}
html[data-view="legal"] body>main>h1{max-width:980px;margin:48px 0 65px;font-size:clamp(3rem,7vw,6.4rem)}
html[data-view="legal"] body>main>h2{max-width:var(--copy);margin-top:36px;border-top:2px solid var(--line);padding-top:25px}
html[data-view="legal"] body>main>p{margin-bottom:0}

/* Bionic structural layer: grown mechanics over the forged base. */
.site-hero{isolation:isolate;background:
  linear-gradient(90deg,rgba(2,2,1,.98) 0,rgba(2,2,1,.82) 35%,rgba(2,2,1,.22) 66%,rgba(2,2,1,.08) 100%),
  linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.52)),
  url("/assets/ruah-bionic-structure.webp?v=1") 50% 50%/cover no-repeat}
.site-hero::before{content:"∮        Δ        ⟂";inset:auto auto 4% 2%;z-index:1;color:rgba(222,177,98,.16);transform:rotate(-3deg);text-shadow:0 2px 0 #000,0 16px 28px #000}
.site-hero::after{inset:0;z-index:1;border:0;background:
  radial-gradient(ellipse at 69% 50%,transparent 0 20%,rgba(0,0,0,.22) 48%,transparent 70%),
  repeating-linear-gradient(113deg,transparent 0 78px,rgba(210,159,76,.045) 79px,transparent 80px 157px);box-shadow:inset 0 0 90px 22px #000}
.site-hero h1,.site-hero .hero-emblem{position:relative;z-index:2}
.site-hero h1{padding:34px 18px 38px 0;background:linear-gradient(90deg,rgba(0,0,0,.56),transparent);filter:drop-shadow(10px 16px 18px #000)}
.hero-emblem{width:min(31vw,390px);border-radius:46% 54% 39% 61%/58% 41% 59% 42%;transform:rotate(-7deg);border:2px solid rgba(222,177,98,.72);background:
  radial-gradient(ellipse at 42% 42%,#e0b26a 0 2%,#4f3213 4%,#070402 9%,transparent 9.5% 20%,rgba(191,139,58,.25) 21% 23%,transparent 24% 42%,rgba(127,82,27,.38) 43% 48%,transparent 49%),
  conic-gradient(from 18deg,#050301,#6b461d 9%,#0a0602 13% 31%,#90602a 35%,#080502 39% 58%,#725021 62%,#050301 67% 86%,#9b6c31 90%,#050301);
  box-shadow:20px 28px 36px #000,-8px -5px 24px rgba(194,139,57,.17),inset 0 0 0 12px #050301,inset 0 0 0 14px rgba(218,164,79,.4),inset 18px -12px 60px #000;filter:drop-shadow(14px 18px 10px #000)}
.hero-emblem::before{inset:14% 22% 20% 13%;border-radius:63% 37% 58% 42%/38% 61% 39% 62%;transform:rotate(31deg);border:3px double rgba(169,115,43,.8);background:radial-gradient(circle at 60% 38%,rgba(224,175,92,.24),transparent 28%),rgba(5,3,1,.42)}
.hero-emblem::after{inset:44% -22%;transform:rotate(-29deg);border-top:2px solid var(--brass);box-shadow:0 -7px 18px #000,0 1px 0 rgba(255,220,156,.15)}
.hero-emblem span{left:57%;top:-13%;height:124%;transform:rotate(14deg);background:linear-gradient(transparent,#6a4218 10%,var(--brass) 22%,#271606 49%,var(--brass) 78%,#5d3915 91%,transparent);box-shadow:-8px 0 18px #000,8px 0 22px rgba(167,111,38,.2)}
.site-section::before{content:"";position:absolute;right:1.2%;top:8%;bottom:8%;width:120px;pointer-events:none;opacity:.32;background:
  radial-gradient(circle at 52% 18%,var(--brass) 0 2px,transparent 3px),
  radial-gradient(circle at 17% 54%,var(--brass) 0 2px,transparent 3px),
  radial-gradient(circle at 79% 78%,var(--brass) 0 2px,transparent 3px),
  linear-gradient(68deg,transparent 0 47%,rgba(190,135,53,.72) 48% 48.7%,transparent 49.5%),
  linear-gradient(112deg,transparent 0 51%,rgba(190,135,53,.45) 52% 52.6%,transparent 53.5%);filter:drop-shadow(0 6px 8px #000)}
.workspace-card{overflow:hidden;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.workspace-card h3,.workspace-card p,.workspace-card .index,.workspace-card .card-action{position:relative;z-index:1}
.request-link,.request-button{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);position:relative}
.request-link::before,.request-button::before{content:"";position:absolute;inset:5px;border:1px solid rgba(236,194,120,.18);pointer-events:none}
.request-panel,.request,.side-panel{position:relative;overflow:hidden}
.request-panel::before,.request::before,.side-panel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background:
  radial-gradient(ellipse at 100% 0,rgba(188,132,48,.5),transparent 34%),
  repeating-linear-gradient(118deg,transparent 0 42px,rgba(196,141,53,.18) 43px,transparent 44px 86px)}
.hero{background:
  linear-gradient(90deg,rgba(3,2,1,.95),rgba(3,2,1,.68) 58%,rgba(3,2,1,.3)),
  url("/assets/ruah-bionic-structure.webp?v=1") 74% 48%/cover no-repeat;position:relative;overflow:hidden}
.hero>*,.request-panel>*,.request>*,.side-panel>*{position:relative;z-index:1}
@media(max-width:920px){main{width:min(100% - 30px,780px)}.site-links{display:none}.site-hero,.hero,.section-heading,.section-grid{grid-template-columns:1fr}.site-hero{min-height:auto}.hero-emblem{width:min(58vw,360px)}.profile{grid-template-columns:1fr}.side-panel{position:static}.request-panel{grid-template-columns:1fr}.section-grid .section ul,.split-list{grid-template-columns:1fr}}
@media(max-width:680px){main{width:min(100% - 22px,620px)}.site-nav{padding:17px 0}.site-actions .request-link{display:none}.site-hero{padding:72px 0}.site-hero h1,.hero h1,main>h1{font-size:clamp(3rem,15vw,5.2rem)}.hero-emblem{width:min(76vw,300px)}.workspace-card{grid-column:1/-1;min-height:245px}.site-footer-row{display:grid}.request-panel .request-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.workspace-card{transition:none}}
@media print{body{background:#fff;color:#111}body::before{display:none}a{color:#111}}