/* 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%,#46516426,transparent 75%),radial-gradient(ellipse 65% 30% at 5% 32%,#E66D551a,transparent 70%),radial-gradient(ellipse 70% 30% at 85% 85%,#46516424,transparent 75%),linear-gradient(180deg,#121e39,#10151F 55%,#263044)}
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,#E66D5510 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:#F2F4F7}
.site-header{border-bottom:1px solid #E66D553d;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:#F2F4F7;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:#E66D55;border:1px solid #E66D5550;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:#BFC8D6;border-bottom:2px solid transparent}
.site-desktop-nav a[aria-current],.site-mobile-nav a[aria-current]{color:#E66D55;border-bottom-color:#E66D55}
.site-header a:hover,.site-footer a:hover{color:#E66D55}
.site-panel,.site-menu{border:1px solid #E66D554d;border-radius:10px;background:#26304425;color:#F2F4F7;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:#E66D55;background:#E66D5513}
.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 #E66D553d;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:#BFC8D6;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:#303B50;border:1px solid #E66D5550;border-radius:12px;font:13px/1.7 Manrope,system-ui,sans-serif;color:#F2F4F7;box-shadow:0 12px 30px #10151F66}
.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid #E66D55;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}}
.eb-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease var(--eb-delay,0ms),transform .6s cubic-bezier(.2,.7,.2,1) var(--eb-delay,0ms)}
.eb-reveal.eb-in{opacity:1;transform:none}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.glass,.command-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.glass:hover,.command-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #10151F50,0 0 0 1px #E66D5533}.gradient{background-size:200% auto;animation:eb-shine 8s ease-in-out infinite alternate}}
@keyframes eb-shine{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.eb-reveal{opacity:1;transform:none;transition:none}}

/* Keep legal links grouped vertically, apart from the primary navigation. */
.site-footer .site-footer-nav{display:flex;flex-wrap:wrap;gap:20px}
.site-footer .legal-footer-links{display:grid;grid-template-columns:1fr;gap:2px;align-content:center;min-width:160px}
.site-footer .legal-footer-links a{min-height:28px;justify-content:flex-start;font-size:11px}
@media(max-width:900px){.site-footer .site-footer-nav{width:auto;flex:1 1 55%}.site-footer .legal-footer-links{width:auto;min-width:150px;flex:0 0 auto}}
@media(max-width:600px){.site-footer .site-footer-nav,.site-footer .legal-footer-links{width:100%;flex:1 1 100%}.site-footer .legal-footer-links{gap:0}.site-footer .legal-footer-links a{min-height:30px}}

.cookie-table-wrap{width:100%;overflow-x:auto;margin:20px 0 24px}
.legal-content table{width:100%;min-width:640px;border-collapse:collapse;text-align:left;border:1px solid #E66D553d}
.legal-content th,.legal-content td{padding:13px 15px;border-bottom:1px solid #E66D553d;vertical-align:top;font-size:13px}
.legal-content th{color:#E66D55;background:#303B5066;font-size:12px}
.legal-content td{color:#c4d5ee}
.legal-content td code{overflow-wrap:anywhere;color:#E66D55;font-size:12px}


/* Midnight Flare — shared color tokens (60 / 30 / 10). Layout and behavior remain unchanged. */
:root{
  color-scheme:dark;
  --bg:#10151F;
  --surface:#263044;
  --raised:#303B50;
  --ink:#F2F4F7;
  --text:#F2F4F7;
  --muted:#BFC8D6;
  --faint:#98A3B2;
  --line:#465164;
  --cyan:#E66D55;
  --lilac:#E66D55;
  --blue:#E66D55;
  --orange:#E66D55;
  --accent:#E66D55;
  --accent-soft:rgba(230,109,85,.14);
}
.merged{
  --bg:#10151F;
  --surface:#263044;
  --raised:#303B50;
  --ink:#F2F4F7;
  --muted:#BFC8D6;
  --faint:#98A3B2;
  --line:#465164;
  --cyan:#E66D55;
  --lilac:#E66D55;
  --blue:#E66D55;
  --accent:#E66D55;
}
body{
  background:linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
  color:var(--ink)!important;
}
body:is([data-design=atlas],[data-design=bridge])::after{
  background:repeating-radial-gradient(ellipse at 50% 0,transparent 0 145px,rgba(230,109,85,.055) 146px 147px,transparent 148px 200px)!important;
}
.site-header,.site-footer{color:var(--ink);border-color:rgba(70,81,100,.8)}
.site-brand{color:var(--ink)}
.site-beta{color:var(--accent);border-color:rgba(230,109,85,.48)}
.site-desktop-nav a,.site-mobile-nav a,.site-footer nav a{color:var(--muted)}
.site-desktop-nav a[aria-current],.site-mobile-nav a[aria-current]{
  color:var(--accent);
  border-bottom-color:var(--accent);
}
.site-header a:hover,.site-footer a:hover,.site-footer nav a:hover{color:var(--accent)}
.site-panel,.site-menu{
  color:var(--ink);
  background:#263044;
  border-color:#465164;
}
.site-panel:hover,.site-menu:hover{
  color:var(--accent);
  background:#303B50;
  border-color:var(--accent);
}
.site-footer p{color:var(--muted)}
.site-notice{
  color:var(--ink);
  background:#263044;
  border-color:#465164;
}
.gradient{
  color:var(--accent)!important;
  background:none!important;
  background-image:none!important;
  background-clip:initial!important;
  -webkit-background-clip:initial!important;
  -webkit-text-fill-color:var(--accent)!important;
  text-shadow:none!important;
  animation:none!important;
}
em,.eyebrow,.beta,.badge,.plain-link:hover,.intro-strip>span,.principle>svg{
  color:var(--accent);
}
.button.primary,.primary{
  color:#10151F!important;
  background:#E66D55!important;
  border-color:#E66D55!important;
  box-shadow:none!important;
}
.button.primary:hover,.primary:hover{
  color:#10151F!important;
  background:#F07861!important;
  border-color:#F07861!important;
}
.button:hover{
  color:var(--accent);
  background:#303B50;
  border-color:var(--accent);
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline-color:var(--accent)!important;
}
input,select,textarea{
  color:var(--ink);
  background:rgba(38,48,68,.94);
  border-color:var(--line);
}
input::placeholder,textarea::placeholder{color:var(--muted)}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
.legal-content{color:var(--ink)}
.legal-content p,.legal-content td{color:var(--muted)}
.legal-content a,.legal-content td code{color:var(--accent)}
.legal-content table,.legal-content th,.legal-content td{border-color:var(--line)}
.legal-content th{color:var(--accent);background:#263044}
.merged .signal-orb{
  background:radial-gradient(circle at 30% 22%,rgba(230,109,85,.16),transparent 60%),linear-gradient(145deg,#303B50,#263044);
  border-color:rgba(230,109,85,.42);
  box-shadow:inset 8px 10px 40px rgba(230,109,85,.06),0 0 48px rgba(230,109,85,.08);
}
.merged .signal-chip,.merged .studio-board,.merged .bento{
  background:linear-gradient(135deg,rgba(38,48,68,.96),rgba(48,59,80,.86));
  border-color:#465164;
  box-shadow:inset 1px 1px 0 rgba(242,244,247,.045),0 18px 45px rgba(7,11,17,.2);
}
.merged .bento.large,.merged .bento.wide{
  background:linear-gradient(135deg,#263044,#303B50);
}
.merged .closing{
  background:radial-gradient(ellipse at 50% 100%,rgba(230,109,85,.11),transparent 75%);
}
.merged .vinyl{
  background:repeating-radial-gradient(circle,#263044 0 2px,#465164 3px,#263044 4px 8px);
  box-shadow:0 10px 35px rgba(230,109,85,.12);
}
.merged .vinyl img{background:#263044;border-color:#465164}
.identity-orb,.product-orb,.message-orb{
  background:radial-gradient(ellipse at 25% 10%,rgba(230,109,85,.15),rgba(38,48,68,.2) 75%);
  border-color:rgba(230,109,85,.42);
  box-shadow:0 0 70px rgba(230,109,85,.07);
}
.identity-orb:before,.identity-orb:after,.product-orb:before,.product-orb:after,.orbit-line,.message-orbit{
  border-color:rgba(230,109,85,.2);
}
.identity-label,.art-chip{
  color:var(--accent);
  background:linear-gradient(135deg,rgba(38,48,68,.92),rgba(48,59,80,.8));
  border-color:rgba(230,109,85,.32);
}
::selection{color:#10151F;background:#E66D55}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .glass:hover,.command-card:hover{
    box-shadow:0 22px 50px rgba(7,11,17,.28),0 0 0 1px rgba(230,109,85,.22);
  }
}


/* Retone existing component surfaces without changing their geometry or layout. */
.studio{
  --bg:#10151F;
  --surface:#263044;
  --line:#465164;
  background:linear-gradient(155deg,#10151F,#141D2A 58%,#10151F)!important;
}
.glass,.command-card,.studio-board,.bento,.music-card,.topic,.membership,.note-card{
  background:linear-gradient(135deg,rgba(38,48,68,.96),rgba(48,59,80,.86))!important;
  border-color:#465164!important;
}
body[data-design=console] .command-card[data-selected=true]{
  background:rgba(230,109,85,.12)!important;
  border-color:rgba(230,109,85,.62)!important;
}
.membership:first-child .choose{
  background:rgba(230,109,85,.12)!important;
  border-color:rgba(230,109,85,.42)!important;
  color:var(--accent)!important;
}
body[data-design=showcase] .membership:nth-child(2){
  background:linear-gradient(135deg,#263044,#303B50)!important;
}


/* Midnight Flare consistency sweep: shared interaction states and color roles. */
:root{
  color-scheme:dark;
  --bg:#10151F;--surface:#263044;--raised:#303B50;
  --ink:#F2F4F7;--text:#F2F4F7;--muted:#BFC8D6;--faint:#98A3B2;
  --line:#465164;--cyan:#E66D55;--ice:#E66D55;--lilac:#E66D55;
  --purple:#E66D55;--blue:#E66D55;--accent:#E66D55;--accent-soft:rgba(230,109,85,.14);
}
.site-header a:hover,.site-footer a:hover,.site-footer nav a:hover{color:#E66D55}
.site-header :focus-visible,.site-footer :focus-visible{outline:2px solid #E66D55;outline-offset:5px}
.site-panel:hover,.site-menu:hover{color:#E66D55;border-color:#E66D55;background:#303B50}
button:hover:not(:disabled),a:hover{accent-color:#E66D55}
.button:hover,.button:focus-visible{border-color:#E66D55;background:#303B50;color:#F2F4F7}
.button.primary:hover,.primary:hover{background:#F07861!important;border-color:#F07861!important;color:#10151F!important;box-shadow:none!important}
.glass:hover,.command-card:hover{border-color:rgba(230,109,85,.34);box-shadow:0 22px 50px rgba(7,11,17,.28),0 0 0 1px rgba(230,109,85,.18)}
input:hover,select:hover,textarea:hover{border-color:rgba(230,109,85,.7)}
::selection{color:#10151F;background:#E66D55}


/* Midnight Flare atmospheric background system: soft coral light, slate fog and slow moving shafts. */
@keyframes midnight-atmosphere-drift{
  0%{background-position:0% 20%,100% 12%,72% 100%,0% 50%,0% 0%}
  50%{background-position:45% 55%,55% 40%,35% 45%,55% 50%,0% 0%}
  100%{background-position:100% 80%,0% 88%,10% 0%,100% 50%,0% 0%}
}
@keyframes midnight-light-shaft{
  0%{transform:translate3d(-8%,0,0) rotate(-12deg);opacity:.32}
  50%{transform:translate3d(5%,1.5%,0) rotate(-9deg);opacity:.58}
  100%{transform:translate3d(12%,0,0) rotate(-12deg);opacity:.3}
}
@keyframes midnight-hero-breathe{
  0%,100%{filter:drop-shadow(0 0 12px rgba(230,109,85,.07))}
  50%{filter:drop-shadow(0 0 30px rgba(230,109,85,.18))}
}
body{
  position:relative;
  isolation:isolate;
  background-color:#10151F!important;
  background-image:
    radial-gradient(ellipse 50% 36% at 13% 13%,rgba(230,109,85,.105),transparent 72%),
    radial-gradient(ellipse 48% 36% at 88% 22%,rgba(70,81,100,.34),transparent 74%),
    radial-gradient(ellipse 62% 48% at 63% 97%,rgba(38,48,68,.58),transparent 76%),
    linear-gradient(112deg,transparent 36%,rgba(230,109,85,.045) 48%,rgba(191,200,214,.025) 52%,transparent 65%),
    linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
  background-repeat:no-repeat;
  background-size:180% 180%,155% 155%,175% 175%,220% 100%,100% 100%;
  background-position:0% 20%,100% 12%,72% 100%,0% 50%,0% 0%;
  background-attachment:scroll;
}
body::after{
  content:"";
  position:fixed;
  inset:-35% -28%;
  z-index:-1;
  pointer-events:none;
  will-change:transform;
  background:
    linear-gradient(116deg,transparent 37%,rgba(230,109,85,.035) 47%,rgba(191,200,214,.045) 50%,transparent 61%),
    repeating-radial-gradient(ellipse at 50% 0,transparent 0 145px,rgba(230,109,85,.035) 146px 147px,transparent 148px 200px);
  mask-image:linear-gradient(180deg,transparent 0%,#000 25%,#000 72%,transparent 100%);
  animation:midnight-light-shaft 34s ease-in-out infinite alternate;
}
body[data-design="atlas"]{
  background-image:
    radial-gradient(ellipse 55% 42% at 8% 4%,rgba(230,109,85,.13),transparent 72%),
    radial-gradient(ellipse 46% 34% at 93% 26%,rgba(70,81,100,.36),transparent 74%),
    radial-gradient(ellipse 66% 46% at 72% 96%,rgba(38,48,68,.62),transparent 76%),
    linear-gradient(112deg,transparent 36%,rgba(230,109,85,.045) 48%,rgba(191,200,214,.025) 52%,transparent 65%),
    linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
}
body[data-design="story"]{
  background-image:
    radial-gradient(ellipse 56% 40% at 18% 14%,rgba(230,109,85,.12),transparent 72%),
    radial-gradient(ellipse 52% 36% at 88% 58%,rgba(70,81,100,.36),transparent 74%),
    radial-gradient(ellipse 70% 48% at 44% 100%,rgba(38,48,68,.6),transparent 76%),
    linear-gradient(122deg,transparent 35%,rgba(230,109,85,.035) 49%,rgba(191,200,214,.025) 54%,transparent 68%),
    linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
}
body[data-design="showcase"]{
  background-image:
    radial-gradient(ellipse 48% 35% at 82% 8%,rgba(230,109,85,.12),transparent 72%),
    radial-gradient(ellipse 55% 42% at 12% 55%,rgba(70,81,100,.38),transparent 74%),
    radial-gradient(ellipse 62% 48% at 72% 100%,rgba(38,48,68,.62),transparent 76%),
    linear-gradient(115deg,transparent 39%,rgba(230,109,85,.04) 49%,rgba(191,200,214,.025) 54%,transparent 66%),
    linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
}
body[data-design="bridge"]{
  background-image:
    radial-gradient(ellipse 60% 38% at 50% 2%,rgba(230,109,85,.105),transparent 72%),
    radial-gradient(ellipse 55% 42% at 5% 58%,rgba(70,81,100,.38),transparent 74%),
    radial-gradient(ellipse 70% 46% at 92% 95%,rgba(38,48,68,.6),transparent 76%),
    linear-gradient(112deg,transparent 38%,rgba(230,109,85,.04) 49%,rgba(191,200,214,.02) 54%,transparent 66%),
    linear-gradient(155deg,#10151F 0%,#121A27 54%,#10151F 100%)!important;
}
body.signal.merged .signal-orb,
body[data-design="story"] .identity-orb,
body[data-design="showcase"] .product-orb,
body[data-design="bridge"] .message-orb{
  animation:midnight-hero-breathe 16s ease-in-out infinite;
}
body[data-design="atlas"] .hero-art,
body[data-design="story"] .identity,
body[data-design="showcase"] .product-art,
body[data-design="bridge"] .message-art{
  filter:drop-shadow(0 18px 48px rgba(5,8,13,.16));
}
@media(prefers-reduced-motion:reduce){
  body{animation:none!important}
  body::after{animation:none!important}
  body.signal.merged .signal-orb,
  body[data-design="story"] .identity-orb,
  body[data-design="showcase"] .product-orb,
  body[data-design="bridge"] .message-orb{animation:none!important}
}

body[data-design="atlas"]::after{background-position:24% 0%,50% 0%}
body[data-design="story"]::after{background-position:72% 0%,42% 0%}
body[data-design="showcase"]::after{background-position:88% 0%,64% 0%}
body[data-design="bridge"]::after{background-position:48% 0%,28% 0%}
body.signal.merged::after{background-position:50% 0%,50% 0%}