/* P3 Dark Signal — shared styles (Karar Odası) */
:root,:root[data-theme="blue"]{
  /* ---- Theme A: Carbon Blue (default) ---- */
  --bg:#060B14;--bg2:#08111D;--panel:#0D1828;--panel2:#12203A;--bg-deep:#050A12;
  --bg-rgb:6,11,20;--panel-rgb:13,24,40;--nav-rgb:10,18,32;--menu-rgb:8,15,27;
  --sig:#7FA4D3;--sig-hi:#B9CDE6;--sig-deep:#255489;--sig-600:#1B3F68;--sig-700:#15304F;--sig-400:#3F73B0;
  --sig-rgb:127,164,211;--hi-rgb:185,205,230;--glow-rgb:95,143,203;--glow-a:.18;--sig-bright-rgb:205,222,242;
  --tg1:#DCE7F5;--tg2:#9DBDE4;--tg3:#5E8FCB;
  --btn-a:#255489;--btn-b:#1B3F68;--btn-ha:#2C61A0;--btn-hb:#1F4A7A;
  --wg-a:#A9C6E8;--wg-b:#4F82BF;
  --slate:#7C93AD;--slate-rgb:124,147,173;--thread-rgb:139,153,170;
  --n-deep:#0A1626;--led-off:#1E2A3C;--n-line:#24324A;--meter-a:#2A3D57;--sig-tint:#EEF3FA;
  --meta-bg:#060B14;
  color-scheme:dark;
}
:root[data-theme="cyan"]{
  /* ---- Theme B: Arctic Cyan ---- */
  --bg:#04101A;--bg2:#061722;--panel:#0A1D2A;--panel2:#0E2633;--bg-deep:#030C13;
  --bg-rgb:4,16,26;--panel-rgb:10,29,42;--nav-rgb:6,20,31;--menu-rgb:5,17,26;
  --sig:#5CC3D2;--sig-hi:#A3E0E8;--sig-deep:#127C8D;--sig-600:#0E6473;--sig-700:#0D4F5A;--sig-400:#1F9AAD;
  --sig-rgb:92,195,210;--hi-rgb:163,224,232;--glow-rgb:63,175,192;--glow-a:.16;--sig-bright-rgb:190,236,242;
  --tg1:#DDF6F9;--tg2:#8FD8E3;--tg3:#3FAFC0;
  --btn-a:#127C8D;--btn-b:#0E6473;--btn-ha:#168EA0;--btn-hb:#0F7080;
  --wg-a:#8FD8E3;--wg-b:#2A9EB0;
  --slate:#7F9FAB;--slate-rgb:127,159,171;--thread-rgb:136,158,168;
  --n-deep:#071A25;--led-off:#1A2D38;--n-line:#20343F;--meter-a:#254552;--sig-tint:#EDF7F8;
  --meta-bg:#04101A;
  color-scheme:dark;
}
:root{
  --hl:rgba(255,255,255,.07);--hl2:rgba(255,255,255,.12);
  --ink:#E9EEF5;--ink2:#A9B6C6;--muted:#8B99AA;
  --ease:cubic-bezier(.2,.7,.2,1);
  --sans:'Geist',ui-sans-serif,system-ui,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
  --serif:'Instrument Serif',Georgia,serif;
}
/* theme switch */
.theme-seg{display:inline-flex;align-items:center;padding:3px;margin:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--hl)}
.theme-seg button{border:0;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink2);padding:5px 11px;border-radius:999px;transition:background .2s,color .2s}
.theme-seg button:hover{color:var(--ink)}
.theme-seg button[aria-pressed=true]{background:rgba(var(--sig-rgb),.2);color:var(--sig-hi);box-shadow:inset 0 0 0 1px rgba(var(--sig-rgb),.45)}
.pill-nav{flex-wrap:wrap;max-width:calc(100vw - 28px);border-radius:20px}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.03;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:550;letter-spacing:-.03em;line-height:1.05}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
::selection{background:rgba(var(--sig-rgb),.35)}
:focus-visible{outline:2px solid var(--sig-hi);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:300;background:var(--sig);color:#EAF1FA;padding:8px 14px;border-radius:8px;transition:top .2s}
.skip:focus{top:12px}

.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}}
.section{padding-block:clamp(56px,7vw,104px);position:relative}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1}
.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 3px rgba(var(--sig-rgb),.18),0 0 14px rgba(var(--sig-rgb),.7)}
.h2{font-size:clamp(2rem,4.4vw,3.5rem);margin-top:18px;max-width:20ch}
.lead{color:var(--ink2);font-size:clamp(1rem,1.3vw,1.15rem);max-width:60ch;margin-top:18px}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;
  background:linear-gradient(100deg,#FFFFFF 0%,var(--tg1) 30%,var(--tg2) 65%,var(--tg3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .08em .14em 0}
.serif-plain{font-family:var(--serif);font-style:italic;font-weight:400}
.sig{color:var(--sig)}
.sec-head{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:clamp(36px,5vw,64px)}

/* surfaces */
.glass{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--hl);border-radius:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 rgba(0,0,0,.4),0 40px 70px -40px rgba(0,0,0,.85),0 12px 24px -16px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dotgrid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.9) 1px,transparent 1.2px);background-size:26px 26px;opacity:.045;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 80%)}
.bpgrid{position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:linear-gradient(rgba(255,255,255,1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,1) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000,transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000,transparent 85%)}
.glow{position:absolute;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--glow-rgb),var(--glow-a)),rgba(var(--glow-rgb),.05) 55%,transparent)}
.hr{height:1px;background:linear-gradient(90deg,transparent,var(--hl2),transparent);border:0;margin:0}

/* conic edge-light border */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.edge::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);
  background:conic-gradient(from var(--ang),transparent 0 58%,rgba(var(--sig-rgb),.15) 66%,var(--sig-hi) 80%,var(--sig) 86%,transparent 93%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude}
.edge:hover::before,.edge:focus-within::before{opacity:1;animation:spin 5s linear infinite}
.edge.on::before{opacity:1;--ang:150deg}
@keyframes spin{to{--ang:360deg}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:999px;font-weight:550;font-size:15px;letter-spacing:-.01em;border:1px solid transparent;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s;white-space:nowrap}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{color:#EAF1FA;border-color:rgba(var(--hi-rgb),.38);background:linear-gradient(180deg,rgba(var(--hi-rgb),.16) 0%,rgba(var(--hi-rgb),0) 46%),linear-gradient(180deg,var(--sig-deep) 0%,var(--sig-600) 100%);text-shadow:0 1px 0 rgba(var(--bg-rgb),.45);box-shadow:inset 0 1px 0 rgba(var(--hi-rgb),.42),inset 0 -1px 0 rgba(var(--bg-rgb),.35),0 1px 2px rgba(0,0,0,.55),0 8px 22px -12px rgba(var(--glow-rgb),.45)}
.btn-primary:hover{transform:translateY(-1px);border-color:rgba(var(--hi-rgb),.6);background:linear-gradient(180deg,rgba(var(--hi-rgb),.22) 0%,rgba(var(--hi-rgb),0) 46%),linear-gradient(180deg,var(--btn-ha) 0%,var(--btn-hb) 100%);box-shadow:inset 0 1px 0 rgba(var(--hi-rgb),.55),inset 0 -1px 0 rgba(var(--bg-rgb),.35),0 1px 2px rgba(0,0,0,.55),0 12px 36px -8px rgba(var(--glow-rgb),.55),0 0 0 4px rgba(var(--glow-rgb),.12)}
.btn-ghost{color:var(--ink);background:rgba(255,255,255,.03);border-color:var(--hl2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.btn-outline{color:var(--sig-hi);border-color:rgba(var(--sig-rgb),.55);background:rgba(var(--sig-rgb),.06)}
.btn-outline:hover{background:rgba(var(--sig-rgb),.14);border-color:var(--sig)}
.btn-sm{height:38px;padding:0 18px;font-size:13.5px}

/* nav */
.nav-wrap{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding-inline:16px;pointer-events:none;transition:top .3s var(--ease)}
.nav{pointer-events:auto;position:relative;width:min(1100px,100%);height:56px;display:flex;align-items:center;gap:8px;padding:0 9px 0 22px;border-radius:999px;
  background:rgba(var(--nav-rgb),.62);border:1px solid var(--hl);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 40px -20px rgba(0,0,0,.8);transition:height .3s var(--ease),box-shadow .3s,background .3s,border-color .3s}
.nav-wrap.scrolled .nav{height:50px;background:rgba(var(--menu-rgb),.82);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(var(--hi-rgb),.4),0 0 24px -8px rgba(var(--sig-rgb),.3),0 20px 40px -20px rgba(0,0,0,.9)}
.brand{font-weight:600;letter-spacing:-.04em;font-size:19px;display:inline-flex;align-items:center;white-space:nowrap}
.brand .ji{color:var(--sig)}
.brand .badge{margin-left:12px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;padding:3px 8px;border-radius:999px;border:1px solid rgba(var(--sig-rgb),.5);color:var(--sig-hi);background:rgba(var(--sig-rgb),.08);font-weight:500}
.nav-links{display:flex;gap:2px;margin-inline:auto}
.nav-links a{padding:8px 12px;border-radius:999px;font-size:14px;color:var(--ink2);transition:color .15s,background .15s;white-space:nowrap}
.nav-links a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.nav-links a.hi{color:var(--sig-hi)}
.nav-lang{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;padding:0 8px}
.nav-lang b{color:var(--ink);font-weight:500}
.nav-toggle{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--hl2);background:rgba(255,255,255,.04);align-items:center;justify-content:center;margin-left:auto}
.nav-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round}
.nav-menu{display:none}
@media(max-width:1020px){
  .nav-links,.nav-lang{display:none}
  .nav-toggle{display:inline-flex}
  .nav .nav-cta{display:none}
  .nav-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:14px;border-radius:24px;background:rgba(var(--menu-rgb),.94);border:1px solid var(--hl2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px -20px rgba(0,0,0,.9);
    flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;display:flex}
  .nav-menu.open{opacity:1;visibility:visible;transform:none}
  .nav-menu a{padding:13px 14px;border-radius:12px;color:var(--ink2);font-size:16px}
  .nav-menu a:hover{background:rgba(255,255,255,.05);color:var(--ink)}
  .nav-menu .btn{margin-top:8px;color:#EAF1FA}
}

/* reveal (visible by default; hidden only when JS motion enabled) */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.js .rv.in{opacity:1;transform:none}

/* pill */
.pill-nav{position:fixed;left:14px;bottom:14px;z-index:150;display:flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;border-radius:999px;background:rgba(var(--menu-rgb),.88);border:1px solid var(--hl2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px #000}
.pill-nav a{padding:8px 13px;color:var(--ink2);transition:color .15s}
.pill-nav a:hover{color:var(--sig-hi)}
.pill-nav a+a{border-left:1px solid var(--hl)}

/* footer */
.footer{position:relative;border-top:1px solid var(--hl);padding-top:72px;overflow:hidden;background:linear-gradient(180deg,var(--bg),var(--bg-deep))}
.footer .cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px}
.footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:16px}
.footer li{list-style:none;margin-bottom:10px}
.footer ul{margin:0;padding:0}
.footer a{color:var(--ink2);font-size:14px;transition:color .15s}
.footer a:hover{color:var(--sig-hi)}
.footer .legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-block:22px;border-top:1px solid var(--hl);font-family:var(--mono);font-size:11.5px;color:var(--muted);position:relative;z-index:2}
.footer .wm{font-weight:600;letter-spacing:-.06em;line-height:.8;font-size:clamp(70px,17vw,260px);text-align:center;white-space:nowrap;user-select:none;margin-top:30px;margin-bottom:-.12em;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){.footer .cols{grid-template-columns:1fr 1fr}.footer .cols>div:first-child{grid-column:1/-1}}
.footer-pad{height:56px}

/* canvas */
.weave{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}

/* LED */
.led{width:8px;height:8px;border-radius:50%;background:var(--n-line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);flex:none}
.led.on{background:var(--sig);box-shadow:0 0 0 3px rgba(var(--sig-rgb),.18),0 0 14px rgba(var(--sig-rgb),.8)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* print: only #print-brief */
#print-brief{display:none}
@media print{
  @page{size:A4;margin:16mm}
  body{background:#fff!important;color:#111!important;overflow:visible}
  body::after{display:none}
  body>*:not(#print-brief){display:none!important}
  #print-brief{display:block!important;font-family:var(--sans);color:#111;font-size:11pt;line-height:1.5}
  #print-brief h1{font-size:22pt;margin:6pt 0 4pt;letter-spacing:-.02em}
  #print-brief h2{font-size:12pt;margin:14pt 0 5pt;padding-bottom:3pt;border-bottom:1px solid #bbb;letter-spacing:0}
  #print-brief .pb-top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8.5pt;color:#555;border-bottom:2px solid var(--sig-deep);padding-bottom:6pt}
  #print-brief table{width:100%;border-collapse:collapse;font-size:10pt}
  #print-brief td,#print-brief th{border-bottom:1px solid #ddd;padding:4pt 6pt;text-align:left;vertical-align:top}
  #print-brief th{font-family:var(--mono);font-size:8pt;text-transform:uppercase;letter-spacing:.08em;color:#555;font-weight:500}
  #print-brief ul{margin:4pt 0;padding-left:16pt}
  #print-brief .pb-exit{margin-top:12pt;padding:8pt 10pt;border-left:3px solid var(--sig-600);background:var(--sig-tint);font-weight:600}
  #print-brief .pb-foot{margin-top:18pt;font-size:8.5pt;color:#555;font-family:var(--mono)}
}