:root{
  --bg:#FFFFFF;
  --bg-soft:#F4F8FA;
  --ink:#0E1C26;
  --ink-2:#4A5B67;
  --mute:#7F909B;
  --line:rgba(10,70,95,.10);
  --accent:#008FBE;
  --accent-2:#00B89C;
  --accent-deep:#006C91;
  --teal-deep:#0B7F73;
  --accent-soft:#E5F5FA;
  --teal-soft:#E3F5F2;
  --grad:#008FBE;
  --panel:#F3F8FA;
  --ring:0 0 0 1px rgba(10,80,110,.09);
  --f:"Inter","Helvetica Neue",system-ui,sans-serif;
  --f-serif:"Newsreader",Georgia,"Times New Roman",serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:20px;
  --wrap:1320px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:100px}
body{margin:0;color:var(--ink);font:400 17px/1.65 var(--f);overflow-x:hidden;-webkit-font-smoothing:antialiased;background:#fff}
img,svg{max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:max(clamp(20px,4vw,40px),env(safe-area-inset-left,0px))}
h1,h2,h3,h4{font-family:var(--f);margin:0;text-wrap:balance}
h1,h2{font-family:var(--f-serif);font-optical-sizing:auto}
p{margin:0}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
svg.sp{width:13px;height:13px;flex:none;fill:var(--accent-2)}
.mono{font:500 12px/1 var(--f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.grad{color:var(--grad)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:600 15px/1.2 var(--f);letter-spacing:-.01em;color:var(--accent-deep)}
.eyebrow .i{width:14px;height:14px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;text-decoration:none;font:600 16px/1 var(--f);border-radius:10px;padding:17px 26px;transition:transform .2s,box-shadow .2s,filter .2s;white-space:nowrap}
.btn .i{width:16px;height:16px;transition:transform .25s}
.btn:hover .i,.link-arrow:hover .i{transform:translateX(3px)}
.btn:active{transform:scale(.98)}
/* buton hover · kenarda dolaşan ışık */
@property --ba{syntax:"<angle>";inherits:false;initial-value:0deg}
.btn,.nav-link{position:relative;isolation:isolate}
.btn::after,.nav-link::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ba),transparent 0 58%,var(--beam,#fff) 78%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .3s}
.btn:hover::after,.btn:focus-visible::after,.nav-link:hover::after,.nav-link.on::after,.nav-link[aria-current="page"]::after{opacity:1;animation:beam 2.4s linear infinite}
.nav-link{--beam:var(--accent)}
@keyframes beam{to{--ba:360deg}}
.btn-sm{padding:12px 18px;font-size:15px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:none}
.btn-primary:hover{background:var(--accent-deep)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;text-decoration:none;color:var(--ink)}
.link-arrow .i{width:16px;height:16px;color:var(--accent);transition:transform .25s}

/* nav */
/* üst kurumsal şerit */
.topbar{background:linear-gradient(90deg,#006F94 0%,#008FBE 50%,#0E9FD2 100%);font-size:13.5px;font-weight:500;color:#fff}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:40px}
.topbar nav{display:flex;align-items:center;gap:26px}
.topbar a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;transition:color .2s}
.topbar a:hover{color:#fff}
.topbar .i{width:15px;height:15px;color:#fff}
.topbar b{font-weight:600;color:#fff}
@media (max-width:760px){.topbar{display:none}}
.nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;gap:20px}
.nav-end{justify-self:end;display:flex;align-items:center;gap:8px}
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.logo img{display:block;height:30px;width:auto}
.ff-bottom .logo img{height:22px}
.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:none}
.logo-mark svg{width:26px;height:26px}
.logo-word{font:800 22px/1 var(--f);letter-spacing:-.04em;color:#008FBE}
.logo-word b{font-weight:400;color:var(--ink);letter-spacing:-.02em}
.nav-links{display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bg-soft)}
.nav-link{text-decoration:none;font-size:15px;font-weight:500;color:var(--ink);padding:10px 17px;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s}
.nav-link{position:relative;isolation:isolate}
.nav-link:hover{color:var(--accent-deep);background:#fff;box-shadow:inset 0 0 0 1px rgba(0,143,190,.35)}
.nav-link.on,.nav-link[aria-current="page"]{background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1.5px var(--accent)}
.nav-toggle{display:none;width:42px;height:42px;border:0;border-radius:10px;background:var(--bg-soft);cursor:pointer;place-content:center;gap:5px}
.nav-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s}
.nav.open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* hero */
.hero{display:grid;justify-items:center;gap:clamp(40px,5vw,64px);padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(24px,4vw,48px)}
.hero-text{display:grid;gap:24px;justify-items:center;text-align:center;max-width:920px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:var(--accent-soft);font-size:13.5px;font-weight:600;color:var(--accent-deep)}
.hero h1{font-weight:500;font-size:clamp(32px,3.8vw,52px);line-height:1.06;letter-spacing:-.03em}
.lede{color:var(--ink-2);max-width:62ch;font-size:clamp(16px,1.25vw,18px);line-height:1.6}
.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:12px 0 0;width:min(100%,700px)}
.hero-stats div{padding:4px 20px}
.hero-stats div + div{border-left:1px solid var(--line)}
.hero-stats dt{margin:0}
.stat{font:500 clamp(28px,2.6vw,36px)/1 var(--f-serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}
.hero-stats dd{margin:8px 0 0;font-size:13.5px;font-weight:500;color:var(--ink-2);line-height:1.35}

.hero-panel{position:relative;width:100%;padding:clamp(56px,7vw,96px) 24px;border-radius:32px;overflow:hidden;background:#EAF5FA;display:grid;place-items:center;isolation:isolate}
@keyframes rot{to{transform:rotate(360deg)}}
.meet{width:min(80%,960px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--ring)}
@keyframes blink{50%{opacity:.15}}
.meet-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px 6px}
.meet-head b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px}
.tile{position:relative;aspect-ratio:4/3.2;border-radius:10px;background:#EEF4F7;display:grid;place-items:center;transition:box-shadow .4s}
.tile.speaking{box-shadow:inset 0 0 0 2px var(--accent)}
.avatar{width:clamp(28px,3vw,40px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:700 clamp(10px,1vw,12px)/1 var(--f);color:#fff;background:var(--g);box-shadow:0 0 0 3px #fff}
.tile .name{position:absolute;left:5px;bottom:5px;font-size:9px;background:#fff;padding:1px 6px;border-radius:4px;white-space:nowrap;max-width:calc(100% - 10px);overflow:hidden;text-overflow:ellipsis}
.meet-ai{display:flex;align-items:center;gap:8px;margin:8px 12px 0;padding:8px 10px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:10.5px;min-height:34px}
.meet-ai span{transition:opacity .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meet-ai b{color:var(--accent-deep);margin-right:4px}
.meet-bar{display:flex;justify-content:center;align-items:center;gap:5px;padding:9px 10px 11px}
.ab{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg-soft);color:var(--ink-2)}
.ab .i{width:13px;height:13px}
.ab.on{background:var(--accent-soft);color:var(--accent-deep)}
.ab-end{margin-left:6px;padding:7px 11px;border-radius:8px;background:#E5484D;color:#fff;font-size:10px;font-weight:700}
.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--ring)}
.chip .i{width:14px;height:14px;color:var(--accent-deep)}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(20,168,151,0)}}
.chip b{font:600 11.5px/1 var(--f-mono);color:var(--teal-deep);margin-left:4px}
.c-srv{left:24px;top:24px}
.c-key{right:24px;bottom:24px;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-6px)}}


/* sade görünüm (2026-10-12) */
.meet{border-radius:20px}
.meet-head{padding:14px 16px 10px}
.meet-head b{font-size:14px;font-weight:600}
.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--accent-deep)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:livedot 1.6s ease-in-out infinite}
@keyframes livedot{50%{opacity:.35}}
.meet-grid{gap:10px;padding:0 16px}
.tile{border-radius:14px;background:#F1F7FA}
.tile .name{font-size:10.5px;left:7px;bottom:7px;padding:2px 8px;border-radius:6px}
.meet-ai{margin:12px 16px 0;padding:10px 12px;border-radius:12px;font-size:12px}
.meet-bar{padding:12px 12px 14px;gap:7px}
.ab{width:32px;height:32px;border-radius:10px}
.ab-end{padding:9px 14px;border-radius:10px;font-size:11.5px}
.chip{padding:10px 16px;font-size:13px;background:#fff}

.assure{list-style:none;margin:0;padding:clamp(24px,3vw,36px);display:grid;gap:4px;border-radius:24px;background:var(--bg-soft)}
.assure li{display:flex;gap:16px;align-items:flex-start;padding:16px 4px}
.assure li + li{border-top:1px solid var(--line)}
.as-ic{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--accent-deep)}
.as-ic .i{width:21px;height:21px}
.assure b{display:block;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:2px 0 4px}
.assure p{font-size:15.5px;color:var(--ink-2);line-height:1.55}

.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feat{display:grid;gap:12px;align-content:start;padding:clamp(24px,2.4vw,32px);border-radius:22px;background:#fff;border:1px solid var(--line);transition:border-color .25s,transform .25s}
.feat:hover{border-color:rgba(0,143,190,.35);transform:translateY(-2px)}
.feat-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);margin-bottom:6px}
.feat-ic .i{width:22px;height:22px}
.feat h3{font-size:clamp(17px,1.4vw,19px);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.feat p{font-size:15.5px;color:var(--ink-2);line-height:1.6}

.steps5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;position:relative}
.steps5 li{position:relative;display:grid;gap:10px;align-content:start}
.steps5 li::before{content:"";position:absolute;top:22px;left:56px;right:-22px;height:1px;background:var(--line)}
.steps5 li:last-child::before{display:none}
.sn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font:600 17px/1 var(--f);margin-bottom:8px}
.steps5 h3{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.steps5 p{font-size:15px;color:var(--ink-2);line-height:1.6}

/* sections */
section{position:relative}
.section{padding-block:clamp(80px,10vw,144px)}
.section.soft{background:var(--bg-soft)}
h2{font-weight:500;font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.025em}
.head-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px 72px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.head-split > div{display:grid;gap:16px}
.head-split > p{color:var(--ink-2);font-size:clamp(17px,1.4vw,19px)}

/* güvenlik */
.sec-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.sec-text{display:grid;gap:18px}
.sec-text h2{font-size:clamp(28px,3.2vw,44px)}
.sec-text > p{color:var(--ink-2);font-size:clamp(17px,1.4vw,19px)}
@keyframes travel{from{left:0}to{left:calc(100% - 6px)}}

/* feature explorer */
@keyframes pop{from{transform:translateY(8px);opacity:0}}

/* visuals */
@keyframes dash{to{background-position:16px 0}}
.av{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 10.5px/1 var(--f);color:#fff;background:var(--g)}
.av.ext{background:#E8EEF1;color:var(--ink-2)}
.av .i{width:13px;height:13px}
.tl{font-size:13px;line-height:1.5;color:var(--ink-2)}
.tl em{font:500 11px var(--f-mono);font-style:normal;color:var(--mute);margin-right:8px}
.tl b{color:var(--accent-deep)}
.rt{display:flex;justify-content:space-between;align-items:center}
.wave{display:flex;align-items:center;gap:3px;height:50px}
.wave i{flex:1;border-radius:3px;background:var(--grad);height:30%;animation:wv 1.4s ease-in-out infinite}
.wave i:nth-child(3n){animation-delay:-.3s}.wave i:nth-child(3n+1){animation-delay:-.7s}.wave i:nth-child(4n){animation-delay:-1.1s}
@keyframes wv{50%{height:100%}}
.path{display:flex;align-items:center;gap:8px;font:500 11px/1.3 var(--f-mono);color:var(--ink-2);padding:8px 10px;border-radius:10px;background:var(--bg-soft);white-space:nowrap;overflow:hidden}
.path .i{width:14px;height:14px;color:var(--teal-deep)}
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center}
.days span{display:grid;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:6px 0;border-radius:10px}
.days b{font-size:15px;color:var(--ink);letter-spacing:0}
.days .on{background:var(--grad);color:rgba(255,255,255,.8)}
.days .on b{color:#fff}
.ev{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:9px 11px;border-radius:10px}
.ev em{font:500 11px var(--f-mono);font-style:normal;opacity:.7}
.ev .i{width:13px;height:13px;margin-left:auto}
.e1{background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 3px 0 0 var(--accent);margin-left:20%}
.e2{background:var(--teal-soft);color:var(--teal-deep);box-shadow:inset 3px 0 0 var(--accent-2);margin-right:20%}
.r{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;padding:8px 0;white-space:nowrap;min-width:0}
.r + .r{border-top:1px solid var(--line)}
.r em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#F1F4F6;color:var(--ink-2)}
.r .yes{background:var(--teal-soft);color:var(--teal-deep)}
.r .maybe{background:#FFF6E0;color:#946B12}

/* toplantı araçları (etkileşimli kartlar) */
.tools{display:grid;gap:0}
.tools-head{display:flex;justify-content:space-between;align-items:end;gap:12px 40px;flex-wrap:wrap}
.tools-head h3{font-family:var(--f-serif);font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:-.02em}
.tools-head p{color:var(--ink-2);font-size:14.5px;max-width:48ch}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.bcard{grid-column:span 5;min-width:0;min-height:340px;display:flex;flex-direction:column;gap:20px;padding:clamp(20px,2vw,26px);border-radius:var(--r);background:#fff;box-shadow:var(--ring);overflow:hidden;position:relative}
.bcard.wide{grid-column:span 7}
.bcard.tint{background:var(--panel)}
.bc-text{margin-top:auto;display:grid;gap:6px}
.bc-text h3{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.03em}
.bc-text p{font-size:15.5px;color:var(--ink-2);max-width:56ch}
.bubble{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep)}
.bubble.teal{background:var(--teal-soft);color:var(--teal-deep)}
.bubble .i{width:24px;height:24px}

.reactbox{position:relative;height:130px;border-radius:18px;background:var(--bg-soft);box-shadow:var(--ring);display:flex;align-items:flex-end;justify-content:center;padding:12px;overflow:hidden}
.react-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.react-bar{position:relative;z-index:2;display:flex;gap:2px;padding:5px;border-radius:999px;background:#fff;box-shadow:var(--ring)}
.react-bar button{width:40px;height:40px;border:0;border-radius:50%;background:transparent;font-size:20px;cursor:pointer;transition:transform .15s,background .15s}
.react-bar button:hover{background:var(--bg-soft);transform:translateY(-3px) scale(1.12)}
.react-bar button:active{transform:scale(.9)}
.fly{position:absolute;bottom:-10px;font-size:26px;line-height:1;animation:fly 2.6s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes fly{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:1;transform:translate(0,-20px) scale(1.1)}100%{transform:translate(var(--dx,0),-200px) scale(1);opacity:0}}

.board{position:relative;flex:1;min-height:210px;border-radius:18px;background-color:#fff;background-image:radial-gradient(#D3E0E8 1.2px,transparent 1.2px);background-size:22px 22px;box-shadow:var(--ring);overflow:hidden;touch-action:none}
.board canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.board .ph{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:500 clamp(17px,1.8vw,21px)/1.1 var(--f);color:#B7C7D1;transition:opacity .4s}
.board-tools{position:absolute;left:12px;top:12px;z-index:2;display:flex;gap:6px;padding:6px;border-radius:14px;background:#fff;box-shadow:var(--ring)}
.sw-c{width:26px;height:26px;border-radius:9px;border:0;cursor:pointer;background:var(--c)}
.sw-c.on{outline:2px solid var(--c);outline-offset:2px}
.tool-btn{border:0;background:transparent;cursor:pointer;padding:0 8px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:5px}
.tool-btn:hover{background:var(--bg-soft)}
.tool-btn .i{width:14px;height:14px}
.cursor-tag{position:absolute;left:0;top:0;pointer-events:none;font-size:11px;font-weight:700;color:#fff;background:var(--accent-2);padding:3px 8px;border-radius:999px 999px 999px 4px;transition:transform 1.4s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}

.hist{display:grid;gap:10px;flex:1;align-content:start;padding:14px;border-radius:18px;background:#fff;box-shadow:var(--ring)}
.hist-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg-soft)}
.hist-tabs span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;padding:8px;border-radius:9px;color:var(--ink-2);white-space:nowrap}
.hist-tabs span.on{background:#fff;color:var(--accent-deep);box-shadow:var(--ring)}
.hist-tabs .i{width:14px;height:14px}
.recrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;box-shadow:var(--ring);font-size:13.5px;font-weight:600;flex-wrap:wrap}
.recrow > span:nth-child(2){flex:1;min-width:150px}
.recrow small{display:block;font:500 11.5px/1.4 var(--f-mono);color:var(--mute)}
.recrow .play{flex:none;width:34px;height:34px;border-radius:10px;background:var(--grad);position:relative}
.recrow .play::after{content:"";position:absolute;left:13px;top:10px;border:7px solid transparent;border-left:11px solid #fff;border-right:0}
.muted-row{opacity:.7}
.muted-row .play{background:var(--bg-soft)}
.muted-row .play::after{border-left-color:var(--ink-2)}
.live-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#FDECEC;color:#C8343A;font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.live-tag i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1.2s steps(1) infinite}
.recrow .mono{color:var(--ink-2)}

.poll{display:grid;gap:7px}
.poll-q{font-weight:700;font-size:14.5px;line-height:1.35}
.opt{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border:0;cursor:pointer;text-align:left;padding:10px 14px;border-radius:12px;background:#fff;box-shadow:var(--ring);overflow:hidden;font-size:14px;font-weight:600;transition:box-shadow .2s}
.opt:hover{box-shadow:inset 0 0 0 1px var(--accent)}
.opt .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent-soft);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.opt span{position:relative;display:flex;align-items:center;gap:8px}
.opt .pct{font:500 12.5px var(--f-mono);color:var(--ink-2)}
.opt.mine{box-shadow:inset 0 0 0 1.5px var(--accent)}
.opt.mine .fill{background:#CDEAF4}
.poll-meta{font-size:12.5px;color:var(--mute)}

.hand-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hand-btn{width:58px;height:58px;border-radius:18px;border:0;cursor:pointer;display:grid;place-items:center;background:#fff;box-shadow:var(--ring);color:var(--ink-2);transition:background .2s,color .2s}
.hand-btn .i{width:28px;height:28px}
.hand-btn:hover{color:var(--accent-deep)}
.hand-btn[aria-pressed="true"]{background:var(--accent-2);color:#fff;box-shadow:none}
.hand-btn[aria-pressed="true"] .i{animation:wave .6s ease-in-out 2}
@keyframes wave{25%{transform:rotate(-14deg)}75%{transform:rotate(12deg)}}
.queue{display:grid;gap:6px;font-size:13px;font-weight:600;flex:1;min-width:150px}
.queue div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:var(--ring);animation:pop .35s cubic-bezier(.3,1.5,.5,1)}
.queue div.you{background:var(--teal-soft);box-shadow:inset 0 0 0 1px rgba(20,168,151,.35)}
.queue em{font:500 11.5px var(--f-mono);font-style:normal;color:var(--mute)}

.chat{display:flex;flex-direction:column;gap:8px;height:210px;flex:none;overflow:hidden;justify-content:flex-end;-webkit-mask-image:linear-gradient(transparent,#000 18%);mask-image:linear-gradient(transparent,#000 18%)}
.chat > *{flex:none}
.msg{max-width:78%;padding:9px 13px;border-radius:16px 16px 16px 6px;background:#fff;box-shadow:var(--ring);font-size:13.5px;line-height:1.4;animation:pop .35s ease-out}
.msg small{display:block;font-size:11px;color:var(--mute);font-weight:700;margin-bottom:2px}
.msg.me{align-self:flex-end;border-radius:16px 16px 6px 16px;background:var(--grad);color:#fff;box-shadow:none}
.msg.me small{color:rgba(255,255,255,.8)}
.typing{display:inline-flex;gap:4px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:var(--ring);align-self:flex-start}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{50%{transform:translateY(-4px);opacity:.4}}

/* statement */
.statement{padding-block:clamp(32px,4vw,56px);text-align:center}
.statement .wrap{display:grid;justify-items:center;gap:28px}
.statement .eyebrow{justify-self:center}
.statement blockquote{margin:0;max-width:1140px}
.statement p{font-family:var(--f-serif);font-weight:400;font-size:clamp(26px,3.4vw,44px);line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.statement .w{color:#CBD8DE;transition:color .4s}
.statement .w.lit{color:var(--ink)}
.statement .w.key.lit{color:var(--grad)}
.sign img{height:22px;width:auto;opacity:.85}

/* stepper */
@keyframes fill{to{width:100%}}

/* tech */
.tech{position:relative;border-radius:32px;overflow:hidden;background:var(--panel);box-shadow:var(--ring);padding:clamp(32px,5vw,60px)}
.tech::after{content:none}
.tech-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:36px}
.tech-top > div:first-child{display:grid;gap:14px;max-width:560px}
.tech-top p{color:var(--ink-2);font-size:14.5px}
.seg{display:inline-flex;flex:none;flex-wrap:nowrap;gap:4px;padding:5px;border-radius:999px;background:#fff;box-shadow:var(--ring)}
.seg button{border:0;background:none;cursor:pointer;color:var(--ink-2);font-size:13.5px;font-weight:600;padding:10px 18px;border-radius:999px;transition:background .2s,color .2s}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected="true"]{background:var(--grad);color:#fff;box-shadow:none}
.spec{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spec li{display:grid;gap:4px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:var(--ring);animation:pop .4s ease-out both;transition:transform .25s,box-shadow .25s}
.spec li:hover{transform:translateY(-2px);box-shadow:var(--ring)}
.spec li:nth-child(2){animation-delay:.04s}.spec li:nth-child(3){animation-delay:.08s}.spec li:nth-child(4){animation-delay:.12s}.spec li:nth-child(5){animation-delay:.16s}.spec li:nth-child(6){animation-delay:.2s}
.spec b{font-size:16.5px;font-weight:700;letter-spacing:-.01em}
.spec span{font-size:13px;color:var(--mute)}

/* footer */
footer{margin-top:0;background:var(--bg-soft);border-top:1px solid var(--line);color:var(--ink-2)}
.btn-line{color:var(--ink);background:var(--bg-soft);box-shadow:none}
.btn-line{--beam:var(--accent)}
.btn-line:hover{background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1.5px rgba(0,143,190,.45)}
.btn-line .i{color:var(--accent-deep)}
footer h4,footer .mbx-cols h3{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}
footer a{text-decoration:none;color:inherit;transition:color .2s}
footer a:hover{color:var(--accent)}
.ff-bottom{display:flex;align-items:center;gap:16px 32px;flex-wrap:wrap;padding-block:24px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.ff-bottom .logo-word{font-size:18px}
.ff-bottom .logo-mark{width:28px;height:28px;border-radius:8px}
.ff-bottom .logo-mark svg{width:24px;height:24px}
.ff-copy{flex:1;min-width:240px}
.legal{display:flex;gap:24px}
.dedica img{display:block;height:22px;width:auto}

/* footer · geniş (Mapbox tarzı) yapı */
.mbx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.2fr);gap:40px clamp(40px,6vw,88px);padding-block:clamp(48px,6vw,72px)}
.mbx-side{display:grid;gap:18px;align-content:start;align-self:start;position:sticky;top:96px}
.mbx-side .logo img{height:26px}
.mbx-side p{font-size:14px;max-width:30ch}
.mbx-quick{display:grid;gap:12px;margin-top:6px;font-size:15.5px;font-weight:600;color:var(--ink)}
.mbx-quick a{display:inline-flex;align-items:center;gap:8px;width:max-content}
.mbx-quick .i{width:15px;height:15px;color:var(--accent);transition:transform .25s}
.mbx-quick a:hover .i{transform:translateX(3px)}
.mbx-main{display:grid;gap:36px}
.mbx-group{display:grid;gap:20px;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:96px}
.mbx-group:first-child{padding-top:0;border-top:0}
.mbx-label{margin:0;font:700 11.5px/1 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.mbx-head{display:grid;gap:8px}
.mbx-head h3{font-family:var(--f-serif);font-weight:500;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.mbx-desc{font-size:14px;color:var(--ink-2);max-width:60ch}
.mbx-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.mbx-cols > nav,.mbx-cols > address,.mbx-cols > div{display:grid;gap:12px;align-content:start;font-size:14.5px;font-style:normal;line-height:1.45}
.mbx-tech{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.mbx-tech li{display:grid;gap:1px}
.mbx-tech b{font-size:14.5px;font-weight:600;color:var(--ink)}
.mbx-tech span{font-size:12.5px;color:var(--mute)}
.to-top{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:none;transform:translateY(80px);opacity:0;transition:transform .3s,opacity .3s}
.to-top .i{transform:rotate(-90deg)}
.to-top.show{transform:none;opacity:1}

.reveal{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}
.js .reveal:not(.in){transform:translateY(24px);opacity:.001}
.js .reveal.in{transform:none;opacity:1}

/* ===== dokümantasyon ===== */
.docs-hero{padding-block:clamp(32px,5vw,56px) clamp(32px,4vw,48px);background:var(--bg-soft);border-bottom:1px solid var(--line)}
.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);margin-bottom:28px}
.crumbs a{text-decoration:none;color:var(--ink-2)}
.crumbs a:hover{color:var(--accent)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.docs-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 56px;align-items:end}
.docs-hero-text{display:grid;gap:14px;justify-items:start}
.docs-hero h1{font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.025em}
.docs-hero-text p{color:var(--ink-2);max-width:54ch;font-size:16px}
.docs-search{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 16px;border-radius:14px;background:#fff;box-shadow:var(--ring);transition:box-shadow .2s}
.docs-search:focus-within{box-shadow:0 0 0 2px var(--accent)}
.docs-search .i{color:var(--mute)}
.docs-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 15px/1 var(--f);padding:12px 0;color:var(--ink)}
.docs-search kbd{font:600 12px/1 var(--f-mono);color:var(--mute);padding:6px 8px;border-radius:6px;background:var(--bg-soft)}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}
.qcard{display:grid;gap:6px;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--ring);text-decoration:none;transition:box-shadow .2s,transform .2s}
.qcard:hover{box-shadow:0 0 0 1px var(--accent);transform:translateY(-2px)}
.q-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);margin-bottom:6px}
.q-ic .i{width:20px;height:20px}
.qcard b{font-size:15.5px;font-weight:700}
.qcard span:last-child{font-size:13.5px;color:var(--ink-2);line-height:1.45}

.docs{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;padding-block:clamp(40px,5vw,64px) 0}
.docs-side{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding-bottom:24px;scrollbar-width:thin}
.docs-side-toggle{display:none}
.dn-group{display:grid;gap:2px;margin-bottom:22px}
.dn-group .dn-label{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink);margin:0 0 6px 12px}
.dn-group a{display:block;padding:7px 12px;border-radius:9px;font-size:14px;color:var(--ink-2);text-decoration:none;transition:background .2s,color .2s}
.dn-group a:hover{background:var(--bg-soft);color:var(--ink)}
.dn-group a.on{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}
.dn-group a[hidden],.dn-group[hidden]{display:none}

.docs-body{max-width:780px;min-width:0}
.doc{scroll-margin-top:96px;padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid var(--line)}
.doc:last-of-type{border-bottom:0}
.doc h2{font-size:clamp(26px,2.6vw,34px);margin-bottom:16px}
.doc h3{font-size:17px;font-weight:700;margin:26px 0 10px}
.doc p{color:var(--ink-2);line-height:1.75;margin-bottom:14px}
.doc a{color:var(--accent-deep);text-underline-offset:3px}
.code pre code{padding:0;background:none;font:inherit;color:inherit}
.doc p code,.doc li code,.tbl code{font:500 13px/1.4 var(--f-mono);padding:2px 6px;border-radius:6px;background:var(--bg-soft);color:var(--ink)}
.dlist{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.dlist li{position:relative;padding-left:20px;color:var(--ink-2);line-height:1.65}
.dlist li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.dlist b{color:var(--ink)}
.steps-list{margin:0 0 18px;padding:0;list-style:none;counter-reset:st;display:grid;gap:10px}
.steps-list li{counter-increment:st;position:relative;padding-left:42px;min-height:28px;color:var(--ink-2);line-height:1.65}
.steps-list li::before{content:counter(st);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font:700 13px/1 var(--f)}
.steps-list b{color:var(--ink)}
.callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--accent-soft);color:var(--ink)!important;font-size:14.5px;line-height:1.6!important;margin-bottom:32px}
.callout .i{width:18px;height:18px;margin-top:2px;color:var(--accent-deep)}
.callout.warn{background:#FFF6E0}
.callout.warn .i{color:#946B12}
.doc .callout{margin:4px 0 14px}
.code{margin:6px 0 16px;border-radius:14px;background:#F7FAFC;box-shadow:var(--ring);overflow:hidden}
.code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--mute)}
.copy{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#fff;box-shadow:var(--ring);font:600 12px/1 var(--f);color:var(--ink-2)}
.copy:hover{color:var(--accent-deep)}
.copy.ok{color:var(--teal-deep)}
.code pre{margin:0;padding:14px 16px;overflow-x:auto;font:500 13px/1.7 var(--f-mono);color:var(--ink);white-space:pre}
.code .k{color:var(--teal-deep);font-weight:700}.code .p{color:var(--accent-deep)}.code .s{color:#A45A00}.code .b{color:#C2185B}.code .c{color:var(--mute)}
.tbl{margin:6px 0 16px;border-radius:14px;box-shadow:var(--ring);overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-weight:700;font-size:13px;color:var(--ink);background:var(--bg-soft);padding:11px 16px;white-space:nowrap}
.tbl td{padding:12px 16px;border-top:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.m{display:inline-block;font:700 11px/1 var(--f-mono);letter-spacing:.04em;padding:5px 7px;border-radius:6px}
.m.get{background:var(--teal-soft);color:var(--teal-deep)}
.m.post{background:var(--accent-soft);color:var(--accent-deep)}
.m.del{background:#FDECEC;color:#C8343A}
.arch{display:flex;align-items:center;gap:10px;padding:20px;margin:6px 0 10px;border-radius:18px;background:var(--bg-soft);box-shadow:var(--ring);flex-wrap:wrap}
.arch-node{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:var(--ring);font-size:13.5px;font-weight:600}
.arch-node .i{color:var(--accent-deep)}
.arch-line{position:relative;flex:1;min-width:110px;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 10px)}
.arch-line em{position:absolute;left:50%;top:8px;transform:translateX(-50%);font:600 10.5px/1 var(--f-mono);font-style:normal;color:var(--mute);white-space:nowrap}
.arch-box{display:grid;gap:8px;padding:12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1.5px var(--accent)}
.arch-tag{font-size:12px;font-weight:700;color:var(--accent-deep)}
.arch-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.arch-grid span{font-size:12px;font-weight:600;padding:7px 9px;border-radius:8px;background:var(--bg-soft);white-space:nowrap}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tools-grid div{display:grid;gap:4px;padding:16px;border-radius:14px;box-shadow:var(--ring)}
.tools-grid .i{width:20px;height:20px;color:var(--accent-deep);margin-bottom:4px}
.tools-grid b{font-size:14.5px}
.tools-grid span{font-size:13px;color:var(--ink-2);line-height:1.45}
.faq{display:grid;gap:8px}
.faq details{border-radius:14px;box-shadow:var(--ring);padding:0 18px;transition:background .2s}
.faq details[open]{background:var(--bg-soft)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;font-size:15px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 22px/1 var(--f);color:var(--accent);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 16px}
.support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.support a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;box-shadow:var(--ring);text-decoration:none;font-weight:600;color:var(--ink)}
.support a:hover{box-shadow:0 0 0 1px var(--accent)}
.support .i{width:20px;height:20px;color:var(--accent-deep)}
.support small{display:block;font-size:12px;font-weight:500;color:var(--mute)}
.docs-empty{padding:24px;border-radius:14px;background:var(--bg-soft);color:var(--ink-2);text-align:center}
.docs-page footer{margin-top:clamp(40px,5vw,72px)}

/* ===== destek / demo formu ===== */
.to-top{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
.sw-launch{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:70;width:56px;height:56px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:var(--grad);color:#fff;transition:transform .2s,background .2s}
.sw-launch:hover{transform:scale(1.05);background:var(--accent-deep)}
.sw-launch .i{width:24px;height:24px}
.sw-launch .x{display:none}
.sw-open .sw-launch .hs{display:none}
.sw-open .sw-launch .x{display:block}
.sw{position:fixed;right:20px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:71;width:min(380px,calc(100vw - 40px));max-height:min(680px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);border:1px solid var(--line);overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s}
.sw-open .sw{opacity:1;transform:none;pointer-events:auto;visibility:visible}
.sw-head{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;background:var(--grad);color:#fff}
.sw-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.sw-av .i{width:20px;height:20px}
.sw-head b{display:block;font-size:16px;font-weight:700;line-height:1.25}
.sw-head small{display:block;font-size:13px;opacity:.88;line-height:1.35}
.sw-close{margin-left:auto;align-self:flex-start;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center}
.sw-close:hover{background:rgba(255,255,255,.15)}
.sw-close .i{width:18px;height:18px;stroke-width:2.4}
.sw-body{overflow-y:auto;padding:16px 18px 18px;display:grid;gap:14px}
.sw-hello{padding:14px 16px;border-radius:14px;background:var(--bg-soft)}
.sw-hello b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.sw-hello span{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.sw-form{display:grid;gap:12px}
.fld{display:grid;gap:6px}
.fld > span{font-size:13px;font-weight:600;color:var(--ink)}
.fld > span em{font-style:normal;font-weight:500;color:var(--mute)}
.fld input,.fld select,.fld textarea{width:100%;font:500 14.5px/1.4 var(--f);color:var(--ink);padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:#fff;outline:0;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.fld textarea{min-height:96px;resize:vertical}
.fld select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237F909B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.fld.err input,.fld.err textarea{border-color:#D14B52}
.fld .fmsg{font-size:12px;color:#C8343A;display:none}
.fld.err .fmsg{display:block}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--ink-2);cursor:pointer}
.consent input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--accent)}
.consent a{color:var(--accent-deep)}
.consent.err{color:#C8343A}
.sw-submit{width:100%;justify-content:center;padding:14px}
.sw-note{font-size:12px;color:var(--mute);text-align:center}
.sw-done{display:grid;justify-items:center;gap:10px;text-align:center;padding:28px 10px}
.sw-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sw-done .ok{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal-deep)}
.sw-done .ok .i{width:26px;height:26px;stroke-width:2.4}
.sw-done b{font-size:17px}
.sw-done p{font-size:14px;color:var(--ink-2);max-width:30ch}
@media (max-width:640px){
  .sw{right:0;left:0;bottom:0;width:100%;max-height:92vh;border-radius:20px 20px 0 0}
  .sw-open .sw-launch{display:none}
  .sw-launch{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:52px;height:52px}
  .to-top{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}

@media (max-width:1100px){
  .nav .wrap{grid-template-columns:1fr auto}
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:2px;padding:10px 20px 18px;border-radius:0;background:#fff;border-bottom:1px solid var(--line)}
  .nav.open .nav-links{display:flex}
  .nav-link{padding:12px 14px;border-radius:12px;font-size:15px}
  .nav-toggle{display:grid}
}
@media (max-width:1000px){
  .docs-hero-grid{grid-template-columns:minmax(0,1fr)}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .docs{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:28px}
  .docs-side{position:sticky;top:80px;z-index:20;max-height:none;overflow:visible;padding:10px 0;background:#fff;border-bottom:1px solid var(--line);margin-inline:-20px;padding-inline:20px}
  .docs-side-toggle{display:flex;align-items:center;gap:10px;width:100%;border:0;cursor:pointer;padding:12px 14px;border-radius:12px;background:var(--bg-soft);font:600 14.5px/1 var(--f);color:var(--ink)}
  .docs-side-toggle .chev{margin-left:auto;transform:rotate(90deg);transition:transform .2s}
  .docs-side.open .docs-side-toggle .chev{transform:rotate(-90deg)}
  .docs-nav{display:none;max-height:60vh;overflow:auto;padding-top:14px}
  .docs-side.open .docs-nav{display:block}
}
@media (max-width:640px){
  .quick{grid-template-columns:minmax(0,1fr)}
  .tools-grid,.support{grid-template-columns:minmax(0,1fr)}
  .arch{flex-direction:column;align-items:stretch}
  .arch-line{min-height:28px;width:2px;flex:none;align-self:center;background:repeating-linear-gradient(180deg,var(--accent) 0 5px,transparent 5px 10px)}
  .arch-line em{left:12px;top:50%;transform:translateY(-50%)}
}

@media (max-width:1000px){
  .sec-grid,.head-split{grid-template-columns:minmax(0,1fr)}
  .meet{width:min(100%,560px)}
  .meet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcard,.bcard.wide{grid-column:1 / -1}
  .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps5{grid-template-columns:minmax(0,1fr);gap:0}
  .steps5 li{grid-template-columns:44px minmax(0,1fr);column-gap:18px;row-gap:4px;padding-bottom:26px}
  .steps5 li .sn{grid-row:span 2;margin:0}
  .steps5 li::before{top:52px;bottom:4px;left:22px;right:auto;width:1px;height:auto}
  .tech-top{flex-direction:column;align-items:flex-start}
  .mbx{grid-template-columns:minmax(0,1fr)}
  .mbx-side{position:static}
  .spec{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero-stats div{padding:2px 8px}
  .nav-end .btn-sm{padding:10px 12px;font-size:13px}
  .logo-word{font-size:19px}
  .section{padding-block:60px}
  .hero-stats dd{font-size:12px}
  .hero-panel{padding:64px 14px 20px;border-radius:26px}
  .meet{width:100%}
  .c-srv{left:14px;top:14px}
  .c-key{left:14px;bottom:14px}
  .bcard{min-height:0}
  .feat-grid{grid-template-columns:minmax(0,1fr);gap:14px}
  .c-key{display:none}
  .hist-tabs .i{display:none}
  .hist-tabs span{padding:7px 4px;font-size:12px}
  .msg{max-width:88%}
  .spec{grid-template-columns:minmax(0,1fr)}
  .seg{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:20px}
  .seg button:last-child{grid-column:1 / -1}
  .mbx-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .to-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* ===== Toplantı odası düzeni (ana sayfa) ===== */
.room-page{background:var(--bg-soft);padding-bottom:104px}
.room-page footer{background:#fff}
.room-page .sw-launch{display:none}

.rbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.rbar-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:68px}
.rbar-meet{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}
.rbar-meet b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbar-meet .live{padding:5px 10px;border-radius:999px;background:var(--accent-soft)}
.rbar-end{display:flex;align-items:center;gap:16px}
.faces{display:flex;align-items:center}
.faces span{width:32px;height:32px;margin-left:-8px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:var(--g);color:#fff;font:700 11px/1 var(--f)}
.faces span:first-child{margin-left:0}
.faces em{margin-left:6px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink-2)}

.room{padding-top:24px}
.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.stage{display:grid;gap:24px;min-width:0}

/* konuşmacı karesi */
.spk{position:relative;overflow:hidden;border-radius:28px;background:#EAF5FA;border:2px solid var(--accent);padding:clamp(56px,7vw,92px) clamp(22px,4vw,56px) 112px;text-align:center;scroll-margin-top:90px;animation:spkring 3.2s ease-in-out infinite}
@keyframes spkring{50%{border-color:#7CCBE8}}
.spk-in{max-width:780px;margin:0 auto;display:grid;gap:22px;justify-items:center}
.spk h1{font-weight:500;font-size:clamp(32px,4.2vw,54px);line-height:1.06;letter-spacing:-.03em}
.spk .hero-stats{background:#fff;border-radius:20px;padding:18px 8px;width:min(100%,640px)}
.spk-name{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#fff;font-size:13px;font-weight:600}
.spk-name .i{width:15px;height:15px;color:var(--accent)}
.caption{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;max-width:min(520px,56%);padding:9px 14px;border-radius:12px;background:#fff;font-size:13.5px;color:var(--ink)}
.caption span{transition:opacity .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caption b{color:var(--accent-deep);margin-right:5px}

/* katılımcı şeridi */
.strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.mt{position:relative;aspect-ratio:4/3;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:box-shadow .4s,border-color .4s}
.mt.speaking{border-color:transparent;box-shadow:inset 0 0 0 2px var(--accent)}
.mt-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--g);color:#fff;font:700 13px/1 var(--f)}
.mt-name{position:absolute;left:8px;right:8px;bottom:7px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-name small{display:none}
.mt-name .i{width:11px;height:11px;flex:none;color:var(--accent)}
.mt-hand{position:absolute;top:7px;right:8px;font-size:15px;animation:wave 2.4s ease-in-out infinite;transform-origin:70% 90%}
@keyframes wave{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(14deg)}80%{transform:rotate(-8deg)}90%{transform:rotate(10deg)}}
.you-av{background:#DCEAF0;color:var(--ink);font-size:12px}
.more-av{background:#E6EEF2;color:var(--ink-2)}
.mt.you.muted .you-mic .i{color:#D14B52}
.mt.you.cam-off .you-av{background:#EEF2F4;color:var(--mute)}

/* bloklar */
.block{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(28px,4vw,48px);scroll-margin-top:90px}
.block-head{display:grid;gap:14px;max-width:720px;margin-bottom:clamp(26px,3vw,38px)}
.block-head h2{font-size:clamp(28px,3vw,40px)}
.block-head p{color:var(--ink-2);font-size:16.5px}

.ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ptile{display:grid;gap:10px;justify-items:center;align-content:start;text-align:center;padding:30px 22px 22px;border-radius:22px;background:#EAF5FA}
.ptile-av{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent-deep);margin-bottom:6px}
.ptile-av .i{width:30px;height:30px}
.ptile h3{font-size:17px;font-weight:600;letter-spacing:-.01em}
.ptile p{font-size:15px;color:var(--ink-2);line-height:1.55}
.ptile-tag{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:5px 11px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--accent-deep)}
.ptile-tag .i{width:13px;height:13px;stroke-width:2.4}

.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gtile{position:relative;display:flex;flex-direction:column;gap:16px;min-height:200px;padding:22px;border-radius:20px;background:var(--bg-soft);transition:box-shadow .4s,background .4s}
.gtile.speaking{background:#EAF5FA;box-shadow:inset 0 0 0 2px var(--accent)}
.g-av{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent-deep)}
.g-av .i{width:22px;height:22px}
.g-txt{display:grid;gap:6px}
.g-txt h3{font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.g-txt p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.g-mic{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--mute);transition:color .3s,background .3s}
.g-mic .i{width:13px;height:13px}
.gtile.speaking .g-mic{background:var(--accent);color:#fff}

.block.share{padding:0;overflow:hidden}
.share-bar{display:flex;align-items:center;gap:8px;padding:12px 22px;background:var(--accent-soft);color:var(--accent-deep);font-size:13.5px;font-weight:500;border-bottom:1px solid var(--line)}
.share-bar .i{width:16px;height:16px}
.share-bar b{font-weight:700}
.share-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:livedot 1.6s ease-in-out infinite}
.share-body{padding:clamp(28px,4vw,48px)}

.block.pinned{display:grid;justify-items:center;gap:22px;padding:clamp(40px,5vw,64px) clamp(22px,4vw,56px);text-align:center}
.pin-label{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:13px;font-weight:600}
.pin-label .i{width:14px;height:14px}
.block.pinned blockquote p{font-size:clamp(24px,2.8vw,36px)}

.agenda{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.agenda li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:18px 20px;border-radius:18px;background:var(--bg-soft)}
.ag-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent-deep);font:600 17px/1 var(--f)}
.agenda h3{font-size:17px;font-weight:600;margin:3px 0 4px}
.agenda p{font-size:15px;color:var(--ink-2);line-height:1.55}

/* sohbet paneli */
.side{position:sticky;top:92px;height:calc(100vh - 92px - 112px);min-height:420px}
.side-in{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.side-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.side-head b{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.side-head b .i{width:17px;height:17px;color:var(--accent)}
.side-head > span{font-size:12.5px;color:var(--mute)}
.side-close{display:none;margin-left:auto;width:34px;height:34px;border:0;border-radius:10px;background:var(--bg-soft);cursor:pointer;place-items:center}
.side-close .i{width:16px;height:16px}
.side-feed{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.sf{display:grid;gap:4px;max-width:88%;align-self:flex-start;animation:pop .35s ease-out}
.sf small{font-size:11.5px;font-weight:600;color:var(--mute)}
.sf p{padding:10px 13px;border-radius:14px 14px 14px 4px;background:var(--bg-soft);font-size:14px;line-height:1.5;color:var(--ink)}
.sf.host{align-self:flex-end;justify-items:end}
.sf.host p{background:var(--accent);color:#fff;border-radius:14px 14px 4px 14px}
.sf-typing{display:inline-flex;gap:4px;padding:12px 14px;border-radius:14px;background:var(--bg-soft);align-self:flex-start}
.sf-typing.host{align-self:flex-end;background:var(--accent-soft)}
.sf-typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:tp 1s infinite}
.sf-typing i:nth-child(2){animation-delay:.15s}.sf-typing i:nth-child(3){animation-delay:.3s}
.side-input{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--mute);font:500 14.5px/1 var(--f);cursor:pointer;transition:border-color .2s,color .2s}
.side-input:hover{border-color:rgba(0,143,190,.45);color:var(--ink)}
.side-input .i{width:16px;height:16px;color:var(--accent)}

/* kontrol çubuğu */
.fly-layer{position:fixed;left:0;right:0;bottom:96px;height:55vh;pointer-events:none;z-index:60}
.cbar{position:fixed;left:0;right:0;bottom:16px;z-index:65;display:flex;justify-content:center;pointer-events:none;padding-inline:16px}
.cbar-in{pointer-events:auto;display:flex;align-items:center;gap:2px;max-width:100%;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.cbar-in::-webkit-scrollbar{display:none}
.cb-btn,.cb-link{flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:66px;padding:8px 10px;border:0;border-radius:14px;background:none;color:var(--ink-2);font:600 11.5px/1 var(--f);text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.cb-btn .i,.cb-link .i{width:19px;height:19px}
.cb-btn:hover,.cb-link:hover{background:var(--bg-soft);color:var(--ink)}
.cb-link.on{background:var(--accent-soft);color:var(--accent-deep)}
.cb-btn[aria-pressed="false"]{background:#FDECEC;color:#C8343A}
.cb-btn[aria-expanded="true"]{background:var(--accent-soft);color:var(--accent-deep)}
.cb-sep{flex:none;width:1px;height:34px;margin:0 6px;background:var(--line)}
.cb-demo{flex:none;margin-left:4px;padding:15px 18px;font-size:14.5px}
.cb-chat{display:none}
.cb-react{position:relative;flex:none}
.cb-pop{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--line);z-index:66;animation:pop .25s ease-out}
.cb-pop button{width:42px;height:42px;border:0;border-radius:50%;background:none;font-size:21px;cursor:pointer;transition:transform .15s,background .15s}
.cb-pop button:hover{background:var(--bg-soft);transform:scale(1.15)}

@media (max-width:1100px){
  .room-grid{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;top:0;right:0;bottom:0;width:min(380px,100%);height:auto;min-height:0;z-index:80;padding:12px;transform:translateX(105%);transition:transform .3s ease}
  .side.open{transform:none}
  .side-close{display:grid}
  .cb-chat{display:inline-flex}
  .strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:150px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .cb-btn span,.cb-link span{display:none}
  .cb-btn,.cb-link{min-width:46px;padding:11px}
  .rbar-meet b{display:none}
}
@media (max-width:760px){
  .room-page{padding-bottom:88px}
  .rbar-in{gap:12px;height:62px}
  .faces{display:none}
  .ptiles,.gallery{grid-template-columns:minmax(0,1fr)}
  .spk{padding:44px 18px 128px;border-radius:24px}
  .spk-name{left:14px;bottom:70px}
  .caption{left:14px;right:14px;bottom:14px;max-width:none}
  .block{border-radius:22px;padding:24px 18px}
  .share-body{padding:24px 18px}
  .gtile{min-height:0}
  .cbar{bottom:10px;padding-inline:10px}
  .fly-layer{bottom:80px}
  .cb-pop{bottom:80px}
  #cbCam,#cbMic,.cb-sep,.cb-demo,.cb-link[href="dokumantasyon.html"]{display:none}
  .rbar-meet{display:none}
  .rbar-in{grid-template-columns:auto auto;justify-content:space-between}
}

/* ===== Tek ekran toplantı uygulaması (ana sayfa) ===== */
.app-page{background:var(--bg-soft)}
.app-page footer{background:#fff}
.app-page .sw-launch{display:none}
.app{display:flex;flex-direction:column;gap:14px;height:calc(100vh - 108px);min-height:640px;padding:18px 0 16px}
.app-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;width:100%}
.spot{position:relative;min-height:0;border-radius:28px;background:#EAF5FA;border:2px solid var(--accent);overflow:hidden;scroll-margin-top:90px}
.views{height:100%;overflow:auto;padding:64px clamp(22px,4vw,56px) 72px}
.view{min-height:100%;animation:pop .4s ease-out}
.spot-live{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:var(--accent-deep)}
.spot-live i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:livedot 1.6s ease-in-out infinite}
.spot-name{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#fff;font-size:13px}
.spot-name b{font-weight:600}
.spot-name .i{width:15px;height:15px;color:var(--accent)}
.spot .fly-layer{position:absolute;inset:0;height:auto;z-index:3}

.v-hero{display:grid;gap:22px;justify-items:center;align-content:center;min-height:100%;max-width:780px;margin:0 auto;text-align:center}
.v-hero h1{font-weight:500;font-size:clamp(32px,3.8vw,52px);line-height:1.06;letter-spacing:-.03em}
.v-hero .hero-stats{background:#fff;border-radius:20px;padding:18px 8px;width:min(100%,620px)}
.v-hero button.link-arrow{border:0;background:none;cursor:pointer;font-family:inherit}
.v-head{max-width:680px;margin:0 auto 26px;text-align:center;display:grid;gap:10px}
.v-head h2{font-size:clamp(26px,2.6vw,36px)}
.v-head p{color:var(--ink-2);font-size:16px}
.v-tool{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.v-tool .board{min-height:320px}
.v-tool > .bubble{display:none}

.v-feat{display:grid;justify-items:center;align-content:center;gap:16px;text-align:center}
.vf-av{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent-deep);margin-bottom:6px;animation:spkring2 3s ease-in-out infinite}
@keyframes spkring2{50%{transform:scale(1.04)}}
.vf-av .i{width:46px;height:46px;stroke-width:1.6}
.v-feat h2{font-size:clamp(28px,3vw,42px)}
.v-feat p{max-width:50ch;font-size:17.5px;color:var(--ink-2)}

.v-assure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:860px;margin:0 auto}
.v-assure > div{display:grid;gap:8px;justify-items:center;text-align:center;padding:24px 18px;border-radius:20px;background:#fff}
.v-assure span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);margin-bottom:4px}
.v-assure b{font-size:16.5px;font-weight:600}
.v-assure p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.v-quote{max-width:720px;margin:28px auto 0;text-align:center;font:400 clamp(19px,1.8vw,24px)/1.35 var(--f-serif);color:var(--ink-2)}

.v-agenda{list-style:none;margin:0 auto;padding:0;max-width:720px;display:grid;gap:8px}
.v-agenda li{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:#fff}
.v-agenda span{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);font-weight:600}
.v-agenda b{font-size:16px;font-weight:600}
.v-agenda p{font-size:14.5px;color:var(--ink-2);line-height:1.5}

.tiles{min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;scrollbar-width:thin}
.pt{position:relative;aspect-ratio:4/3.3;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;cursor:pointer;font:inherit;color:inherit;padding:0;transition:border-color .2s,background .2s,box-shadow .3s}
.pt:hover{border-color:rgba(0,143,190,.4)}
.pt.on{background:#EAF5FA;border-color:transparent;box-shadow:inset 0 0 0 2px var(--accent)}
.pt-av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);margin-bottom:14px}
.pt-av .i{width:20px;height:20px}
.pt-logo{background:var(--accent);color:#fff}
.pt-logo svg{width:32px;height:32px}
.pt-name{position:absolute;left:8px;right:8px;bottom:7px;font-size:11.5px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.app .cbar{position:static;align-self:center;display:flex;align-items:center;gap:2px;max-width:100%;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--line);pointer-events:auto;overflow-x:auto;scrollbar-width:none}
.app .cbar::-webkit-scrollbar{display:none}
.cb-btn.on{background:var(--accent-soft);color:var(--accent-deep)}

@media (max-width:1000px){
  .app{height:auto;min-height:0}
  .app-grid{grid-template-columns:minmax(0,1fr)}
  .spot{min-height:72vh}
  .views{position:relative;padding:60px 18px 70px}
  .tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:128px;overflow-x:auto}
  .app .cbar{position:sticky;bottom:10px;z-index:20}
  .v-assure{grid-template-columns:minmax(0,1fr)}
}

/* ===== tek sayfa, aşağı kaydırılan startup bölümleri ===== */
.app .cbar{position:sticky;bottom:12px;z-index:30}
.xsec{padding:clamp(80px,10vw,140px) 0;background:#fff;scroll-margin-top:70px}
.xsec.alt{background:var(--bg-soft)}
.x-kicker{display:inline-block;margin-bottom:18px;padding:7px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:13px;font-weight:600}
.x-head{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.x-head h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.035em}
.x-head p{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2)}
.xsec .v-assure{max-width:none;margin:0}
.xsec .v-assure > div{background:var(--bg-soft);padding:34px 24px;border-radius:24px}
.xsec .v-quote{max-width:900px;margin:48px 0 0;text-align:left;font-size:clamp(22px,2.4vw,32px);color:var(--ink)}
.xsec .v-agenda{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.xsec .v-agenda li{flex-direction:column;background:var(--bg-soft);padding:24px 20px;border-radius:22px}
.xsec .v-agenda span{width:44px;height:44px;font-size:17px;background:var(--accent);color:#fff}
.xgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xcard{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--line);min-width:0}
.xcard.wide{grid-column:span 2}
.x-tool{flex:1;display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.x-tool .board{min-height:260px}
.x-tool > .bubble{display:none}
.xcard h3{font-size:19px;font-weight:600;letter-spacing:-.015em}
.xcard p{font-size:15px;color:var(--ink-2)}
.xcta{padding:clamp(80px,10vw,130px) 0;text-align:center;background:var(--accent-soft)}
.xcta .wrap{display:grid;justify-items:center;gap:28px}
.xcta h2{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.035em;max-width:16ch}
@media (max-width:1000px){
  .xgrid{grid-template-columns:minmax(0,1fr)}
  .xcard.wide{grid-column:auto}
  .xsec .v-agenda{grid-template-columns:minmax(0,1fr)}
  .xsec .v-agenda li{flex-direction:row}
}

/* ===== Sıcak, illüstrasyonlu ana sayfa ===== */
.warm-page{background:#fff}
.w-kicker{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 15px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:14px;font-weight:600}
.w-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,96px) clamp(56px,7vw,100px)}
.w-hero-text{display:grid;gap:24px}
.w-hero h1{font-weight:500;font-size:clamp(38px,4.8vw,66px);line-height:1.03;letter-spacing:-.035em}
.w-hero .hero-actions{justify-content:flex-start}
.w-hero .hero-stats{margin:8px 0 0;width:min(100%,560px)}
.w-hero .hero-stats div{padding:4px 16px 4px 0;text-align:left}
.w-hero .hero-stats div + div{padding-left:20px}
.hero-ill{width:100%;height:auto;overflow:visible}
.ill-float{animation:illf 7s ease-in-out infinite}
.ill-bubble{animation:illf 5s ease-in-out -1s infinite}
.ill-badge{animation:illf 6s ease-in-out -2s infinite}
.ill-react{animation:illf 4.5s ease-in-out -3s infinite}
@keyframes illf{50%{transform:translateY(-8px)}}

.w-sec{padding-block:clamp(80px,10vw,136px);scroll-margin-top:90px}
.w-sec.soft{background:#F3F9FC}
.w-head{display:grid;gap:16px;max-width:720px;margin-bottom:clamp(40px,5vw,64px)}
.w-head.center{margin-inline:auto;text-align:center;justify-items:center}
.w-head.center .w-kicker{justify-self:center}
.w-head h2{font-size:clamp(34px,4.2vw,56px);line-height:1.05;letter-spacing:-.035em}
.w-head p{font-size:clamp(17px,1.4vw,19px);color:var(--ink-2)}

.w-ic{position:relative;width:96px;height:96px;display:grid;place-items:center;color:#E6F4FA}
.w-ic .blob{position:absolute;inset:0;width:100%;height:100%;transition:transform .5s}
.w-ic .i{position:relative;width:36px;height:36px;color:var(--accent-deep);stroke-width:1.7}
.w-ic.sm{width:68px;height:68px;flex:none}
.w-ic.sm .i{width:26px;height:26px}
.w-card:hover .blob,.w-feat:hover .blob{transform:rotate(18deg) scale(1.06)}
.w-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.w-card{display:grid;gap:14px;align-content:start;padding:36px 30px;border-radius:32px;background:#F3F9FC}
.w-card h3{font-size:21px;font-weight:600;letter-spacing:-.02em}
.w-card p{font-size:16px;color:var(--ink-2)}
.w-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.w-feat{display:flex;gap:18px;align-items:flex-start;padding:26px;border-radius:28px;background:#fff}
.w-feat h3{font-size:17.5px;font-weight:600;letter-spacing:-.015em;margin:6px 0 6px}
.w-feat p{font-size:15px;color:var(--ink-2);line-height:1.55}

.w-marquee{padding-block:28px;background:var(--accent);overflow:hidden}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:14px;width:max-content;animation:mq 34s linear infinite}
.mq-track span{flex:none;padding:14px 24px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:17px;font-weight:600;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}

.w-quote{padding-block:clamp(80px,10vw,130px);text-align:center}
.w-quote .wrap{display:grid;justify-items:center;gap:28px}
.w-quote blockquote{margin:0;max-width:1000px}
.w-quote p{font:400 clamp(28px,3.6vw,48px)/1.2 var(--f-serif);letter-spacing:-.02em;text-wrap:balance}
.w-quote .w{color:#C3D5DD;transition:color .4s}.w-quote .w.lit{color:var(--ink)}.w-quote .w.key.lit{color:var(--grad)}

.w-steps-wrap{position:relative}
.w-path{position:absolute;left:0;right:0;top:4px;width:100%;height:90px}
.w-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.w-steps li{display:grid;gap:10px;justify-items:center;text-align:center}
.w-steps li:nth-child(even){margin-top:42px}
.w-num{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font:600 24px/1 var(--f-serif);border:6px solid #fff;margin-bottom:6px}
.w-steps h3{font-size:17.5px;font-weight:600}
.w-steps p{font-size:15px;color:var(--ink-2);line-height:1.55}

.w-cta{padding-block:0 clamp(80px,10vw,120px)}
.w-cta-in{position:relative;overflow:hidden;display:grid;justify-items:center;gap:20px;text-align:center;padding:clamp(56px,8vw,96px) 24px;border-radius:40px;background:#DDF0F8}
.w-cta-blob{position:absolute;width:520px;right:-140px;top:-160px;pointer-events:none}
.w-cta h2{position:relative;font-size:clamp(32px,4.2vw,56px);letter-spacing:-.035em;max-width:18ch}
.w-cta p{position:relative;font-size:18px;color:var(--ink-2)}
.w-cta .btn{position:relative}

@media (max-width:1000px){
  .w-hero{grid-template-columns:minmax(0,1fr)}
  .w-hero-art{max-width:520px;margin:0 auto;width:100%}
  .w-cards,.w-feats{grid-template-columns:minmax(0,1fr)}
  .w-path{display:none}
  .w-steps{grid-template-columns:minmax(0,1fr);gap:22px}
  .w-steps li{grid-template-columns:64px 1fr;justify-items:start;text-align:left;column-gap:16px}
  .w-steps li:nth-child(even){margin-top:0}
  .w-num{grid-row:span 2;margin:0}
}
@media (max-width:640px){
  .w-feats{gap:12px}
  .w-feat{padding:20px}
  .w-cta-in{border-radius:28px}
}

/* ===== Modern katman ===== */
.modern h1,.modern h2,.modern .w-quote p,.modern .w-num{font-family:var(--f);font-weight:700;letter-spacing:-.05em}
.modern .w-head h2{font-size:clamp(38px,5.2vw,76px);line-height:.98}
.m-hero{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,140px) clamp(64px,8vw,110px);text-align:center;isolation:isolate}
.m-hero-in{position:relative;display:grid;justify-items:center;gap:28px}
.m-hero h1{font-size:clamp(46px,8vw,120px);line-height:.95;letter-spacing:-.06em;max-width:14ch}
.m-hero .lede{max-width:60ch;font-size:clamp(17px,1.5vw,20px)}
.m-hero .w-kicker{justify-self:center;background:#fff;border:1px solid var(--line)}
.rot{position:relative;display:inline-grid;color:var(--accent)}
.rot span{grid-area:1/1;opacity:0;transform:translateY(40%);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.rot span.on{opacity:1;transform:none}
.rot span.out{opacity:0;transform:translateY(-40%)}
.aurora{position:absolute;inset:0;z-index:-1;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:aur 16s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:520px;height:520px;left:-120px;top:-80px;background:#9AD8F0}
.aurora i:nth-child(2){width:460px;height:460px;right:-100px;top:40px;background:#C9ECF8;animation-delay:-5s}
.aurora i:nth-child(3){width:420px;height:420px;left:35%;bottom:-220px;background:#7CCBE8;opacity:.35;animation-delay:-9s}
@keyframes aur{to{transform:translate(60px,40px) scale(1.15)}}
.btn-xl{padding:19px 30px;font-size:17px;border-radius:14px}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-deep)}
.modern .hero-actions{justify-content:center}
.m-hero .hero-stats{width:min(100%,720px);margin-top:20px}
.m-floats span{position:absolute;padding:11px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;white-space:nowrap;animation:illf 6s ease-in-out infinite}
.m-floats .f1{left:4%;top:18%}.m-floats .f2{right:4%;top:24%;animation-delay:-2s}
.m-floats .f3{left:8%;bottom:30%;animation-delay:-3s}.m-floats .f4{right:7%;bottom:24%;animation-delay:-4s}

.bento2{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bento2 .w-feat{flex-direction:column;padding:30px;border:1px solid var(--line);transition:transform .3s,border-color .3s}
.bento2 .w-feat:hover{transform:translateY(-4px);border-color:rgba(0,143,190,.4)}
.bento2 .w-feat:nth-child(1){grid-column:span 2;grid-row:span 2;background:var(--accent);color:#fff;justify-content:flex-end;min-height:360px}
.bento2 .w-feat:nth-child(1) h3{font-size:clamp(26px,2.6vw,38px);font-weight:700;letter-spacing:-.04em}
.bento2 .w-feat:nth-child(1) p{color:rgba(255,255,255,.85);font-size:17px}
.bento2 .w-feat:nth-child(1) .w-ic{color:rgba(255,255,255,.18)}.bento2 .w-feat:nth-child(1) .w-ic .i{color:#fff}
.bento2 .w-feat:nth-child(6){grid-column:span 2}
.bento2 .w-feat:nth-child(9){grid-column:span 2}
.modern .w-card{border:1px solid var(--line);background:#fff}
.modern .w-sec.soft{background:#F5FAFC}
.modern .w-num{border-radius:18px;font-size:22px}
.modern .w-quote p{font-size:clamp(32px,4.6vw,64px);line-height:1.05}
@media (max-width:1000px){
  .bento2{grid-template-columns:minmax(0,1fr)}
  .bento2 .w-feat:nth-child(n){grid-column:auto;grid-row:auto;min-height:0}
  .m-floats{display:none}
}
.modern .stat{font-family:var(--f);font-weight:700;letter-spacing:-.04em}
.m-floats .f1{left:1%;top:6%}.m-floats .f2{right:1%;top:9%}
.m-floats .f3{left:2%;bottom:34%}.m-floats .f4{right:2%;bottom:30%}
@media (max-width:1360px){.m-floats{display:none}}

/* ===== Dedica Search dilinde Dedica Meet (ana sayfa) ===== */
.z-page{--night:#061428;--night-2:#0B1E3A;--night-line:rgba(160,200,235,.14);--night-txt:#AFC2D6;--hl:#FFE45C;--zgrad:linear-gradient(100deg,#008FBE,#0EACE1);--f-d:"Manrope","Inter",system-ui,sans-serif;background:#fff}
.z-page h1,.z-page h2,.z-page h3{font-family:var(--f-d)}
.z-page h2{font-weight:800;font-size:clamp(30px,3.7vw,52px);line-height:1.05;letter-spacing:-.045em}
mark{background:#FFF2B0;color:inherit;border-radius:3px;padding:0 2px}
mark.hl{background:linear-gradient(var(--hl,#FFE45C),var(--hl,#FFE45C)) no-repeat 0 88%/100% .26em;border-radius:0;padding:0 .04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.js mark.hl{background-size:0% .26em;transition:background-size .9s .3s cubic-bezier(.2,.8,.2,1)}
.js .in mark.hl,.js .in.hl,.js .reveal.in mark.hl{background-size:100% .26em}

.z-nav{position:sticky;top:0;z-index:60;background:rgba(6,20,40,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--night-line);color:#fff}
.z-nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.z-nav .logo img{height:26px}
.z-links{display:flex;gap:2px;margin-right:auto}
.z-links .nav-link{color:#C2D1E1;font-size:14.5px;padding:10px 12px;border-radius:8px;background:none;box-shadow:none}
.z-links .nav-link::after{display:none}
.z-links .nav-link:hover,.z-links .nav-link.on{color:#fff;background:rgba(255,255,255,.07);box-shadow:none}
.z-tel{display:inline-flex;align-items:center;gap:7px;color:#C2D1E1;font-size:14px;text-decoration:none}
.z-tel .i{width:15px;height:15px}
.z-nav .nav-toggle{background:rgba(255,255,255,.08)}.z-nav .nav-toggle span{background:#fff}
.z-btn{background:var(--zgrad);color:#fff;font-weight:700}
.z-btn:hover{filter:brightness(1.08)}
.z-ghost{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);font-weight:700}
.z-ghost:hover{background:rgba(255,255,255,.12)}

.z-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:#fff;padding:clamp(56px,7.5vw,100px) 0 clamp(48px,6vw,80px)}
.z-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(48% 36% at 50% 34%,rgba(14,172,225,.26),transparent 72%),radial-gradient(32% 32% at 10% 90%,rgba(0,143,190,.2),transparent 70%),radial-gradient(28% 30% at 92% 78%,rgba(14,172,225,.16),transparent 70%)}
.z-hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(160,200,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(160,200,235,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.z-hero-in{display:grid;justify-items:center;text-align:center;gap:24px}
.z-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border-radius:999px;border:1px solid var(--night-line);background:rgba(255,255,255,.04);color:#C9D7E6;font-size:13.5px;font-weight:500;text-decoration:none}
.z-pill .tg{padding:3px 8px;border-radius:999px;background:var(--zgrad);color:#fff;font:700 10.5px/1.4 var(--f-mono);letter-spacing:.08em}
.z-pill .i{width:14px;height:14px}
.z-hero h1{font-weight:800;font-size:clamp(42px,6.6vw,88px);line-height:1.02;letter-spacing:-.05em;max-width:14ch}
.z-hero mark.hl{color:#fff}
.z-lede{max-width:62ch;color:var(--night-txt);font-size:clamp(16.5px,1.4vw,19px)}
.z-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.z-demo{width:min(100%,1000px);margin-top:18px;display:grid;gap:14px}
.z-box{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 20px;border-radius:18px;background:#fff;color:var(--ink);outline:6px solid rgba(14,172,225,.18)}
.z-box > .i{width:20px;height:20px;color:var(--accent)}
.z-box input{flex:1;min-width:0;border:0;outline:0;font:600 18px/1 var(--f);color:var(--ink);background:none}
.z-ic{width:42px;height:42px;border:0;border-radius:11px;background:#F1F6F9;color:var(--ink-2);display:grid;place-items:center;cursor:pointer}
.z-ic .i{width:17px;height:17px}
.z-go{height:42px;padding:0 20px;border:0;border-radius:11px;background:var(--night);color:#fff;font:700 14.5px/1 var(--f);cursor:pointer}
.z-try{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.z-try small{font:600 11px/1 var(--f-mono);letter-spacing:.14em;color:#8CA3BD;margin-right:4px}
.z-try button{padding:7px 13px;border-radius:999px;border:1px solid var(--night-line);background:rgba(255,255,255,.04);color:#DCE6F0;font:500 13px/1 var(--f-mono);cursor:pointer}
.z-try button:hover{border-color:rgba(14,172,225,.6);color:#fff}
.z-meet{border-radius:22px;background:#fff;color:var(--ink);text-align:left;overflow:hidden}
.z-meet-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#F2F9FC}
.z-meet-head b{font:700 15px/1.2 var(--f-d)}
.z-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#FDECEC;color:#C8343A;font:700 11px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.z-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:livedot 1.4s infinite}
.z-secure{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--teal-deep)}
.z-secure .i{width:14px;height:14px}
.z-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px 0}
.z-tile{position:relative;aspect-ratio:16/11;border-radius:14px;background:#EEF5F8;display:grid;place-items:center;transition:box-shadow .4s;opacity:1}
.z-tile.sp{box-shadow:inset 0 0 0 2px var(--accent)}
.z-tile.join{animation:pop .5s ease-out}
.z-tav{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 14px/1 var(--f)}
.z-tname{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:6px;background:#fff;font-size:11.5px;font-weight:600}
.z-note{display:flex;align-items:center;gap:8px;margin:14px 18px 18px;padding:11px 14px;border-radius:12px;background:var(--accent-soft);font-size:14px}
.z-note span{transition:opacity .3s}
.z-note b{color:var(--accent-deep);margin-right:5px}
.z-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,760px);margin:22px 0 0}
.z-stats div{padding:4px 18px}.z-stats div + div{border-left:1px solid var(--night-line)}
.z-stats dt{margin:0}.z-stats .stat{font:800 clamp(30px,3.4vw,44px)/1 var(--f-d);letter-spacing:-.04em;color:#fff}
.z-stats dd{margin:8px 0 0;font:500 12px/1.35 var(--f-mono);color:#8CA3BD}

.z-sec{padding-block:clamp(80px,9vw,130px);scroll-margin-top:70px}
.z-sec.soft{background:#F3F7FA}
.z-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(36px,4.5vw,56px)}
.z-head > div{display:grid;gap:18px;justify-items:start}
.z-head > p{font-size:clamp(16.5px,1.3vw,18.5px);color:var(--ink-2)}
.z-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font:500 13px/1 var(--f-mono);color:var(--ink-2)}
.z-chip i{width:7px;height:7px;border-radius:50%;background:#E5484D;animation:livedot 1.4s infinite}

.z-list{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
.z-cats{position:sticky;top:90px;display:grid;gap:4px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.z-cats small{font:600 11px/1 var(--f-mono);letter-spacing:.14em;color:var(--mute);padding:4px 10px 10px}
.z-cats button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;border:0;border-radius:10px;background:none;font:600 14.5px/1.2 var(--f);color:var(--ink-2);text-align:left;cursor:pointer}
.z-cats button em{font:600 11px/1 var(--f-mono);font-style:normal;padding:4px 7px;border-radius:999px;background:#EEF3F7}
.z-cats button:hover{background:#F3F7FA}
.z-cats button.on{background:var(--night);color:#fff}.z-cats button.on em{background:rgba(255,255,255,.15);color:#fff}
.z-rows{display:grid;gap:12px}
.z-meta{display:flex;justify-content:space-between;font-size:14px;color:var(--mute);padding:0 4px}
.z-meta b{color:var(--ink)}
.z-row{display:flex;gap:18px;align-items:center;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.z-row:hover{border-color:var(--accent);transform:translateX(4px)}
.z-row[hidden]{display:none}
.z-av{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff}
.z-av .i{width:22px;height:22px}
.z-row-txt{flex:1;min-width:0;display:grid;gap:3px}
.z-row-txt small{font:500 12px/1 var(--f-mono);color:var(--teal-deep)}
.z-row-txt h3{font-size:clamp(18px,1.6vw,21px);font-weight:700;letter-spacing:-.02em;color:var(--accent-deep)}
.z-row-txt p{font-size:15.5px;color:var(--ink-2)}
.z-state{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#E3F5F2;color:#0B7F73;font:600 12px/1 var(--f-mono)}
.z-state i{width:6px;height:6px;border-radius:50%;background:currentColor}

.z-band{background:var(--night);color:#fff;padding-block:56px;overflow:hidden;scroll-margin-top:70px}
.z-mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.z-track{display:flex;gap:12px;width:max-content;animation:mq 50s linear infinite}
.z-mq.rev .z-track{animation-direction:reverse}
.z-track span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--night-line);color:#8CA3BD;font:500 13.5px/1 var(--f-mono);white-space:nowrap}
.z-track .i{width:14px;height:14px}
.z-band-in{display:grid;justify-items:center;gap:30px;text-align:center;padding-block:56px}
.z-band h2{font-size:clamp(26px,3.2vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.2;max-width:28ch}
.z-band mark.hl{color:#fff}
.z-assure{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.z-assure span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--night-line);font-size:14.5px;font-weight:600}
.z-assure .i{width:17px;height:17px;color:#5CC0E4}
.z-band img{opacity:.85}

.z-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.z-steps li{display:grid;gap:10px;align-content:start;padding:26px 22px;border-radius:20px;background:#F3F7FA;border:1px solid var(--line)}
.z-n{font:800 34px/1 var(--f-d);letter-spacing:-.04em;background:var(--zgrad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
.z-steps h3{font-size:18px;font-weight:700;letter-spacing:-.02em}
.z-steps p{font-size:15px;color:var(--ink-2);line-height:1.55}

.z-cta-wrap{padding-bottom:clamp(80px,9vw,120px)}
.z-cta{position:relative;isolation:isolate;overflow:hidden;display:grid;justify-items:center;gap:20px;text-align:center;padding:clamp(56px,8vw,96px) 24px;border-radius:32px;background:var(--night);color:#fff}
.z-cta h2{font-size:clamp(32px,4.4vw,60px);max-width:16ch}
.z-cta mark.hl{color:#fff}
.z-cta p{color:var(--night-txt);font-size:18px}
.z-page .sw-launch{background:var(--zgrad)}

@media (max-width:1100px){
  .z-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:10px 20px 18px;background:var(--night);border-bottom:1px solid var(--night-line)}
  .z-nav.open .z-links{display:flex}
  .z-nav .nav-toggle{display:grid}
  .z-tel{display:none}
  .z-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .z-head,.z-list{grid-template-columns:minmax(0,1fr)}
  .z-cats{position:static;display:flex;flex-wrap:wrap}
  .z-cats small{display:none}
  .z-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .z-box{padding-left:14px}.z-box .z-ic{display:none}.z-box input{font-size:16px}
  .z-row{flex-wrap:wrap}.z-state{display:none}
  .z-steps{grid-template-columns:minmax(0,1fr)}
  .z-nav .btn-sm{padding:10px 12px;font-size:13px}
}

/* ===== Dedica Meet'e özgü görsel dil (Dedica Search mantığı, farklı görünüm) ===== */
.z-page{--f-d:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--zgrad:#008FBE}
.z-page mark.hl,.js .z-page mark.hl{background:#008FBE;color:#fff!important;padding:0 .18em;border-radius:.22em;background-size:auto!important;transition:none}
.z-page .z-band mark.hl,.z-page .z-cta mark.hl{background:#fff;color:#006F94!important}
.z-nav{background:rgba(255,255,255,.9);color:var(--ink);border-bottom:1px solid var(--line)}
.z-links .nav-link{color:var(--ink-2)}
.z-links .nav-link:hover,.z-links .nav-link.on{color:var(--accent-deep);background:var(--accent-soft)}
.z-tel{color:var(--ink-2)}
.z-nav .nav-toggle{background:var(--bg-soft)}.z-nav .nav-toggle span{background:var(--ink)}
.z-btn{background:#008FBE}.z-btn:hover{background:#006F94;filter:none}
.z-hero{background:#EEF7FB;color:var(--ink);padding:clamp(48px,6vw,88px) 0 clamp(56px,6vw,96px)}
.z-hero-bg{background:radial-gradient(40% 50% at 85% 30%,rgba(14,172,225,.18),transparent 70%)}
.z-hero-bg::after{background-image:radial-gradient(rgba(0,143,190,.16) 1.2px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.z-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;text-align:left;gap:clamp(32px,4vw,64px)}
.z-hero-text{display:grid;gap:24px;justify-items:start}
.z-hero h1{font-size:clamp(40px,5vw,72px);max-width:none;letter-spacing:-.045em}
.z-lede{color:var(--ink-2)}
.z-actions{justify-content:flex-start}
.z-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2,#D2DDE8)}
.z-ghost:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-deep)}
.z-pill{background:#fff;border-color:var(--line);color:var(--ink-2)}
.z-pill .tg{background:#008FBE;font-family:var(--f)}
.z-demo{margin-top:0;width:100%}
.z-box{outline:0;border:1px solid var(--line)}
.z-try{justify-content:flex-start}
.z-try small{color:var(--mute)}
.z-try button{background:#fff;border-color:var(--line);color:var(--ink-2);font-family:var(--f);font-weight:600}
.z-try button:hover{border-color:var(--accent);color:var(--accent-deep)}
.z-meet{border:1px solid var(--line)}
.z-stats{width:100%;margin-top:12px}
.z-stats div{padding:4px 18px 4px 0}.z-stats div + div{border-left:1px solid var(--line);padding-left:18px}
.z-stats .stat{color:var(--ink)}
.z-stats dd{color:var(--mute);font-family:var(--f);font-size:13px}
.z-chip{border-radius:999px;font-family:var(--f);font-weight:600;color:var(--accent-deep);background:var(--accent-soft);border-color:transparent}
.z-chip i{background:#008FBE}
.z-cats button.on{background:#008FBE}
.z-band{background:#008FBE}
.z-band .z-track span{border-color:rgba(255,255,255,.28);color:#E6F4FA;font-family:var(--f);font-weight:600}
.z-band .z-assure span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.z-band .z-assure .i{color:#fff}
.z-cta{background:#008FBE}
.z-cta p{color:#E6F4FA}
.z-cta .z-hero-bg{background:none}.z-cta .z-hero-bg::after{background-image:radial-gradient(rgba(255,255,255,.18) 1.2px,transparent 1.2px);-webkit-mask-image:none;mask-image:none}
.z-cta .z-btn{background:#fff;color:#006F94}
.z-cta .z-ghost{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.z-n{background:none;color:#008FBE}
.z-row-txt small{color:var(--accent-deep)}
.z-row-txt mark{background:var(--accent-soft);color:var(--accent-deep)}
@media (max-width:1000px){.z-split{grid-template-columns:minmax(0,1fr)}}
.z-page h1,.z-page h2{line-height:1.14}
.z-page mark.hl{padding:.02em .16em .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ===== Ürün tanıtım mimarisi (ana sayfa) ===== */
.p-page{--fd:"Plus Jakarta Sans","Inter",system-ui,sans-serif;background:#fff}
.p-page h1,.p-page h2,.p-page h3{font-family:var(--fd);letter-spacing:-.04em}
.p-page h2{font-weight:700;font-size:clamp(32px,3.8vw,52px);line-height:1.08}
.p-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.p-nav .wrap{display:flex;align-items:center;gap:28px;height:68px}
.p-nav .logo img{height:26px}
.p-links{display:flex;gap:2px;margin-right:auto}
.p-links .nav-link{padding:9px 12px;border-radius:8px;font-size:14.5px;color:var(--ink-2);background:none;box-shadow:none}
.p-links .nav-link::after{display:none}
.p-links .nav-link:hover,.p-links .nav-link.on{color:var(--ink);background:var(--bg-soft);box-shadow:none}
.p-link{font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;margin-right:6px}
.p-btn{background:var(--ink);color:#fff;border-radius:999px;font-weight:600}
.p-btn:hover{background:#008FBE}
.p-sec{background:#fff;color:var(--ink);border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-weight:600}
.p-sec:hover{box-shadow:inset 0 0 0 1px var(--ink)}

.p-hero{padding-top:clamp(56px,7vw,100px);background:linear-gradient(#fff 0,#EEF7FB 100%)}
.p-hero-in{display:grid;justify-items:center;text-align:center;gap:24px}
.p-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.p-badge i{width:8px;height:8px;border-radius:50%;background:#008FBE;animation:livedot 1.6s infinite}
.p-hero h1{font-weight:800;font-size:clamp(42px,6.2vw,86px);line-height:1.02;letter-spacing:-.05em}
.p-lede{max-width:60ch;font-size:clamp(17px,1.4vw,19.5px);color:var(--ink-2)}
.p-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.p-actions .btn{padding:16px 26px;font-size:16px}
.p-trust{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:14px;font-weight:500;color:var(--ink-2)}
.p-trust li{display:inline-flex;align-items:center;gap:7px}.p-trust .i{width:16px;height:16px;color:#008FBE}
.p-hero-app{margin-top:clamp(44px,5vw,64px);position:relative}
.p-hero-app::before{content:"";position:absolute;left:8%;right:8%;top:-30px;height:60%;background:#BFE6F5;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6}

.p-app{border-radius:22px 22px 0 0;background:#0D1B26;padding:0;overflow:hidden;border:1px solid #1E3342;border-bottom:0}
.p-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;color:#C9D7E1;font-size:13.5px;border-bottom:1px solid #1E3342}
.p-dots{display:flex;gap:6px}.p-dots i{width:10px;height:10px;border-radius:50%;background:#2B4252}
.p-title{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#fff}.p-title .i{width:14px;height:14px;color:#5CC0E4}
.p-rec{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(229,72,77,.15);color:#FF8A8E;font-size:12px;font-weight:600}
.p-rec i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:livedot 1.2s infinite}
.p-ppl{margin-left:auto;display:flex;align-items:center}.p-ppl .p-av{margin-left:-7px;border:2px solid #0D1B26}.p-ppl em{margin-left:8px;font-style:normal;font-size:12.5px}
.p-av{width:30px;height:30px;border-radius:50%;flex:none;display:inline-grid;place-items:center;background:linear-gradient(140deg,var(--a),var(--b));color:#fff;font:700 11px/1 var(--f)}
.p-av.lg{width:64px;height:64px;font-size:20px}
.p-body{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.p-stage{padding:16px;display:grid;gap:14px}
.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.p-vt{position:relative;aspect-ratio:16/10;border-radius:14px;background:#17293A;display:grid;place-items:center;transition:box-shadow .4s}
.p-vt.sp{box-shadow:inset 0 0 0 2px #0EACE1}
.p-vn{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:500}
.p-vn .i{width:12px;height:12px;color:#5CC0E4}
.p-hand{position:absolute;top:10px;right:12px;font-size:18px;animation:wave 2.4s ease-in-out infinite}
.p-ctl{display:flex;justify-content:center;gap:8px}
.p-ctl span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#1E3342;color:#C9D7E1}
.p-ctl span.on{background:#008FBE;color:#fff}.p-ctl .i{width:18px;height:18px}
.p-ctl b{padding:0 18px;border-radius:12px;display:grid;place-items:center;background:#E5484D;color:#fff;font-size:13.5px}
.p-side{border-left:1px solid #1E3342;padding:14px;display:flex;flex-direction:column;gap:12px;color:#DCE6EE}
.p-tabs{display:flex;gap:6px;font-size:13px}.p-tabs b,.p-tabs span{padding:7px 12px;border-radius:9px}.p-tabs b{background:#1E3342;color:#fff;font-weight:600}.p-tabs span{color:#8FA5B5}
.p-notes{display:grid;gap:10px;font-size:13.5px;line-height:1.5}
.p-n{padding:10px 12px;border-radius:12px;background:#17293A}.p-n small{display:block;color:#8FA5B5;font-size:11.5px;margin-bottom:3px}
.p-sum{display:grid;gap:7px;padding:12px;border-radius:12px;background:rgba(0,143,190,.18);border:1px solid rgba(14,172,225,.3)}
.p-sum b,.p-sum span{display:flex;align-items:center;gap:7px}.p-sum .i{width:14px;height:14px;color:#5CC0E4}

.p-stats{border-block:1px solid var(--line);background:#fff}
.p-stats .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.p-stats .wrap > div{display:grid;gap:4px;padding:34px 24px;text-align:center}
.p-stats .wrap > div + div{border-left:1px solid var(--line)}
.p-stats b{font:800 clamp(30px,3vw,42px)/1 var(--fd);letter-spacing:-.04em;color:var(--ink)}
.p-stats span{font-size:14px;color:var(--mute)}

.p-story{padding-block:clamp(72px,9vw,120px)}
.p-story:nth-child(even){background:#F6FAFC}
.p-story-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,96px);align-items:center}
.p-story.rev .p-story-txt{order:2}
.p-story-txt{display:grid;gap:18px;justify-items:start}
.p-kick{display:inline-block;font-size:13.5px;font-weight:700;color:#008FBE;letter-spacing:.02em}
.p-story-txt p{font-size:clamp(17px,1.3vw,19px);color:var(--ink-2);max-width:46ch}
.p-story-txt ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.p-story-txt li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.p-story-txt li .i{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--accent-soft);color:#008FBE;stroke-width:2.6}
.p-shot{position:relative;padding:clamp(28px,4vw,56px);border-radius:28px;background:linear-gradient(140deg,#DDF0F8,#EEF7FB);display:grid;place-items:center;min-height:380px}
.p-card{width:min(100%,440px);background:#fff;border-radius:20px;border:1px solid var(--line);padding:22px;display:grid;gap:12px}
.p-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px}
.p-ch b{display:inline-flex;align-items:center;gap:8px;font:700 16px/1.2 var(--fd)}.p-ch b .i{width:18px;height:18px;color:#008FBE}
.p-ch em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--mute)}
.p-login{justify-items:center;text-align:center;padding:34px 30px}
.p-login img{height:26px;width:auto;margin-bottom:6px}
.p-login > b{font:700 20px/1.2 var(--fd)}
.p-in,.p-btnm{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;font-size:15px}
.p-in{border:1px solid var(--line);color:var(--ink-2)}.p-in .i{width:16px;height:16px;color:var(--mute)}
.p-btnm{justify-content:center;background:#008FBE;color:#fff;font-weight:700}.p-btnm .i{width:16px;height:16px}
.p-login small{color:var(--mute);font-size:13px}
.p-lr{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.p-lr > span:not(.p-av){flex:1;font-weight:600;font-size:15px}.p-lr small{display:block;font-weight:400;font-size:12.5px;color:var(--mute)}
.p-lr .p-av{width:38px;height:38px;font-size:12px}
.p-lr button{padding:8px 12px;border:0;border-radius:9px;background:var(--bg-soft);font:600 13px/1 var(--f);color:var(--ink-2);cursor:pointer}
.p-lr button.ok{background:#008FBE;color:#fff}
.p-lr.done button{display:none}.p-lr.done::after{content:"Katıldı ✓";font-size:13px;font-weight:600;color:#0B7F73}
.p-lr.gone{opacity:.35}
.p-aip{font-size:15px;color:var(--ink-2)}
.p-aih{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.p-li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500}
.p-li .i{width:18px;height:18px;padding:3px;border-radius:50%;background:#E3F5F2;color:#0B7F73;stroke-width:2.6}
.p-li .p-av{width:24px;height:24px;font-size:9.5px}
.p-rr{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--bg-soft)}
.p-rr > span:nth-child(2){flex:1;font-weight:600;font-size:15px}.p-rr small{display:block;font-weight:400;font-size:12.5px;color:var(--mute)}
.p-play{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#008FBE;color:#fff;font-size:12px}
.p-rr em{font-style:normal;font-size:12px;color:var(--ink-2)}

.p-tools,.p-steps,.p-faq{padding-block:clamp(72px,9vw,120px)}
.p-tools{background:#F6FAFC}
.p-center{display:grid;justify-items:center;text-align:center;gap:14px;max-width:720px;margin:0 auto clamp(40px,5vw,60px)}
.p-center p{font-size:18px;color:var(--ink-2)}
.p-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.p-steps li{display:grid;gap:10px;padding:28px 24px;border-radius:22px;border:1px solid var(--line)}
.p-steps li > span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 18px/1 var(--fd);margin-bottom:8px}
.p-steps h3{font-size:20px;font-weight:700}.p-steps p{font-size:15.5px;color:var(--ink-2)}
.p-faq{background:#F6FAFC}
.p-faq-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}
.p-faq-in > div:first-child{display:grid;gap:14px;position:sticky;top:100px}
.p-faq-in > div:first-child p{color:var(--ink-2);font-size:17px}.p-faq-in a{color:#008FBE;font-weight:600}
.p-qs{display:grid;gap:10px}
.p-qs details{border-radius:16px;background:#fff;border:1px solid var(--line)}
.p-qs summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font:700 17px/1.3 var(--fd);letter-spacing:-.02em}
.p-qs summary::-webkit-details-marker{display:none}
.p-qs summary span{font-size:22px;color:#008FBE;transition:transform .25s}
.p-qs details[open] summary span{transform:rotate(45deg)}
.p-qs details p{padding:0 22px 20px;color:var(--ink-2);font-size:16px}
.p-cta{padding-block:clamp(72px,9vw,120px)}
.p-cta-in{display:grid;justify-items:center;text-align:center;gap:18px;padding:clamp(56px,8vw,96px) 24px;border-radius:32px;background:#008FBE;color:#fff}
.p-cta h2{color:#fff;max-width:18ch}.p-cta p{font-size:18px;color:#E3F3FA}
.p-btn-w{background:#fff;color:var(--ink)}.p-btn-w:hover{background:var(--ink);color:#fff}
.p-sec-w{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.p-sec-w:hover{box-shadow:inset 0 0 0 1px #fff}

@media (max-width:1100px){
  .p-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:10px 20px 18px;background:#fff;border-bottom:1px solid var(--line)}
  .p-nav.open .p-links{display:flex}
  .p-nav .nav-toggle{display:grid}
  .p-link{display:none}
  .p-body{grid-template-columns:minmax(0,1fr)}.p-side{display:none}
}
@media (max-width:900px){
  .p-story-in,.p-faq-in{grid-template-columns:minmax(0,1fr)}
  .p-story.rev .p-story-txt{order:0}
  .p-faq-in > div:first-child{position:static}
  .p-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-stats .wrap > div:nth-child(3){border-left:0}
  .p-stats .wrap > div:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p-vt:nth-child(n+5){display:none}
  .p-ppl,.p-rec{display:none}
  .p-ctl span:nth-child(n+4){display:none}
  .p-steps ol{grid-template-columns:minmax(0,1fr)}
  .p-shot{padding:18px;min-height:0}
  .p-actions .btn{width:100%;justify-content:center}
}

/* ===== Görsel ağırlıklı, zarif tipografi katmanı ===== */
.ag h1,.ag h2,.ag h3{font-family:var(--f);font-weight:400;letter-spacing:-.045em}
.ag h2{font-size:clamp(34px,4.2vw,60px);line-height:1.05}
.ag .grad{color:#0EACE1}
.ag .p-hero{background:#fff;padding-top:clamp(48px,6vw,88px)}
.ag-hero-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:40px;align-items:end}
.ag-hero-in h1{font-size:clamp(48px,7.4vw,112px);line-height:.98;letter-spacing:-.055em;font-weight:400}
.ag-hero-side{display:grid;gap:22px;justify-items:start;padding-bottom:14px}
.ag-hero-side p{font-size:15.5px;color:var(--ink-2);max-width:36ch}
.ag-btn{background:#0EACE1;color:#fff;border-radius:999px}.ag-btn:hover{background:#008FBE}
.ag .p-hero-app{margin-top:clamp(36px,4vw,56px)}
.ag .p-hero-app::before{display:none}
.ag-banner{position:relative;height:clamp(200px,24vw,340px);border-radius:28px;overflow:hidden;background:#EAF6FC}
.ag-wave{position:absolute;inset:0;width:100%;height:100%;animation:agw 14s ease-in-out infinite alternate}
@keyframes agw{to{transform:scale(1.08) translateX(-2%)}}
.ag-tag{position:absolute;right:20px;bottom:20px;padding:8px 14px;border-radius:999px;background:#fff;font-size:13px;font-weight:600}
.ag .p-app{width:min(92%,1060px);margin:-120px auto 0;position:relative;border-radius:22px 22px 0 0}
.ag .p-stats b{font-family:var(--f);font-weight:400;color:#0EACE1;font-size:clamp(36px,3.6vw,52px)}
.ag .p-story:nth-child(even){background:#fff}
.ag .p-shot{background:#F1F8FC;overflow:hidden;isolation:isolate}
.ag .p-shot .ag-wave{z-index:-1;opacity:.9}
.ag .p-kick{font-size:12.5px;color:var(--mute);text-transform:none;letter-spacing:0;padding:5px 12px;border:1px solid var(--line);border-radius:999px}
.ag .p-story-txt h2,.ag .p-center h2{font-weight:400}
.ag .p-story-txt li{font-weight:500}
.ag-mq{padding-block:clamp(48px,6vw,80px);overflow:hidden;border-top:1px solid var(--line)}
.ag-mq-t{display:flex;gap:60px;width:max-content;animation:mq 40s linear infinite}
.ag-mq-t span{font:300 clamp(64px,10vw,150px)/1 var(--f-mono);letter-spacing:-.04em;color:#0B1620;white-space:nowrap}
.ag-dark{background:#0B141B!important;color:#fff}
.ag-dark .p-center p{color:#9DB1C0}.ag-dark .p-kick{color:#9DB1C0;border-color:rgba(255,255,255,.2)}
.ag-dark h2{color:#fff}
.ag .p-steps li{border-radius:24px;background:#F6FAFC;border:0}
.ag .p-steps li > span{background:#0EACE1;border-radius:50%}
.ag .p-steps h3,.ag .p-qs summary{font-family:var(--f);font-weight:500}
.ag .p-cta-in{background:#0B141B;position:relative;overflow:hidden;isolation:isolate}
.ag .p-cta-in h2{font-weight:400}
.ag .p-btn{border-radius:999px}
@media (max-width:900px){.ag-hero-in{grid-template-columns:minmax(0,1fr)}.ag .p-app{margin-top:-60px;width:96%}}
.ag-dark .bcard{color:var(--ink)}
.ag-tag{top:20px;left:20px;right:auto;bottom:auto}
.ag .p-shot .ag-wave{transform:scale(1.6)}
/* yazı tipi: Geist (referansa yakın) */
.ag{--f:"Geist","Inter",system-ui,sans-serif;--f-mono:"Geist Mono",ui-monospace,monospace;font-family:var(--f);letter-spacing:-.01em}
.ag h1,.ag h2,.ag h3,.ag .p-qs summary{font-family:"Geist","Inter",sans-serif;font-weight:400;letter-spacing:-.04em}
.ag-hero-in h1{font-weight:400;letter-spacing:-.06em;line-height:1}
.ag h2{letter-spacing:-.045em;line-height:1.08}
.ag .p-story-txt p,.ag .p-lede,.ag-hero-side p{font-weight:400;color:#5B6B78;letter-spacing:-.005em}
.ag .p-links .nav-link,.ag .p-link,.ag .btn{font-family:"Geist",sans-serif;font-weight:500;letter-spacing:-.01em}
.ag .p-stats b{font-family:"Geist",sans-serif;font-weight:300;letter-spacing:-.05em}
.ag-mq-t span{font-family:"Geist Mono",monospace;font-weight:300;letter-spacing:-.06em}
.ag .p-kick{font-family:"Geist Mono",monospace;font-size:12px;font-weight:400}
.ag .p-story-txt li,.ag .p-steps h3{font-weight:500}

/* ===== Aigency kompozisyonu (ana sayfa) ===== */
.a-page{--f:"Geist","Inter",system-ui,sans-serif;--bl:#1BA4E8;--dk:#0D1117;font-family:var(--f);background:#fff;color:#0D1117;letter-spacing:-.01em}
.a-page h1,.a-page h2,.a-page h3{font-family:var(--f);font-weight:400;letter-spacing:-.045em;color:inherit}
.a-page .grad{color:var(--bl)}
.a-page h2{font-size:clamp(34px,4.2vw,58px);line-height:1.05}
.a-pill{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--bl);color:#fff;font:500 14px/1 var(--f);text-decoration:none;border:0;cursor:pointer;transition:background .2s}
.a-pill:hover{background:#0B87C7}.a-pill .i{width:15px;height:15px}
.a-pill.ghost{background:#F1F4F7;color:#0D1117}.a-pill.ghost:hover{background:#E4E9EE}
.a-kick{display:inline-block;margin-bottom:18px;font:400 13px/1 "Geist Mono",monospace;color:#6B7785}
.a-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.a-art.big{animation:agw 16s ease-in-out infinite alternate}

.a-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.a-nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px}
.a-links{display:flex;gap:4px}
.a-links .nav-link{padding:8px 14px;border-radius:999px;font:500 13px/1 var(--f);text-transform:uppercase;letter-spacing:.02em;color:#3C4651;background:none;box-shadow:none}
.a-links .nav-link::after{display:none}
.a-links .nav-link.on,.a-links .nav-link:hover{background:var(--dk);color:#fff;box-shadow:none}
.a-logo img{height:24px}
.a-end{justify-self:end;display:flex;align-items:center;gap:10px}
.a-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#F1F4F7;color:#0D1117}.a-ico .i{width:16px;height:16px}

.a-hero{padding-top:clamp(40px,5vw,72px)}
.a-hero-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:end;margin-bottom:clamp(28px,3vw,44px)}
.a-hero h1{font-size:clamp(52px,7.6vw,118px);line-height:.95;letter-spacing:-.06em}
.a-hero-side{display:grid;gap:22px;justify-items:start;padding-bottom:12px}
.a-hero-side p{font-size:14.5px;line-height:1.6;color:#5B6672;max-width:34ch}
.a-banner{position:relative;height:clamp(240px,30vw,440px);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#F4FAFE,#DDF0FB)}
.a-cap{position:absolute;right:20px;bottom:20px;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff}
.a-cap b{display:block;font-size:14px;font-weight:500}.a-cap small{font-size:12px;color:#6B7785}
.a-dot{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#7FD3F7,#1BA4E8)}
.a-logos{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:40px 20px}
.a-logos span{font:600 clamp(16px,1.6vw,22px)/1 var(--f);letter-spacing:-.03em;color:#B9C2CB}

.a-sec{padding-block:clamp(72px,9vw,128px);scroll-margin-top:72px}
.a-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.a-two h2{margin-bottom:36px}
.a-svs{display:grid;gap:30px;padding-top:40px}
.a-sv{display:flex;gap:18px}
.a-sv > span{width:44px;height:44px;flex:none;border-radius:12px;display:grid;place-items:center;background:#E8F6FD;color:var(--bl)}.a-sv .i{width:20px;height:20px}
.a-sv h3{font-size:19px;font-weight:500;letter-spacing:-.02em;margin-bottom:4px}.a-sv p{font-size:14.5px;color:#5B6672;line-height:1.6}
.a-right{max-width:640px;margin:0 0 clamp(32px,4vw,52px) auto}

.a-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:14px}
.a-b{position:relative;overflow:hidden;isolation:isolate;border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;background:#EEF7FC}
.a-b.dark{background:var(--dk);color:#fff}
.a-b > div{position:relative;z-index:1;max-width:28ch}
.a-b h3{font-size:20px;font-weight:500;letter-spacing:-.03em}.a-b p{font-size:13.5px;line-height:1.5;opacity:.75}
.a-b .a-art{opacity:.95}.a-b .a-art.lt{opacity:.7}
.b1{grid-row:span 2}.b3{grid-column:span 2}.b5{grid-column:span 2}
.a-faces{display:flex;align-items:center;margin-top:10px}
.a-faces span{width:34px;height:34px;margin-left:-8px;border-radius:50%;border:2px solid var(--dk);display:grid;place-items:center;background:var(--a);color:#fff;font:600 11px/1 var(--f)}
.a-faces span:first-child{margin-left:0}.a-faces em{margin-left:10px;font-style:normal;font-size:13px;opacity:.7}
.b4{justify-content:space-between}
.b6{justify-content:space-between;background:#F4F6F8}
.a-big{font:300 64px/1 var(--f);letter-spacing:-.06em;color:var(--bl)}.b6 small{font-size:13px;color:#6B7785;margin-top:-6px}

.a-about p{font:400 clamp(28px,3.6vw,50px)/1.18 var(--f);letter-spacing:-.04em;max-width:24ch}
.a-about .w{color:#C9D0D6;transition:color .4s}.a-about .w.lit{color:#0D1117}.a-about .w.key.lit{color:var(--bl)}
.a-about{margin:0 0 clamp(56px,7vw,96px)}
.a-integ{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;padding-top:40px;border-top:1px solid #E6EAEE}
.a-it-h{font-size:17px;line-height:1.4}
.a-it{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.a-it b{display:block;font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px;color:var(--bl)}.a-it p{font-size:13.5px;color:#5B6672;line-height:1.55}

.a-mq{overflow:hidden;padding-block:clamp(36px,5vw,64px)}
.a-mq-t{display:flex;gap:80px;width:max-content;animation:mq 40s linear infinite}
.a-mq-t span{font:300 clamp(64px,10vw,150px)/1 "Geist Mono",monospace;letter-spacing:-.06em;white-space:nowrap}

.a-dark{background:var(--dk);color:#fff;padding-block:clamp(72px,9vw,120px);border-radius:32px 32px 0 0;scroll-margin-top:72px}
.a-dark-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:48px}
.a-num{display:block;font:300 clamp(72px,9vw,128px)/.9 var(--f);letter-spacing:-.06em;color:var(--bl)}
.a-dark-head small{font-size:13px;color:#8A96A3}
.a-hs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2A3340 transparent}
.a-fc{position:relative;isolation:isolate;overflow:hidden;height:340px;border-radius:22px;background:#151C25;padding:20px;display:flex;align-items:flex-end;scroll-snap-align:start}
.a-fc > div{position:relative;z-index:1;display:grid;gap:4px}
.a-fc small{font:400 12px/1 "Geist Mono",monospace;color:#7FD3F7}.a-fc h3{font-size:19px;font-weight:500}.a-fc p{font-size:13.5px;color:#A6B2BE}
.a-fc .a-art{opacity:.8}

.a-plans{display:grid;gap:14px;margin-top:clamp(36px,4vw,56px)}
.a-plan{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;align-items:center;gap:20px;padding:26px 28px;border-radius:22px;border:1px solid #E6EAEE}
.a-plan small{font:400 12px/1 "Geist Mono",monospace;color:#6B7785}.a-plan b{display:block;font:400 34px/1.1 var(--f);letter-spacing:-.05em;margin-top:6px}
.a-plan span{display:flex;align-items:center;gap:8px;font-size:14px;color:#3C4651}.a-plan span .i{width:16px;height:16px;color:var(--bl)}
.a-plan a{padding:10px 18px;border-radius:999px;background:#F1F4F7;color:#0D1117;font-size:13.5px;font-weight:500;text-decoration:none}
.a-plan.hot{background:linear-gradient(90deg,#E8F6FD,#fff 60%);border-color:#BFE3F7}.a-plan.hot a{background:var(--dk);color:#fff}

.a-quote h2{max-width:14ch;margin-left:auto;font-size:clamp(44px,6.4vw,96px);line-height:1;letter-spacing:-.06em}
.a-faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px)}
.a-q{border-top:1px solid #E6EAEE}.a-q:last-child{border-bottom:1px solid #E6EAEE}
.a-q summary{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:16px;padding:26px 0;cursor:pointer;list-style:none}
.a-q summary::-webkit-details-marker{display:none}
.a-q summary b{font:300 40px/1 var(--f);letter-spacing:-.05em}
.a-q summary span{font-size:19px;font-weight:500;letter-spacing:-.02em}
.a-q summary em{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bl);color:#fff;transition:transform .25s}
.a-q[open] summary em{transform:rotate(45deg)}
.a-q p{padding:0 0 24px 86px;color:#5B6672}

.a-contact{background:var(--dk);color:#fff;padding-block:clamp(72px,9vw,120px);border-radius:32px 32px 0 0}
.a-ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px)}
.a-contact .a-kick{color:#8A96A3}
.a-ci{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.a-ci small{display:block;font-size:12px;color:#8A96A3;margin-bottom:6px}.a-ci a,.a-ci span{color:#fff;text-decoration:none;font-size:15px}
.a-form{display:grid;gap:12px;padding:28px;border-radius:24px;background:#151C25}
.a-form b{font-size:20px;font-weight:500}.a-form p{font-size:14px;color:#A6B2BE;margin-bottom:6px}
.a-form input,.a-form textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid #2A3340;background:none;color:#fff;font:400 15px/1.4 var(--f);outline:0}
.a-form input:focus,.a-form textarea:focus{border-color:var(--bl)}
.a-form button{justify-self:start;margin-top:10px}
.a-page footer{background:var(--dk);color:#A6B2BE;border-top:1px solid #1E2731;overflow:hidden}
.a-page footer h2,.a-page footer h3,.a-page footer .mbx-quick,.a-page footer .mbx-head h3{color:#fff}
.a-page footer a{color:#C9D3DC}.a-page footer .mbx-group{border-color:#1E2731}.a-page footer .ff-bottom{border-color:#1E2731}
.a-page footer .logo img{filter:brightness(0) invert(1)}
.a-word{font:300 clamp(80px,16vw,260px)/.8 "Geist Mono",monospace;letter-spacing:-.07em;color:#1A222C;white-space:nowrap;text-align:center;padding-top:20px;user-select:none}
.a-page .sw-launch{background:var(--bl)}

@media (max-width:1000px){
  .a-nav-in{grid-template-columns:auto 1fr}.a-logo{grid-row:1;grid-column:1}.a-end{grid-column:2}
  .a-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;padding:12px 20px 18px;background:#fff;border-bottom:1px solid #E6EAEE}
  .a-nav.open .a-links{display:flex}.a-nav .nav-toggle{display:grid}
  .a-hero-top,.a-two,.a-integ,.a-dark-head,.a-faq,.a-ct{grid-template-columns:minmax(0,1fr)}
  .a-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b3,.b5{grid-column:span 2}
  .a-it{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-plan{grid-template-columns:1fr;gap:10px}
}
@media (max-width:640px){
  .a-bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:200px}.b1,.b3,.b5{grid-column:auto;grid-row:auto}
  .a-it,.a-ci{grid-template-columns:minmax(0,1fr)}
  .a-ico{display:none}
  .a-q summary{grid-template-columns:44px 1fr auto}.a-q summary b{font-size:28px}.a-q p{padding-left:60px}
}
.a-bento .b1{grid-row:auto}
.a-links .nav-link.on ~ .nav-link.on{background:var(--dk)}

/* ===== Aiero kompozisyonu ===== */
.r-page{--g1:#1BA4E8;--g2:#4C6BF5;--g3:#8A7CFF;--rg:linear-gradient(90deg,var(--g1),var(--g2) 55%,var(--g3))}
.r-gt{background:var(--rg);-webkit-background-clip:text;background-clip:text;color:transparent}
.r-page .a-pill{background:var(--rg)}.r-page .a-pill.ghost{background:#F1F4F8}
.r-hero{padding-top:clamp(36px,5vw,64px);background:radial-gradient(60% 50% at 80% 0%,#E9ECFF,transparent 70%),radial-gradient(50% 40% at 0% 30%,#E5F4FD,transparent 70%)}
.r-hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.r-hero h1{font-size:clamp(46px,6.4vw,100px);line-height:.98;letter-spacing:-.06em}
.r-round{flex:none;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid #D7DEE6;font-size:14px;font-weight:500;color:#0D1117;text-decoration:none;transition:background .3s,color .3s;animation:spin 18s linear infinite paused}
.r-round:hover{background:#0D1117;color:#fff}
.r-trio{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;height:clamp(320px,30vw,400px)}
.r-trio article{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;padding:24px}
.r-t1{background:#0D1117;color:#fff;display:flex;flex-direction:column;gap:12px}
.r-chips{display:flex;gap:6px}.r-chips em{font-style:normal;font-size:11.5px;padding:5px 10px;border-radius:999px;background:#1C2430;color:#B8C3CF}
.r-t1 h3{font-size:28px;font-weight:400;line-height:1.1;margin-top:auto}
.r-t1 p{font-size:13.5px;color:#9FAABB}
.r-t1 a{color:#fff;font-size:13.5px;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.r-t1 a .i{width:14px;height:14px}
.r-faces{display:flex;align-items:center;padding-top:12px;border-top:1px solid #1C2430}
.r-faces span{width:30px;height:30px;margin-left:-6px;border-radius:50%;border:2px solid #0D1117;display:grid;place-items:center;background:var(--a);color:#fff;font:600 10px/1 var(--f)}.r-faces span:first-child{margin-left:0}
.r-faces small{margin-left:10px;font-size:12px;color:#9FAABB}
.r-t2{background:linear-gradient(140deg,#4C6BF5,#8A7CFF);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.r-t2 .a-art{opacity:.45;mix-blend-mode:screen}
.r-t2 b{position:relative;font:300 clamp(64px,7vw,110px)/.9 var(--f);letter-spacing:-.06em}
.r-t2 small,.r-t2 p{position:relative}.r-t2 small{font-size:14px;opacity:.85}.r-t2 p{font-size:13.5px;opacity:.8;max-width:30ch;margin-top:10px}
.r-t3{background:#EEF4FF}
.r-cap{position:absolute;left:16px;bottom:16px;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;font-size:13.5px}.r-cap small{color:#6B7785}
.r-state{padding-block:clamp(72px,9vw,120px) 0}
.r-state h2{font-size:clamp(34px,4.4vw,64px);line-height:1.08;letter-spacing:-.05em;max-width:20ch;margin-left:auto}
.r-head{display:grid;grid-template-columns:1.2fr 1fr auto;gap:30px;align-items:end;margin-bottom:40px}.r-head p{font-size:14.5px;color:#5B6672}
.r-fcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.r-fc{position:relative;overflow:hidden;isolation:isolate;height:360px;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.r-fc .a-art{opacity:.55}
.c1{background:linear-gradient(160deg,#1BA4E8,#0B5FA8)}.c2{background:linear-gradient(160deg,#6A7BFF,#3B3FB8)}.c3{background:#0D1117}.c4{background:linear-gradient(160deg,#8A7CFF,#4C6BF5)}
.r-ic{position:relative;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.15)}.r-ic .i{width:20px;height:20px}
.r-fc > div{position:relative}.r-fc h3{font-size:22px;font-weight:400;letter-spacing:-.03em}.r-fc p{font-size:13.5px;opacity:.8;margin-top:6px}
.r-go{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0D1117}.r-go .i{width:15px;height:15px;transform:rotate(-45deg)}
.r-chan{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;margin-top:14px;padding:26px 30px;border-radius:24px;background:#0D1117;color:#fff}
.r-chan b{font-weight:400;font-size:18px;line-height:1.3}
.r-chan > div{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}
.r-chan span{display:grid;justify-items:center;gap:8px}.r-chan span .i{width:44px;height:44px;padding:11px;border-radius:50%;background:var(--rg);color:#fff}.r-chan small{font-size:12px;color:#9FAABB}
.r-usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:48px;padding-top:30px;border-top:1px solid #E6EAEE}
.r-usp b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;margin-bottom:10px}.r-usp b .i{width:18px;height:18px;color:var(--g2)}.r-usp p{font-size:14px;color:#5B6672}
.r-brand{padding-block:clamp(72px,9vw,120px);background:linear-gradient(180deg,#fff,#EEF1FF 60%,#fff);overflow:hidden}
.r-brand-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.r-outline{position:relative;font:200 clamp(140px,22vw,320px)/.85 var(--f);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #8E9BFF}
.r-outline span{position:absolute;left:30%;top:100%;width:clamp(90px,12vw,160px);aspect-ratio:1;border-radius:50%;border:1.5px solid #8E9BFF}
.r-brand-txt{display:grid;gap:16px}.r-brand-txt h3{font-size:clamp(26px,2.6vw,36px);font-weight:400;letter-spacing:-.04em}.r-brand-txt p{font-size:15px;color:#5B6672}
.r-bt{display:flex;align-items:center;gap:30px;margin-top:10px}
.r-13{font:300 54px/1 var(--f);letter-spacing:-.06em;background:var(--rg);-webkit-background-clip:text;background-clip:text;color:transparent}.r-13 small{display:block;font-size:12px;letter-spacing:0;color:#6B7785;-webkit-text-fill-color:#6B7785}
.r-dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}
.r-bands{display:grid;gap:14px}
.r-band{position:relative;overflow:hidden;isolation:isolate;height:150px;border-radius:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 28px;color:#fff;text-decoration:none;background:linear-gradient(100deg,#1B2C5C,#3B4FD8 60%,#8A7CFF)}
.r-band:nth-child(2){background:linear-gradient(100deg,#0B3E6B,#1BA4E8 70%,#7FD3F7)}
.r-band:nth-child(3){background:linear-gradient(100deg,#171C3A,#4C6BF5 60%,#6A7BFF)}
.r-band:nth-child(4){background:linear-gradient(100deg,#0F3550,#2B7FD6 60%,#8A7CFF)}
.r-band .a-art{opacity:.5;mix-blend-mode:screen}
.r-band-t{position:relative;font-size:clamp(18px,2vw,26px);letter-spacing:-.03em;max-width:30ch}
.r-band-go{position:relative;display:inline-flex;gap:6px;align-items:center;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px;white-space:nowrap}.r-band-go .i{width:14px;height:14px}
.r-band:hover .r-band-go{background:#fff;color:#0D1117}
.r-cta{padding-block:clamp(64px,8vw,110px);background:#0D1117;color:#fff}
.r-cta-in{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.r-cta h2{font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.06em}
.r-page .a-contact{border-radius:32px 32px 0 0}
@media (max-width:1000px){
  .r-trio{grid-template-columns:1fr 1fr;height:auto}.r-trio article{min-height:300px}.r-t3{grid-column:span 2}
  .r-head{grid-template-columns:1fr}.r-fcs,.r-usp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-chan{grid-template-columns:1fr}.r-brand-in{grid-template-columns:1fr}.r-dhead,.r-cta-in{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .r-hero-top{flex-direction:column;align-items:flex-start}.r-round{width:100px;height:100px}
  .r-trio,.r-fcs,.r-usp{grid-template-columns:minmax(0,1fr)}.r-t3{grid-column:auto}
  .r-band{height:auto;min-height:140px;flex-direction:column;align-items:flex-start}
}
.r-t2 b,.r-t2 .stat{color:#fff!important}

/* header (Aiero tarzı) */
.h2-nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(13,17,23,.06)}
.h2-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:20px}
.h2-nav .logo img{height:24px}
.h2-links{display:flex;gap:2px;padding:4px;border-radius:999px;background:#F2F4F7}
.h2-links .nav-link{padding:9px 16px;border-radius:999px;font:500 13.5px/1 var(--f);letter-spacing:-.01em;text-transform:none;color:#4A5563;background:none;box-shadow:none}
.h2-links .nav-link::after{display:none}
.h2-links .nav-link:hover{color:#0D1117;background:#fff;box-shadow:none}
.h2-links .nav-link.on{color:#fff;background:#0D1117;box-shadow:none}
.h2-end{justify-self:end;display:flex;align-items:center;gap:8px}
.h2-ico{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid #E3E7EC;color:#0D1117;transition:border-color .2s}
.h2-ico:hover{border-color:#0D1117}.h2-ico .i{width:16px;height:16px}
.h2-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;background:#0D1117;color:#fff;font:500 14px/1 var(--f);text-decoration:none;transition:background .2s}
.h2-btn:hover{background:#4C6BF5}.h2-btn .i{width:14px;height:14px}
.h2-nav .nav-toggle{background:#F2F4F7}.h2-nav .nav-toggle span{background:#0D1117}
@media (max-width:1000px){
  .h2-in{grid-template-columns:auto 1fr}
  .h2-links{display:none;position:absolute;left:16px;right:16px;top:calc(100% + 8px);flex-direction:column;padding:8px;border-radius:20px;background:#fff;border:1px solid #E3E7EC}
  .h2-links .nav-link{padding:14px 16px;font-size:15px}
  .h2-nav.open .h2-links{display:flex}
  .h2-nav .nav-toggle{display:grid}
  .h2-end{grid-column:2}
}
@media (max-width:520px){.h2-ico{display:none}.h2-btn{padding:0 14px;font-size:13px}.h2-btn .i{display:none}}

/* ===== tek yazı tipi (Geist) + koyu alan yok ===== */
.r-page,.r-page *:not(svg):not(use){font-family:"Geist",system-ui,sans-serif!important}
.r-page .a-kick,.r-page .a-mq-t span,.r-page .a-word,.r-page .a-fc small,.r-page .a-plan small{font-family:"Geist",system-ui,sans-serif!important}
.r-page .a-kick{font-size:13px;font-weight:500;color:#4C6BF5}
.r-page .a-mq-t span{font-weight:300;letter-spacing:-.06em;color:#C9D0FF}
.r-page{--dk:#F3F5FA}
.r-page .r-t1{background:#F3F5FA;color:#0D1117}
.r-page .r-chips em{background:#fff;color:#4A5563}
.r-page .r-t1 p,.r-page .r-faces small{color:#5B6672}
.r-page .r-t1 a{color:#4C6BF5}
.r-page .r-faces{border-color:#E3E7EC}.r-page .r-faces span{border-color:#F3F5FA}
.r-page .c3{background:linear-gradient(160deg,#5CC0E4,#1BA4E8)}
.r-page .r-chan{background:#F3F5FA;color:#0D1117}.r-page .r-chan small{color:#5B6672}
.r-page .a-dark,.r-page .r-dark{background:linear-gradient(180deg,#F3F5FA,#EEF1FF);color:#0D1117}
.r-page .a-dark h2{color:#0D1117}
.r-page .r-band{background:linear-gradient(100deg,#4C6BF5,#8A7CFF)}
.r-page .r-band:nth-child(2){background:linear-gradient(100deg,#1BA4E8,#7FD3F7)}
.r-page .r-band:nth-child(3){background:linear-gradient(100deg,#3B82F6,#6A7BFF)}
.r-page .r-band:nth-child(4){background:linear-gradient(100deg,#2B9FE0,#8A7CFF)}
.r-page .a-contact{background:#F3F5FA;color:#0D1117}
.r-page .a-contact .a-ci a,.r-page .a-contact .a-ci span{color:#0D1117}.r-page .a-ci small{color:#6B7785}
.r-page .a-form{background:#fff;border:1px solid #E3E7EC}.r-page .a-form p{color:#5B6672}
.r-page .a-form input,.r-page .a-form textarea{color:#0D1117;border-color:#E3E7EC}
.r-page .r-cta{background:#fff;color:#0D1117}
.r-page footer{background:#fff;color:#5B6672;border-top:1px solid #E3E7EC}
.r-page footer h2,.r-page footer h3,.r-page footer .mbx-quick,.r-page footer .mbx-head h3{color:#0D1117}
.r-page footer a{color:#3C4651}.r-page footer .mbx-group,.r-page footer .ff-bottom{border-color:#E3E7EC}
.r-page footer .logo img{filter:none}
.r-page .a-word{color:#EEF1FF}
.r-page .h2-btn{background:linear-gradient(90deg,#1BA4E8,#4C6BF5)}
.r-page .h2-links .nav-link.on{background:#fff;color:#4C6BF5}
.r-page .r-round:hover{background:#4C6BF5;color:#fff}
@media (max-width:1000px){.h2-in{grid-template-columns:1fr auto}}
@media (max-width:520px){.h2-nav .logo img{height:20px}.h2-end{gap:6px}}

/* ===== uyumlu palet: ana + yardımcı renkler ===== */
.r-page{--pb:#1BA4E8;--pi:#5B6CF0;--pv:#8A7CFF;--pm:#1FBFA0;--ps:#F5A524;
--tb:#E8F5FD;--ti:#EEF0FF;--tv:#F3F0FF;--tm:#E5F7F2;--ts:#FFF4E2}
.r-page footer .mbx-label{font-size:11.5px!important;font-weight:600;letter-spacing:.12em}
.r-hero{background:radial-gradient(45% 45% at 85% 5%,#EDEBFF,transparent 70%),radial-gradient(40% 40% at 5% 35%,#E3F6F1,transparent 70%)}
.r-page .r-t1{background:var(--tm)}
.r-page .r-t1 a{color:#0E8F78}
.r-page .r-chips em{color:#0E8F78}
.r-t3{background:var(--tb)}
.r-page .r-fc{color:#0D1117}
.r-page .r-fc .a-art{opacity:.35}
.r-page .c1{background:var(--tb)}.r-page .c2{background:var(--ti)}.r-page .c3{background:var(--tm)}.r-page .c4{background:var(--ts)}
.r-page .r-fc p{opacity:1;color:#4A5563}
.r-page .r-ic{background:#fff}
.r-page .c1 .r-ic{color:var(--pb)}.r-page .c2 .r-ic{color:var(--pi)}.r-page .c3 .r-ic{color:var(--pm)}.r-page .c4 .r-ic{color:var(--ps)}
.r-page .r-go{background:#0D1117;color:#fff}
.r-page .r-chan span:nth-child(6n+1) .i{background:var(--pb)}.r-page .r-chan span:nth-child(6n+2) .i{background:var(--pm)}.r-page .r-chan span:nth-child(6n+3) .i{background:var(--pi)}
.r-page .r-chan span:nth-child(6n+4) .i{background:var(--pv)}.r-page .r-chan span:nth-child(6n+5) .i{background:var(--ps)}.r-page .r-chan span:nth-child(6n) .i{background:var(--pb)}
.r-page .r-usp > div:nth-child(1) .i{color:var(--pb)}.r-page .r-usp > div:nth-child(2) .i{color:var(--pm)}.r-page .r-usp > div:nth-child(3) .i{color:var(--pi)}.r-page .r-usp > div:nth-child(4) .i{color:var(--ps)}
.r-page .r-outline{-webkit-text-stroke-color:#A9B2FF}.r-page .r-outline span{border-color:var(--pm)}
.r-page .r-band{background:linear-gradient(100deg,#1BA4E8,#5B6CF0)}
.r-page .r-band:nth-child(2){background:linear-gradient(100deg,#1FBFA0,#1BA4E8)}
.r-page .r-band:nth-child(3){background:linear-gradient(100deg,#5B6CF0,#8A7CFF)}
.r-page .r-band:nth-child(4){background:linear-gradient(100deg,#8A7CFF,#F5A524 140%)}
.r-page .a-kick{color:var(--pi)}
.r-page .a-mq-t span{color:#D9DEFF}
.r-page .a-word{color:#EEF0FF}
.r-page .a-q summary em{background:var(--pm)}
.r-page .a-contact{background:var(--ti)}
.r-page .r-go{background:#fff;color:var(--pi)}

/* ===== Apple tarzı kaydırmalı vitrin ===== */
.sx{position:relative;height:calc(100vh * 4.2)}
.sx-pin{position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;display:flex;flex-direction:column}
.sx-top{display:flex;align-items:center;gap:24px;padding-top:22px}
.sx-top .a-kick{margin:0;white-space:nowrap}
.sx-bar{flex:1;height:3px;border-radius:3px;background:#E8EBF5;overflow:hidden}
.sx-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1BA4E8,#5B6CF0,#8A7CFF)}
.sx-track{flex:1;display:flex;will-change:transform}
.sx-p{flex:0 0 100vw;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,4vw,64px);padding:24px max(24px,calc((100vw - var(--wrap))/2 + 40px))}
.sx-txt{display:grid;gap:18px;opacity:.25;transform:translateY(30px);transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1)}
.sx-p.on .sx-txt{opacity:1;transform:none}
.sx-n{font-size:13px;font-weight:500;color:#5B6CF0}
.sx-txt h2{font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.055em}
.sx-txt p{font-size:clamp(16px,1.3vw,19px);color:#5B6672;max-width:36ch}
.sx-vis{position:relative;height:min(64vh,560px);border-radius:32px;padding:clamp(20px,2.4vw,32px);display:grid;place-items:center;transform:scale(.88) translateX(8%);opacity:.4;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}
.sx-p.on .sx-vis{transform:none;opacity:1}
.tm .sx-vis{background:var(--tm)}.ti .sx-vis{background:var(--ti)}.tv .sx-vis{background:var(--tv)}.ts .sx-vis{background:var(--ts)}
.sx-board .board{width:100%;height:100%;min-height:0}
.sx-poll .poll{width:min(100%,520px);background:#fff;padding:28px;border-radius:24px;transform:scale(1.15)}
.sx-react .reactbox{width:min(100%,560px);height:100%}
.sx-react .react-stage{height:calc(100% - 70px)}
.sx-react .react-bar{transform:scale(1.4);transform-origin:center bottom}
.sx-ai{width:min(100%,520px);background:#fff;border-radius:24px;padding:28px;display:grid;gap:12px}
.sx-ai-h{display:flex;justify-content:space-between;align-items:center}.sx-ai-h b{display:flex;gap:8px;align-items:center;font-weight:500;font-size:19px}.sx-ai-h b .i{width:20px;height:20px;color:#8A7CFF}.sx-ai-h em{font-style:normal;font-size:12.5px;color:#8B95A1}
.sx-ai p{color:#4A5563}
.sx-ai-k{margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8B95A1}
.sx-ai span{display:flex;align-items:center;gap:10px;font-size:15px}
.sx-ai span .i{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--tm);color:#1FBFA0;stroke-width:2.6}
.sx-ai span i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:#fff;font:600 9.5px/1 var(--f);font-style:normal}
@media (max-width:900px){
  .sx{height:auto}.sx-pin{position:static;height:auto}.sx-top{display:none}
  .sx-track{flex-direction:column;transform:none!important}
  .sx-p{flex:none;grid-template-columns:minmax(0,1fr);padding:56px 20px}
  .sx-txt,.sx-vis{opacity:1;transform:none}
  .sx-vis{height:420px}
}
@media (prefers-reduced-motion:reduce){.sx-txt,.sx-vis{opacity:1;transform:none}}

/* ===== sade palet: en fazla 4 renk (mavi #008FBE, mürekkep #0D1117, açık mavi #EAF5FB, beyaz) ===== */
.r-page{--pb:#008FBE;--pi:#008FBE;--pv:#008FBE;--pm:#008FBE;--ps:#008FBE;--tb:#EAF5FB;--ti:#EAF5FB;--tv:#EAF5FB;--tm:#EAF5FB;--ts:#EAF5FB;--rg:#008FBE;--bl:#008FBE}
.r-page .r-gt,.r-page .r-13{background:none!important;-webkit-text-fill-color:#008FBE;color:#008FBE}
.r-page .r-13 small{-webkit-text-fill-color:#5B6672}
.r-page .grad{color:#008FBE}
.r-page .a-pill,.r-page .h2-btn{background:#008FBE!important}
.r-page .a-pill.ghost{background:#EAF5FB!important;color:#0D1117}
.r-page .a-pill:hover,.r-page .h2-btn:hover{background:#0D1117!important}
.r-hero,.r-brand,.r-page .a-dark,.r-page .r-dark{background:#fff!important}
.r-page .r-t1,.r-page .r-t3,.r-page .r-fc,.r-page .r-chan,.r-page .a-contact{background:#EAF5FB!important}
.r-page .r-t2{background:#008FBE!important}
.r-page .r-t1 a,.r-page .r-chips em,.r-page .a-kick,.r-page .sx-n,.r-page .r-fc .r-ic,.r-page .r-go{color:#008FBE!important}
.r-page .r-chan span .i,.r-page .a-q summary em{background:#008FBE!important}
.r-page .r-usp .i{color:#008FBE!important}
.r-page .r-faces span{background:#008FBE!important}
.r-page .r-band{background:#008FBE!important}
.r-page .r-band:nth-child(even){background:#EAF5FB!important;color:#0D1117}
.r-page .r-band:nth-child(even) .r-band-go{background:#fff}
.r-page .r-band .a-art{mix-blend-mode:normal;opacity:.35}
.r-page .r-outline{-webkit-text-stroke-color:#008FBE}.r-page .r-outline span{border-color:#008FBE}
.r-page .a-mq-t span,.r-page .a-word{color:#EAF5FB}
.r-page .sx-bar{background:#EAF5FB}.r-page .sx-bar i{background:#008FBE}
.r-page .sx-vis{background:#EAF5FB!important}
.r-page .sx-ai-h b .i,.r-page .sx-ai span .i{color:#008FBE}.r-page .sx-ai span .i{background:#fff}
.r-page .sx-ai span i{background:#008FBE}
.r-page .a-dot{background:#008FBE}
.r-page .h2-links .nav-link.on{color:#008FBE}
.sx-top{display:flex!important;justify-content:flex-start;width:100%}
.sx-bar{flex:1 1 auto;min-width:200px;height:4px}
.r-page .sx-board .sw-c:nth-child(2),.r-page .sx-board .sw-c:nth-child(3){display:none}

/* özellik kartı görselleri */
.r-page .r-fc{height:400px;justify-content:flex-end;gap:14px}
.r-page .r-fc .r-ic{position:absolute;left:22px;top:22px}
.fv{position:absolute;left:22px;right:22px;top:80px;height:170px;display:grid;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.r-fc:hover .fv{transform:translateY(-6px)}
.fv-card{width:100%;background:#fff;border-radius:16px;padding:14px;display:grid;gap:8px;font-size:12px}
.fv small{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:#008FBE}.fv small .i{width:13px;height:13px}
.fv .i{width:13px;height:13px;flex:none}
.fv-in{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #DCE9F1;border-radius:9px;color:#5B6672}
.fv-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:9px;background:#008FBE;color:#fff;font-weight:500}
.fv-line{height:7px;border-radius:4px;background:#EAF5FB}.fv-line.w1{width:90%}.fv-line.w2{width:65%}
.fv-chk{display:flex;align-items:center;gap:6px;color:#0D1117}.fv-chk .i{color:#008FBE}
.fv-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #EAF5FB;color:#0D1117}
.fv-row i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#008FBE;color:#fff;font:600 9px/1 var(--f);font-style:normal}
.fv-row.g i{background:#EAF5FB;color:#008FBE}
.fv-row em{margin-left:auto;font-style:normal;padding:3px 8px;border-radius:6px;background:#008FBE;color:#fff;font-size:10.5px}
.fv-srv{grid-template-rows:auto auto auto;gap:8px;place-items:stretch}
.fv-rack{display:grid;gap:6px;padding:10px;border-radius:14px;background:#fff}
.fv-rack span{display:flex;align-items:center;gap:8px;height:22px;padding:0 10px;border-radius:6px;background:#EAF5FB}
.fv-rack i{width:6px;height:6px;border-radius:50%;background:#008FBE;animation:livedot 1.6s infinite}
.fv-rack span:nth-child(2) i{animation-delay:-.5s}.fv-rack span:nth-child(3) i{animation-delay:-1s}
.fv-rack b{flex:1;height:4px;border-radius:2px;background:#fff}
.fv-lbl{display:flex;align-items:center;gap:6px;justify-content:center;font-size:12px;font-weight:500;color:#008FBE}
.fv-out{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:#5B6672}
.fv-out s{width:22px;height:2px;background:repeating-linear-gradient(90deg,#0D1117 0 3px,transparent 3px 6px);text-decoration:none;opacity:.4}
.r-page .r-fc > .fv{position:absolute}
.fv{top:76px;height:auto;bottom:130px}

/* avantajlar: genişleyen paneller */
.ux-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.ux-head p{color:#5B6672;font-size:14px}
.ux-row{display:flex;gap:12px;height:440px}
.ux{position:relative;flex:1;min-width:0;overflow:hidden;border:0;border-radius:28px;background:#EAF5FB;color:#0D1117;cursor:pointer;text-align:left;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;font:inherit;transition:flex .6s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}
.ux.on{flex:2.6;background:#008FBE;color:#fff}
.ux-n{position:absolute;top:24px;left:26px;font-size:13px;font-weight:500;opacity:.6}
.ux-ic{position:absolute;top:20px;right:20px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#008FBE}.ux-ic .i{width:22px;height:22px}
.ux-big{font:300 clamp(48px,6vw,96px)/.9 var(--f);letter-spacing:-.06em;white-space:nowrap;transition:font-size .5s}
.ux:not(.on) .ux-big{font-size:clamp(34px,3vw,48px)}
.ux-t{font-size:18px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.ux-d{max-width:38ch;font-size:15px;line-height:1.55;opacity:0;max-height:0;transition:opacity .4s .15s,max-height .5s}
.ux.on .ux-d{opacity:.9;max-height:120px}
@media (max-width:900px){.ux-row{flex-direction:column;height:auto}.ux,.ux.on{flex:none;min-height:200px}.ux .ux-d{opacity:.9;max-height:none}.ux-t{white-space:normal}}

/* kullanım alanları: üst üste binen büyük kartlar */
.uc-stack{display:grid;gap:24px}
.uc{position:sticky;top:calc(96px + var(--i) * 18px);min-height:min(72vh,560px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px);border-radius:36px;background:#008FBE;color:#fff;border:1px solid rgba(255,255,255,.2)}
.uc.alt{background:#EAF5FB;color:#0D1117;border-color:#D5E9F3}
.uc-l{display:grid;gap:18px;justify-items:start}
.uc-n{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;opacity:.85}.uc-n .i{width:16px;height:16px}
.uc h3{font-size:clamp(38px,4.6vw,68px);font-weight:400;line-height:1;letter-spacing:-.055em}
.uc p{font-size:clamp(16px,1.3vw,19px);line-height:1.55;max-width:40ch;opacity:.9}
.uc-tags{display:flex;flex-wrap:wrap;gap:8px}
.uc-tags em{font-style:normal;font-size:13.5px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.16)}
.uc.alt .uc-tags em{background:#fff}
.uc-l a{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:13px 20px;border-radius:999px;background:#fff;color:#0D1117;font-size:14.5px;font-weight:500;text-decoration:none}
.uc.alt .uc-l a{background:#008FBE;color:#fff}.uc-l a .i{width:15px;height:15px}
.uc-r{display:grid;place-items:center}
.uc-ui{width:min(100%,440px);background:#fff;color:#0D1117;border-radius:24px;padding:24px;display:grid;gap:12px;transform:rotate(-2deg)}
.uc.alt .uc-ui{transform:rotate(2deg)}
.uc-ui b{font-size:17px;font-weight:500;padding-bottom:6px}
.uc-ui span{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#EAF5FB;font-size:15px}
.uc-ui span .i{width:18px;height:18px;color:#008FBE;flex:none}
.uc-ui span i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#008FBE;color:#fff;font:600 10.5px/1 var(--f);font-style:normal}
.uc-ui em{margin-left:auto;font-style:normal;font-size:12.5px;padding:5px 11px;border-radius:8px;background:#008FBE;color:#fff}
.uc-ui .bar{position:relative;overflow:hidden;isolation:isolate}
.uc-ui .bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#BFE3F2;z-index:-1}
@media (max-width:900px){.uc{position:relative;top:auto;grid-template-columns:minmax(0,1fr);min-height:0}.uc-ui,.uc.alt .uc-ui{transform:none}}

/* iletişim: cümle formu */
.ct{padding-block:clamp(80px,10vw,140px);background:#EAF5FB;border-radius:40px 40px 0 0}
.ct-h{font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.06em;max-width:16ch;margin-bottom:clamp(36px,4vw,56px)}
.ct-form{display:grid;gap:22px;padding:clamp(28px,4vw,56px);border-radius:32px;background:#fff}
.ct-line{font:300 clamp(24px,2.8vw,42px)/1.35 var(--f);letter-spacing:-.04em;color:#0D1117}
.ct-line input{font:inherit;letter-spacing:inherit;color:#008FBE;border:0;border-bottom:2px solid #BFE3F2;background:none;outline:0;padding:0 2px;min-width:6ch;transition:border-color .2s}
.ct-line input::placeholder{color:#9CCBE0}
.ct-line input:focus{border-color:#008FBE}
.ct-chips{display:flex;flex-wrap:wrap;gap:10px}
.ct-chips button{padding:14px 22px;border-radius:999px;border:1.5px solid #D5E9F3;background:#fff;font:400 clamp(15px,1.3vw,18px)/1 var(--f);color:#0D1117;cursor:pointer;transition:all .2s}
.ct-chips button:hover{border-color:#008FBE}
.ct-chips button.on{background:#008FBE;border-color:#008FBE;color:#fff}
.ct-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:10px}
.ct-send{display:inline-flex;align-items:center;gap:14px;padding:10px 10px 10px 28px;border:0;border-radius:999px;background:#0D1117;color:#fff;font:500 18px/1 var(--f);cursor:pointer}
.ct-send span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#008FBE;transition:transform .3s}
.ct-send:hover span{transform:rotate(-45deg)}.ct-send .i{width:18px;height:18px}
.ct-foot small{color:#5B6672;font-size:14px}
.ct-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.ct-c{display:grid;gap:6px;padding:26px;border-radius:24px;background:#fff;color:#0D1117;text-decoration:none;transition:transform .3s}
a.ct-c:hover{transform:translateY(-4px)}
.ct-c span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#EAF5FB;color:#008FBE;margin-bottom:10px}.ct-c .i{width:18px;height:18px}
.ct-c small{font-size:13px;color:#5B6672}.ct-c b{font-size:clamp(17px,1.6vw,22px);font-weight:400;letter-spacing:-.03em}
@media (max-width:760px){.ct-cards{grid-template-columns:minmax(0,1fr)}.ct-line input{max-width:100%}}
.ct-line input{width:auto}
/* özellik kartları: daha ferah */
.r-page .r-fc{background:#fff!important;border:1px solid #E3EDF3;transition:border-color .3s,transform .3s}
.r-page .r-fc:hover{border-color:#9FD3EA;transform:translateY(-4px)}
.r-page .r-fc .r-ic{background:#F4F9FC}
.r-page .r-go{background:#F4F9FC!important}
.r-page .fv-card,.r-page .fv-rack{background:#F7FAFC;border:1px solid #EAF1F5}
.r-page .fv-rack span,.r-page .fv-line{background:#E8F1F6}
.r-page .fv-rack b{background:#fff}
.r-page .fv-row{border-color:#EAF1F5}
.r-page .r-chan{background:#fff!important;border:1px solid #E3EDF3}

/* ===== mavi azaltıldı: yüzeyler nötr, mavi yalnızca vurgu ===== */
.r-page{--tb:#F5F7F9;--ti:#F5F7F9;--tv:#F5F7F9;--tm:#F5F7F9;--ts:#F5F7F9}
.r-page .r-t1,.r-page .r-t3,.r-page .sx-vis,.r-page .ct,.r-page .a-contact{background:#F5F7F9!important}
.r-page .r-t2{background:#F5F7F9!important;color:#0D1117}
.r-page .r-t2 b,.r-page .r-t2 .stat{color:#008FBE!important}
.r-page .r-t2 small,.r-page .r-t2 p{color:#5B6672;opacity:1}
.r-page .r-t2 .a-art,.r-page .r-t3 .a-art{opacity:.35;mix-blend-mode:normal}
.r-page .a-banner{background:#F5F7F9}
.r-page .uc,.r-page .uc.alt{background:#F5F7F9;color:#0D1117;border-color:#E8ECF0}
.r-page .uc-tags em{background:#fff}
.r-page .uc-l a{background:#0D1117;color:#fff}
.r-page .uc-ui span{background:#F5F7F9}
.r-page .uc-ui .bar::before{background:#D6ECF5}
.r-page .ux{background:#F5F7F9}
.r-page .ux.on{background:#fff;color:#0D1117;box-shadow:inset 0 0 0 1.5px #0D1117}
.r-page .ux.on .ux-big{color:#008FBE}
.r-page .ux-ic{background:#fff;box-shadow:inset 0 0 0 1px #E8ECF0}
.r-page .a-q summary em{background:#F5F7F9!important;color:#0D1117}
.r-page .a-pill.ghost{background:#F5F7F9!important}
.r-page .r-faces span{background:#5B6672!important}
.r-page .r-chips em{color:#5B6672!important}
.r-page .fv-btn,.r-page .fv-row em{background:#0D1117}
.r-page .fv-row i,.r-page .uc-ui span i,.r-page .uc-ui em,.r-page .sx-ai span i{background:#5B6672!important}
.r-page .ct-line input{color:#0D1117;border-bottom-color:#D5DCE3}.r-page .ct-line input::placeholder{color:#A4AFBA}.r-page .ct-line input:focus{border-color:#008FBE}
.r-page .ct-chips button{border-color:#E1E6EB}.r-page .ct-chips button.on{background:#0D1117;border-color:#0D1117}
.r-page .ct-c span{background:#F5F7F9}
.r-page .a-mq-t span{color:#EEF1F4}
.r-page .r-outline{-webkit-text-stroke-color:#C9D2DA}.r-page .r-outline span{border-color:#C9D2DA}
.r-page .h2-btn,.r-page .a-pill{background:#0D1117!important}
.r-page .h2-btn:hover,.r-page .a-pill:hover{background:#008FBE!important}

/* ===== hero: açık tema ürün ekranı ===== */
.hx{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(56px,7vw,96px);background:#fff!important}
.hx-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.hx h1{font-size:clamp(46px,6.2vw,96px);line-height:.98;letter-spacing:-.06em}
.hx-side{display:grid;gap:22px;padding-bottom:8px}
.hx-side p{font-size:16px;line-height:1.6;color:#5B6672}
.hx-btns{display:flex;flex-wrap:wrap;gap:10px}.hx-btns .a-pill{padding:14px 22px;font-size:15px}
.hx-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:#5B6672}
.hx-trust li{display:inline-flex;align-items:center;gap:6px}.hx-trust .i{width:14px;height:14px;color:#008FBE;stroke-width:2.6}
.hx-stage{position:relative;padding:clamp(18px,3vw,40px);border-radius:36px;background:#F5F7F9}
.hx-app{border-radius:22px;background:#fff;border:1px solid #E6EBEF;overflow:hidden}
.hx-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid #EEF1F4;font-size:13.5px}
.hx-dots{display:flex;gap:6px}.hx-dots i{width:10px;height:10px;border-radius:50%;background:#E3E8EC}
.hx-bar b{display:inline-flex;align-items:center;gap:7px;font-weight:500}.hx-bar b .i{width:14px;height:14px;color:#008FBE}
.hx-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#FDECEC;color:#C8343A;font-size:12px;font-weight:500}
.hx-live i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:livedot 1.2s infinite}
.hx-ppl{margin-left:auto;display:flex;align-items:center;font-size:12.5px;color:#5B6672}
.hx-ppl em{width:26px;height:26px;margin-left:-6px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:#5B6672;color:#fff;font:600 9.5px/1 var(--f);font-style:normal}
.hx-ppl em:first-child{margin-left:0;background:#008FBE}.hx-ppl em:last-of-type{margin-right:8px}
.hx-body{display:grid;grid-template-columns:minmax(0,1fr) 290px}
.hx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}
.hv{position:relative;aspect-ratio:16/10.5;border-radius:14px;background:linear-gradient(160deg,#EEF2F5,#E3E9EE);display:grid;place-items:center;transition:box-shadow .4s}
.hv.sp{box-shadow:inset 0 0 0 2px #008FBE}
.hv-av{width:clamp(44px,4.4vw,64px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0D1117;font:500 clamp(14px,1.4vw,19px)/1 var(--f);border:1px solid #DDE4EA}
.hv.sp .hv-av{background:#008FBE;color:#fff;border-color:#008FBE}
.hv-n{position:absolute;left:9px;bottom:9px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;background:#fff;font-size:11.5px;font-weight:500}
.hv-n .i{width:11px;height:11px;color:#008FBE}
.hv-hand{position:absolute;top:9px;right:10px;font-size:17px;animation:wave 2.4s ease-in-out infinite}
.hx-side-p{border-left:1px solid #EEF1F4;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}
.hx-tab{display:flex;gap:6px}.hx-tab b,.hx-tab span{padding:7px 12px;border-radius:9px;font-weight:500}.hx-tab b{background:#F5F7F9}.hx-tab span{color:#8B95A1}
.hx-note{padding:10px 12px;border-radius:12px;background:#F5F7F9}.hx-note small{display:block;color:#8B95A1;font-size:11px;margin-bottom:2px}
.hx-sum{display:grid;gap:6px;padding:12px;border-radius:12px;border:1px solid #D6ECF5}
.hx-sum b,.hx-sum span{display:flex;align-items:center;gap:7px}.hx-sum b{font-weight:500}.hx-sum .i{width:14px;height:14px;color:#008FBE}
.hx-ctl{display:flex;justify-content:center;gap:8px;padding:12px;border-top:1px solid #EEF1F4}
.hx-ctl span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#F5F7F9;color:#3C4651}.hx-ctl .i{width:17px;height:17px}
.hx-ctl span.on{background:#E3F2F9;color:#008FBE}
.hx-ctl b{padding:0 18px;border-radius:12px;display:grid;place-items:center;background:#E5484D;color:#fff;font-size:13px;font-weight:500}
.hx-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#fff;border:1px solid #E6EBEF;font-size:13.5px;font-weight:500;animation:float 6s ease-in-out infinite}
.hx-chip .i{width:16px;height:16px;color:#008FBE}
.hx-chip.c1{left:-14px;top:38%}.hx-chip.c2{right:-14px;bottom:18%;animation-delay:-3s}
@media (max-width:1000px){.hx-top{grid-template-columns:minmax(0,1fr)}.hx-body{grid-template-columns:minmax(0,1fr)}.hx-side-p{display:none}.hx-chip{display:none}}
@media (max-width:640px){.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hv:nth-child(n+5){display:none}.hx-ppl,.hx-live{display:none}.hx-ctl span:nth-child(n+4){display:none}}
.hx-chip.c1{left:-18px;top:auto;bottom:46%}.hx-chip.c2{right:-18px;bottom:10%}@media (max-width:1300px){.hx-chip.c1{top:-18px;bottom:auto;left:40px}}
.ig{padding-block:28px 8px}
.ig-in{display:flex;align-items:center;gap:28px;padding:22px 26px;border-radius:24px;border:1px solid #E8ECF0}
.ig-in p{flex:none;font-size:15px;color:#5B6672;max-width:22ch;line-height:1.4}.ig-in p b{color:#0D1117;font-weight:500}
.ig-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;flex:1}
.ig-list span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#F5F7F9;font-size:14px;color:#0D1117}
.ig-list .i{width:16px;height:16px;color:#008FBE}
@media (max-width:900px){.ig-in{flex-direction:column;align-items:flex-start}.ig-list{justify-content:flex-start}}

/* ===== denge: mavi vurgular geri, büyük alanlar açık ===== */
.r-page .h2-btn,.r-page .a-pill{background:#008FBE!important}
.r-page .h2-btn:hover,.r-page .a-pill:hover{background:#006F94!important}
.r-page .a-pill.ghost{background:#EAF5FB!important;color:#006F94}
.r-page .hx-stage{background:#EAF5FB}
.r-page .hv{background:linear-gradient(160deg,#F2F8FB,#E3F0F6)}
.r-page .hx-ppl em{background:#008FBE}.r-page .hx-ppl em:nth-child(2){background:#2BA8D6}.r-page .hx-ppl em:nth-child(3){background:#5CC0E4}
.r-page .ig-list span{background:#EAF5FB}
.r-page .r-fc .r-ic,.r-page .r-go{background:#EAF5FB!important;color:#008FBE!important}
.r-page .fv-btn,.r-page .fv-row em{background:#008FBE}
.r-page .fv-row i,.r-page .uc-ui span i,.r-page .uc-ui em,.r-page .sx-ai span i{background:#008FBE!important}
.r-page .sx-vis{background:#EAF5FB!important}
.r-page .ux.on{background:#008FBE;color:#fff;box-shadow:none}.r-page .ux.on .ux-big{color:#fff}
.r-page .ux{background:#EAF5FB}
.r-page .uc{background:#EAF5FB;border-color:#D5E9F3}
.r-page .uc.alt{background:#F5F7F9}
.r-page .uc-l a{background:#008FBE;color:#fff}
.r-page .uc-ui span{background:#EAF5FB}
.r-page .ct{background:#EAF5FB!important}
.r-page .ct-chips button.on{background:#008FBE;border-color:#008FBE}
.r-page .ct-send span{background:#008FBE}
.r-page .ct-c span{background:#EAF5FB}
.r-page .a-q summary em{background:#008FBE!important;color:#fff}
.r-page .ct-line input{border-bottom-color:#BFE3F2}.r-page .ct-line input:focus{border-color:#008FBE}

/* dört söz: görselli paneller */
.r-page .ux{isolation:isolate;border:1px solid #D5E9F3}
.ux-art{z-index:-1;opacity:.35;transform:scale(1.4) translateY(-10%);transition:opacity .5s}
.ux.on .ux-art{opacity:.25;filter:brightness(2.2)}
.ux-v{position:absolute;left:26px;right:26px;top:84px;display:grid;place-items:center;gap:10px;transform:scale(.8);transform-origin:top left;opacity:.75;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}
.ux.on .ux-v{transform:none;opacity:1;left:26px;right:auto;width:min(360px,calc(100% - 52px))}
.ux:not(.on) .ux-v{transform:scale(.62)}
.ux-v .i{width:16px;height:16px;flex:none}
.v-srv{grid-template-columns:auto 1fr auto;width:100%;align-items:center}
.vs-box{display:grid;justify-items:center;gap:6px;padding:14px 16px;border-radius:16px;background:#fff;color:#008FBE}.vs-box .i{width:26px;height:26px}.vs-box em{font-style:normal;font-size:12px;color:#0D1117;white-space:nowrap}
.vs-line{height:2px;background:repeating-linear-gradient(90deg,#9FB4C2 0 5px,transparent 5px 10px)}
.vs-cloud{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#9FB4C2}.vs-cloud .i{width:24px;height:24px}
.vs-cloud s{position:absolute;width:64px;height:2.5px;background:#E5484D;transform:rotate(-40deg);border-radius:2px}
.v-login{width:100%;display:grid;gap:8px;padding:16px;border-radius:18px;background:#fff;color:#0D1117;position:relative}
.vl-in,.vl-btn{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;font-size:13px;white-space:nowrap;overflow:hidden}
.vl-in{border:1px solid #DCE9F1;color:#5B6672}.vl-btn{justify-content:center;background:#008FBE;color:#fff;font-weight:500}
.vl-cur{position:absolute;right:28%;bottom:4px;width:18px;height:18px;background:#0D1117;clip-path:polygon(0 0,100% 60%,55% 65%,40% 100%);animation:cur 2.6s ease-in-out infinite}
@keyframes cur{50%{transform:translate(-14px,-10px)}}
.v-ring{width:140px;height:140px;position:relative}
.v-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.rg-bg{fill:none;stroke:#fff;stroke-width:10}.rg-fg{fill:none;stroke:#008FBE;stroke-width:10;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.2s .2s cubic-bezier(.2,.8,.2,1)}
.ux.on .rg-fg{stroke:#fff;stroke-dashoffset:0}.ux.on .rg-bg{stroke:rgba(255,255,255,.25)}
.v-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:500}
.v-team{grid-auto-flow:column;justify-content:start;gap:0}
.v-team span{width:52px;height:52px;margin-left:-12px;border-radius:50%;border:3px solid #EAF5FB;display:grid;place-items:center;background:#008FBE;color:#fff;font-size:14px;font-weight:500}
.v-team span:first-child{margin-left:0}.ux.on .v-team span{border-color:#008FBE;background:#fff;color:#008FBE}
.v-team em{grid-column:1/-1;justify-self:start;margin-top:10px;font-style:normal;font-size:13px;padding:6px 12px;border-radius:999px;background:#fff;color:#0D1117}
.ux.on .ux-n{opacity:.8}
@media (max-width:900px){.ux-v,.ux:not(.on) .ux-v,.ux.on .ux-v{position:relative;left:auto;top:auto;transform:none;opacity:1;width:100%;margin:40px 0 12px;justify-items:start}}
.ux:not(.on) .ux-v{opacity:0;transform:translateY(12px)}
.ux.on .ux-v{transition-delay:.25s}
.ux-v{place-items:start}
.v-team{display:flex;flex-wrap:wrap;align-items:center}
.v-team em{flex-basis:100%;width:max-content;flex-grow:0}
.ux .ux-art{opacity:.55}
@media (max-width:900px){.ux:not(.on) .ux-v{opacity:1;transform:none}}

/* dört söz: modern sayı kartları */
.pv-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.pv{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:28px;background:#fff;border:1px solid #E6EDF2;transition:border-color .3s,transform .3s}
.pv:hover{border-color:#008FBE;transform:translateY(-4px)}
.pv1{grid-row:span 2;background:#008FBE;color:#fff;border-color:#008FBE;justify-content:flex-end}
.pv4{grid-column:span 2}
.pv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:28px}
.pv-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#EAF5FB;color:#008FBE}.pv-ic .i{width:20px;height:20px}
.pv1 .pv-ic{background:rgba(255,255,255,.16);color:#fff}
.pv-k{font-size:13px;color:#8B95A1}.pv1 .pv-k{color:rgba(255,255,255,.7)}
.pv-num{display:flex;align-items:baseline;gap:8px;font:300 clamp(56px,6vw,92px)/.9 var(--f);letter-spacing:-.06em;color:#008FBE}
.pv1 .pv-num{color:#fff;font-size:clamp(96px,11vw,170px)}
.pv-num small{font-size:.32em;letter-spacing:-.03em;font-weight:400}
.pv h3{font-size:20px;font-weight:500;letter-spacing:-.025em;margin-top:6px}
.pv p{font-size:15px;line-height:1.55;color:#5B6672;max-width:40ch}.pv1 p{color:rgba(255,255,255,.85)}
.pv4{flex-direction:row;align-items:center;gap:28px}.pv4 .pv-top{position:absolute;top:28px;right:28px;padding:0;margin:0;gap:12px}
.pv4 .pv-num{flex:none}.pv4 h3{margin:0}
@media (max-width:900px){.pv-grid{grid-template-columns:minmax(0,1fr)}.pv1,.pv4{grid-row:auto;grid-column:auto}.pv4{flex-direction:column;align-items:flex-start}.pv4 .pv-top{position:static;margin-bottom:auto;padding-bottom:28px;width:100%}}
.pv4{padding-right:100px}.pv4 .pv-top{top:50%;transform:translateY(-50%)}.pv4 .pv-k{display:none}
.pv-txt{display:grid;gap:6px}
@media (max-width:900px){.pv4{padding-right:28px}.pv4 .pv-top{transform:none}}

/* ===== Dedica mavisi tonlarında yumuşak gradyanlar ===== */
.r-page{--dg:linear-gradient(120deg,#006F94 0%,#008FBE 45%,#2BB3E3 100%);--dgs:linear-gradient(160deg,#F2FAFE 0%,#E2F2FA 100%)}
.r-page .r-gt{background:var(--dg)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent;color:transparent}
.r-page .h2-btn,.r-page .a-pill,.r-page .uc-l a,.r-page .ct-send span,.r-page .ct-chips button.on,.r-page .fv-btn{background:var(--dg)!important;background-size:160% 100%!important;transition:background-position .4s}
.r-page .h2-btn:hover,.r-page .a-pill:hover{background-position:100% 0!important}
.r-page .a-pill.ghost{background:var(--dgs)!important}
.r-page .pv1{background:var(--dg);border:0;overflow:hidden;isolation:isolate}
.r-page .pv1::after{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%);z-index:-1}
.r-page .pv:not(.pv1) .pv-num{background:var(--dg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.r-page .pv:not(.pv1){background:linear-gradient(180deg,#fff 40%,#F3FAFD)}
.r-page .hx-stage{background:radial-gradient(70% 90% at 0% 0%,#D9EFF9,transparent 60%),radial-gradient(60% 80% at 100% 100%,#E3F4FB,transparent 60%),#F2F9FC}
.r-page .hx{background:radial-gradient(40% 50% at 90% 0%,#EAF6FC,transparent 70%),#fff!important}
.r-page .hv.sp .hv-av,.r-page .hx-ppl em:first-child{background:var(--dg);border-color:transparent}
.r-page .uc{background:var(--dgs)}
.r-page .uc.alt{background:linear-gradient(160deg,#FAFCFD,#EEF4F7)}
.r-page .sx-vis{background:var(--dgs)!important}
.r-page .ct{background:radial-gradient(50% 60% at 100% 0%,#D6EEF8,transparent 70%),linear-gradient(180deg,#F2FAFE,#E6F3FA)!important}
.r-page .r-fc .r-ic,.r-page .pv-ic{background:var(--dgs)!important}
.r-page .a-q summary em{background:var(--dg)!important}
.r-page .sx-bar i{background:var(--dg)}
.r-page .pv1 .pv-ic{background:rgba(255,255,255,.18)!important;color:#fff}

/* hakkımızda */
.abt{padding-block:clamp(80px,10vw,140px)}
.ab-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.ab-card{position:relative;overflow:hidden;isolation:isolate;min-height:520px;padding:clamp(28px,3vw,44px);border-radius:36px;background:var(--dg,#008FBE);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.ab-card::before{content:"";position:absolute;width:520px;height:520px;right:-200px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 65%);z-index:-1}
.ab-card::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 70%);mask-image:linear-gradient(160deg,#000,transparent 70%);z-index:-1}
.ab-card > img{height:30px;width:auto;align-self:flex-start}
.ab-quote{font:300 clamp(26px,2.6vw,38px)/1.2 var(--f);letter-spacing:-.04em;max-width:16ch}
.ab-sign{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.25);font-size:14px;opacity:.9}.ab-sign img{height:20px;width:auto}
.ab-txt{display:grid;gap:20px;justify-items:start}
.ab-txt h2{font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.05em}
.ab-txt > p{font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:#5B6672;max-width:48ch}
.ab-list{list-style:none;margin:6px 0;padding:0;display:grid;gap:10px;width:100%}
.ab-list li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid #E6EDF2;background:linear-gradient(90deg,#fff,#F5FAFD)}
.ab-list span{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--dgs,#EAF5FB);color:#008FBE}.ab-list .i{width:18px;height:18px}
.ab-list b{display:block;font-size:16px;font-weight:500}.ab-list small{font-size:13.5px;color:#5B6672}
.ab-btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){.ab-in{grid-template-columns:minmax(0,1fr)}.ab-card{min-height:380px}}

/* netlik: rozet + "nedir?" */
.hx-h{display:grid;gap:22px;justify-items:start}
.hx-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #D5E9F3;font-size:13.5px;font-weight:500;color:#006F94}
.hx-badge i{width:7px;height:7px;border-radius:50%;background:#008FBE;animation:livedot 1.6s infinite}
.hx-side p b{color:#0D1117;font-weight:500}
.hw{padding-block:clamp(72px,8vw,112px) 0}
.hw-head{display:grid;gap:4px;margin-bottom:36px}
.hw-head h2{font-size:clamp(32px,3.6vw,52px);letter-spacing:-.05em}
.hw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:none}
.hw-steps li{position:relative;display:grid;gap:12px;align-content:start;padding:30px;border-radius:28px;border:1px solid #E6EDF2;background:linear-gradient(180deg,#fff 40%,#F3FAFD)}
.hw-n{position:absolute;top:22px;right:26px;font:300 64px/1 var(--f);letter-spacing:-.06em;background:var(--dg);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.9}
.hw-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--dgs);color:#008FBE;margin-bottom:14px}.hw-ic .i{width:22px;height:22px}
.hw-steps h3{font-size:21px;font-weight:500;letter-spacing:-.03em;max-width:16ch}
.hw-steps p{font-size:15px;line-height:1.55;color:#5B6672}
.hw-steps li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:50%;width:10px;height:10px;border-top:1.5px solid #9FD3EA;border-right:1.5px solid #9FD3EA;transform:translateY(-50%) rotate(45deg)}
@media (max-width:900px){.hw-steps{grid-template-columns:minmax(0,1fr)}.hw-steps li::after{display:none}}
.hw-steps h3{line-height:1.25;max-width:20ch}

/* ===== Apple hissi: daha küçük, rafine tipografi + daha çok boşluk ===== */
.r-page{font-size:16px}
.r-page h2{font-size:clamp(28px,3vw,44px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
.r-page .hx h1{font-size:clamp(40px,4.8vw,68px);line-height:1.02;letter-spacing:-.05em}
.r-page .hx-side p{font-size:15.5px}
.r-page .hx-top{margin-bottom:clamp(32px,4vw,48px)}
.r-page .a-sec,.r-page .abt{padding-block:clamp(96px,11vw,160px)}
.r-page .hw{padding-top:clamp(96px,10vw,140px)}
.r-page .a-kick{font-size:12.5px;margin-bottom:14px}
.r-page .r-head p,.r-page .ux-head p{font-size:15px}
.r-page .hw-steps h3,.r-page .r-fc h3,.r-page .pv h3{font-size:18px}
.r-page .hw-n{font-size:48px}
.r-page .sx-txt h2{font-size:clamp(32px,3.6vw,52px)!important}
.r-page .sx-txt p{font-size:16px}
.r-page .pv1 .pv-num{font-size:clamp(80px,8vw,128px)}
.r-page .pv-num{font-size:clamp(48px,4.6vw,72px)}
.r-page .uc h3{font-size:clamp(32px,3.4vw,50px)!important}
.r-page .uc p{font-size:16px}
.r-page .uc{min-height:min(64vh,500px)}
.r-page .abt h2{font-size:clamp(30px,3.2vw,46px)!important}
.r-page .ab-quote{font-size:clamp(22px,2.1vw,30px)}
.r-page .a-q summary b{font-size:30px}.r-page .a-q summary span{font-size:17px}
.r-page .ct-h{font-size:clamp(32px,4vw,56px)!important}
.r-page .ct-line{font-size:clamp(20px,2.1vw,30px)}
.r-page .ct-chips button{font-size:15px;padding:12px 18px}
.r-page .a-mq-t span{font-size:clamp(48px,7vw,104px)}
/* Apple: ortalanmış bölüm başlıkları */
.r-page .hw-head,.r-page .ux-head,.r-page .r-head{text-align:center;justify-items:center;margin-inline:auto}
.r-page .ux-head{flex-direction:column;align-items:center;gap:10px}
.r-page .r-head{grid-template-columns:1fr;justify-items:center;gap:12px;max-width:640px}
.r-page .hw-head{justify-items:center}
.r-page .ux-head > div,.r-page .r-head > div{display:grid;justify-items:center}
.r-page .hx{padding-bottom:clamp(40px,4vw,56px)}
.r-page #hizmetler{padding-top:clamp(48px,5vw,72px)}

/* ===== Apple dili: SF Pro / Inter, yarı kalın sıkı başlıklar, #F5F5F7 kutular ===== */
.r-page,.r-page *:not(svg):not(use){font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",sans-serif!important}
.r-page{color:#1D1D1F;-webkit-font-smoothing:antialiased}
.r-page h1,.r-page h2,.r-page h3{font-weight:600!important;color:#1D1D1F;letter-spacing:-.025em!important}
.r-page .hx h1{font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.035em!important}
.r-page h2{font-size:clamp(32px,3.6vw,56px)!important;line-height:1.07!important}
.r-page .a-kick{font-size:17px;font-weight:600;color:#008FBE;margin-bottom:10px;letter-spacing:-.01em}
.r-page .r-head p,.r-page .ux-head p,.r-page .hx-side p,.r-page .ab-txt>p{font-size:19px;line-height:1.45;color:#6E6E73;font-weight:400}
.r-page .r-head,.r-page .ux-head{max-width:820px}
/* kartlar: Apple kutuları */
.r-page .r-fc,.r-page .pv,.r-page .pv:not(.pv1),.r-page .uc,.r-page .uc.alt,.r-page .ab-list li,.r-page .ct-c,.r-page .ct-form{background:#F5F5F7!important;border:0!important;border-radius:30px}
.r-page .r-fc{height:460px;padding:30px;justify-content:flex-start}
.r-page .r-fc > div:not(.fv){order:-1}
.r-page .r-fc h3{font-size:24px!important;line-height:1.15}
.r-page .r-fc p{font-size:16px;color:#6E6E73;margin-top:6px}
.r-page .r-fc .r-ic,.r-page .r-go{display:none}
.r-page .r-fc > .fv{top:auto;bottom:24px;left:24px;right:24px;height:220px}
.r-page .fv-card,.r-page .fv-rack{background:#fff;border:0;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.r-page .r-fc:hover{transform:scale(1.015)}
.r-page .pv{padding:32px}
.r-page .pv h3{font-size:22px!important}
.r-page .pv p{color:#6E6E73;font-size:16px}
.r-page .pv-ic,.r-page .pv1 .pv-ic{display:block;width:112px;height:112px;background:none!important;border-radius:0}.r-page .pv-ic img{width:112px;height:112px;display:block}.r-page .pv4{padding-right:160px}@media (max-width:900px){.r-page .pv4{padding-right:32px}}
.r-page .pv-k{font-size:14px;font-weight:600;color:#008FBE}
.r-page .pv-num{font-weight:600!important;letter-spacing:-.04em}
.r-page .pv1{background:var(--dg)!important}.r-page .pv1 h3{color:#fff}.r-page .pv1 .pv-k{color:#fff}
.r-page .uc{border-radius:36px}
.r-page .uc h3{font-size:clamp(34px,3.6vw,52px)!important}
.r-page .uc p{color:#6E6E73;font-size:18px}
.r-page .uc-n{color:#008FBE;font-weight:600;opacity:1}
.r-page .uc-tags em{background:#fff;font-size:14px}
.r-page .uc-ui{box-shadow:none}
.r-page .sx-txt h2{font-weight:600!important}
.r-page .sx-n{font-size:15px;font-weight:600}
.r-page .sx-txt p{font-size:19px;color:#6E6E73}
.r-page .a-q summary b{font-weight:600;color:#008FBE;font-size:22px}
.r-page .a-q summary span{font-weight:600;font-size:19px}
.r-page .ct-line{font-weight:500;letter-spacing:-.02em}
.r-page .ab-quote{font-weight:600;letter-spacing:-.03em}
.r-page .a-pill,.r-page .h2-btn,.r-page .uc-l a{border-radius:980px;font-weight:500!important}
.r-page .h2-links .nav-link{font-size:13px;font-weight:400}
.r-page .pv1 p{color:rgba(255,255,255,.88)!important}
.r-page .ct{background:#fff!important}.r-page .ct-form{background:#fff!important;border:1px solid #E5E5EA!important}
/* hakkımızda kartı: ekip/ofis görseli arka plan */
.r-page .ab-card{background:linear-gradient(180deg,rgba(0,79,110,.55) 0%,rgba(0,111,148,.78) 55%,rgba(0,111,148,.95) 100%),url("/images/dedicameet/ekip.jpg") center/cover no-repeat!important}
.r-page .ab-card::after{display:none}
.r-page .ab-card{background:linear-gradient(100deg,rgba(0,72,100,.82) 0%,rgba(0,111,148,.55) 55%,rgba(0,111,148,.15) 100%),linear-gradient(0deg,rgba(0,72,100,.7),transparent 45%),url("/images/dedicameet/ekip.jpg") center center/cover no-repeat!important}

/* ===== Figma (8J1Sl2L82jCgBG7JWBldUE · 1:19) güncellemeleri ===== */
/* bölüm zeminleri */
.r-page #hizmetler,.r-page .abt,.r-page #sss:not(.doc),.r-page footer{background:#EAF5FB!important}
.r-page .r-hero,.r-page #guvenlik,.r-page #ozellikler,.r-page .ct{background:#fff!important}
/* dalgalı geçişler */
.wv-a,.wv-b{position:relative;isolation:isolate;padding-bottom:calc(var(--wv-pb,120px) + 40px)!important}
.wv-a::after,.wv-b::after{content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:-1;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}
.wv-a::after{height:84px;background-image:url("/images/dedicameet/figma/akis-a.svg")}
.wv-b::after{height:91px;background-image:url("/images/dedicameet/figma/akis-b.svg")}
.r-page .hx.wv-a{--wv-pb:56px}
.r-page #hizmetler.wv-b{--wv-pb:120px}
/* özellik kartları: fotoğraf + bilgi kutusu */
.r-page .r-fc{display:flex;flex-direction:column;gap:8px;height:auto;min-height:460px;padding:30px;justify-content:flex-start;background:#F5F5F7!important}
.r-page .r-fc > div:not(.fv){order:0}
.r-page .r-fc h3{font-size:24px!important;line-height:1.15}
.r-page .r-fc p{font-size:16px;line-height:1.5;color:#6E6E73;margin-top:8px}
.fc-photo{height:160px;display:grid;place-items:center;border-radius:16px;background:#fff;overflow:hidden;margin-top:8px}
.fc-photo img{width:220px;height:120px;max-width:calc(100% - 24px);object-fit:cover;border-radius:12px;display:block}
.fc-sp{flex:1 1 auto;min-height:8px}
.fc-info{display:grid;gap:8px;padding:14px;border-radius:16px;background:#fff;font-size:13px;line-height:1.3;font-weight:500}
.fc-info b{font-weight:500;color:#008FBE}.fc-info span{color:#1D1D1F}
.r-page .r-fc:hover{transform:translateY(-4px)}
/* özellik kartları: beyaz kart, gri çerçeveli görsel, 2 satır açıklama */
.r-page .r-fc{background:#fff!important}
.r-page .fc-photo,.r-page .fc-info{background:#F5F5F7}
.r-page .r-fc p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
.r-page .r-fc{min-height:0}
/* özellik kartları: daha dikkat çekici */
.r-page .r-fc{position:relative;overflow:hidden;padding:0!important;gap:0;border:1px solid #E3EEF4!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s}
.r-page .r-fc > div:first-of-type{padding:26px 26px 18px;position:relative;z-index:1}
.r-page .r-fc h3{font-size:22px!important}
.fc-n{position:absolute;top:22px;right:24px;z-index:2;font:600 13px/1 var(--f);color:#008FBE;padding:6px 10px;border-radius:999px;background:#EAF5FB}
.r-page .fc-photo{order:2;margin:0;height:230px;border-radius:0;background:#F5F5F7;padding:0}
.r-page .fc-photo img{width:100%;height:100%;max-width:none;border-radius:0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.r-page .r-fc::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#006F94,#008FBE,#2BB3E3);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.r-page .r-fc:hover{transform:translateY(-8px);border-color:#9FD3EA!important}
.r-page .r-fc:hover .fc-photo img{transform:scale(1.07)}
.r-page .r-fc:hover::after{transform:scaleX(1)}
.r-page .r-fc .r-go{display:grid!important;position:absolute;right:16px;bottom:16px;z-index:2;width:40px;height:40px;border-radius:50%;place-items:center;background:#fff!important;color:#008FBE!important;opacity:0;transform:translateY(8px) rotate(-45deg);transition:opacity .3s,transform .3s}
.r-page .r-fc:hover .r-go{opacity:1;transform:translateY(0) rotate(-45deg)}
.r-page .r-fc .r-go .i{width:16px;height:16px}
/* Figma: hakkımızda satır ikonları (32px, sol 20px) */
.r-page .ab-list li{gap:16px;padding:16px 20px}
.ab-ic{width:32px;height:32px;flex:none;display:block}
.h2-nav .logo img{height:32px}@media (max-width:520px){.h2-nav .logo img{height:26px}}

/* ===== dokümantasyon: yeni tasarım dili ===== */
.docs-page.r-page{background:#fff}
.docs-page .docs-hero{background:#EAF5FB;border-bottom:0;padding-block:clamp(48px,6vw,88px)}
.docs-page .docs-hero h1{font-size:clamp(36px,4.2vw,60px)!important;line-height:1.05;letter-spacing:-.035em!important}
.docs-page .docs-hero h1 .grad{color:#008FBE}
.docs-page .docs-hero-text p{font-size:19px;color:#6E6E73}
.docs-page .eyebrow{font-size:17px;font-weight:600;color:#008FBE}
.docs-page .docs-search{border-radius:999px;background:#fff;border:1px solid #E5E5EA}
.docs-page .qcard{background:#fff;border:0;border-radius:24px;transition:transform .3s}
.docs-page .qcard:hover{transform:translateY(-4px)}
.docs-page .q-ic{background:#EAF5FB;color:#008FBE}
.docs-page .docs-body h2{font-size:clamp(26px,2.6vw,34px)!important;letter-spacing:-.03em!important}
.docs-page .docs-body p,.docs-page .docs-body li{color:#424245}
.docs-page .dn-group a.on{background:#EAF5FB;color:#006F94}
.docs-page .faq details{border-radius:18px;background:#F5F5F7;border:0}
.docs-page footer{background:#EAF5FB!important}
.docs-page .docs-side{top:84px}
/* hero: ortalı açılış */
.r-page .hx{padding-top:clamp(64px,8vw,120px)}
.hx-center{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:920px;margin:0 auto clamp(48px,5vw,72px)!important}
.hx-center .hx-badge{justify-self:center}
.r-page .hx-center h1{font-size:clamp(44px,6.4vw,92px)!important;line-height:1.02;letter-spacing:-.045em!important}
.hx-lede{font-size:clamp(17px,1.5vw,21px);line-height:1.45;color:#6E6E73;max-width:640px}
.hx-lede b{color:#1D1D1F;font-weight:500}
.hx-center .hx-btns{justify-content:center;margin-top:6px}
.hx-center .hx-btns .a-pill{padding:15px 26px;font-size:16px}
.r-page .hx-center h1{font-size:clamp(36px,4.6vw,64px)!important;line-height:1.05}

/* hero: yaratıcı katman */
.r-page .hx > .wrap{position:relative}
.hf{position:absolute;left:0;right:0;top:0;height:640px;pointer-events:none;z-index:0;overflow:hidden}
.hx-center{position:relative;z-index:1}
.hf-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:aur 14s ease-in-out infinite alternate}
.hf-orb.o1{width:420px;height:420px;left:-80px;top:-60px;background:#BFE6F5}
.hf-orb.o2{width:380px;height:380px;right:-60px;top:120px;background:#D6EEF8;animation-delay:-6s}
.hf-c{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #E3EEF4;font-size:13px;color:#1D1D1F;animation:hfloat 7s ease-in-out infinite}
.hf-c b{font-weight:500}
.hf-c small{display:block;font-size:12px;color:#6E6E73}
.hf-c .i{width:18px;height:18px;color:#008FBE;flex:none}
.hf-av{width:28px;height:28px;margin-right:-16px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;background:var(--a);color:#fff;font:600 10px/1 var(--f)}
.hf-av:nth-of-type(3){margin-right:2px}
.hf-dot{width:8px;height:8px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.15);animation:livedot 1.4s infinite}
.hf-emo{font-size:20px;animation:hpop 2.4s ease-in-out infinite}
.hf-emo:nth-child(2){animation-delay:.3s}.hf-emo:nth-child(3){animation-delay:.6s}
.hf-c.c1{left:2%;top:90px}
.hf-c.c2{right:3%;top:70px;animation-delay:-2s}
.hf-c.c3{left:4%;top:330px;animation-delay:-4s}
.hf-c.c4{right:6%;top:300px;animation-delay:-1s;padding:10px 12px}
.hf-c.c5{right:16%;top:470px;animation-delay:-3s}
@keyframes hfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hpop{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.15)}}
/* dönen başlık kelimesi */
.hx-rot{display:inline-grid}
.hx-rot span{grid-area:1/1;opacity:0;transform:translateY(30%);transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);background:inherit;-webkit-background-clip:text;background-clip:text}
.hx-rot span.on{opacity:1;transform:none}
.hx-rot span.out{opacity:0;transform:translateY(-30%)}
@media (max-width:1100px){.hf-c{display:none}}
@media (prefers-reduced-motion:reduce){.hf-c,.hf-emo,.hf-orb{animation:none}}
.hx-rot span{background:var(--dg)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.hf-c.c5{right:auto;left:20%;top:560px}
/* SSS: sık, gruplu */
.r-page .a-faq{align-items:start}
.fq-head{position:sticky;top:100px;display:grid;gap:12px}
.fq-head p{font-size:16px;color:#6E6E73}.fq-head a{color:#008FBE;font-weight:500}
.fq-g{margin:26px 0 6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#008FBE}
.fq-g:first-child{margin-top:0}
.r-page .a-q{border-top:1px solid #DCE9F1}.r-page .a-q:last-child{border-bottom:1px solid #DCE9F1}
.r-page .a-q summary{grid-template-columns:40px 1fr auto;gap:12px;padding:16px 0}
.r-page .a-q summary b{font-size:14px!important;font-weight:600;color:#8FA8B6}
.r-page .a-q summary span{font-size:16.5px!important;font-weight:500!important}
.r-page .a-q summary em{width:28px;height:28px;font-size:15px}
.r-page .a-q p{padding:0 40px 16px 52px;font-size:15px;line-height:1.55;color:#6E6E73}
@media (max-width:1000px){.fq-head{position:static}}
@media (max-width:640px){.r-page .a-q summary{grid-template-columns:30px 1fr auto}.r-page .a-q p{padding-left:42px;padding-right:0}}
/* hero sahnesi: Figma "App Stage" (2:41) — fotoğraflı katılımcılar */
.r-page .hx-stage{padding:40px;background:#EAF5FB!important}
.r-page .hx-app{border-color:#E5E5EA}
.r-page .hx-bar{gap:14px;padding:12px 18px;border-bottom-color:#E5E5EA;font-size:13px;line-height:1.3}
.r-page .hx-bar b{font-weight:500;color:#1D1D1F}
.r-page .hx-live{padding:4px 10px;background:#FCECEC;color:#E5484D;font-size:13px;line-height:1.3}
.r-page .hx-body{grid-template-columns:minmax(0,1fr) 260px}
.r-page .hx-grid{gap:10px;padding:16px}
.r-page .hv{aspect-ratio:270/176;background:#EAF5FB;overflow:hidden;box-shadow:none}
.r-page .hv::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #008FBE;opacity:0;transition:opacity .4s;pointer-events:none}
.r-page .hv.sp{box-shadow:none}.r-page .hv.sp::after{opacity:1}
.r-page .hv.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.r-page .hv-av,.r-page .hv.sp .hv-av{width:62px;height:62px;border:0;background:url("/images/dedicameet/katilimci-avatar.svg") center/62px 62px no-repeat;color:#1D1D1F;font-size:19px;font-weight:600;letter-spacing:-.02em}
.r-page .hv-n{z-index:1;left:9px;bottom:7px;padding:3px 9px;border-radius:7px;background:#fff;color:#1D1D1F;font-size:13px;line-height:1.3;font-weight:500}
.r-page .hx-side-p{border-left-color:#E5E5EA;padding:14px;gap:10px;font-size:13px;line-height:1.3;font-weight:500;color:#1D1D1F}
.r-page .hx-ttl{font-weight:500}
.r-page .hx-note{padding:12px;background:#F5F5F7}.r-page .hx-note small{color:#6E6E73;font-size:13px;margin-bottom:2px}
.r-page .hx-sum{gap:6px;padding:12px;border-color:#008FBE}.r-page .hx-sum b{color:#008FBE;font-weight:500}
.r-page .hx-ctl{gap:8px;padding:12px;border-top-color:#E5E5EA}
.r-page .hx-ctl span,.r-page .hx-ctl b{width:auto;height:auto;padding:11px 12px;border-radius:12px;background:#F5F5F7;color:#1D1D1F;font-size:13px;line-height:1.3;font-weight:500}
.r-page .hx-ctl span.on{background:#EAF5FB;color:#008FBE}
.r-page .hx-ctl b{padding:11px 18px;background:#E5484D;color:#fff}
@media (max-width:1000px){.r-page .hx-body{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.r-page .hx-stage{padding:14px}.r-page .hx-grid{padding:10px;gap:8px}.r-page .hv-av,.r-page .hv.sp .hv-av{width:38px;height:38px;background-size:38px;font-size:14px;margin-top:-18px}.r-page .hv-n{font-size:11.5px;left:7px;bottom:6px}.r-page .hx-ctl span:nth-child(n+4){display:none}}
/* hero sahnesi: etkileşim */
.r-page .hx-live{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.r-page .hx-live i{flex:none;width:7px;height:7px;border-radius:50%;background:#E5484D;animation:livedot 1.2s infinite}
.r-page .hv{cursor:pointer}
.r-page .hv.me .hv-av{position:relative;z-index:0}.r-page .hv.me img{z-index:0}
.r-page .no-cam .hv.me img{opacity:0}.r-page .hv.me img{transition:opacity .3s}
.r-page .no-mic .hv.me .hv-n::before{content:"🔇 ";font-size:11px}
.r-page .hv-hand{position:absolute;top:9px;right:10px;z-index:1;font-size:18px;animation:wave 2.4s ease-in-out infinite}
.r-page .hv.me .hv-hand{display:none}
.r-page .hv.me::before{content:"✋";position:absolute;top:9px;right:10px;z-index:2;font-size:18px;opacity:0;transform:scale(.5);transition:.3s}
.r-page .is-hand .hv.me::before{opacity:1;transform:none;animation:wave 2.4s ease-in-out infinite}
.r-page .hx-emo{position:absolute;left:50%;bottom:30%;z-index:3;font-size:30px;pointer-events:none;animation:hxemo 1.6s ease-out forwards}
@keyframes hxemo{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}20%{opacity:1;transform:translate(-50%,0) scale(1.1)}100%{opacity:0;transform:translate(-50%,-70px) scale(1)}}
.r-page .hx-share{display:none;grid-column:1/-1;aspect-ratio:auto;height:clamp(180px,22vw,262px);border-radius:14px;background:#1D1D1F;padding:14px;place-items:center}
.r-page .hx-slide{width:min(100%,520px);height:100%;border-radius:10px;background:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:4px}
.r-page .hx-slide small{font-size:12px;color:#6E6E73}.r-page .hx-slide b{font-size:18px;font-weight:600;color:#1D1D1F}
.r-page .hx-bars{flex:1;display:flex;align-items:flex-end;gap:10px;padding-top:12px}.r-page .hx-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:#008FBE;opacity:.85}.r-page .hx-bars i:nth-child(2n){background:#7CC6E3}
.r-page .is-share .hx-share{display:grid}
.r-page .is-share .hv{display:none}.r-page .is-share .hv:nth-child(-n+4){display:grid}
.r-page .no-ai .hx-body{grid-template-columns:minmax(0,1fr)}.r-page .no-ai .hx-side-p{display:none}
.r-page .hx-app{position:relative}
.r-page .hx-left{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:rgba(255,255,255,.96);text-align:center}
.r-page .hx-left[hidden]{display:none}
.r-page .hx-left b{font-size:20px;font-weight:600;color:#1D1D1F}.r-page .hx-left span{font-size:14px;color:#6E6E73}
.r-page .hx-left button{margin-top:10px;font:inherit;font-size:14px;font-weight:500;border:0;cursor:pointer;padding:11px 20px;border-radius:980px;background:#008FBE;color:#fff}
@media (max-width:640px){.r-page .hx-grid .hv:nth-child(5){display:grid}.r-page .is-share .hv:nth-child(n+4){display:none}.r-page .hx-share{height:150px;padding:8px}.r-page .hx-slide{padding:12px 14px}.r-page .hx-slide b{font-size:15px}}
@media (prefers-reduced-motion:reduce){.r-page .hx-live i,.r-page .hv-hand,.r-page .is-hand .hv.me::before{animation:none}}
/* hero sahnesi: koyu alt menü (toplantı kontrolleri) */
.r-page .hx-ctl{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:0;background:#111214}
.r-page .hc-g{display:flex;align-items:center;gap:2px}
.r-page .hx-ctl button{font:inherit;border:0;cursor:pointer;background:transparent;color:#fff;transition:background .2s,color .2s}
.r-page .hc-g button[data-a]{width:auto;height:auto;min-width:54px;padding:7px 6px 5px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1;font-weight:400;color:#C7C7CC}
.r-page .hc-g button[data-a] .i{width:18px;height:18px;color:#fff}
.r-page .hc-g button[data-a]:hover{background:rgba(255,255,255,.08)}
.r-page .hc-g button[aria-pressed="true"]:not([data-a="mic"]):not([data-a="cam"]):not([data-a="rec"]){background:rgba(255,255,255,.12);color:#fff}
.r-page .hc-g button[data-a="rec"][aria-pressed="true"] .i{color:#E5484D}
.r-page .hx-ctl .i-off{display:none}
.r-page .hc-g button[aria-pressed="false"][data-a="mic"],.r-page .hc-g button[aria-pressed="false"][data-a="cam"]{background:rgba(229,72,77,.18)}
.r-page .hc-g button[aria-pressed="false"][data-a="mic"] .i,.r-page .hc-g button[aria-pressed="false"][data-a="cam"] .i{display:none}
.r-page .hc-g button[aria-pressed="false"][data-a="mic"] .i-off,.r-page .hc-g button[aria-pressed="false"][data-a="cam"] .i-off{display:block;color:#E5484D}
.r-page .hc-g button[data-a="hide"] .i{transition:transform .25s}.r-page .is-hide .hc-g button[data-a="hide"] .i{transform:rotate(180deg)}
.r-page .is-hide .hc-mid button:not([data-a="hide"]){display:none}
.r-page .hc-end{gap:10px}
.r-page .hx-ctl .hc-end-btn{padding:10px 18px;border-radius:10px;background:#E5484D;color:#fff;font-size:13px;font-weight:500}.r-page .hx-ctl .hc-end-btn:hover{background:#D63F44}
.r-page .hx-ctl .hc-leave{display:flex;align-items:center;gap:6px;padding:8px 8px;border-radius:10px;font-size:13px;color:#C7C7CC}.r-page .hx-ctl .hc-leave:hover{background:rgba(255,255,255,.08);color:#fff}
.r-page .hc-leave .i{width:16px;height:16px}
.r-page .hx-ctl button:focus-visible{outline:2px solid #2BA8D6;outline-offset:1px}
.r-page .hc-pop{position:absolute;right:120px;bottom:calc(100% + 8px);z-index:6;min-width:210px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #E5E5EA;display:grid;gap:8px;font-size:13px;color:#1D1D1F}
.r-page .hc-pop[hidden]{display:none}.r-page .hc-pop span{display:flex;justify-content:space-between;gap:16px;color:#6E6E73}.r-page .hc-pop em{font-style:normal;color:#1D1D1F;font-weight:500}
.r-page .no-rec .hx-live{background:#F5F5F7;color:#6E6E73}.r-page .no-rec .hx-live i{background:#AEAEB2;animation:none}
.r-page .is-board .hx-share{display:grid}.r-page .is-board .hv{display:none}.r-page .is-board .hv:nth-child(-n+4){display:grid}
.r-page .hx-board{display:none;width:min(100%,520px);height:100%;border-radius:10px;background:#fff;padding:14px 18px;flex-direction:column;gap:6px}
.r-page .hx-board svg{flex:1;width:100%;min-height:0}.r-page .hx-board small{font-size:12px;color:#6E6E73}
.r-page .is-board .hx-board{display:flex}.r-page .is-board .hx-slide{display:none}
.r-page .hx-pane{display:flex;flex-direction:column;gap:10px}.r-page .hx-pane[hidden]{display:none}
.r-page .hx-note.me{background:#EAF5FB}
.r-page .hx-ppl-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.r-page .hx-ppl-l li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#F5F5F7}
.r-page .hx-ppl-l em{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #E5E5EA;font:600 10px/1 var(--f);font-style:normal}
.r-page .hx-ppl-l small{margin-left:auto;color:#6E6E73;font-size:12px}
@media (max-width:1100px){.r-page .hc-g button[data-a]{min-width:44px;padding:7px 3px 5px}}
@media (max-width:1000px){.r-page .hc-mid button:is([data-a="people"],[data-a="board"],[data-a="notes"],[data-a="settings"],[data-a="hide"],[data-a="chat"]){display:none}}
@media (max-width:640px){.r-page .hx-ctl{padding:8px;gap:4px}.r-page .hc-g button:is([data-a="share"],[data-a="rec"],[data-a="hand"]){display:none}.r-page .hc-g button[data-a]{min-width:40px}.r-page .hx-ctl .hc-leave{display:none}.r-page .hx-ctl .hc-end-btn{padding:9px 12px;font-size:12px}}
.r-page .hx-ctl button span{width:auto;height:auto;padding:0;border-radius:0;background:none;color:inherit;font:inherit;display:block;white-space:nowrap}
.r-page .hx-ctl .hc-end button.hc-end-btn{flex-direction:row;min-width:0;padding:10px 20px;border-radius:10px;background:#E5484D;color:#fff;font-size:13px;font-weight:500;line-height:1.3}
.r-page .hx-ctl .hc-end button.hc-leave{flex-direction:row;min-width:0;gap:6px;padding:8px 8px;font-size:13px;line-height:1.3;color:#C7C7CC}
.r-page .hx-ctl .hc-end button.hc-leave .i{width:16px;height:16px;color:#C7C7CC}
@media (max-width:640px){.r-page .hx-ctl .hc-end button.hc-leave{display:none}.r-page .hx-ctl .hc-end button.hc-end-btn{padding:9px 14px;font-size:12px}}

/* Guvenlik kodu alani — ana site form API'si icin */
.cap-row{display:flex;align-items:center;gap:8px}
.cap-img{height:46px;width:auto;display:block;border-radius:10px;border:1px solid var(--line,var(--line-2,#E4E9EF));background:#fff}
.cap-new{flex:none;width:38px;height:38px;padding:0;display:grid;place-items:center;border-radius:10px;cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line,var(--line-2,#E4E9EF));transition:border-color .2s,color .2s}
.cap-new:hover{border-color:var(--accent,#008FBE);color:var(--accent,#008FBE)}
.cap-new .i{width:16px;height:16px}
.cap-fld.err .cap-img{border-color:#D94A4A}

/* iletisim cumle formu: hata durumu */
.ct-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-line input.err{border-bottom-color:#D14B52}
.ct-foot small.err{color:#C8343A}
.ct-send:disabled{opacity:.6;cursor:default}

/* Mobil Safari: body overflow-x tek başına sayfanın yana taşmasını/uzaklaşmasını engellemiyor */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}

/* Mobilde menü ile hero arasındaki boşluk */
@media (max-width:640px){.r-page .hx{padding-top:12px!important}}