/* Keep the root transparent: an opaque canvas hides the original negative-z fabric layers. */
/* Atlas and Köprü retain their layouts but use the selected homepage's background layers. */
html:has(>body[data-design=bridge]){background-color:transparent}
body:is([data-design=atlas],[data-design=bridge]){position:relative;isolation:isolate;background:radial-gradient(ellipse 70% 35% at 80% 8%,#7160c526,transparent 75%),radial-gradient(ellipse 65% 30% at 5% 32%,#379dc91a,transparent 70%),radial-gradient(ellipse 70% 30% at 85% 85%,#916bd024,transparent 75%),linear-gradient(180deg,#121e39,#101b32 55%,#1b2240)}
body:is([data-design=atlas],[data-design=bridge])::before,body:is([data-design=atlas],[data-design=bridge])::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body:is([data-design=atlas],[data-design=bridge])::before{background:url("/assets/home/fabric.svg") repeat;background-size:256px 256px;opacity:.16;mix-blend-mode:soft-light}
body:is([data-design=atlas],[data-design=bridge])::after{background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 145px,#98aff010 146px 147px,transparent 148px 200px);mask-image:linear-gradient(180deg,transparent 4%,#0008 27%,transparent 60%,#0009)}
.site-header,.site-footer{width:min(1240px,calc(100% - 80px));margin-inline:auto;font-family:Manrope,system-ui,sans-serif;color:#dce9ff}
.site-header{border-bottom:1px solid #80b5e13d;position:relative;z-index:5}
.site-header-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.site-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:#dce9ff;font:750 20px/1.2 Mona,system-ui,sans-serif;letter-spacing:-.03em}
.site-brand img{width:36px;height:36px;object-fit:contain}
.site-beta{color:#83e7f5;border:1px solid #83e7f550;border-radius:4px;padding:3px 6px;font:700 9px/1.5 Consolas,monospace;letter-spacing:.12em}
.site-desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:26px;align-items:center}
.site-desktop-nav a,.site-mobile-nav a,.site-footer nav a{font:500 13px/1.5 Manrope,system-ui,sans-serif;min-height:44px;display:flex;align-items:center;text-decoration:none;color:#afc4e4;border-bottom:2px solid transparent}
.site-desktop-nav a[aria-current],.site-mobile-nav a[aria-current]{color:#83e7f5;border-bottom-color:#83e7f5}
.site-header a:hover,.site-footer a:hover{color:#83e7f5}
.site-panel,.site-menu{border:1px solid #80b5e14d;border-radius:10px;background:#35547925;color:#dce9ff;min-height:46px;padding:10px 18px;font:700 13px/1.5 Manrope,system-ui,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px}
.site-panel{text-decoration:none}.site-panel:hover,.site-menu:hover{border-color:#83e7f5;background:#83e7f513}
.site-menu{display:none;width:46px;padding:10px}.site-menu svg{width:24px;height:24px}
.site-mobile-nav{display:none}.site-header [hidden],.site-notice[hidden]{display:none!important}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #80b5e13d;margin-top:64px;padding-block:32px}
.site-footer .site-brand{font-size:17px}.site-footer .site-brand img{width:28px;height:28px}.site-footer p{color:#afc4e4;font-size:11px;max-width:280px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer nav a{font-size:12px}
.site-notice{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;width:min(500px,calc(100% - 32px));padding:18px;background:#263d5e;border:1px solid #83e7f550;border-radius:12px;font:13px/1.7 Manrope,system-ui,sans-serif;color:#dce9ff;box-shadow:0 12px 30px #101b3266}
.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid #83e7f5;outline-offset:5px}
.merged .site-header,.merged .site-footer{width:min(1240px,calc(100% - 96px))}
.merged .site-header{border-bottom:0}
.merged .site-header-inner{min-height:112px}
.merged .site-brand{font-family:"Mona Sans",Manrope,sans-serif;font-weight:700;line-height:1.6}
.merged .site-header .site-brand img{width:38px;height:38px}
.merged .site-beta{padding:1px 6px;font:700 10px/1.6 Manrope,sans-serif}
.merged .site-desktop-nav{gap:28px}
.merged .site-desktop-nav a{font-size:14px;font-weight:550;border-bottom:0}
.merged .site-panel{min-height:44px;padding:10px 16px;border-radius:9px;font-weight:650}
.merged .site-footer{margin-top:0;padding-block:30px}
.merged .site-footer .site-brand{font-size:16px}
@media(max-width:1100px){.merged .site-header,.merged .site-footer{width:calc(100% - 64px)}}
@media(max-width:900px){.site-header-inner{min-height:86px}.site-desktop-nav,.site-header-inner>.site-panel{display:none}.site-menu{display:inline-flex}.site-mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:0 0 20px}.site-mobile-nav a{justify-content:center}.site-mobile-nav .site-panel{grid-column:1/-1}.site-footer{flex-wrap:wrap}.site-footer nav{width:100%}}
@media(max-width:700px){.site-header,.site-footer{width:calc(100% - 32px)}.site-brand{font-size:18px}.site-footer{gap:18px}.site-footer nav{justify-content:space-between;gap:10px}.site-footer p{font-size:12px}}
@media(max-width:600px){.merged .site-header,.merged .site-footer{width:calc(100% - 40px)}.merged .site-header-inner{min-height:86px}.merged .site-header .site-brand img{width:32px;height:32px}.merged .site-footer{padding-block:24px}}
@media(max-width:360px){body[data-design=atlas] .hero-art .orb{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Legal pages share this loaded stylesheet; never alter homepage typography. */
main.legal-content{box-sizing:border-box;width:100%;max-width:888px;margin:64px auto;padding:0 24px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.legal-content *{box-sizing:border-box}
.legal-content h1{font-size:52px;line-height:1.15;margin:18px 0 24px;letter-spacing:0}
.legal-content h2{font-size:26px;line-height:1.3;margin:0 0 18px;letter-spacing:0}
.legal-content p{font-size:inherit;line-height:inherit;margin:0 0 18px;max-width:none}
.legal-content section{margin:32px 0}
.legal-content a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){main.legal-content{margin:64px auto;font-size:15px}.legal-content h1{font-size:34px}.legal-content h2{font-size:26px}}