:root{color-scheme:dark;--orange:#ff6a00;--orange-hot:#ff8a25;--red:#cf2400;--black:#090807;--panel:#11100e;--ink:#fff7ef;--muted:#b8aca2;--line:#332820;--max:1360px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;overflow-x:hidden}
.skip{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;background:var(--ink);color:var(--black)}
.skip:focus{top:16px}
.site-header{position:absolute;z-index:10;top:0;left:50%;width:min(calc(100% - 64px),var(--max));height:104px;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}
.brand-logo{display:block;width:170px;height:auto;filter:drop-shadow(0 0 9px rgba(255,86,0,.24))}
.brand-mark{position:relative;display:grid;place-items:center;width:46px;height:46px}
.brand-mark img{display:block;width:auto;height:46px;filter:drop-shadow(0 0 8px rgba(255,86,0,.28))}
.brand-word{font-size:18px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:30px}
.site-nav a{position:relative;padding:10px 0;color:#9f958e;font-size:10px;font-weight:800;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}
.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--orange);transition:right .18s ease}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}
.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}
.hero{position:relative;min-height:900px;padding:190px max(32px,calc((100vw - var(--max))/2)) 84px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 81% 43%,rgba(255,78,0,.14),transparent 29%),linear-gradient(135deg,#090807 0%,#100b08 72%,#090807 100%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 0 49.94%,rgba(255,255,255,.055) 50%,transparent 50.06%)}
.hero-grid{position:absolute;z-index:-1;inset:0;opacity:.33;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-copy{position:relative;z-index:2;max-width:850px}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:var(--orange-hot);font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.eyebrow span{width:36px;height:2px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:30px;font-size:clamp(64px,7.1vw,112px);line-height:.86;letter-spacing:-.075em;text-wrap:balance}
h1 em,h2 em{color:var(--orange);font-style:normal}
.lede{max-width:660px;margin-bottom:38px;color:var(--muted);font-size:clamp(18px,1.55vw,23px);line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:22px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 18px;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;border:1px solid var(--line)}
.button.primary{min-width:250px;border-color:var(--orange);background:linear-gradient(120deg,var(--red),var(--orange));box-shadow:0 14px 45px rgba(255,75,0,.18)}
.button.quiet{border-color:transparent;color:#c7bab0}
.button:hover,.button:focus{transform:translateY(-2px);filter:brightness(1.12)}
.hero-signal{position:relative;width:min(42vw,550px);aspect-ratio:1;margin-left:auto}
.signal-ring{position:absolute;border:1px solid rgba(255,106,0,.35);border-radius:50%}
.ring-one{inset:8%;animation:spin 28s linear infinite}
.ring-one:before,.ring-one:after,.ring-two:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 20px var(--orange)}
.ring-one:before{left:9%;top:18%}
.ring-one:after{right:6%;bottom:26%}
.ring-two{inset:23%;border-color:rgba(255,255,255,.16);border-style:dashed;animation:spin 18s linear infinite reverse}
.ring-two:after{left:46%;top:-4px;width:6px;height:6px}
.signal-core{position:absolute;inset:35%;display:grid;place-items:center;border:1px solid var(--orange);background:radial-gradient(circle,rgba(255,106,0,.24),rgba(17,11,7,.96) 62%);transform:rotate(45deg);box-shadow:0 0 70px rgba(255,85,0,.18)}
.torbull-o{position:relative;display:block;width:68%;aspect-ratio:1;transform:rotate(-45deg);filter:drop-shadow(0 0 13px rgba(255,86,0,.42))}
.torbull-o img{display:block;width:100%;height:100%;object-fit:contain}
.signal-core small{position:absolute;right:-67px;bottom:-24px;color:#9e8e82;font-size:9px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-45deg)}
.signal-tag{position:absolute;padding:7px 10px;border-left:2px solid var(--orange);background:#15110e;color:#c7bab0;font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.tag-a{top:11%;right:8%}
.tag-b{left:0;top:57%}
.tag-c{right:2%;bottom:12%}
.hero-index{position:absolute;bottom:34px;left:max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:14px;color:#746b65;font-size:9px;font-weight:900;letter-spacing:.18em}
.hero-index span{width:70px;height:1px;background:#4a3e36}
@keyframes spin{to{transform:rotate(360deg)}
}
.principles{max-width:var(--max);margin:auto;padding:130px 32px 150px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.section-intro h2{font-size:clamp(44px,5vw,76px);line-height:.95;letter-spacing:-.06em}
.principle-list{border-top:1px solid var(--line)}
.principle-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}
.number{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.16em}
.principle-list h3{margin-bottom:8px;font-size:24px;letter-spacing:-.035em}
.principle-list article p:last-child{max-width:600px;margin-bottom:0;color:var(--muted)}
.control-band{padding:110px max(32px,calc((100vw - var(--max))/2));background:linear-gradient(115deg,#9c1b00,#ff6a00 67%,#ff8621);color:#130a05}
.control-kicker{display:flex;align-items:center;gap:10px;margin-bottom:30px;font-size:10px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.pulse{width:8px;height:8px;border-radius:50%;background:#1b0c05;box-shadow:0 0 0 6px rgba(20,8,2,.12)}
.control-band h2{max-width:1100px;margin-bottom:24px;font-size:clamp(42px,5.7vw,82px);line-height:.98;letter-spacing:-.06em}
.control-band h2 em{color:#311108}
.control-band>p{max-width:720px;margin-bottom:38px;color:#2b1006;font-size:18px;font-weight:700}
.control-band a{display:inline-flex;gap:32px;padding-bottom:5px;border-bottom:2px solid rgba(25,9,3,.55);color:#1c0b05;font-size:12px;font-weight:900;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}
footer{max-width:var(--max);min-height:220px;margin:auto;padding:55px 32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#786e67;font-size:12px}
.footer-brand{align-self:start}
.copyright{text-align:right}
@media(max-width:900px){.site-header{width:calc(100% - 40px)}
.hero{min-height:1024px;padding:170px 32px 70px;grid-template-columns:1fr}
.hero:before{display:none}
.hero-copy{align-self:end}
.hero-signal{position:absolute;right:-80px;top:115px;width:430px;opacity:.46}
.hero-index{left:32px}
.principles{padding:100px 32px;grid-template-columns:1fr;gap:50px}
.section-intro h2{max-width:620px}
.control-band{padding:90px 32px}
}
@media(max-width:560px){.site-header{height:82px;width:calc(100% - 32px)}
.brand-logo{width:145px}
.brand-mark{width:38px;height:38px}
.brand-mark img{height:38px}
.brand-word{font-size:15px}
.site-nav{gap:17px}.site-nav a{font-size:8px;letter-spacing:.12em}.site-nav a:first-child{display:none}
.hero{min-height:844px;padding:140px 20px 62px;align-items:end}
.hero-grid{background-size:52px 52px}
.hero-signal{top:89px;right:-115px;width:360px;opacity:.38}
.signal-tag{display:none}
h1{font-size:clamp(53px,16vw,72px)}
.lede{font-size:17px}
.hero-actions{align-items:stretch;flex-direction:column;gap:10px}
.button{width:100%}
.button.quiet{padding-left:0}
.hero-index{display:none}
.principles{padding:80px 20px;gap:38px}
.section-intro h2{font-size:48px}
.principle-list article{grid-template-columns:42px 1fr;gap:12px;padding:27px 0}
.principle-list h3{font-size:21px}
.control-band{padding:72px 20px}
.control-band h2{font-size:43px}
footer{padding:42px 20px;grid-template-columns:1fr;gap:26px}
.copyright{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.signal-ring{animation:none}
.button:hover,.button:focus{transform:none}
}