/* Layout: sakin, beyaz, tipografi öncelikli SaaS vitrini. Bölümler birbirine yumuşak ton geçişleriyle akar;
   koyu anlar kenardan içeri çekilmiş büyük yuvarlak paneller. Palet data-palette ile değişir.
   Bilinçli olarak tek (açık) tema: tüm renkler açıkça tanımlı. */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --ink:#0A0A0A; --ink2:rgba(10,10,10,.70); --muted:rgba(10,10,10,.50); --line:#ECECEA; --line2:#E2E2DF;
  --ok:#1E9A55; --ok-s:#E4F6EB; --bad:#D2402F; --bad-s:#FCE9E6; --info:#2F6BDF; --info-s:#E7EEFC;
  --f:"Host Grotesk","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1280px;
  --sh-1:0 1px 2px rgba(10,10,10,.05);
  --sh-2:0 1px 2px rgba(10,10,10,.04),0 8px 24px -12px rgba(10,10,10,.12);
  --sh-3:0 1px 2px rgba(10,10,10,.04),0 32px 64px -32px rgba(10,10,10,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
}
:root{--brand:#A8640F;--brand-h:#8E530A;--deep:#231708;--deep2:#3A2610;--tint:#FBF6EC;
  --accent-soft:#F7E7CC;--accent-line:#EBCF9F;
  --w1:rgba(247,205,140,.75);--w2:rgba(250,228,190,.85);--w3:rgba(255,236,205,.9);
  --seg1:#FBEFD9;--seg2:#FBE6DA;--seg3:#F3EEDD;--seg4:#F2ECE2;--bar:linear-gradient(90deg,#F6D9A0,#D99A3A 45%,#A8640F 75%,#231708)}
:root[data-palette="ege"]{--brand:#0A7A85;--brand-h:#08636C;--deep:#05343A;--deep2:#0A4A52;--tint:#EEF7F7;
  --accent-soft:#D6F0EF;--accent-line:#A9DCDA;
  --w1:rgba(150,222,218,.75);--w2:rgba(190,220,255,.85);--w3:rgba(205,240,236,.9);
  --seg1:#DDF2F1;--seg2:#E1EBFC;--seg3:#E6F3E3;--seg4:#E9EEF5;--bar:linear-gradient(90deg,#C9F0EC,#3FB6B3 45%,#0A7A85 75%,#05343A)}
:root[data-palette="zeytin"]{--brand:#5A6722;--brand-h:#48531A;--deep:#1F260F;--deep2:#2F3818;--tint:#F5F6EB;
  --accent-soft:#E7ECCB;--accent-line:#CCD59A;
  --w1:rgba(210,222,160,.75);--w2:rgba(240,226,190,.85);--w3:rgba(228,236,200,.9);
  --seg1:#ECF0D6;--seg2:#F4EAD3;--seg3:#E3EEE3;--seg4:#EEEDE3;--bar:linear-gradient(90deg,#EAEFCB,#AEBB63 45%,#5A6722 75%,#1F260F)}
:root[data-palette="kiremit"]{--brand:#B04327;--brand-h:#94361D;--deep:#33150C;--deep2:#4A2014;--tint:#FCF2EE;
  --accent-soft:#F9DFD4;--accent-line:#EFBBA6;
  --w1:rgba(245,180,150,.7);--w2:rgba(252,214,185,.85);--w3:rgba(250,215,200,.9);
  --seg1:#FAE3D8;--seg2:#FBEBD6;--seg3:#EFE7DD;--seg4:#F5E4E8;--bar:linear-gradient(90deg,#FBD9C8,#E27E56 45%,#B04327 75%,#33150C)}
:root[data-palette="gece"]{--brand:#3444CC;--brand-h:#2735AE;--deep:#11163A;--deep2:#1B2254;--tint:#F2F3FD;
  --accent-soft:#DFE3FC;--accent-line:#B9C1F5;
  --w1:rgba(180,190,255,.75);--w2:rgba(225,205,255,.7);--w3:rgba(205,220,255,.85);
  --seg1:#E3E6FD;--seg2:#ECE3FC;--seg3:#DFEDFA;--seg4:#E8EAF2;--bar:linear-gradient(90deg,#DCE1FF,#8391EE 45%,#3444CC 75%,#11163A)}

:root[data-palette="vista"]{--brand:#FD9204;--brand-h:#EA8500;--deep:#0C2239;--deep2:#173A5E;--tint:#F3F6FA;
  --accent-soft:#FFEBD0;--accent-line:#FDC77A;
  --w1:rgba(253,190,110,.6);--w2:rgba(190,210,235,.8);--w3:rgba(255,226,185,.8);
  --seg1:#FFEEDA;--seg2:#E6EDF6;--seg3:#FFF4E6;--seg4:#E9EEF5;--bar:linear-gradient(90deg,#FFD9A0,#FD9204 45%,#1E4A78 75%,#0C2239)}
/* vista: turuncu zemin üstünde lacivert yazı, küçük turuncu metinler koyulaştırılır */
:root[data-palette="vista"] .btn-brand{color:#fff;text-shadow:0 1px 1px rgba(150,70,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(12,34,57,.2),0 10px 24px -10px rgba(253,146,4,.8)}
:root[data-palette="vista"] .eyebrow,:root[data-palette="vista"] .logo .p,:root[data-palette="vista"] .feat .num b,:root[data-palette="vista"] .mi b em,:root[data-palette="vista"] thead .v,:root[data-palette="vista"] .st.acc,:root[data-palette="vista"] .t.fx,:root[data-palette="vista"] .form .msg,:root[data-palette="vista"] .lp.on .c{color:#C46A00}
:root[data-palette="vista"] .checks li::before,:root[data-palette="vista"] td.v::before{background-color:#0C2239}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;font-weight:600;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,3.4vw,40px)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:10px}
.pc,.g,.tc,.seg,.slot,.feat,.band,.final,.btn,.announce,.lp{transition:background-color .45s ease,border-color .45s ease,color .45s ease}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--f);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background-color .45s ease,box-shadow .25s ease,border-color .2s ease}
.btn svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-brand{background:var(--brand);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(10,10,10,.15),0 10px 24px -10px var(--brand)}
.btn-brand:hover{background:var(--brand-h);transform:translateY(-1px)}
.btn-line{background:#fff;border-color:var(--line2);color:var(--ink);box-shadow:var(--sh-1)}
.btn-line:hover{border-color:rgba(10,10,10,.35)}
.btn-sm{height:42px;padding:0 18px;font-size:14px}
.btn-white{background:#fff;color:var(--deep)}
.btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}

/* ---------- announcement + nav ---------- */
.announce{background:var(--deep);color:rgba(255,255,255,.8);font-size:13px}
.announce .wrap{display:flex;align-items:center;gap:14px;height:38px}
.announce b{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px}
.announce b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-line);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.announce a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#fff}
.announce a svg{width:13px;height:13px}
@media (max-width:760px){.announce .txt2,.announce a{display:none}}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid transparent}
.nav .wrap{display:flex;align-items:center;gap:36px;height:76px;transition:height .3s var(--ease)}
.nav.scrolled{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);border-color:var(--line);box-shadow:0 8px 30px -20px rgba(10,10,10,.25)}
.nav.scrolled .wrap{height:62px}
.logo{display:flex;align-items:center;color:var(--deep)}
.lwm{display:block;height:30px;width:auto;overflow:visible}
.lwm rect{transition:transform .5s var(--ease);transform-box:fill-box;transform-origin:center}
.logo:hover .lwm rect{transform:translateY(-12%) rotate(90deg)}
footer .logo{color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.logo .w{font-size:22px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;line-height:1}
.logo .p{font-size:11.5px;font-weight:600;letter-spacing:.14em;color:var(--brand);transition:color .45s ease}
.links{display:flex;gap:4px;margin-inline:auto;font-size:14.5px;font-weight:500;color:var(--ink2)}
.links a{padding:8px 14px;border-radius:999px;transition:background .2s ease,color .2s ease}
.links a:hover{background:rgba(10,10,10,.05);color:var(--ink)}
.nav-r{display:flex;align-items:center;gap:10px}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--line2);border-radius:999px;font-size:14px;font-weight:500;background:#fff}
.lang-btn svg{width:16px;height:16px}
@media (max-width:1000px){.links,.lang-btn{display:none}.nav-r{margin-left:auto}}

/* ---------- shared ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);transition:color .45s ease}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.head{display:grid;gap:18px;max-width:780px;margin-bottom:clamp(40px,5vw,64px)}
.head.c{margin-inline:auto;text-align:center;justify-items:center}
.head h2{font-size:clamp(36px,4.8vw,60px);line-height:1.02;letter-spacing:-.03em}
.head h2 .dim{color:rgba(10,10,10,.34)}
.head p{font-size:18px;line-height:1.6;color:var(--ink2);max-width:56ch}
section.s{position:relative;isolation:isolate;padding-block:clamp(80px,10vw,136px)}
.tinted{background:linear-gradient(180deg,#fff 0%,var(--tint) 14%,var(--tint) 86%,#fff 100%)}
.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-1);overflow:hidden;isolation:isolate}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--brand) 11%,transparent),transparent 70%)}
.card:hover::before{opacity:1}
.card:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.lift{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s ease}
.lift:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.shot{border-radius:20px;background:linear-gradient(180deg,#fff,#FAFAF9);border:1px solid var(--line);box-shadow:var(--sh-3);padding:8px;min-width:0}
.shot img{border-radius:13px;border:1px solid var(--line)}

/* ---------- hero ---------- */
.hero{position:relative;isolation:isolate;padding-top:clamp(40px,6vw,88px);margin-top:-76px;padding-top:calc(76px + clamp(40px,6vw,88px))}
.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-bg::before{content:"";position:absolute;inset:0;background:
  radial-gradient(700px 460px at 84% 8%,var(--w1),transparent 70%),
  radial-gradient(620px 420px at 10% 26%,var(--w3),transparent 70%),
  radial-gradient(900px 500px at 50% 78%,var(--w2),transparent 70%);transition:background .45s ease}
.hero-copy{display:grid;justify-items:center;text-align:center;max-width:1000px;margin:0 auto}
.pill{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 6px 0 6px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);font-size:13.5px;color:var(--ink2);box-shadow:var(--sh-1)}
.pill b{font-weight:600;font-size:12px;color:#fff;background:var(--brand);border-radius:999px;padding:4px 10px;transition:background .45s ease}
.pill span{padding-right:10px}
.hero h1{margin-top:28px;font-size:clamp(56px,8.8vw,128px);line-height:.92;letter-spacing:-.04em}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--brand),var(--deep) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-top:28px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink2);max-width:58ch}
.ticker{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;font-size:15px;color:var(--muted)}
.ticker .c{font-size:11px;font-weight:600;letter-spacing:.12em;border:1px solid var(--line2);border-radius:6px;padding:3px 7px;color:var(--ink);background:#fff}
.ticker .t{transition:opacity .35s ease}
.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}
.ctas small{flex-basis:100%;font-size:13.5px;color:var(--muted);margin-top:4px}
.stage{position:relative;margin-top:clamp(52px,6vw,84px);perspective:2000px}
.stage::before{content:"";position:absolute;left:8%;right:8%;top:8%;bottom:-4%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 30%,transparent),transparent);filter:blur(40px);z-index:-1;transition:background .45s ease}
.tilt{transform-origin:50% 0;transform:rotateX(var(--rx,20deg)) scale(var(--sc,.9));will-change:transform}
.stage .shot{padding:10px;border-radius:26px;box-shadow:0 1px 2px rgba(10,10,10,.05),0 70px 120px -50px rgba(10,10,10,.45)}
.bar3{display:flex;align-items:center;gap:7px;padding:2px 8px 10px}
.bar3 i{width:11px;height:11px;border-radius:50%;background:#E6E6E3}
.bar3 span{margin:0 auto;font-size:12.5px;color:var(--muted);background:#F5F5F3;border:1px solid var(--line);padding:4px 18px;border-radius:999px}
.note{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-3);font-size:14px;font-weight:500;white-space:nowrap;transform:translateY(var(--ny,0))}
.note small{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}
.note .ic{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700}
.n1{left:-28px;top:36%}.n2{right:-28px;top:14%}.n3{right:8%;bottom:-24px}
@media (max-width:980px){.note{display:none}}

/* marquee */
.marquee{margin-top:clamp(64px,8vw,104px);border-block:1px solid var(--line);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq{display:flex;gap:0;width:max-content;animation:mq 42s linear infinite}
.marquee:hover .mq{animation-play-state:paused}
.mq span{display:inline-flex;align-items:center;gap:14px;padding:22px 28px;font-size:17px;font-weight:500;color:var(--ink2);white-space:nowrap}
.mq span::after{content:"";width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:var(--brand);margin-left:28px;opacity:.7}
@keyframes mq{to{transform:translateX(-50%)}}

/* facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px}
.facts div{padding:0 28px;border-left:1px solid var(--line)}
.facts div:first-child{border-left:0;padding-left:0}
.facts b{display:block;font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink)}
.facts b i{font-style:normal;color:var(--brand)}
.facts span{display:block;margin-top:10px;font-size:14.5px;color:var(--muted)}
@media (max-width:760px){.facts{grid-template-columns:1fr 1fr;row-gap:28px}.facts div:nth-child(3){border-left:0;padding-left:0}}

/* ---------- pain ---------- */
.pain{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pc{padding:26px;display:grid;gap:12px;align-content:start}
.pc .src{display:flex;align-items:center;justify-content:space-between}
.chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--bad-s);color:var(--bad)}
.pc .x{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#F6F6F4;color:var(--muted);font-size:13px}
.pc h3{font-size:20px;letter-spacing:-.01em;margin-top:8px}
.pc p{font-size:15px;color:var(--ink2);line-height:1.55}
.resolve{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:24px;background:var(--deep);color:#fff;transition:background .45s ease}
.resolve p{font-size:clamp(20px,2.2vw,26px);font-weight:600;letter-spacing:-.02em}
.resolve p span{color:rgba(255,255,255,.55)}
@media (max-width:980px){.pain{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pain{grid-template-columns:1fr}}

/* ---------- stacked features ---------- */
.stack{display:grid;gap:28px}
.feat{position:sticky;top:calc(96px + var(--i) * 18px);display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:0 -1px 0 rgba(255,255,255,.8) inset,0 -20px 50px -30px rgba(10,10,10,.18),var(--sh-2);overflow:hidden;isolation:isolate}
.feat::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 380px at 100% 0%,var(--w1),transparent 70%);opacity:.8;transition:background .45s ease}
.feat:nth-child(even)::after{background:radial-gradient(600px 380px at 0% 100%,var(--w2),transparent 70%)}
.feat .txt{display:grid;gap:18px;min-width:0}
.feat .num{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.1em}
.feat .num b{color:var(--brand);font-weight:600}
.feat h3{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.03em}
.feat p{font-size:17px;line-height:1.6;color:var(--ink2)}
.checks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:12px}
.checks li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px}
.checks li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat;transition:background-color .45s ease}
.feat .shot{box-shadow:0 1px 2px rgba(10,10,10,.04),0 30px 60px -34px rgba(10,10,10,.35)}
.fx{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.fx div{padding:14px 16px;border-right:1px solid var(--line)}
.fx div:last-child{border-right:0}
.fx small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fx b{font-size:19px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
@media (max-width:980px){.feat{position:relative;top:auto;grid-template-columns:1fr}}
@media (max-width:460px){.fx{grid-template-columns:1fr}.fx div{border-right:0;border-bottom:1px solid var(--line)}.fx div:last-child{border-bottom:0}}

/* ---------- modules ---------- */
.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:16px}
.g{padding:28px;display:flex;flex-direction:column;gap:12px}
.g .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.g .k{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.g .i{width:44px;height:44px;border-radius:14px;background:linear-gradient(180deg,#fff,#F4F4F2);border:1px solid var(--line);box-shadow:var(--sh-1);display:grid;place-items:center;color:var(--ink)}
.g .i svg{width:20px;height:20px}
.g h3{font-size:21px;letter-spacing:-.015em;line-height:1.2}
.g p{font-size:15px;color:var(--ink2);line-height:1.55}
.g.hl{grid-row:span 2;background:linear-gradient(165deg,var(--brand) 0%,var(--deep) 95%);border-color:transparent;color:#fff}
.g.hl::before{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 70%)}
.g.hl p{color:rgba(255,255,255,.75)}
.g.hl .k{color:rgba(255,255,255,.7)}
.g.hl .i{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff;box-shadow:none}
.langmini{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}
.langmini span{font-size:13px;font-weight:500;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
@media (max-width:980px){.grid{grid-template-columns:1fr 1fr}.g.hl{grid-row:auto}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}

/* ---------- day ---------- */
.dayrail{position:relative;height:2px;background:var(--line);margin:0 0 -1px}
.dayrail i{position:absolute;inset:0;background:var(--bar);transform-origin:0 50%;transform:scaleX(var(--p,1))}
.day{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-top:26px}
.slot{position:relative;padding:22px;border-radius:22px}
.slot::after{content:"";position:absolute;top:-33px;left:22px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--brand);transition:border-color .45s ease}
.slot time{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.slot h3{font-size:17px;margin-top:10px}
.slot p{font-size:14.5px;color:var(--ink2);line-height:1.5;margin-top:6px}
.st{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px}
.st.ok{background:var(--ok-s);color:var(--ok)}.st.bad{background:var(--bad-s);color:var(--bad)}.st.info{background:var(--info-s);color:var(--info)}.st.acc{background:var(--accent-soft);color:var(--brand)}
@media (max-width:980px){.day{grid-template-columns:1fr 1fr}.slot::after{display:none}}
@media (max-width:520px){.day{grid-template-columns:1fr}}

/* ---------- dark band (inset panel) ---------- */
.band{margin-inline:clamp(8px,1.6vw,20px);border-radius:clamp(28px,3vw,44px);background:var(--deep);color:#fff;position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(80px,10vw,136px)}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(900px 500px at 85% -10%,var(--deep2),transparent 70%),
  radial-gradient(700px 420px at 0% 110%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 70%);transition:background .45s ease}
.band .eyebrow{color:rgba(255,255,255,.8)}
.band .head h2 .dim{color:rgba(255,255,255,.42)}
.band .head p,.band .rtl p{color:rgba(255,255,255,.7)}
.langs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin:0 auto}
.lp{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:17px;font-weight:500;cursor:default;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s var(--ease)}
.lp .c{font-size:11px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.5)}
.lp.on,.lp:hover{background:#fff;border-color:#fff;color:var(--deep);transform:translateY(-2px)}
.lp.on .c,.lp:hover .c{color:var(--brand)}
.phrase{margin:48px auto 0;text-align:center;font-size:clamp(28px,4vw,52px);font-weight:600;letter-spacing:-.03em;min-height:1.25em;transition:opacity .35s ease,transform .35s var(--ease)}
.rtl{margin-top:clamp(56px,7vw,88px);display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,4vw,56px);align-items:center}
.rtl h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.025em;line-height:1.08}
.rtl p{margin-top:14px;font-size:17px;line-height:1.6}
.band .shot{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.band .shot img{border-color:rgba(255,255,255,.1)}
@media (max-width:900px){.rtl{grid-template-columns:1fr}}

/* ---------- turkey ---------- */
.trg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tc{padding:28px;display:grid;gap:14px;align-content:start}
.tc b{font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1}
.tc b span{color:var(--brand)}
.tc p{font-size:15px;color:var(--ink2);line-height:1.55}
.tc .line{height:3px;width:36px;border-radius:3px;background:var(--brand)}
@media (max-width:980px){.trg{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.trg{grid-template-columns:1fr}}

/* ---------- segments ---------- */
.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.seg{padding:28px;min-height:250px;display:flex;flex-direction:column;gap:8px}
.seg:nth-child(1){background:linear-gradient(170deg,var(--seg1),#fff 72%)}
.seg:nth-child(2){background:linear-gradient(170deg,var(--seg2),#fff 72%)}
.seg:nth-child(3){background:linear-gradient(170deg,var(--seg3),#fff 72%)}
.seg:nth-child(4){background:linear-gradient(170deg,var(--seg4),#fff 72%)}
.seg .rm{display:inline-flex;align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.12em;color:var(--ink2);background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.seg h3{margin-top:auto;font-size:26px;letter-spacing:-.02em}
.seg p{font-size:15px;color:var(--ink2);line-height:1.5}
@media (max-width:980px){.segs{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.segs{grid-template-columns:1fr}}

/* ---------- compare ---------- */
.cmp{overflow-x:auto;border-radius:28px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh-2)}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;font-size:15.5px}
th,td{text-align:left;padding:20px 26px;border-bottom:1px solid var(--line)}
thead th{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#FBFBFA}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background .2s ease}
tbody tr:hover{background:#FBFBFA}
td:first-child{font-weight:600}
td.dim{color:var(--muted)}
.v{position:relative;font-weight:600;background:color-mix(in srgb,var(--brand) 6%,#fff)}
thead .v{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,#fff)}
td.v::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat}

/* ---------- faq ---------- */
.faqwrap{display:grid;grid-template-columns:4fr 7fr;gap:clamp(32px,5vw,80px);align-items:start}
.faqwrap .head{position:sticky;top:110px;margin:0}
.faqwrap .head .btn{justify-self:start;margin-top:8px}
.faq{display:grid;gap:10px}
details{border:1px solid var(--line);border-radius:20px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}
details[open]{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--sh-2)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#F4F4F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230A0A0A' stroke-width='2' stroke-linecap='round' d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .25s var(--ease),background-color .25s ease}
details[open] summary::after{transform:rotate(45deg);background-color:var(--accent-soft)}
details p{padding:0 24px 22px;font-size:15.5px;line-height:1.65;color:var(--ink2);max-width:62ch}
@media (max-width:900px){.faqwrap{grid-template-columns:1fr}.faqwrap .head{position:static}}

/* ---------- final ---------- */
.final{position:relative;isolation:isolate;border-radius:36px;background:var(--deep);color:#fff;padding:clamp(36px,5vw,76px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,64px);align-items:center;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(640px 420px at 100% 0%,var(--brand),transparent 70%),radial-gradient(500px 360px at 0% 100%,var(--deep2),transparent 70%);transition:background .45s ease}
.final .eyebrow{color:rgba(255,255,255,.8)}
.final h2{font-size:clamp(42px,5.4vw,72px);line-height:.98;letter-spacing:-.035em;margin-top:20px}
.final p{margin-top:18px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.72);max-width:44ch}
.final ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;font-size:15px;color:rgba(255,255,255,.85)}
.final li{display:flex;gap:10px;align-items:center}
.final li::before{content:"";width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat}
.form{background:#fff;color:var(--ink);border-radius:26px;padding:26px;display:grid;gap:12px;box-shadow:0 50px 100px -40px rgba(0,0,0,.6)}
.form .fh{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}
.form .fh small{font-size:12px;font-weight:500;color:var(--muted)}
.form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink2)}
.form input,.form select{height:46px;border-radius:13px;border:1px solid var(--line2);background:#FAFAF9;padding:0 14px;font:15px var(--f);color:var(--ink);width:100%;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.form input:focus,.form select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
.form .r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .btn{justify-content:center;width:100%;margin-top:4px}
.form .msg{font-size:13px;color:var(--brand);min-height:1.4em}
@media (max-width:900px){.final{grid-template-columns:1fr}}
@media (max-width:420px){.form .r2{grid-template-columns:1fr}}

/* ---------- footer ---------- */
footer{margin-top:clamp(72px,9vw,120px);border-top:1px solid var(--line);overflow:hidden}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-block:56px 40px}
.foot p{margin-top:14px;font-size:15px;color:var(--ink2);max-width:36ch;line-height:1.6}
.foot h4{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.foot a{color:var(--ink2)}
.foot a:hover{color:var(--ink)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.giant{font-size:clamp(90px,21vw,320px);font-weight:600;letter-spacing:.14em;line-height:.8;text-align:center;margin:10px 0 -.1em;background:linear-gradient(180deg,rgba(10,10,10,.08),rgba(10,10,10,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;padding-bottom:110px}
@media (max-width:800px){.foot{grid-template-columns:1fr 1fr}}

/* ---------- palette switcher ---------- */
.pal{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 16px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(1.6);border:1px solid var(--line2);border-radius:999px;box-shadow:0 24px 48px -20px rgba(10,10,10,.4);max-width:calc(100vw - 32px)}
.pal .lb{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:8px;white-space:nowrap}
.pal button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 6px;border-radius:999px;border:1px solid transparent;background:transparent;font:500 13.5px var(--f);color:var(--ink2);cursor:pointer;white-space:nowrap}
.pal button i{width:26px;height:26px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.pal button[aria-pressed="true"]{background:#fff;border-color:var(--line2);color:var(--ink);box-shadow:var(--sh-1)}
@media (max-width:760px){.pal .lb,.pal button span{display:none}.pal{padding:6px}.pal button{padding:0 6px}}


/* ---------- hero v2 ---------- */
.hero-bg::before{display:none}
.aur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;will-change:transform;transition:background .6s ease}
.aur.a1{width:620px;height:520px;left:-8%;top:-6%;background:var(--w1);animation:drift1 22s ease-in-out infinite alternate}
.aur.a2{width:560px;height:480px;right:-6%;top:4%;background:color-mix(in srgb,var(--brand) 26%,transparent);animation:drift2 26s ease-in-out infinite alternate}
.aur.a3{width:900px;height:520px;left:18%;top:46%;background:var(--w2);animation:drift3 30s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(120px,80px) scale(1.1)}}
@keyframes drift2{to{transform:translate(-140px,120px) scale(.92)}}
@keyframes drift3{to{transform:translate(80px,-90px) scale(1.08)}}
.grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero h1{letter-spacing:-.045em}
.rot{display:inline-grid;vertical-align:bottom;overflow:hidden;height:1.1em;margin-block:-.09em;padding-top:.04em;clip-path:inset(0)}
.rot > span{grid-area:1/1;transition:transform .75s cubic-bezier(.7,0,.2,1),opacity .35s ease;transform:translateY(120%);opacity:0;white-space:nowrap}
.rot > span.on{transform:none;opacity:1}
.rot > span.out{transform:translateY(-120%);opacity:0}
.hero h1 .l2{display:block;background:linear-gradient(100deg,var(--brand),var(--deep) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .l1{display:block;color:var(--ink)}
.stage{margin-top:clamp(56px,7vw,96px)}
.stage::before{left:4%;right:4%;top:14%;bottom:-8%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 34%,transparent),transparent);filter:blur(60px)}
.fl{position:absolute;z-index:3;transform:translate3d(calc(var(--px,0)*var(--d)*1px),calc(var(--py,0)*var(--d)*1px + var(--sy,0px)),0);transition:transform .25s ease-out}
.crop{position:relative;overflow:hidden;border-radius:16px;background:#fff;width:var(--w);height:var(--h);box-shadow:0 1px 2px rgba(10,10,10,.06),0 40px 80px -30px rgba(10,10,10,.45),0 0 0 1px rgba(10,10,10,.06)}
.crop img{position:absolute;max-width:none;width:calc(1600px * var(--s));left:calc(var(--x) * var(--s) * -1px);top:calc(var(--y) * var(--s) * -1px);border:0;border-radius:0}
.fl .cap{position:absolute;z-index:2;left:14px;top:-14px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--deep);color:#fff;padding:6px 10px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:background .45s ease}
.f-ring{left:-54px;top:18%}
.f-out{right:-60px;top:6%}
.f-line{left:12%;bottom:-54px}
.f-eur{right:4%;bottom:-38px}
.eur{display:flex;align-items:center;gap:12px;padding:14px 18px 14px 14px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(10,10,10,.45);font-size:14px;font-weight:500;white-space:nowrap}
.eur .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:var(--accent-soft);color:var(--brand)}
.eur small{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}
@media (max-width:1100px){.f-ring,.f-out{display:none}}
@media (max-width:760px){.fl{display:none}}
@media (prefers-reduced-motion:reduce){.aur{animation:none}}


/* ---------- header v2 + mega menu ---------- */
.nav-row{position:relative;z-index:2}
.links{gap:2px}
.links .tr,.links a{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;border:0;background:transparent;font:500 14.5px var(--f);color:var(--ink2);cursor:pointer;transition:background .2s ease,color .2s ease}
.links .tr svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.links .tr[aria-expanded="true"]{background:rgba(10,10,10,.06);color:var(--ink)}
.links .tr[aria-expanded="true"] svg{transform:rotate(180deg)}
.links .tr:hover,.links a:hover{background:rgba(10,10,10,.05);color:var(--ink)}
.nlink{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 10px;font-size:14px;font-weight:500;color:var(--ink2);border-radius:999px}
.nlink:hover{color:var(--ink);background:rgba(10,10,10,.05)}
.nlink svg{width:16px;height:16px}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:20px;height:20px}
.nav.open{background:#fff;border-color:var(--line)}
.megas{position:absolute;left:0;right:0;top:100%;padding:0 clamp(16px,3.4vw,40px);pointer-events:none}
.mega{max-width:var(--wrap);margin:10px auto 0;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 1px 2px rgba(10,10,10,.05),0 40px 80px -30px rgba(10,10,10,.35);overflow:hidden;position:absolute;left:clamp(16px,3.4vw,40px);right:clamp(16px,3.4vw,40px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.99);transform-origin:50% 0;transition:opacity .22s ease,transform .3s var(--ease),visibility 0s linear .3s}
@media (min-width:1360px){.mega{left:calc(50% - 620px);right:calc(50% - 620px)}}
.mega.show{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .3s var(--ease),visibility 0s}
.mega-in{display:grid;grid-template-columns:240px repeat(4,minmax(0,1fr));gap:8px 16px;padding:18px}
#m-cozum .mega-in,#m-kaynak .mega-in{grid-template-columns:260px repeat(3,minmax(0,1fr))}
.mfeat{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;color:#fff;background:radial-gradient(260px 200px at 100% 0%,var(--brand),transparent 70%),var(--deep);overflow:hidden;min-height:260px;transition:background .45s ease}
.mfeat.alt{background:radial-gradient(260px 220px at 0% 100%,var(--brand),transparent 70%),var(--deep)}
.mfeat.blog{background:linear-gradient(160deg,var(--brand),var(--deep))}
.mf-k{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.mf-k::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-line)}
.mfeat b{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.mfeat p{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72)}
.mf-img{margin-top:6px;display:block}
.mf-img .crop{display:block}
.mf-img .crop{box-shadow:0 20px 40px -20px rgba(0,0,0,.6);border-radius:12px}
.mf-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--accent-line)}
.mf-go svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.mfeat:hover .mf-go svg{transform:translateX(3px)}
.mcol{display:grid;align-content:start;gap:2px;padding-top:6px;min-width:0}
.mcol h5{margin:6px 10px 8px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mi{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:14px;transition:background .2s ease}
.mi:hover{background:color-mix(in srgb,var(--brand) 7%,#fff)}
.mic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#F4F4F2);border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--ink);transition:color .2s ease,border-color .2s ease}
.mic svg{width:18px;height:18px}
.mi:hover .mic{color:var(--brand);border-color:var(--accent-line)}
.mi b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14.5px;font-weight:600;letter-spacing:-.005em}
.mi b em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--accent-soft);border-radius:999px;padding:2px 7px}
.mi small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.mi.soon b{color:var(--ink2)}
.mega-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;border-top:1px solid var(--line);background:#FAFAF9;font-size:13px;color:var(--muted)}
.mega-foot > span{display:inline-flex;align-items:center;gap:8px}
.mega-foot svg{width:15px;height:15px}
.mf-links{gap:18px}
.mf-links a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.mf-links a:hover{color:var(--brand)}
.scrim{position:fixed;inset:0;z-index:35;background:rgba(10,10,10,.28);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.scrim.show{opacity:1;visibility:visible;transition:opacity .25s ease}
.drawer{position:fixed;inset:0;z-index:70;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s var(--ease);padding-top:env(safe-area-inset-top,0px)}
.drawer.show{transform:none}
.dr-top{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;border-bottom:1px solid var(--line)}
.dr-top .burger{display:inline-flex}
.dr-body{flex:1;overflow-y:auto;padding:8px 16px}
.dr-body details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.dr-body summary{padding:18px 4px;font-size:18px}
.dr-body .mcol{padding:0 0 12px}
.dr-body .mcol h5{margin:10px 4px 6px}
.dr-body .plain{display:block;padding:18px 4px;border-bottom:1px solid var(--line);font-size:18px;font-weight:600}
.dr-foot{display:grid;gap:10px;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.dr-foot .btn{justify-content:center}
@media (max-width:1180px){.nlink{display:none}}
@media (max-width:1000px){.links{display:none}.burger{display:inline-flex}.nav-r .btn{display:none}}
@media (max-width:1000px) and (min-width:520px){.nav-r .btn{display:inline-flex}}


/* ---------- hero v3: clean ground, clear header edge ---------- */
.nav{background:#fff;border-bottom:1px solid var(--line)}
.nav.scrolled{background:rgba(255,255,255,.9)}
.hero{margin-top:0;padding-top:clamp(56px,7vw,104px);background:#fff}
.hero-bg,.aur,.grain{display:none}
.stage::before{display:none}
.stage{isolation:isolate}
.stage::after{content:"";position:absolute;z-index:-1;left:-3%;right:-3%;top:26%;bottom:-48px;border-radius:40px;background:var(--tint);border:1px solid var(--line);transition:background .45s ease}
@media (max-width:760px){.stage::after{left:-8px;right:-8px;border-radius:24px}}


/* ---------- hero v4: split + live board ---------- */
.hero{padding-top:clamp(48px,6vw,88px)}
.hx{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,4.5vw,72px);align-items:center}
.hx-copy{display:grid;justify-items:start;gap:0;min-width:0}
.hx-copy .eyebrow{margin-bottom:22px}
.hero h1{margin-top:0;font-size:clamp(44px,4.7vw,74px);line-height:.95;letter-spacing:-.045em;text-align:left}
.hero h1 .l2{display:block}
.rot{justify-items:start}
.hx-copy .lead{margin-top:24px;font-size:18px;max-width:44ch}
.hx-copy .ctas{justify-content:flex-start;margin-top:30px}
.hx-copy .ticker{justify-content:flex-start;margin-top:22px}
.proof{display:flex;gap:0;margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line);width:100%}
.proof div{padding-right:28px;margin-right:28px;border-right:1px solid var(--line)}
.proof div:last-child{border-right:0}
.proof dt{font-size:12.5px;color:var(--muted)}
.proof dd{margin:4px 0 0;font-size:30px;font-weight:600;letter-spacing:-.03em}
.board{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 1px 2px rgba(10,10,10,.05),0 50px 100px -50px rgba(10,10,10,.45);padding:20px;min-width:0}
.board::before{content:"";position:absolute;inset:auto -18px -18px auto;width:70%;height:60%;border-radius:36px;background:var(--tint);border:1px solid var(--line);z-index:-1;transition:background .45s ease}
.b-head{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 16px;border-bottom:1px solid var(--line)}
.b-t small{display:block;font-size:12px;color:var(--muted)}
.b-t b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.b-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ok);background:var(--ok-s);padding:5px 11px;border-radius:999px}
.b-live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(30,154,85,.5)}100%{box-shadow:0 0 0 8px rgba(30,154,85,0)}}
.b-kpis{display:grid;grid-template-columns:auto repeat(3,1fr);gap:12px;align-items:center;padding:16px 4px}
.ring{position:relative;width:96px;height:96px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rg-bg{fill:none;stroke:#EFEFEC;stroke-width:9}
.rg-fg{fill:none;stroke:var(--brand);stroke-width:9;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:90;transition:stroke-dashoffset .8s var(--ease),stroke .45s ease}
.rg-v{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.rg-v b{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1}
.rg-v small{font-size:10px;color:var(--muted);margin-top:3px}
.kp{background:#FAFAF9;border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0}
.kp small{display:block;font-size:11.5px;color:var(--muted)}
.kp b{font-size:19px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .3s ease}
.kp b.bump{color:var(--brand)}
.b-body{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}
.b-sub{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink2);margin:2px 2px 10px}
.lg{display:inline-flex;align-items:center;gap:5px;font-weight:500;color:var(--muted);font-size:11px}
.lg i{width:8px;height:8px;border-radius:3px;margin-left:6px}
.d-ok{background:var(--ok)}.d-in{background:var(--info)}.d-bad{background:var(--bad)}.d-oo{background:#C27A06}
.rooms{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.rm{position:relative;border-radius:11px;padding:8px 8px 7px;border:1px solid transparent;transition:background .5s ease,color .5s ease,border-color .5s ease,transform .35s var(--ease)}
.rm b{display:block;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}
.rm span{display:block;font-size:10.5px;margin-top:1px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm.ok{background:var(--ok-s);color:var(--ok)}
.rm.in{background:var(--info-s);color:var(--info)}
.rm.bad{background:var(--bad-s);color:var(--bad)}
.rm.oo{background:#FFF1D6;color:#A86A05}
.rm.flash{transform:scale(1.08);border-color:currentColor;box-shadow:0 8px 20px -8px currentColor}
.b-feed ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:228px;overflow:hidden;mask-image:linear-gradient(180deg,#000 75%,transparent)}
.b-feed li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:9px 10px;border:1px solid var(--line);border-radius:12px;font-size:12.5px;line-height:1.35;background:#fff;animation:fin .5s var(--ease)}
.b-feed li time{font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px}
.b-feed li b{font-weight:600}
.b-feed li .t{display:inline-block;font-size:10px;font-weight:600;border-radius:999px;padding:1px 7px;margin-left:4px}
.t.ok{background:var(--ok-s);color:var(--ok)}.t.in{background:var(--info-s);color:var(--info)}.t.bad{background:var(--bad-s);color:var(--bad)}.t.fx{background:var(--accent-soft);color:var(--brand)}
@keyframes fin{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.b-toast{position:absolute;left:50%;bottom:-18px;transform:translate(-50%,8px);opacity:0;background:var(--deep);color:#fff;font-size:13px;font-weight:500;padding:10px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 16px 30px -12px rgba(0,0,0,.5);transition:opacity .3s ease,transform .3s var(--ease),background .45s ease}
.b-toast.show{opacity:1;transform:translate(-50%,0)}
.hero .stage{margin-top:clamp(72px,9vw,120px)}
@media (max-width:1060px){.hx{grid-template-columns:1fr}.board::before{display:none}}
@media (max-width:560px){.b-body{grid-template-columns:1fr}.b-kpis{grid-template-columns:auto 1fr 1fr}.b-kpis .kp:last-child{display:none}.rooms{grid-template-columns:repeat(4,1fr)}.rooms .rm:nth-child(n+17){display:none}.proof div{padding-right:18px;margin-right:18px}}


/* ---------- flat color, no brand→deep blends ---------- */
.hero h1 .l2{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--brand)}
.mfeat,.mfeat.alt,.mfeat.blog{background:var(--deep)}
.mfeat::after{content:"";position:absolute;left:22px;right:22px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--brand)}
.mf-k::before{background:var(--brand)}
.mf-go{color:var(--brand)}
.g.hl{background:var(--deep)}
.g.hl .i{background:var(--brand);border-color:var(--brand);color:#fff}
.g.hl .k{color:var(--brand)}
.band::before{background:radial-gradient(900px 500px at 85% -10%,var(--deep2),transparent 70%)}
.final::before{background:radial-gradient(640px 420px at 100% 0%,var(--deep2),transparent 70%)}
.final h2 span,.band h2 .dim{color:rgba(255,255,255,.42)}
.dayrail i{background:var(--brand)}
.resolve{background:var(--deep)}
.b-toast{background:var(--deep)}


/* ---------- marquee under hero, about, showcase ---------- */
.hero{padding-bottom:0}
.hero .marquee{margin-top:clamp(56px,7vw,96px)}
.about{padding-block:clamp(88px,10vw,140px)}
.ab{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,96px);align-items:start}
.ab-vis{position:relative;min-height:560px;padding:64px 0 60px;display:grid;align-content:start;position:sticky;top:120px}
.ab-back{position:absolute;left:6%;top:6%;right:0;bottom:0;border-radius:36px;background:var(--tint);border:1px solid var(--line);transition:background .45s ease}
.ab-main{position:relative;margin:0;width:90%;border-radius:22px;transform:rotate(-1.2deg)}
.ab-sub{position:absolute;margin:0;width:58%;right:-2%;bottom:-6%;border-radius:18px;transform:rotate(2deg)}
.ab-stat{position:absolute;left:-10px;bottom:4%;display:grid;gap:2px;padding:18px 22px;border-radius:20px;background:var(--deep);color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);transition:background .45s ease}
.ab-stat b{font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--brand)}
.ab-stat span{font-size:13px;color:rgba(255,255,255,.75);max-width:16ch}
.ab-txt{display:grid;gap:18px;min-width:0}
.ab-txt h2{font-size:clamp(34px,4.2vw,54px);line-height:1.03;letter-spacing:-.03em}
.ab-txt h2 .dim{color:rgba(10,10,10,.34)}
.ab-txt p{font-size:17px;line-height:1.7;color:var(--ink2)}
.ab-vals{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.ab-vals li{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.ab-vals b{font-weight:600}
.ab-vals span{color:var(--ink2)}
.ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
@media (max-width:980px){.ab{grid-template-columns:1fr}.ab-vis{min-height:0;padding-bottom:18%}}
@media (max-width:520px){.ab-vals li{grid-template-columns:1fr;gap:2px}.ab-stat{padding:12px 16px}.ab-stat b{font-size:26px}}
.showcase{position:relative;padding-block:clamp(56px,6vw,88px);border-bottom:1px solid var(--line)}
.showcase .stage{margin-top:0}
.showcase .facts{margin-top:0}


/* ---------- about depth ---------- */
.about{padding-block:0}
.ab-panel{position:relative;isolation:isolate;overflow:hidden;margin-inline:0;border-radius:0;border:0;border-block:1px solid var(--line);
  background:linear-gradient(155deg,var(--tint) 0%,#fff 58%,#fff 100%);
  box-shadow:none;padding-block:clamp(88px,10vw,140px);transition:background .45s ease}
.ab-panel::after{content:"";position:absolute;z-index:-3;right:-160px;bottom:-200px;width:520px;height:520px;border-radius:50%;border:1px solid var(--line2);box-shadow:0 0 0 70px transparent,0 0 0 71px var(--line)}
.ab-rings{position:absolute;left:-18%;top:-10%;width:120%;aspect-ratio:1;z-index:-2;border-radius:50%;
  background:repeating-radial-gradient(circle at 42% 52%,transparent 0 62px,color-mix(in srgb,var(--brand) 38%,transparent) 62px 63.5px);
  mask-image:radial-gradient(circle at 42% 52%,#000 0%,#000 38%,transparent 66%);opacity:.8}
.ab-sun{position:absolute;right:8%;top:-4%;width:92px;height:92px;border-radius:50%;background:var(--brand);box-shadow:0 20px 40px -14px color-mix(in srgb,var(--brand) 70%,transparent);z-index:-1;transition:background .45s ease}
.ab-back{background:linear-gradient(180deg,#fff,var(--tint));box-shadow:0 30px 60px -40px rgba(10,10,10,.3)}
.ab-main{box-shadow:0 1px 2px rgba(10,10,10,.05),0 40px 80px -36px rgba(10,10,10,.45);transform:rotate(-1.2deg) translateY(var(--pa,0px))}
.ab-sub{box-shadow:0 1px 2px rgba(10,10,10,.05),0 50px 90px -30px rgba(10,10,10,.55);transform:rotate(2deg) translateY(var(--pb,0px))}
.ab-stat{transform:translateY(var(--pc,0px))}
.ab-vals{border-top:0;gap:10px}
.ab-vals li{grid-template-columns:40px 170px 1fr;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.75);backdrop-filter:blur(6px);box-shadow:var(--sh-1)}
.ab-vals .av{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand)}
.ab-vals .av svg{width:18px;height:18px}
@media (max-width:620px){.ab-vals li{grid-template-columns:36px 1fr}.ab-vals li > span:last-child{grid-column:2}}


/* ---------- dark footer ---------- */
footer{background:var(--deep);border-top:0;color:rgba(255,255,255,.7);transition:background .45s ease}
footer .logo .w{color:#fff}
footer .logo .p{color:var(--brand)}
.foot p{color:rgba(255,255,255,.62)}
.foot h4{color:rgba(255,255,255,.45)}
.foot a{color:rgba(255,255,255,.78)}
.foot a:hover{color:#fff}
.legal{border-top-color:rgba(255,255,255,.1);color:rgba(255,255,255,.45)}
.giant{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}


/* ---------- gather: scattered papers → one screen ---------- */
.gather{position:relative;height:280vh}
.g-sticky{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;align-items:center;overflow:hidden}
.g-in{width:100%;display:grid;grid-template-columns:4fr 8fr;grid-template-rows:1fr auto;gap:24px clamp(24px,4vw,64px);align-items:center}
.g-head{display:grid;gap:18px}
.g-head h2{font-size:clamp(34px,4vw,54px);line-height:1.03;letter-spacing:-.03em}
.g-head h2 .dim{color:rgba(10,10,10,.34)}
.g-cap{position:relative;font-size:17px;line-height:1.6;color:var(--ink2);min-height:3.4em}
.g-cap span{position:absolute;inset:0;transition:opacity .25s ease}
.g-cap .c1{opacity:0;color:var(--ink);font-weight:500}
.gather.done .g-cap .c0{opacity:0}.gather.done .g-cap .c1{opacity:1}
.g-stage{position:relative;min-width:0}
.g-stage::before{content:"";position:absolute;inset:-28px;border-radius:36px;background:var(--tint);border:1px solid var(--line);opacity:calc(1 - var(--wa2,0));transition:background .45s ease}
.g-win{position:relative;border-radius:24px;padding:10px;background:rgba(255,255,255,var(--wa,.0));border:1px solid rgba(10,10,10,calc(var(--wa,0)*.08));box-shadow:0 40px 90px -40px rgba(10,10,10,calc(var(--wa,0)*.45));transform:scale(calc(.96 + var(--wa,0)*.04))}
.g-win > .bar3,.g-wh{opacity:var(--wa,0)}
.g-wh{display:flex;justify-content:space-between;align-items:center;padding:0 8px 12px;font-size:15px}
.g-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-slot{position:relative;height:200px}
.gc{position:absolute;inset:0;transform:translate(calc(var(--dx)*1px),calc(var(--dy)*1px)) rotate(calc(var(--dr)*1deg)) scale(var(--ds,1));will-change:transform;z-index:2}
.gc > .paper,.gc > .tile{position:absolute;inset:0;border-radius:14px;overflow:hidden}
.paper{opacity:calc(1 - var(--f,0));box-shadow:0 2px 3px rgba(10,10,10,.08),0 24px 40px -20px rgba(10,10,10,.35)}
.tile{opacity:var(--f,0);background:#fff;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh-1)}
.pk{position:absolute;top:10px;right:10px;font:600 10px var(--f);letter-spacing:.12em;text-transform:uppercase;background:var(--bad-s);color:var(--bad);border-radius:999px;padding:3px 8px;z-index:2}
.hw{font-family:"Caveat",cursive;font-size:22px;line-height:1.1;color:#1F3A73;margin:0}
.nb{background:#FFFDF6 repeating-linear-gradient(180deg,transparent 0 25px,#CFE0F5 25px 26px);padding:24px 18px 14px 44px;display:grid;gap:12px;align-content:start}
.nb::before{content:"";position:absolute;left:32px;top:0;bottom:0;width:1.5px;background:#F2A5A5}
.oops{position:absolute;right:16px;bottom:18px;font:700 20px "Caveat",cursive;color:var(--bad);transform:rotate(-8deg);border:2px solid var(--bad);border-radius:40% 50% 45% 50%;padding:0 10px}
.xl{background:#fff;border:1px solid #D6D6D6}
.xh{background:#1E7145;color:#fff;font-size:12px;font-weight:600;padding:8px 12px}
.xt{width:100%;border-collapse:collapse;font:12.5px ui-monospace,Menlo,monospace;min-width:0}
.xt td{border:1px solid #E3E3E3;padding:7px 8px;color:#333}
.xt tr:first-child td,.xt td:first-child{background:#F3F3F3;color:#888;text-align:center;font-size:11px}
.xt .err{color:#C0392B;font-weight:700;background:#FDECEA}
.wa{background:#ECE5DD;padding:0 12px 12px;display:grid;gap:8px;align-content:start}
.wah{margin:0 -12px;background:#075E54;color:#fff;font-size:12.5px;font-weight:600;padding:10px 14px}
.bub{max-width:80%;font-size:12.5px;padding:7px 10px;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bub.in{background:#fff;justify-self:start}
.bub.out{background:#DCF8C6;justify-self:end}
.pp{display:grid;gap:3px;width:130px;height:44px;background:#D5DCE8;border-radius:6px;padding:7px 8px;margin-bottom:5px}
.pp i{display:block;height:4px;border-radius:2px;background:#9AA6BC}
.pp i:nth-child(2){width:70%}.pp i:nth-child(3){width:85%}
.hw.big{font-size:30px;color:#6B4E00}
.tt{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tt b{font-size:15px;font-weight:600}
.tile small{font-size:12px;color:var(--muted);line-height:1.4;margin-top:auto}
.tile em.t{font-style:normal}
.mini-cal{position:relative;display:grid;gap:6px;padding:6px 0}
.mini-cal span{display:block;height:24px;margin-left:var(--l);width:var(--w);border-radius:7px;background:color-mix(in srgb,var(--c) 16%,#fff);color:var(--c);font-size:11px;font-weight:600;line-height:24px;padding-left:8px;white-space:nowrap;overflow:hidden}
.chain2{display:flex;align-items:center;gap:10px}
.chain2 div{flex:1;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#FAFAF9}
.chain2 small{display:block;font-size:11px;color:var(--muted)}
.chain2 b{font-size:18px;font-weight:600}
.chain2 i{font-style:normal;font-size:12px;font-weight:600;color:var(--brand)}
.idl{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px}
.idl div{border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:#FAFAF9;min-width:0}
.idl small{display:block;font-size:10.5px;color:var(--muted)}
.idl b{font-size:14px;font-weight:600;white-space:nowrap}
.cash{display:grid;gap:6px}
.cash div{display:flex;justify-content:space-between;font-size:13.5px;border-bottom:1px dashed var(--line);padding-bottom:4px}
.cash span{color:var(--muted)}
.g-res{grid-column:1/-1;opacity:var(--ra,0);transform:translateY(calc((1 - var(--ra,0))*16px));margin-top:0}
@media (max-width:1000px){.g-in{grid-template-columns:1fr;gap:18px}.g-slot{height:180px}.gather{height:300vh}}
@media (max-width:560px){.tt em.t{display:none}.tt b{font-size:13.5px}.pk{font-size:9px;top:6px;right:6px}.xh{font-size:10px;padding:6px 8px;white-space:nowrap;overflow:hidden}.xt{font-size:11px}.xt td{padding:5px 4px}.chain2{gap:4px}.chain2 b{font-size:14px}.chain2 div{padding:6px}.cash div{font-size:12px}.g-slot{height:170px}.g-grid{gap:8px}.tile{padding:10px;gap:6px}.tile small{display:none}.hw{font-size:18px}.nb{padding:18px 10px 10px 30px}.nb::before{left:22px}.idl{grid-template-columns:1fr 1fr}.idl div:last-child{display:none}.g-head h2{font-size:30px}.g-cap{font-size:15px}.g-res p{font-size:17px}}
@media (prefers-reduced-motion:reduce){.gather{height:auto}.g-sticky{position:static;height:auto;padding-block:80px}}


/* gather: site-style source cards */
.pcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(10,10,10,.05),0 24px 44px -26px rgba(10,10,10,.35)}
.pc-top{display:flex;justify-content:space-between;align-items:center}
.pc-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#F4F4F2);border:1px solid var(--line);color:var(--ink)}
.pc-ic svg{width:18px;height:18px}
.pc-src{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--bad-s);color:var(--bad);border-radius:999px;padding:4px 9px}
.pc-t{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-top:4px}
.pc-p{font-size:13.5px;line-height:1.45;color:var(--ink2)}
.pc-x{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,#fff);border:1px dashed color-mix(in srgb,var(--bad) 35%,#fff);border-radius:10px;padding:6px 9px}
.pc-x svg{flex:none;width:13px;height:13px}
@media (max-width:560px){.pcard{padding:11px;gap:5px}.pc-p{display:none}.pc-t{font-size:15px}.pc-x{font-size:11px;padding:5px 7px}.pc-ic{width:30px;height:30px}}


/* ---------- modules as hotel doors ---------- */
.doors{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 14px;padding:6px 2px 4px}
.dr{position:relative;aspect-ratio:3/4.3;border:0;padding:0;background:transparent;cursor:pointer;perspective:1100px;font:inherit;color:var(--ink);border-radius:14px}
.dr::before{content:"";position:absolute;inset:-5px -5px 0 -5px;border-radius:17px 17px 6px 6px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(10,10,10,.04)}
.dr::after{content:"";position:absolute;left:-10px;right:-10px;bottom:-8px;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,10,10,.14),transparent)}
.dr-in{position:absolute;inset:0;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:12px 10px 12px 26%;text-align:left;overflow:hidden;
  background:radial-gradient(120% 80% at 70% 20%,color-mix(in srgb,var(--brand) 26%,#fff),var(--accent-soft) 60%,color-mix(in srgb,var(--brand) 12%,#fff));transition:background .45s ease}
.dr-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff;margin-bottom:auto;box-shadow:0 8px 16px -8px var(--brand)}
.dr-ic svg{width:17px;height:17px}
.dr-in b{font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.dr-in small{font-size:11px;color:var(--ink2);line-height:1.3}
.leaf{position:absolute;inset:0;border-radius:12px;transform-origin:0 50%;transform:rotateY(0);transition:transform .7s cubic-bezier(.3,.7,.2,1),box-shadow .7s ease;backface-visibility:hidden;
  background:linear-gradient(180deg,#FFFFFF,#F6F6F3);border:1px solid rgba(10,10,10,.08);box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 8px rgba(10,10,10,.06),0 2px 4px rgba(10,10,10,.05);display:flex;flex-direction:column;align-items:center;padding:18px 10px 14px}
.plate{font-size:13px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;padding:5px 12px;border-radius:8px;background:linear-gradient(180deg,#E9C98A,#C99A45);color:#3A2A08;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.2)}
.knob{position:absolute;right:12px;top:52%;width:6px;height:26px;border-radius:4px;background:linear-gradient(90deg,#C99A45,#E9C98A,#B8863A);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.lname{margin-top:auto;font-size:11.5px;font-weight:500;color:var(--muted);text-align:center;line-height:1.25;padding-inline:4px}
.dr.on .leaf,.dr:hover .leaf{transform:rotateY(-74deg);box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 8px rgba(10,10,10,.06),24px 0 30px -10px rgba(10,10,10,.35)}
.dr:focus-visible{outline:2px solid var(--brand);outline-offset:6px}
@media (max-width:1100px){.doors{grid-template-columns:repeat(4,1fr)}}
@media (max-width:560px){.doors{grid-template-columns:repeat(3,1fr);gap:14px 10px}.dr-in b{font-size:11.5px}.dr-in small{display:none}.lname{font-size:10.5px}.fp{padding:16px}}
@media (prefers-reduced-motion:reduce){.leaf{transition:none}}


/* ---------- modules as an isometric architectural model ---------- */
@property --h{syntax:"<length>";inherits:true;initial-value:18px}


/* ---------- day: scroll through a day ---------- */
.daysec{position:relative;height:420vh}
.ds-sticky{position:sticky;top:62px;height:calc(100vh - 62px);overflow:hidden;background:var(--sky,#FFF3E6);color:var(--dink,#0A0A0A);isolation:isolate}
.ds-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ds-arc{position:absolute;left:6%;right:6%;top:18%;height:150%;border-radius:50%;border:1px dashed var(--arc,rgba(10,10,10,.12))}
.ds-hz{position:absolute;left:0;right:0;bottom:22%;border-top:1px solid var(--arc,rgba(10,10,10,.1))}
.ds-sun{position:absolute;width:86px;height:86px;border-radius:50%;left:var(--sx,10%);top:var(--sy,40%);transform:translate(-50%,-50%);background:var(--sun,#FFB347);box-shadow:0 0 0 14px var(--sunr,rgba(255,179,71,.18)),0 0 0 30px var(--sunr2,rgba(255,179,71,.08))}
.ds-in{position:relative;height:100%;display:grid;grid-template-columns:4fr 7fr;grid-template-rows:1fr auto;gap:28px clamp(28px,4vw,64px);align-items:center;padding-block:clamp(28px,4vh,48px)}
.ds-left{display:grid;gap:14px;align-content:center}
.daysec .eyebrow{color:var(--deye,var(--brand))}
.ds-clock{font-size:clamp(72px,9vw,132px);font-weight:600;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}
.ds-texts{position:relative;min-height:190px}
.ds-t{position:absolute;inset:0;display:grid;gap:10px;align-content:start;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s var(--ease)}
.ds-t.on{opacity:1;transform:none}
.ds-part{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.6}
.ds-t h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.025em;line-height:1.1}
.ds-t p{font-size:16.5px;line-height:1.6;opacity:.78;max-width:40ch}
.ds-t .st{justify-self:start;margin-top:4px}
.ds-right{position:relative;height:100%;min-height:0;display:grid;align-items:center}
.ds-shot{position:absolute;left:0;right:0;margin:0;border-radius:20px;background:#fff;border:1px solid rgba(10,10,10,.08);padding:8px;box-shadow:0 50px 100px -40px rgba(10,10,10,.45);opacity:0;transform:translateY(24px) scale(.97);transition:opacity .55s ease,transform .6s var(--ease)}
.ds-shot.on{opacity:1;transform:none}
.ds-shot.past{opacity:0;transform:translateY(-24px) scale(.97)}
.ds-shot .crop{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:none}
.ds-shot .crop{position:relative;overflow:hidden}
.ds-shot .crop img{position:absolute;max-width:none;height:auto;width:calc(100% * 1600 / var(--cw));left:calc(var(--x) / var(--cw) * -100%);top:calc(var(--y) / var(--ch) * -100%)}
.ds-line{grid-column:1/-1;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.ds-line::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--arc,rgba(10,10,10,.12))}
.ds-fill{position:absolute;left:0;top:6px;height:2px;width:calc(var(--pf,0%) * .8);background:var(--brand)}
.ds-line li{position:relative;display:grid;gap:8px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.5;transition:opacity .3s ease}
.ds-line li i{width:14px;height:14px;border-radius:50%;background:var(--sky,#fff);border:2px solid var(--arc2,rgba(10,10,10,.25));transition:background .3s ease,border-color .3s ease}
.ds-line li.done{opacity:1}
.ds-line li.done i{background:var(--brand);border-color:var(--brand)}
.daysec.night .ds-shot{border-color:rgba(255,255,255,.15);box-shadow:0 50px 100px -40px rgba(0,0,0,.7)}
@media (max-width:980px){.daysec{height:460vh}.ds-in{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:16px}.ds-clock{font-size:64px}.ds-texts{min-height:150px}.ds-t p{font-size:15px}.ds-right{min-height:220px}}
@media (max-width:560px){.ds-texts{min-height:170px}.ds-line li span{font-size:11px}.ds-sun{width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.ds-t,.ds-shot{transition:none}}


/* ---------- live language demo ---------- */
.lswitch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:980px;margin:0 auto 34px}
.lsw{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;font:500 15px var(--f);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.lsw .c{font-size:10.5px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.5)}
.lsw:hover{border-color:rgba(255,255,255,.4)}
.lsw[aria-pressed="true"]{background:#fff;color:var(--deep);border-color:#fff}
.lsw[aria-pressed="true"] .c{color:var(--brand)}
.mock-wrap{max-width:1080px;margin:0 auto}
.mock{display:grid;grid-template-columns:210px 1fr;border-radius:22px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 60px 120px -40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);transition:opacity .22s ease}
.mock.fade{opacity:.25}
.mk-side{background:#FAFAF9;border-inline-end:1px solid var(--line);padding:16px 12px}
.mk-logo{font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px 14px}
.mk-logo b{color:var(--brand);font-size:10px;letter-spacing:.12em}
.mk-side ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mk-side li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-size:13.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-side li svg{flex:none;width:16px;height:16px}
.mk-side li.on{background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:600;box-shadow:var(--sh-1)}
.mk-main{padding:16px 20px 20px;min-width:0}
.mk-top{display:flex;align-items:center;gap:10px}
.mk-search{flex:1;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden}
.mk-search svg{flex:none;width:15px;height:15px}
.mk-lang{font-size:11px;font-weight:600;letter-spacing:.1em;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.mk-new{height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap}
.mk-title{margin:18px 0 12px;font-size:24px;font-weight:600;letter-spacing:-.02em}
.mk-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:6px}
.mk-tabs span{font-size:13px;padding:8px 0;color:var(--muted)}
.mk-tabs span.on{color:var(--ink);font-weight:600;border-bottom:2px solid var(--ink)}
.mk-tbl{font-size:13px;overflow-x:auto}
.mk-tr{display:grid;grid-template-columns:1.1fr 1.5fr .6fr 1.3fr .9fr 1.1fr .9fr;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);min-width:640px}
.mk-th{font-size:11px;font-weight:600;color:var(--muted);text-transform:none}
.mk-tr span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-tr .num{font-variant-numeric:tabular-nums}
.mk-tr .amt{text-align:end;font-weight:600;font-variant-numeric:tabular-nums}
.mk-th span:last-child{text-align:end}
.chip2{justify-self:start;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}
.chip2.ok{background:var(--ok-s);color:var(--ok)}.chip2.in{background:var(--info-s);color:var(--info)}.chip2.out{background:#F1F1EF;color:var(--ink2)}
.mk-note{margin-top:18px;text-align:center;font-size:13.5px;color:rgba(255,255,255,.6)}
@media (max-width:820px){.mock{grid-template-columns:1fr}.mk-side{display:none}}


/* ---------- language section: light, full width (follows the night) ---------- */
#diller.band{margin-inline:0;border-radius:0;background:linear-gradient(180deg,var(--tint) 0%,#fff 70%);color:var(--ink);border-bottom:1px solid var(--line);animation:none}
#diller.band::before{background:radial-gradient(800px 380px at 50% 0%,color-mix(in srgb,var(--brand) 10%,transparent),transparent 70%)}
#diller .eyebrow{color:var(--brand)}
#diller .head h2 .dim{color:rgba(10,10,10,.34)}
#diller .head p{color:var(--ink2)}
#diller .lsw{border-color:var(--line2);background:#fff;color:var(--ink);box-shadow:var(--sh-1)}
#diller .lsw .c{color:var(--muted)}
#diller .lsw:hover{border-color:rgba(10,10,10,.35)}
#diller .lsw[aria-pressed="true"]{background:var(--deep);color:#fff;border-color:var(--deep)}
#diller .lsw[aria-pressed="true"] .c{color:var(--brand)}
#diller .mock{border-color:var(--line);box-shadow:0 1px 2px rgba(10,10,10,.05),0 60px 120px -50px rgba(10,10,10,.4)}
#diller .mk-note{color:var(--muted)}


/* ---------- Kimler için: Türkiye haritası ---------- */
.map-wrap{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;align-items:stretch}
.map{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 36px 50px;box-shadow:var(--sh-1);overflow:hidden}
.map::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at var(--gx,30%) var(--gy,30%),color-mix(in srgb,var(--brand) 9%,transparent),transparent 70%);transition:background-position .8s;pointer-events:none}
.map-in{position:relative}
.map svg{display:block;width:100%;height:auto;overflow:visible}
.m-sea text{font:500 12px var(--f);fill:var(--muted);opacity:.75;letter-spacing:.05em}
.m-dots circle{r:2.8px;fill:var(--deep);opacity:.17;transform-box:fill-box;transform-origin:center;transition:fill .5s ease,opacity .5s ease,transform .5s var(--ease);transition-delay:var(--dl,0s)}
.m-dots circle.hot{fill:var(--brand);opacity:var(--o);transform:scale(var(--sc))}
.map.pre .m-dots circle{opacity:0;transform:scale(.2)}
.map .m-dots circle{animation:none}
.mpbox{position:absolute;inset:0;margin:-6px}
.mp{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;z-index:2}
.mp::before{content:"";position:absolute;inset:-14px;border-radius:50%}
.mp-dot{position:relative;display:block;width:14px;height:14px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 3px #fff,0 2px 8px rgba(12,34,57,.3);transition:background-color .3s,transform .35s var(--ease)}
.mp-dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid var(--brand);opacity:0}
.mp.on .mp-dot{background:var(--brand);transform:scale(1.2)}
.mp.on .mp-dot::after{animation:mpulse 2s var(--ease) infinite}
.mp:hover .mp-dot{transform:scale(1.25)}
@keyframes mpulse{0%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:scale(1.9)}}
.mp-lb{position:absolute;white-space:nowrap;display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline;text-align:start;line-height:1.3;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:0 6px 18px -8px rgba(12,34,57,.25);transition:border-color .3s,transform .35s var(--ease),box-shadow .3s}
.mp-lb small{grid-row:1/3;align-self:center;font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.mp-lb em{font-style:normal;font-weight:600;font-size:13.5px;color:var(--ink)}
.mp-lb span{grid-column:2;font-size:12px;color:var(--ink2)}
.mp-lb.t{bottom:calc(100% + 14px)} .mp-lb.b{top:calc(100% + 14px)}
.mp-lb.r{left:-4px} .mp-lb.l{right:-4px}
.mp.on .mp-lb{border-color:color-mix(in srgb,var(--brand) 55%,#fff);box-shadow:0 10px 26px -10px rgba(12,34,57,.3)}
.mp.on .mp-lb small{color:var(--brand)}
.map-note{position:absolute;left:36px;bottom:18px;font-size:12px;color:var(--muted)}
.mcards{position:relative;display:grid}
.mtabs{display:none}
.mc{position:relative;grid-area:1/1;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s;overflow:hidden}
.mc::before{content:"";position:absolute;inset:0 0 auto 0;height:130px;pointer-events:none}
.mc[data-i="0"]::before{background:linear-gradient(180deg,var(--seg1),transparent)}
.mc[data-i="1"]::before{background:linear-gradient(180deg,var(--seg2),transparent)}
.mc[data-i="2"]::before{background:linear-gradient(180deg,var(--seg3),transparent)}
.mc[data-i="3"]::before{background:linear-gradient(180deg,var(--seg4),transparent)}
.mc[data-i="4"]::before{background:linear-gradient(180deg,var(--tint),transparent)}
.mc > *{position:relative}
.mc.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
.mc-top{display:flex;align-items:center;gap:10px;font-size:12px}
.mc-n{font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.mc-where{color:var(--ink2);font-weight:500}
.mc-rng{margin-left:auto;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:var(--ink2);background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.mc h3{margin-top:auto;font-size:30px;letter-spacing:-.025em;padding-top:40px}
.mc p{font-size:15.5px;line-height:1.55;color:var(--ink2)}
.mc ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:14.5px}
.mc li{display:flex;gap:10px;align-items:flex-start}
.mc li::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:5px;background:var(--deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
@media (max-width:980px){
  .map-wrap{grid-template-columns:1fr}
  .map{padding:22px 16px 40px}.m-sea{display:none}.m-dots circle{r:3.6px}
  .mp-lb{display:none}
  .mp-dot{width:11px;height:11px}
  .map-note{left:16px;bottom:12px}
  .mtabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;grid-area:auto}
  .mcards{grid-template-rows:auto 1fr}
  .mc{grid-area:2/1}
  .mt{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px 7px 7px;font:500 13.5px var(--f);color:var(--ink2);cursor:pointer}
  .mt b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--line);font-size:11px;color:var(--ink)}
  .mt.on{border-color:var(--brand);color:var(--ink)} .mt.on b{background:var(--brand);color:#fff}
  .mc h3{padding-top:18px}
}


/* ---------- footer v2 ---------- */
.fcontact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:center;padding-block:64px 48px;border-bottom:1px solid rgba(255,255,255,.1)}
.fc-lead h3{margin:0;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.025em;line-height:1.15;color:#fff;font-weight:600}
.fc-lead h3 span{color:rgba(255,255,255,.5)}
.fc-lead p{margin-top:12px;font-size:15px;color:rgba(255,255,255,.6);max-width:40ch;line-height:1.55}
.fc-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;transition:background-color .3s,border-color .3s,transform .3s var(--ease)}
a.fc:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);transform:translateY(-2px)}
.fc-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--brand);color:#fff}
.fc-ic svg{width:19px;height:19px}
.fc small{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-bottom:2px}
.fc b{font-size:15px;font-weight:600;color:#fff}
.foot{grid-template-columns:1.6fr repeat(4,1fr)!important;gap:36px!important;padding-block:52px 44px!important}
.foot li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.foot .soon{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:999px;padding:2px 7px}
.fsoc{display:flex;gap:8px;margin-top:22px}
.fsoc a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.75);transition:background-color .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.fsoc a:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-2px)}
.fsoc svg{width:18px;height:18px}
.fbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fbadges span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:rgba(255,255,255,.65);padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.fbadges svg{width:14px;height:14px;color:var(--brand)}
footer .legal{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.5)}
.flegal{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}
.flegal a{color:rgba(255,255,255,.6)}
.flegal a:hover{color:#fff}
.totop{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#fff;transition:background-color .3s,border-color .3s,transform .3s var(--ease)}
.totop:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-3px)}
.totop svg{width:17px;height:17px}
@media (max-width:1080px){.foot{grid-template-columns:1fr 1fr 1fr!important}.fbrand{grid-column:1/-1}.fcontact{grid-template-columns:1fr}}
@media (max-width:600px){.foot{grid-template-columns:1fr 1fr!important}.fc-items{grid-template-columns:1fr}.flegal{margin-left:0}footer .legal{gap:14px}}

/* ---------- modules: data flow map ---------- */
.flow{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3.4vw,44px);box-shadow:var(--sh-1);display:grid;gap:26px}
.flow-grid{position:relative;display:grid;grid-template-columns:1.08fr 1.12fr 1.12fr 1fr;column-gap:clamp(28px,3.6vw,56px);align-items:center}
.flow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.fe{fill:none;stroke:#E2E5EA;stroke-width:1.5}
.fe-on{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round}
.fdot{fill:var(--brand)}
.fdot-h{fill:var(--brand);opacity:.18}
.fcol{position:relative;z-index:1;display:grid;gap:14px}
.fn{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;transition:border-color .35s,box-shadow .35s,transform .45s var(--ease)}
.fn-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#F3F4F6;color:var(--ink2);transition:background-color .35s,color .35s}
.fn-ic svg{width:17px;height:17px}
.fn-t{display:grid;min-width:0;line-height:1.25}
.fn-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:-.01em}
.fn-t small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.fn-st{grid-column:1/-1;display:block;height:30px;margin-top:6px;padding:6px 10px;border-radius:9px;background:#F6F7F9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;opacity:0;transform:translateY(4px);font-size:12px;font-weight:500;color:var(--deep);transition:opacity .35s,transform .45s var(--ease)}
.fn.hit .fn-st::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-right:7px;vertical-align:1px}
.fn.hit{border-color:color-mix(in srgb,var(--brand) 55%,#fff);box-shadow:0 12px 30px -16px color-mix(in srgb,var(--brand) 70%,transparent);transform:translateY(-2px)}
.fn.hit .fn-ic{background:var(--brand);color:#fff}
.fn.hit .fn-st{opacity:1;transform:none}
.fn .fn-st:empty::after{content:"Bekliyor";color:var(--muted)}
.fn.src{padding:16px;gap:12px;grid-template-columns:1fr;border-color:var(--deep);box-shadow:0 18px 40px -24px rgba(12,34,57,.5)}
.src-top{display:flex;align-items:center;gap:12px}
.fn.src .fn-t b{white-space:normal;overflow:visible}
.src-top .live{flex:none}
.fn.src .fn-ic{background:var(--deep);color:#fff}
.live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ok);letter-spacing:.02em}
.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:lv 1.8s infinite}
@keyframes lv{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 60%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
.fev{margin:0;display:grid;gap:0;border-top:1px solid var(--line);padding-top:6px}
.fev div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;border-bottom:1px dashed var(--line)}
.fev div:last-child{border-bottom:0}
.fev dt{color:var(--muted)} .fev dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:end;transition:opacity .25s}
.fev.swap dd{opacity:0}
.fev-dots{display:flex;gap:5px}
.fev-dots i{width:16px;height:3px;border-radius:2px;background:var(--line);transition:background-color .3s}
.fev-dots i.on{background:var(--brand)}
.flow-base{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px dashed var(--line2)}
.fb-l{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fb-chips{display:flex;gap:10px;flex-wrap:wrap}
.fb{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);transition:border-color .35s,color .35s,background-color .35s}
.fb svg{width:15px;height:15px}
.fb em{font-style:normal;font-size:12px;color:var(--deep);max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s var(--ease),margin .5s}
.fb.hit{border-color:color-mix(in srgb,var(--brand) 55%,#fff);color:var(--ink);background:var(--accent-soft)}
.fb.hit svg{color:var(--brand)}
.fb.hit em{max-width:220px;margin-left:2px}
.fb.hit em::before{content:"· "}
@media (max-width:980px){
  .flow-grid{grid-template-columns:1fr;row-gap:14px}
  .flow-svg{display:none}
  .fcol{gap:10px}
  .fcol.c2,.fcol.c3{grid-template-columns:1fr 1fr}
  .fcol::before{content:attr(data-l);grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:6px}
}
@media (max-width:560px){.fcol.c2,.fcol.c3{grid-template-columns:1fr}}


/* ---------- Türkiye: rules list ---------- */
.trwrap{display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.trwrap .head{position:sticky;top:110px;margin:0}
.trl{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-1);overflow:hidden}
.trw{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 24px;border-top:1px solid var(--line);transition:background-color .25s}
.trw:first-child{border-top:0}
.trw:hover{background:#FAFBFC}
.trw-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--deep);border:1px solid var(--line)}
.trw-ic svg{width:18px;height:18px}
.trw-t b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.trw-t p{margin-top:3px;font-size:14px;line-height:1.5;color:var(--ink2);max-width:52ch}
.tv{font-size:13px;font-weight:500;color:var(--ink);background:#F4F5F7;border:1px solid var(--line);border-radius:999px;padding:6px 12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tv b{font-weight:700;color:#C46A00}
.tv i{font-style:normal;color:var(--muted)}
.tv.soon{background:var(--accent-soft);border-color:var(--accent-line);color:#9A5200}
@media (max-width:900px){.trwrap{grid-template-columns:1fr}.trwrap .head{position:static}}
@media (max-width:600px){.trw{grid-template-columns:auto minmax(0,1fr);padding:18px}.trw .tv{grid-column:2;justify-self:start;white-space:normal}}


/* ---------- marquee: orange band ---------- */
.marquee{position:relative;border:0;mask-image:none;-webkit-mask-image:none;
  background:linear-gradient(100deg,#F79A1E 0%,#F28705 38%,#EC7A00 70%,#E26C00 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(120,50,0,.25),0 24px 48px -28px rgba(226,108,0,.75)}
.marquee::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 140% at 18% 0%,rgba(255,255,255,.22),transparent 60%),radial-gradient(50% 120% at 90% 100%,rgba(140,55,0,.22),transparent 70%)}
.marquee::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#F79A1E 0%,transparent 7%,transparent 93%,#E26C00 100%)}
.mq{position:relative}
.mq span{color:#fff;font-weight:600;letter-spacing:-.005em;text-shadow:0 1px 1px rgba(150,60,0,.35)}
.mq span::after{background:#fff;opacity:.55}


/* ---------- facts: illustrated cards ---------- */
.kfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kf{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 24px 24px;display:grid;gap:6px;box-shadow:0 1px 2px rgba(10,10,10,.04),0 24px 48px -32px rgba(12,34,57,.35);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.kf:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(10,10,10,.04),0 36px 60px -32px rgba(12,34,57,.45)}
.kf b{font-size:clamp(44px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1;margin-top:14px;font-variant-numeric:tabular-nums}
.kf span{font-size:14.5px;color:var(--muted)}
.kv{height:92px;border-radius:16px;background:var(--tint);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;position:relative}
/* 12 modules */
.kv-mod{grid-template-columns:repeat(6,18px);grid-auto-rows:18px;gap:7px;place-content:center}
.kv-mod i{width:18px;height:18px;border-radius:5px;background:#fff;border:1px solid var(--line2);animation:kmod 4.8s var(--ease) infinite;animation-delay:calc(var(--n,0) * .3s)}
@keyframes kmod{0%,8%{background:#fff;border-color:var(--line2)}14%,40%{background:var(--brand);border-color:var(--brand)}52%,100%{background:#fff;border-color:var(--line2)}}
/* 8 languages */
.kv-lang{grid-template-columns:repeat(4,auto);gap:6px;place-content:center}
.kv-lang span{font-size:11.5px;font-weight:600;letter-spacing:.06em;padding:5px 9px;border-radius:8px;background:#fff;border:1px solid var(--line2);color:var(--ink2);animation:klang 6.4s infinite;animation-delay:calc(var(--n,0) * .8s)}
@keyframes klang{0%,2%{background:#fff;color:var(--ink2);border-color:var(--line2)}4%,12%{background:var(--deep);color:#fff;border-color:var(--deep)}15%,100%{background:#fff;color:var(--ink2);border-color:var(--line2)}}
/* 20 currencies */
.kv-cur span{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:700;background:#fff;color:var(--ink2);border:1px solid var(--line2);box-shadow:0 6px 14px -8px rgba(12,34,57,.35);transform:translateX(calc((var(--k) - 2) * 30px)) rotate(calc((var(--k) - 2) * 6deg));transition:transform .5s var(--ease)}
.kv-cur span:nth-child(3){z-index:1}.kv-cur span:nth-child(2),.kv-cur span:nth-child(4){z-index:2}
.kv-cur span:last-child{z-index:3;background:var(--brand);border-color:var(--brand);color:#fff;transform:translateX(0) translateY(-2px) scale(1.08)}
.kv-cur span:nth-child(4){transform:translateX(-40px) rotate(-8deg)}
.kv-cur span:nth-child(3){transform:translateX(40px) rotate(8deg)}
.kv-cur span:nth-child(2){transform:translateX(-76px) rotate(-14deg) scale(.9)}
.kv-cur span:nth-child(1){transform:translateX(76px) rotate(14deg) scale(.9)}
.kf:hover .kv-cur span:nth-child(4){transform:translateX(-48px) rotate(-12deg)}
.kf:hover .kv-cur span:nth-child(3){transform:translateX(48px) rotate(12deg)}
.kf:hover .kv-cur span:nth-child(2){transform:translateX(-90px) rotate(-18deg) scale(.9)}
.kf:hover .kv-cur span:nth-child(1){transform:translateX(90px) rotate(18deg) scale(.9)}
/* 7 rules */
.kv-rule{place-content:center;justify-items:start;gap:5px;grid-template-columns:1fr;padding:0 28px}
.kv-rule i{position:relative;display:block;height:6px;min-width:60px;border-radius:3px;background:#fff;border:1px solid var(--line2);overflow:hidden}
.kv-rule i::after{content:"";position:absolute;inset:0;background:var(--brand);transform:scaleX(0);transform-origin:0 50%;animation:krule 5.6s var(--ease) infinite;animation-delay:calc(var(--k) * .28s)}
@keyframes krule{0%,4%{transform:scaleX(0)}16%,70%{transform:scaleX(1)}80%,100%{transform:scaleX(0)}}
@media (max-width:980px){.kfacts{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.kfacts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.kv-mod i,.kv-lang span,.kv-rule i::after{animation:none}}


/* ---------- header v6: full-width bar ---------- */
.nav{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:none;padding-top:0;
  transition:background-color .3s ease,box-shadow .35s ease,border-color .3s ease}
.nav.scrolled{background:rgba(255,255,255,.8);backdrop-filter:saturate(1.7) blur(18px);-webkit-backdrop-filter:saturate(1.7) blur(18px);
  border-color:rgba(12,34,57,.08);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 14px 34px -22px rgba(12,34,57,.35)}
.nav.open{background:#fff}
.nav .wrap.nav-row{height:72px;gap:32px;transition:height .35s var(--ease)}
.nav.scrolled .wrap.nav-row{height:62px}
.links{position:relative;margin-left:8px}
.links .hl{position:absolute;top:50%;height:38px;margin-top:-19px;left:0;width:0;border-radius:10px;background:rgba(12,34,57,.06);opacity:0;pointer-events:none;transition:transform .35s var(--ease),width .35s var(--ease),opacity .2s ease}
.links .tr,.links > a{position:relative;z-index:1;border-radius:10px}
.links .tr:hover,.links > a:hover{background:transparent}
.links .tr[aria-expanded="true"]{background:rgba(12,34,57,.06)}
.links .tr[aria-expanded="true"]::after,.links > a[aria-current="page"]::after{content:"";position:absolute;left:14px;right:14px;bottom:-16px;height:2px;border-radius:2px;background:var(--brand)}
.nav.scrolled .links .tr[aria-expanded="true"]::after,.nav.scrolled .links > a[aria-current="page"]::after{bottom:-11px}
.nav .btn-brand{height:44px;background:linear-gradient(100deg,#F79A1E,#EC7A00);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px -12px rgba(236,122,0,.9)}
.nav .btn-brand:hover{background:linear-gradient(100deg,#F28705,#E26C00)}
.announce b{background:linear-gradient(100deg,#F79A1E,#EC7A00);color:#fff;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px}
.announce b::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.megas{top:100%}
@media (max-width:760px){.nav .wrap.nav-row{height:62px}}
/* ---------- quick contact (fixed) ---------- */
.qc{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s var(--ease)}
.qc.show{opacity:1;transform:none;pointer-events:auto}
.qc a{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px 0 7px;border-radius:999px;color:#fff;font-size:14.5px;font-weight:600;box-shadow:0 18px 36px -16px rgba(12,34,57,.55);transition:transform .3s var(--ease),box-shadow .3s ease,padding .4s var(--ease)}
.qc a:hover{transform:translateY(-2px)}
.qc-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);flex:none}
.qc-ic svg{width:20px;height:20px}
.qc-t{display:grid;line-height:1.15}
.qc-t small{font-size:11px;font-weight:500;opacity:.8}
.qc-wa{background:#1FAF57;padding-right:7px}
.qc-demo{background:linear-gradient(100deg,#F79A1E,#EC7A00)}
.qc-wa .qc-t{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s var(--ease)}
.qc-wa:hover{padding-right:18px}
.qc-wa:hover .qc-t{max-width:140px}
@media (max-width:700px){
  .qc{left:0;right:0;bottom:0;flex-direction:row;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-top:1px solid var(--line);align-items:stretch}
  .qc a{flex:1;justify-content:center;height:50px;padding:0 14px 0 6px;box-shadow:none}
  .qc-wa .qc-t{max-width:none}
  .qc-wa,.qc-wa:hover{padding-right:14px}
  body{padding-bottom:78px}
}
@media (prefers-reduced-motion:reduce){.qc{transition:none}}


/* ---------- demo modal ---------- */
.dm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.dm[hidden]{display:none!important}
.dm-bg{position:absolute;inset:0;background:rgba(8,20,34,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}
.dm.open .dm-bg{opacity:1}
.dm-card{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);width:min(920px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:28px;background:#fff;
  box-shadow:0 60px 120px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);opacity:0;transform:translateY(24px) scale(.97);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.dm.open .dm-card{opacity:1;transform:none}
.dm-x{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink2);transition:transform .25s var(--ease),color .2s}
.dm-x:hover{transform:rotate(90deg);color:var(--ink)}
.dm-x svg{width:16px;height:16px}
.dm-side{position:relative;overflow:hidden;background:var(--deep);color:#fff;padding:34px 30px;display:flex;flex-direction:column;gap:20px}
.dm-side::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:40px;transform:rotate(18deg);border:1.5px dashed rgba(255,255,255,.12)}

.dm-k{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.dm-k i{width:7px;height:7px;border-radius:50%;background:#35D07F;box-shadow:0 0 0 0 rgba(53,208,127,.6);animation:dmp 1.8s infinite}
@keyframes dmp{to{box-shadow:0 0 0 8px rgba(53,208,127,0)}}
.dm-side h3{font-size:30px;line-height:1.08;letter-spacing:-.03em;font-weight:600}
.dm-side h3 span{color:rgba(255,255,255,.5)}
.dm-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dm-list li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:rgba(255,255,255,.85)}
.dm-list b{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.dm-mini{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.dm-av{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#F79A1E,#EC7A00)}
.dm-mini b{display:block;font-size:14px}.dm-mini small{font-size:12px;color:rgba(255,255,255,.6)}
.dm-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:999px;background:#1FAF57;color:#fff;font-weight:600;font-size:14px}
.dm-wa svg{width:18px;height:18px}
.dm-main{position:relative;padding:34px 32px 28px}
.dm-form{display:grid;gap:14px}
.dm-h{display:flex;align-items:baseline;justify-content:space-between;padding-right:44px}
.dm-h b{font-size:20px;letter-spacing:-.015em}.dm-h small{font-size:12.5px;color:var(--muted)}
.dm-form > label,.dm-r2 label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink2)}
.dm-r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dm-form input:not([type=radio]):not([type=checkbox]){height:46px;border-radius:13px;border:1px solid var(--line2);background:#FAFAF9;padding:0 14px;font:15px var(--f);color:var(--ink);width:100%;transition:border-color .2s,box-shadow .2s,background .2s}
.dm-form input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
.dm-chips{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dm-chips legend{width:100%;padding:0;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--ink2)}
.dm-chips label{position:relative;cursor:pointer}
.dm-chips input{position:absolute;opacity:0;pointer-events:none}
.dm-chips span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:#fff;font-size:13.5px;font-weight:500;color:var(--ink2);transition:all .2s ease}
.dm-chips label:hover span{border-color:rgba(12,34,57,.3);color:var(--ink)}
.dm-chips input:checked + span{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 8px 18px -10px rgba(12,34,57,.7)}
.dm-chips input:focus-visible + span{outline:2px solid var(--brand);outline-offset:2px}
.dm-ok{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px;font-size:12.5px!important;line-height:1.45;cursor:pointer}
.dm-ok input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--deep)}
.dm-go{justify-content:center;width:100%;height:50px}
.dm-err{min-height:1.3em;margin:0;font-size:13px;color:var(--bad)}
.dm-done{display:none;text-align:center;padding:40px 10px;justify-items:center;gap:12px}
.dm.sent .dm-form{display:none}
.dm.sent .dm-done{display:grid}
.dm-check svg{width:76px;height:76px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dm-check circle{stroke:var(--ok);stroke-dasharray:151;stroke-dashoffset:151;animation:dmc .6s ease forwards}
.dm-check path{stroke:var(--ok);stroke-dasharray:36;stroke-dashoffset:36;animation:dmc .4s .5s ease forwards}
@keyframes dmc{to{stroke-dashoffset:0}}
.dm-done b{font-size:24px;letter-spacing:-.02em}
.dm-done p{margin:0;font-size:15px;color:var(--ink2);max-width:36ch;line-height:1.55}
.dm-done small{font-size:12.5px;color:var(--muted);max-width:38ch}
body.dm-lock{overflow:hidden}
@media (max-width:760px){.dm{padding:0;place-items:end center}.dm-card{grid-template-columns:1fr;border-radius:24px 24px 0 0;max-height:92vh}.dm-side{padding:26px 22px 22px;gap:14px}.dm-side h3{font-size:24px}.dm-list,.dm-mini,.dm-side::after{display:none}.dm-main{padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))}.dm-x{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}}
@media (max-width:420px){.dm-r2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dm-card,.dm-bg{transition:none}.dm-check circle,.dm-check path{animation:none;stroke-dashoffset:0}}


/* ---------- responsive fixes ---------- */
@media (max-width:1100px){.links{display:none}.burger{display:inline-flex}.nlink{display:none}.nav .wrap.nav-row{gap:16px}.nav-r{margin-left:auto}}
@media (max-width:980px){
  .ab-vis{position:relative;top:auto;min-height:0;padding:28px 0 72px}
  .ab-sun{width:56px;height:56px;right:6%;top:0}
  .ab-rings{display:none}
}
@media (max-width:620px){
  .ab-main{width:94%}
  .ab-sub{width:54%;right:0;bottom:8%}
  .ab-stat{left:0;bottom:0;padding:10px 14px}
  .ab-stat b{font-size:22px}
  .ab-stat span{font-size:12px}
}
@media (max-width:980px){
  .ds-sun{left:auto!important;right:16px;top:88px!important;transform:none!important;width:40px!important;height:40px!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--sun,#FFB347) 25%,transparent)!important}
  .ds-arc{display:none}
}

/* ---------- scroll reveals (progressive) ---------- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .feat .shot{animation:grow linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
    .band,.final{animation:band linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  }
}
@keyframes rv{from{opacity:.2;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes grow{from{transform:scale(.93) translateY(30px)}to{transform:none}}
@keyframes band{from{transform:scale(.96);border-radius:64px}to{transform:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.tilt{transform:none!important}}

/* ================================================================ subpages */
.links a[aria-current="page"]{color:var(--ink)}
.phero{position:relative;padding-block:clamp(56px,7vw,104px) clamp(40px,5vw,64px);overflow:hidden}
.phero::before{content:"";position:absolute;inset:0 0 auto 0;height:100%;z-index:-1;background:linear-gradient(180deg,var(--tint),#fff 88%)}
.phero .crumb{display:flex;width:max-content;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:26px;padding:5px 16px 5px 5px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(12,34,57,.05),0 10px 24px -18px rgba(12,34,57,.35);font-size:13.5px;color:var(--ink2);max-width:100%}
.crumb a{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;transition:background-color .2s,color .2s}
.crumb a:hover{background:rgba(12,34,57,.06);color:var(--ink)}
.crumb .cr-home{padding:3px 10px 3px 3px}
.crumb .cr-home svg{width:26px;height:26px;padding:6px;border-radius:50%;background:var(--deep);color:#fff}
.cr-sep{width:14px;height:14px;position:relative;flex:none}
.cr-sep::before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1.5px;border-radius:1px;background:var(--line2);transform:rotate(20deg)}
.cr-cur{display:inline-flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;font-weight:600;color:var(--ink)}
.cr-cur::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--brand)}
@media (max-width:520px){.crumb .cr-home span{display:none}.crumb .cr-home{padding:3px}}
.phero h1{font-size:clamp(44px,6vw,84px);line-height:.96;letter-spacing:-.045em;max-width:15ch}
.phero h1 .dim{color:rgba(10,10,10,.34)}
.phero .lead{margin-top:22px;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink2);max-width:58ch}
.phero .ctas{justify-content:flex-start;margin-top:30px}

/* ---- features page ---- */
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);z-index:30;padding-block:10px}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:6px}
.subnav .wrap::-webkit-scrollbar{display:none}
.sn{flex:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);font-size:13.5px;font-weight:500;color:var(--ink2);transition:background-color .25s,color .25s,border-color .25s}
.sn i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--tint);color:var(--deep)}
.sn i svg{width:13px;height:13px}
.sn:hover{border-color:var(--line2);color:var(--ink)}
.sn.on{background:var(--deep);border-color:var(--deep);color:#fff}
.sn.on i{background:rgba(255,255,255,.14);color:#fff}
.nav.scrolled ~ main .subnav{top:calc(env(safe-area-inset-top,0px) + 80px)}
.mgroup{padding-block:clamp(56px,7vw,96px) 0}
.mgroup > .wrap > .gh{display:flex;align-items:baseline;gap:18px;padding-bottom:18px;margin-bottom:clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}
.gh b{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#C46A00}
.gh h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em}
.mod{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(28px,4vw,48px);scroll-margin-top:170px}
.mod:nth-of-type(even){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.mod:nth-of-type(even) .mtx{order:2}
.mtx{display:grid;gap:14px;min-width:0}
.mtx .mi-h{display:flex;align-items:center;gap:12px}
.mtx .mi-h span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--deep);color:#fff}
.mtx .mi-h span svg{width:20px;height:20px}
.mtx .mi-h small{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mtx h3{font-size:clamp(26px,2.7vw,36px);letter-spacing:-.03em;line-height:1.08}
.mtx p{font-size:17px;line-height:1.6;color:var(--ink2);max-width:48ch}
.mvis{min-width:0}
.mvis .shot{padding:8px}
.ui{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-3);padding:22px;display:grid;gap:14px}
.ui-h{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}
.ui-h small{font-size:12px;font-weight:500;color:var(--muted)}
.ui-note{font-size:12px;color:var(--muted)}
.fxgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fxc{border:1px solid var(--line);border-radius:14px;padding:14px;background:#FAFBFC}
.fxc small{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fxc b{display:block;margin-top:4px;font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fxc em{font-style:normal;font-size:12.5px;color:var(--ink2)}
.fxc.on{border-color:var(--accent-line);background:var(--accent-soft)}
.curs{display:flex;flex-wrap:wrap;gap:6px}
.curs span{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2)}
.kbsl{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.kbsl div{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font-size:14px}
.kbsl div:first-child{border-top:0}
.kbsl small{color:var(--muted);font-size:12.5px}
.pill2{font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pill2.ok{background:var(--ok-s);color:var(--ok)}.pill2.q{background:var(--info-s);color:var(--info)}.pill2.r{background:#FFF1D6;color:#A86A05}
.perm{width:100%;border-collapse:separate;border-spacing:0;min-width:0;font-size:13.5px}
.perm th,.perm td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:center}
.perm th{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#FAFBFC}
.perm td:first-child,.perm th:first-child{text-align:left;font-weight:600}
.perm tr:last-child td{border-bottom:0}
.yes,.no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%}
.yes{background:var(--deep);color:#fff}.yes::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.no{background:#F1F2F4}.no::after{content:"";width:8px;height:2px;border-radius:1px;background:#B9C0C9}
.permwrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}
.soon3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.soonc{padding:26px;display:grid;gap:10px;align-content:start}
.soonc .tag{justify-self:start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:#9A5200;border:1px solid var(--accent-line)}
.soonc h3{font-size:21px;letter-spacing:-.015em}
.soonc p{font-size:15px;line-height:1.55;color:var(--ink2)}
.ctaband{margin-block:clamp(72px,9vw,120px) 0}
.ctaband .final{grid-template-columns:1fr auto}
.ctaband .final h2{margin-top:14px;font-size:clamp(34px,4.2vw,56px)}
.ctaband .ctas{justify-content:flex-end;margin:0}
@media (max-width:900px){.mod,.mod:nth-of-type(even){grid-template-columns:1fr}.mod:nth-of-type(even) .mtx{order:0}.soon3{grid-template-columns:1fr}.ctaband .final{grid-template-columns:1fr}.ctaband .ctas{justify-content:flex-start}.fxgrid{grid-template-columns:1fr 1fr}}

/* ---- pricing page ---- */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{position:relative;padding:28px 26px;display:flex;flex-direction:column;gap:16px}
.plan .pn{font-size:14px;font-weight:600;letter-spacing:.02em}
.plan .pd{font-size:14.5px;color:var(--ink2);line-height:1.5;min-height:44px}
.plan .pp{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:6px 0 4px;width:auto;height:auto;background:none;border-radius:0;margin:0}
.plan .pp b{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1}
.plan .pp small{font-size:13.5px;color:var(--muted)}
.plan .pp b.q{font-size:28px;letter-spacing:-.025em;white-space:nowrap}
.plan .lim{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.plan .lim div{padding:12px 14px}
.plan .lim div + div{border-left:1px solid var(--line)}
.plan .lim small{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.plan .lim b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.plan .checks{margin:0;gap:10px}
.plan .checks li{font-size:14.5px}
.plan .btn{margin-top:auto;justify-content:center}
.plan.pro{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 40px 80px -40px rgba(12,34,57,.7)}
.plan.pro .pd,.plan.pro .pp small{color:rgba(255,255,255,.7)}
.plan.pro .lim{border-color:rgba(255,255,255,.16)}
.plan.pro .lim div + div{border-color:rgba(255,255,255,.16)}
.plan.pro .lim small{color:rgba(255,255,255,.55)}
.plan.pro .checks li::before{background-color:var(--brand)}
.plan .badge{position:absolute;top:18px;right:18px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:linear-gradient(100deg,#F79A1E,#EC7A00);color:#fff}
.plan.pro .btn-line{background:#fff;color:var(--deep);border-color:#fff}
.every{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.every div{background:#fff;padding:24px;display:grid;gap:8px;align-content:start}
.every span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--deep);border:1px solid var(--line)}
.every span svg{width:17px;height:17px}
.every b{font-size:15.5px;font-weight:600}
.every p{font-size:14px;color:var(--ink2);line-height:1.5}
.pnote{margin-top:18px;font-size:13.5px;color:var(--muted);text-align:center}
@media (max-width:1100px){.plans{grid-template-columns:1fr 1fr}.every{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.plans,.every{grid-template-columns:1fr}}

/* ---- contact page ---- */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;counter-reset:st}
.steps li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:0 0 26px}
.steps li::before{counter-increment:st;content:counter(st);width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:600;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--deep);position:relative;z-index:1}
.steps li::after{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps b{display:block;font-size:17px;font-weight:600;margin-top:10px}
.steps p{font-size:15px;color:var(--ink2);line-height:1.55;margin-top:4px}
.cform{position:sticky;top:110px;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(12,34,57,.45)}
.cform textarea{min-height:96px;border-radius:13px;border:1px solid var(--line2);background:#FAFAF9;padding:12px 14px;font:15px var(--f);color:var(--ink);width:100%;resize:vertical}
.cform textarea:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
.cform .ok{display:none;padding:14px;border-radius:13px;background:var(--ok-s);color:var(--ok);font-size:14px;font-weight:500}
.cform.sent .ok{display:block}
.ccards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cc{padding:24px;display:grid;gap:10px;align-content:start}
.cc span.i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(100deg,#F79A1E,#EC7A00);color:#fff}
.cc span.i svg{width:19px;height:19px}
.cc small{font-size:12.5px;color:var(--muted)}
.cc b{font-size:17px;font-weight:600;user-select:all;word-break:break-word}
.cc p{font-size:14px;color:var(--ink2);line-height:1.5}
.copy{justify-self:start;font:500 12.5px var(--f);color:var(--ink2);background:#F4F5F7;border:1px solid var(--line);border-radius:999px;padding:5px 11px;cursor:pointer}
.copy:hover{color:var(--ink)}
@media (max-width:980px){.cgrid{grid-template-columns:1fr}.cform{position:static}.ccards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ccards{grid-template-columns:1fr}}
@media (max-width:600px){.mgroup > .wrap > .gh{flex-direction:column;gap:8px}}

/* ---- solutions ---- */
.segtags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.segt{font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.seg-shot{margin-top:clamp(40px,5vw,64px)}
.pains2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pain2{padding:26px;display:flex;flex-direction:column;gap:10px}
.pain2 .pt,.pain2 .st2{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.pain2 .pt{background:var(--bad-s);color:var(--bad)}
.pain2 h3{font-size:20px;letter-spacing:-.015em;line-height:1.2}
.pain2 > p{font-size:15px;color:var(--ink2);line-height:1.55}
.pain2 .sol{margin-top:auto;padding-top:16px;border-top:1px dashed var(--line2);display:grid;gap:8px}
.pain2 .st2{background:var(--ok-s);color:var(--ok)}
.pain2 .sol p{font-size:15px;line-height:1.55;color:var(--ink);font-weight:500}
.mods4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.modc{padding:24px;display:flex;flex-direction:column;gap:10px}
.mc-i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--deep);color:#fff}
.mc-i svg{width:19px;height:19px}
.modc b{font-size:17px;font-weight:600;margin-top:6px}
.modc p{font-size:14.5px;color:var(--ink2);line-height:1.55}
.mc-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#C46A00;padding-top:6px}
.mc-go svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.modc:hover .mc-go svg{transform:translateX(3px)}
.pkg{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.pkg small{display:block;font-size:12.5px;color:var(--muted)}
.pkg b{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-right:12px}
.pkg span{font-size:14.5px;color:var(--ink2)}
.othr{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:24px;border-top:1px solid var(--line)}
.othr > span{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.othr-l{display:flex;flex-wrap:wrap;gap:8px}
.othr .sn{padding:0 14px}
.othr .sn em{font-style:normal;font-size:12px;color:var(--muted);margin-left:2px}
@media (max-width:980px){.pains2{grid-template-columns:1fr}.mods4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mods4{grid-template-columns:1fr}}

/* ---- why ---- */
.why4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why{padding:26px;display:grid;gap:10px;align-content:start}
.why h3{font-size:19px;letter-spacing:-.015em;margin-top:6px}
.why p{font-size:15px;color:var(--ink2);line-height:1.55}
@media (max-width:980px){.why4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.why4{grid-template-columns:1fr}}

/* ---- about ---- */
.abh{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:end}
.abq{padding:28px;border-radius:24px;background:var(--deep);color:#fff;display:grid;gap:10px;box-shadow:0 40px 80px -40px rgba(12,34,57,.6)}
.abq span{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.abq b{font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.abgrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.abt{display:grid;gap:16px}
.abt h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em;line-height:1.05}
.abt h2 .dim{color:rgba(10,10,10,.34)}
.abt p{font-size:17px;line-height:1.65;color:var(--ink2)}
.vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line2)}
.val{padding:24px 24px 0 0;display:grid;gap:8px;align-content:start}
.val + .val{padding-left:24px;border-left:1px solid var(--line2)}
.val b{font-size:18px;font-weight:600}
.val p{font-size:15px;color:var(--ink2);line-height:1.55}
.road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rd{padding:26px;border-radius:24px;border:1px solid var(--line);background:#fff;display:grid;gap:14px;align-content:start}
.rd-k{justify-self:start;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.rd.done .rd-k{background:var(--ok-s);color:var(--ok)}
.rd.next .rd-k{background:var(--accent-soft);color:#9A5200}
.rd.later .rd-k{background:#F1F2F4;color:var(--ink2)}
.rd.done{background:var(--deep);border-color:var(--deep);color:#fff}
.rd ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rd li{display:flex;gap:10px;font-size:15px;line-height:1.45}
.rd li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;margin-top:7px;background:currentColor;opacity:.45}
.rd.done li::before{background:var(--brand);opacity:1}
@media (max-width:980px){.abh,.abgrid{grid-template-columns:1fr}.vals{grid-template-columns:1fr 1fr}.val:nth-child(3){padding-left:0;border-left:0}.road{grid-template-columns:1fr}}
@media (max-width:520px){.vals{grid-template-columns:1fr}.val + .val{padding-left:0;border-left:0}}

/* ================================================================ page banner (breadcrumb + slogan) */
.pbar{position:relative;isolation:isolate;overflow:hidden;margin:0;border-radius:0;background:var(--deep);color:#fff;
  min-height:150px;max-height:200px;display:flex;align-items:center}
.pbar::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 300px at 85% -30%,var(--deep2),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%)}
.pbar .wrap{position:relative;z-index:1;width:100%;display:grid;gap:14px;padding-block:28px}
.pbar .crumb{display:flex;width:max-content;max-width:100%;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 16px 5px 5px;border-radius:999px;font-size:13.5px;margin:0;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);color:rgba(255,255,255,.72)}
.pbar .crumb a:hover{background:rgba(255,255,255,.1);color:#fff}
.pbar .crumb .cr-home svg{background:linear-gradient(135deg,#F79A1E,#EC7A00)}
.pbar .cr-sep::before{background:rgba(255,255,255,.25)}
.pbar .cr-cur{color:#fff}
.pbar .slogan{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.15;color:#fff;max-width:30ch}
.pbar .slogan span{color:rgba(255,255,255,.45)}
.pbar .wrap > *{animation:phup .7s cubic-bezier(.2,.7,.2,1) both}
.pbar .wrap > :nth-child(2){animation-delay:.08s}
@keyframes phup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.phero{padding-top:clamp(40px,5vw,72px)}
.ph-float{position:absolute;inset:0;z-index:0;pointer-events:none}
.pt{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);
  transform:translate3d(calc(var(--px,0) * var(--d) * 1px),calc(var(--py,0) * var(--d) * 1px),0);
  transition:transform .6s cubic-bezier(.2,.7,.2,1);opacity:0;animation:ptin .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--dl)}
.pt > i{position:absolute;inset:0;display:grid;place-items:center;border-radius:calc(var(--s) * .28);color:rgba(255,255,255,.85);
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 30px -16px rgba(0,0,0,.6);backdrop-filter:blur(6px);
  rotate:var(--r);animation:ptfloat var(--t) ease-in-out infinite alternate;animation-delay:calc(var(--dl) * -3)}
.pt svg{width:44%;height:44%;display:block}
.pt.px > i{background:linear-gradient(135deg,#F79A1E,#EC7A00);border-color:transparent;box-shadow:0 12px 24px -12px rgba(236,122,0,.7)}
.pt.ghost > i{background:none;border:1.5px dashed rgba(255,255,255,.18);box-shadow:none;backdrop-filter:none}
@keyframes ptin{from{opacity:0;translate:0 16px}to{opacity:var(--o,1);translate:0 0}}
@keyframes ptfloat{from{transform:translateY(-5px)}to{transform:translateY(6px)}}
@media (max-width:760px){.pbar{min-height:130px}.pt{display:none}.pt.px{display:block}}
@media (prefers-reduced-motion:reduce){.pt,.pt > i,.pbar .wrap > *{animation:none;opacity:var(--o,1)}}