:root{
  --yellow:#FDE300; --yellow-deep:#E0C900;
  --ink:#1c1c1c; --ink-2:#262626; --ink-3:#2f2f2f;
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --txt:#f3f3f3; --txt-mute:#a8a8a8; --txt-dim:#7c7c7c;
  --green:#3fb950; --red:#e5484d;
  --maxw:1320px; --ease:cubic-bezier(.22,.61,.36,1);
  --slide-w:1920px; --slide-h:1080px;
  --pad:88px; --pad-top:72px; --pad-bot:96px; --rail-w:56px;
  color-scheme:dark;
}
*{box-sizing:border-box; margin:0; padding:0}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%; background:var(--ink)}
html,body{height:100%}
body{
  background:var(--ink); color:var(--txt);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:19px; line-height:1.6; width:100%; overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
#stage{
  position:fixed; left:50%; top:50%;
  width:var(--slide-w); height:var(--slide-h);
  transform:translate(-50%,-50%) scale(var(--s,1));
  transform-origin:center center; background:var(--ink); overflow:hidden;
}
#stage::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(120% 80% at 12% 0%, rgba(255,255,255,.045) 0%, transparent 55%),
    radial-gradient(90% 70% at 100% 100%, rgba(253,227,0,.05) 0%, transparent 60%);
}
#page{position:absolute; inset:0; width:var(--slide-w); height:var(--slide-h); overflow:hidden}
#track{display:flex; flex-direction:column; will-change:transform; transform:translate3d(0,0,0);
  transition:transform .58s cubic-bezier(.66,0,.24,1)}
#track.no-anim{transition:none}
img{max-width:100%; display:block}
mark{background:var(--yellow); color:#111; padding:.05em .25em; border-radius:2px}
b,strong{font-weight:700; color:#fff}
#dots{position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:60;
  display:flex; flex-direction:column; align-items:center; gap:7px}
#dots button{width:8px; height:8px; border-radius:50%; border:none; cursor:pointer; padding:0;
  background:rgba(255,255,255,.22); transition:all .28s var(--ease); position:relative}
#dots button:hover{background:rgba(255,255,255,.55); transform:scale(1.3)}
#dots button.on{background:var(--yellow); height:22px; border-radius:5px}
#dots button.sub{width:5px; height:5px; background:rgba(255,255,255,.16)}
#dots button.sub.on{width:8px; height:16px; background:var(--yellow)}
#dots button span{position:absolute; right:16px; top:50%; transform:translateY(-50%) translateX(6px);
  white-space:nowrap; font:600 16.5px/1 'Inter'; letter-spacing:.09em; text-transform:uppercase;
  background:rgba(20,20,20,.94); border:1px solid var(--line-2); color:var(--txt);
  padding:6px 9px; border-radius:5px; opacity:0; pointer-events:none; transition:all .22s var(--ease)}
#dots button:hover span{opacity:1; transform:translateY(-50%) translateX(0)}
.sec{position:relative; z-index:1; flex:0 0 auto; width:var(--slide-w); height:var(--slide-h); overflow:hidden;
  display:flex; flex-direction:column; justify-content:center;
  padding:var(--pad-top) calc(var(--pad) + var(--rail-w)) var(--pad-bot) var(--pad)}
.sec-in{width:100%; max-width:1744px; margin:0 auto; min-height:0; transform:scale(var(--fit,1)); transform-origin:center center}
.sec.alt{background:linear-gradient(180deg, var(--ink-2) 0%, var(--ink) 100%)}
.sec-kicker{font:600 34.0px/1 'Inter'; letter-spacing:.24em; text-transform:uppercase; color:var(--yellow); margin-bottom:14px}
.sec-title{font:700 75.0px/1.02 'Barlow Condensed',sans-serif; letter-spacing:.005em; text-transform:uppercase; color:#fff; margin-bottom:20px}
.sec-title b{color:var(--yellow); font-weight:700}
.sec-lead{font-size:39.6px; line-height:1.62; color:#d8d8d8; max-width:76ch; margin-bottom:34px}
html.anim [data-anim]{opacity:0; will-change:transform,opacity,clip-path}
html.anim [data-anim].in{opacity:1}
html.anim [data-anim="fade"]{transition:opacity .7s var(--ease)}
html.anim [data-anim="zoom"]{transform:scale(.88); transition:opacity .62s var(--ease), transform .62s var(--ease)}
html.anim [data-anim="zoom"].in{transform:scale(1)}
html.anim [data-anim="wipe-up"]{clip-path:inset(100% 0 0 0); transform:translateY(18px);
  transition:opacity .55s var(--ease), transform .65s var(--ease), clip-path .7s var(--ease)}
html.anim [data-anim="wipe-up"].in{clip-path:inset(0 0 0 0); transform:none}
html.anim [data-anim="wipe-left"]{clip-path:inset(0 100% 0 0); transform:translateX(-14px);
  transition:opacity .5s var(--ease), transform .65s var(--ease), clip-path .7s var(--ease)}
html.anim [data-anim="wipe-left"].in{clip-path:inset(0 0 0 0); transform:none}
html.anim [data-anim="wipe-right"]{clip-path:inset(0 0 0 100%); transform:translateX(14px);
  transition:opacity .5s var(--ease), transform .65s var(--ease), clip-path .7s var(--ease)}
html.anim [data-anim="wipe-right"].in{clip-path:inset(0 0 0 0); transform:none}
html.anim [data-anim="rise"]{transform:translateY(26px); transition:opacity .6s var(--ease), transform .7s var(--ease)}
html.anim [data-anim="rise"].in{transform:none}
html.anim [data-anim="split"]{clip-path:inset(0 50% 0 50%); transition:opacity .5s var(--ease), clip-path .8s var(--ease)}
html.anim [data-anim="split"].in{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){
  html.anim [data-anim]{opacity:1 !important; transform:none !important; clip-path:none !important; transition:none !important}
  .tl-fill{width:100% !important}
  .tl-arrow{transform:translateY(-50%) scale(1) !important}
  .tl-dot{opacity:1 !important; transform:scale(1) !important}
  .tl-cap{opacity:1 !important}
  .tl-fill,.tl-arrow,.tl-dot,.tl-cap{transition:none !important}
  .proc-num{opacity:1 !important; transform:scale(1) !important}
  .proc-ring{opacity:.85 !important; transform:rotate(-90deg) !important}
  .proc-num,.proc-ring{transition:none !important}
}
#hero{justify-content:center; text-align:center; overflow:hidden}
.hero-glow{position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(46% 52% at 30% 45%, rgba(253,227,0,.16) 0%, transparent 68%)}
.hero-rhino{position:absolute; left:-10%; top:50%; transform:translateY(-50%);
  width:min(998.4px,660px); opacity:.14; pointer-events:none; animation:heroFloat 9s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 16px))}}
.hero-body{position:relative; max-width:var(--maxw); margin:0 auto; width:100%}
.hero-kicker{font:600 34.0px/1 'Inter'; letter-spacing:.34em; text-transform:uppercase; color:var(--yellow); margin-bottom:20px}
.hero-title{font:700 120.0px/.98 'Barlow Condensed',sans-serif; text-transform:uppercase; color:#fff; letter-spacing:.005em}
.hero-rule{width:76px; height:4px; background:var(--yellow); margin:26px auto 22px}
.hero-site{font:600 35.4px/1 'Inter'; letter-spacing:.2em; color:var(--yellow); text-transform:lowercase}
.scroll-hint{position:absolute; bottom:26px; left:50%; transform:translateX(-50%);
  font:500 16.8px/1 'Inter'; letter-spacing:.2em; text-transform:uppercase; color:var(--txt-dim);
  display:flex; flex-direction:column; align-items:center; gap:9px}
.scroll-hint i{display:block; width:1px; height:26px; background:linear-gradient(180deg,var(--yellow),transparent); animation:scrollPulse 1.9s ease-in-out infinite}
@keyframes scrollPulse{0%,100%{opacity:.25; transform:scaleY(.5)}50%{opacity:1; transform:scaleY(1)}}
.svc-grid{display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:30px}
.svc-card{position:relative; overflow:hidden; width:calc((100% - 3*14px)/4); min-width:172px;
  display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:24px 20px 22px; border-radius:10px;
  background:linear-gradient(168deg, rgba(255,255,255,.07), rgba(255,255,255,.025)); border:1px solid var(--line);
  transition:border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease)}
.svc-card::before{content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--yellow);
  transform:scaleX(.22); transform-origin:left; opacity:.8; transition:transform .45s var(--ease), opacity .3s}
.svc-card:hover{border-color:var(--line-2); background:linear-gradient(168deg, rgba(253,227,0,.09), rgba(255,255,255,.03));
  transform:translateY(-5px); box-shadow:0 16px 36px rgba(0,0,0,.45)}
.svc-card:hover::before{transform:scaleX(1); opacity:1}
.svc-ico{display:block; width:38px; color:var(--yellow)}
.svc-ico svg{width:100%; height:auto; display:block}
.svc-lbl{font:600 37.6px/1.42 'Inter',sans-serif; color:#f0f0f0; letter-spacing:.005em}
.tl{position:relative; margin:0 0 8px; padding:0 40px}
.tl-line{position:relative; height:4px; background:rgba(255,255,255,.14); border-radius:3px; margin:52px 0}
.tl-fill{position:absolute; inset:0 auto 0 0; width:0; background:var(--yellow); border-radius:3px; transition:width 1.5s var(--ease)}
.tl.in .tl-fill{width:100%}
.tl-arrow{position:absolute; right:-6px; top:50%; transform:translateY(-50%) scale(0); width:0; height:0;
  border-left:15px solid var(--yellow); border-top:9px solid transparent; border-bottom:9px solid transparent;
  transition:transform .4s var(--ease) 1.2s}
.tl.in .tl-arrow{transform:translateY(-50%) scale(1)}
.tl-pin{position:absolute; top:50%; transform:translate(-50%,-50%); z-index:2}
.tl-pin.s{left:2%} .tl-pin.e{left:98%}
.tl-dot{width:17px; height:17px; border-radius:50%; background:var(--yellow); border:4px solid var(--ink);
  box-shadow:0 0 0 2px var(--yellow); opacity:0; transform:scale(0); transition:all .45s var(--ease)}
.tl.in .tl-pin.s .tl-dot{opacity:1; transform:scale(1); transition-delay:.15s}
.tl.in .tl-pin.e .tl-dot{opacity:1; transform:scale(1); transition-delay:1.25s}
.tl-cap{position:absolute; top:26px; left:50%; transform:translateX(-50%); text-align:center; white-space:nowrap;
  opacity:0; transition:opacity .5s var(--ease)}
.tl.in .tl-pin.s .tl-cap{opacity:1; transition-delay:.35s}
.tl.in .tl-pin.e .tl-cap{opacity:1; transition-delay:1.4s}
.tl-cap b{display:block; font:700 51.0px/1 'Barlow Condensed',sans-serif; color:var(--yellow); background:rgba(253,227,0,.12); padding:4px 12px; border-radius:5px; margin-bottom:10px}
.tl-cap span{display:block; font:700 38.8px/1.55 'Inter',sans-serif; color:#fff; letter-spacing:.02em}
.tl-pin.s .tl-cap{left:0; transform:none; text-align:left}
.tl-pin.e .tl-cap{left:auto; right:0; transform:none; text-align:right}
.reveal-card{margin:140px 40px 0; background:linear-gradient(135deg, rgba(253,227,0,.09), rgba(255,255,255,.03));
  border:1px solid var(--line-2); border-left:3px solid var(--yellow); border-radius:8px; padding:36px; max-width:none}
.reveal-card h3{font:700 43.5px/1 'Barlow Condensed'; letter-spacing:.06em; color:var(--yellow); margin-bottom:12px}
.reveal-card p{font-size:37.2px; color:#ddd; line-height:1.65}
.flow{display:grid; grid-template-columns:minmax(140px,.85fr) minmax(210px,1.05fr) auto 2.5fr; gap:14px; align-items:center; margin-top:8px}
.flow-arrow{display:flex; align-items:center; justify-content:center; color:var(--yellow); opacity:.9}
.flow-arrow svg{width:38px; height:24px}
.flow-route-row{display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:center}
.flow-arrow.live svg{animation:arrowLoop 2.6s ease-in-out infinite}
.flow-routes .flow-route-row:nth-child(2) .flow-arrow.live svg{animation-delay:.5s}
@keyframes arrowLoop{0%,100%{transform:translateX(-4px); opacity:.55}50%{transform:translateX(4px); opacity:1}}
@media (prefers-reduced-motion:reduce){.flow-arrow.live svg{animation:none}}
.flow-brand{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; text-align:center;
  padding:26px 16px; border-radius:10px; background:linear-gradient(150deg, rgba(253,227,0,.2), rgba(253,227,0,.06));
  border:2px solid var(--yellow); min-height:150px}
.flow-brand b{font:700 42.0px/1 'Barlow Condensed',sans-serif; letter-spacing:.09em; color:var(--yellow)}
.flow-brand span{font:500 34.4px/1.4 'Inter',sans-serif; color:var(--txt-mute)}
.flow-routes{display:grid; gap:12px}
.flow-route{border:1.5px solid var(--yellow); border-radius:9px; padding:15px 14px; text-align:center;
  background:rgba(255,255,255,.05); transition:background .25s, transform .25s var(--ease)}
.flow-route:hover{background:rgba(253,227,0,.13); transform:translateY(-2px)}
.flow-route b{display:block; font:700 38.4px/1.15 'Barlow Condensed',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#fff; margin-bottom:6px}
.flow-route span{font:500 33.6px/1.4 'Inter',sans-serif; color:var(--txt-mute)}
.flow-teams{display:grid; gap:11px}
.flow-note{margin-top:18px; text-align:center; font-size:35.4px; color:var(--txt-mute); border-top:1px solid var(--line); padding-top:16px}
.org-cell{background:rgba(255,255,255,.055); border:1.5px solid var(--yellow); border-radius:8px; display:flex; align-items:center;
  justify-content:center; text-align:center; padding:13px 12px; font:600 38.0px/1.28 'Inter',sans-serif; color:#fff;
  transition:background .25s, transform .25s var(--ease), box-shadow .25s}
.org-cell.soft{border-color:var(--line-2); background:rgba(255,255,255,.035); color:#e2e2e2}
.org-cell.hl{background:rgba(253,227,0,.13); font-weight:700}
.org-cell:hover{background:rgba(253,227,0,.16); transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.35)}
.org-row{display:grid; grid-template-columns:minmax(130px,.85fr) 2.3fr; gap:11px}
.org-pair{display:grid; grid-template-columns:1fr 1fr; gap:11px}
.org-wide{grid-column:1 / -1}
.dual{position:relative; margin-top:24px}
.dual-bar{display:grid; grid-template-columns:1fr 1fr; border-radius:100px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.5); max-width:900px; margin:0 auto}
.dual-half{padding:24px 20px; text-align:center; font:700 57.0px/1 'Barlow Condensed'; letter-spacing:.05em}
.dual-half.a{background:#6E7C7D; color:var(--yellow)}
.dual-half.c{background:var(--yellow); color:#2b2b2b}
.dual-tags{display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:38px; max-width:1000px; margin-inline:auto}
.dual-col{display:flex; flex-wrap:wrap; gap:9px; justify-content:center}
.tagpill{border:1px solid var(--line-2); border-radius:100px; padding:8px 15px; font:600 34.8px/1 'Inter'; letter-spacing:.05em;
  color:#e2e2e2; white-space:nowrap; background:rgba(255,255,255,.035); transition:all .25s var(--ease)}
.dual-col.a .tagpill:hover{border-color:#9fb0b1; background:rgba(159,176,177,.16); color:#fff; transform:translateY(-3px)}
.dual-col.c .tagpill:hover{border-color:var(--yellow); background:rgba(253,227,0,.16); color:var(--yellow); transform:translateY(-3px)}
.rings{display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin:12px 0 34px}
.ring{position:relative; width:192px; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center;
  background:#fbfbfb; color:#1b1b1b; padding:14px; font:700 35.2px/1.24 'Inter'; letter-spacing:.02em; text-transform:uppercase;
  box-shadow:0 0 0 5px var(--yellow), 0 0 0 9px rgba(0,0,0,.4), 0 14px 34px rgba(0,0,0,.45);
  transition:transform .32s var(--ease), box-shadow .32s var(--ease)}
.ring:hover{transform:translateY(-8px) scale(1.05); box-shadow:0 0 0 5px var(--yellow), 0 0 0 12px rgba(253,227,0,.25), 0 20px 44px rgba(0,0,0,.55)}
.ring::after{content:''; position:absolute; right:-13px; top:50%; transform:translateY(-50%); width:9px; height:2px; background:rgba(253,227,0,.55)}
.ring:last-child::after{display:none}
.approach-footer{background:linear-gradient(90deg, rgba(253,227,0,.16), rgba(253,227,0,.05) 60%, transparent);
  border-left:3px solid var(--yellow); border-radius:0 8px 8px 0; padding:28px 34px; font-size:38.0px; line-height:1.68; color:#e6e6e6}
.diag{display:grid; grid-template-columns:1fr 1.15fr; gap:54px; align-items:center; margin-top:8px}
.diag-note{position:relative; padding-left:56px; font-size:38.8px; line-height:1.7; color:#ddd}
.diag-arrow{position:absolute; left:0; top:2px; width:40px; height:46px; color:var(--yellow)}
.diag-arrow path{stroke-dasharray:120; stroke-dashoffset:120; transition:stroke-dashoffset 1s var(--ease) .2s}
.diag.in .diag-arrow path{stroke-dashoffset:0}
.srcbox{border:2px solid var(--yellow); border-radius:16px; padding:28px; display:grid; grid-template-columns:auto 1fr; gap:30px; align-items:center}
.srcbox h4{font:700 36.4px/1.5 'Inter',sans-serif; letter-spacing:.05em; text-align:right; text-transform:uppercase; color:#fff;
  max-width:220px; border-right:1px solid var(--line-2); padding-right:26px}
.src-list{display:grid; gap:9px}
.src-item{display:flex; align-items:center; gap:12px; padding:9px 12px; border-radius:8px; background:rgba(255,255,255,.04);
  border:1px solid var(--line); font-size:36.8px; line-height:1.35; color:#e4e4e4;
  transition:background .25s, border-color .25s, transform .25s var(--ease)}
.src-item:hover{background:rgba(253,227,0,.09); border-color:rgba(253,227,0,.45); transform:translateX(3px)}
.src-ico{flex:none; width:26px; height:26px; color:var(--yellow); display:block}
.src-ico svg{width:100%; height:100%; display:block}
.sec-title.big{font-size:105.0px; line-height:.96; margin-bottom:34px}
.lens{display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:8px; margin-bottom:10px}
.lens-card{display:flex; flex-direction:column; gap:7px; padding:18px 18px 16px; border-radius:9px; border:1px solid var(--line-2);
  border-bottom:2px solid var(--yellow); background:linear-gradient(170deg, rgba(253,227,0,.10), rgba(255,255,255,.03)); transition:border-color .3s, background .3s}
.lens-card:hover{background:linear-gradient(170deg, rgba(253,227,0,.16), rgba(255,255,255,.04))}
.lens-ico{width:26px; height:26px; color:var(--yellow); flex:none}
.lens-ico svg{width:100%; height:100%; display:block}
.lens-card b{font:700 40.4px/1.12 'Barlow Condensed',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#fff}
.lens-note{font:500 34.4px/1.35 'Inter',sans-serif; color:var(--txt-mute)}
.gapmap{display:grid; gap:8px}
.gap-row{display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:8px}
.gap-claim{display:flex; align-items:center; gap:13px; padding:16px 18px; border-radius:9px; background:rgba(255,255,255,.05); border:1px solid var(--line)}
.gap-claim b{font:700 37.2px/1 'Barlow Condensed',sans-serif; color:#151515; background:var(--yellow); width:28px; height:28px; border-radius:50%; display:grid; place-items:center; flex:none}
.gap-claim span{font:600 38.0px/1.35 'Inter',sans-serif; color:#fff}
.gap-cell{display:flex; align-items:center; gap:11px; padding:16px 18px; border-radius:9px; font:600 36.8px/1.4 'Inter',sans-serif; color:#fff;
  transition:transform .22s var(--ease), filter .22s}
.gap-cell i{flex:none; width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,.22); position:relative}
.gap-cell i::before{content:''; position:absolute; inset:0; background:no-repeat center/11px 11px}
.gap-cell.yes{background:#2E9B45; border:1px solid #3fb95a}
.gap-cell.no{background:#C3383C; border:1px solid #d9494d}
.gap-cell.yes i::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.5l5.5 5.5L20 6.5'/></svg>")}
.gap-cell.no i::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round'><path d='M6 6l12 12M18 6L6 18'/></svg>")}
.gap-cell:hover{transform:translateY(-2px); filter:brightness(1.1)}
.gap-legend{display:flex; gap:20px; flex-wrap:wrap; margin-top:18px; font-size:34.4px; color:var(--txt-mute); align-items:center}
.gap-legend i{display:inline-block; width:11px; height:11px; border-radius:3px; margin-right:8px; vertical-align:middle}
.gap-legend i.ok{background:#2E9B45}
.gap-legend i.no{background:#C3383C}
.proc{display:flex; flex-wrap:wrap; gap:48px; justify-content:center; margin-top:20px}
.proc-item{position:relative; width:268px; aspect-ratio:1}
.proc-circle{position:absolute; inset:0; border-radius:50%; background:#fafafa; color:#1b1b1b; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:20% 16%; font:700 38.0px/1.3 'Inter'; letter-spacing:.02em; text-transform:uppercase;
  box-shadow:0 20px 50px rgba(0,0,0,.5); transition:transform .35s var(--ease)}
.proc-item:hover .proc-circle{transform:scale(1.04)}
.proc-ring{position:absolute; inset:-9%; border:1.5px solid var(--yellow); border-radius:50%; opacity:.85; transform:rotate(-90deg); transition:transform .8s var(--ease)}
.proc-item:hover .proc-ring{transform:rotate(0deg)}
.proc-num{position:absolute; left:4%; top:14%; width:24%; aspect-ratio:1; border-radius:50%; background:#fafafa; border:2px solid var(--yellow);
  color:var(--yellow); display:grid; place-items:center; font:700 48.0px/1 'Barlow Condensed'; z-index:2}
.banner{background:linear-gradient(90deg,#1c1a08 0%, var(--yellow-deep) 22%, var(--yellow) 50%, var(--yellow-deep) 78%, #1c1a08 100%);
  padding:28px 50px; border-radius:4px; margin-bottom:36px}
.banner h2{font:700 63.0px/1.1 'Barlow Condensed'; text-transform:uppercase; color:#fff; text-align:center; text-shadow:0 2px 10px rgba(0,0,0,.3)}
.banner h2 b{font-size:1.5em; color:#fff}
.banner h2 span{display:block; font-size:.72em; letter-spacing:.06em; margin-top:6px; opacity:.92}
.steps-nav{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:34px}
.step-btn{position:relative; width:160px; aspect-ratio:1; border-radius:50%; cursor:pointer; background:#f4f4f4; color:#333; border:none; padding:10px;
  font:700 31.4px/1.2 'Inter'; letter-spacing:0; text-transform:uppercase;
  box-shadow:0 0 0 4px rgba(255,255,255,.14), 0 8px 22px rgba(0,0,0,.4); transition:all .35s var(--ease)}
.step-btn:hover{transform:translateY(-5px); box-shadow:0 0 0 4px rgba(253,227,0,.5), 0 14px 30px rgba(0,0,0,.5)}
.step-btn.on{background:#fff; color:#111; transform:scale(1.14); box-shadow:0 0 0 5px var(--yellow), 0 0 34px rgba(253,227,0,.4), 0 16px 38px rgba(0,0,0,.55)}
.step-btn.on:hover{transform:scale(1.14) translateY(-3px)}
.step-btn:focus-visible{outline:3px solid var(--yellow); outline-offset:4px}
.step-btn i{position:absolute; top:6px; left:50%; transform:translateX(-50%); font:700 32.2px/1 'Barlow Condensed'; font-style:normal;
  color:var(--yellow-deep); opacity:0; transition:opacity .3s}
.step-btn.on i{opacity:1}
.step-panel{border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); padding:40px; min-height:280px}
.step-panel h3{font:700 40.5px/1.15 'Barlow Condensed'; letter-spacing:.05em; text-transform:uppercase; color:var(--yellow); text-align:center; margin-bottom:24px}
.step-sub{text-align:center; color:var(--txt-mute); font-size:36.4px; margin:-14px 0 22px}
.cardgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px}
.card{background:rgba(255,255,255,.045); border:1px solid var(--line); border-radius:8px; padding:17px 19px; font-size:35.8px; line-height:1.6; color:#dcdcdc; transition:all .28s var(--ease)}
.card:hover{border-color:rgba(253,227,0,.5); background:rgba(253,227,0,.06); transform:translateY(-3px)}
.card b{display:block; margin-bottom:5px; color:var(--yellow); font-size:35.2px; letter-spacing:.05em}
.card.hl{border-color:var(--yellow); background:rgba(253,227,0,.07)}
.pillhead{display:inline-block; background:linear-gradient(90deg,#c9c9c9,#efefef); color:#222; font:700 34.8px/1 'Inter'; letter-spacing:.06em;
  text-transform:uppercase; padding:10px 20px; border-radius:100px; margin-bottom:12px}
.pillhead.y{background:linear-gradient(90deg,var(--yellow-deep),var(--yellow)); color:#1b1b1b}
.blocks{display:grid; grid-template-columns:1fr 1fr; gap:44px; margin-bottom:22px; text-align:center}
.blocks p{font-size:35.4px; line-height:1.6; color:#cfcfcf; text-align:center}
.pair{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px}
.aim{margin-top:24px; text-align:center; border-radius:100px; background:linear-gradient(90deg, transparent, rgba(253,227,0,.16), transparent);
  border-top:1px solid rgba(253,227,0,.3); border-bottom:1px solid rgba(253,227,0,.3); padding:13px 22px; font-size:35.8px; color:#fff}
.aim b{color:var(--yellow); letter-spacing:.08em}
.awards{display:grid; gap:8px; margin-top:8px}
.awards li{list-style:none; font-size:35.4px; color:#d4d4d4; padding-left:16px; position:relative; line-height:1.55}
.awards li::before{content:'▸'; position:absolute; left:0; color:var(--yellow)}
.cal{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px}
.cal-item{border:1px solid var(--line-2); border-radius:10px; padding:20px; text-align:center; transition:all .3s var(--ease)}
.cal-item:hover{border-color:var(--yellow); background:rgba(253,227,0,.06); transform:translateY(-4px)}
.cal-item b{display:block; font:700 39.0px/1 'Barlow Condensed'; color:var(--yellow); margin-bottom:12px; letter-spacing:.04em}
.cal-steps{display:flex; flex-wrap:wrap; gap:6px; justify-content:center}
.cal-steps span{font:600 33.0px/1 'Inter'; letter-spacing:.06em; text-transform:uppercase; background:rgba(255,255,255,.08); border:1px solid var(--line-2); color:#ddd; padding:6px 10px; border-radius:100px}
#kapanis{text-align:center; justify-content:center}
.thanks{font:700 137.5px/1 'Barlow Condensed'; text-transform:uppercase; color:var(--yellow); letter-spacing:.02em}
.thanks-logo{width:min(220px,844.8px); margin:44px auto 22px; opacity:.9}
.thanks-site{font:600 35.4px/1 'Inter'; letter-spacing:.22em; color:var(--txt-mute)}
.thanks-site a{color:var(--yellow); text-decoration:none}
.progress{position:absolute; top:0; left:0; right:0; height:3px; z-index:60; background:rgba(255,255,255,.06)}
.progress span{display:block; height:100%; width:0; background:var(--yellow); transition:width .4s var(--ease)}
#bottombar{position:absolute; left:0; right:0; bottom:0; height:56px; z-index:60; display:flex; align-items:center; gap:12px;
  padding:0 24px 0 var(--pad); background:linear-gradient(180deg, rgba(20,20,20,0) 0%, rgba(16,16,16,.92) 60%); pointer-events:none}
#bottombar > *{pointer-events:auto}
.bb-logo{height:22px; width:auto; opacity:.75; margin-right:6px}
.tool-btn{width:34px; height:34px; border-radius:9px; cursor:pointer; flex:none; background:rgba(255,255,255,.06); border:1px solid var(--line-2);
  color:var(--txt-mute); display:grid; place-items:center; transition:all .2s var(--ease)}
.tool-btn:hover,.tool-btn:focus-visible{border-color:var(--yellow); color:var(--yellow); background:rgba(253,227,0,.08); outline:none}
#backBtn{display:flex; align-items:center; gap:8px; cursor:pointer; background:rgba(255,255,255,.06); border:1px solid var(--line-2); color:var(--txt-mute);
  font:600 17px/1 'Inter',sans-serif; letter-spacing:.06em; padding:0 14px; height:34px; border-radius:9px; transition:all .2s var(--ease)}
#backBtn:hover{border-color:var(--yellow); color:var(--yellow)}
#backBtn .bb-ic{display:grid; place-items:center}
#secLabel{margin-left:auto; padding-right:calc(var(--rail-w) - 10px); font:600 17.2px/1 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--txt-dim); white-space:nowrap}
#secLabel b{color:var(--yellow); font-weight:700; letter-spacing:.06em}
#menuOverlay{position:absolute; inset:0; z-index:80; background:rgba(12,12,12,.97); backdrop-filter:blur(10px); opacity:0; visibility:hidden;
  transition:opacity .3s var(--ease), visibility .3s; display:flex; align-items:center; justify-content:center; padding:80px var(--pad)}
#menuOverlay.open{opacity:1; visibility:visible}
#menuPanel{width:100%; max-width:1400px}
.menu-title{font:600 17px/1 'Inter'; letter-spacing:.24em; text-transform:uppercase; color:var(--yellow); margin-bottom:26px}
.menu-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:12px}
.menu-item{display:flex; align-items:baseline; gap:12px; padding:14px 16px; cursor:pointer; background:rgba(255,255,255,.04); border:1px solid var(--line); border-radius:11px; transition:all .2s var(--ease)}
.menu-item:hover{background:rgba(253,227,0,.09); border-color:var(--yellow)}
.menu-item.on{border-color:var(--yellow); background:rgba(253,227,0,.07)}
.mi-num{font:600 16.5px/1 'Inter'; letter-spacing:.1em; color:var(--txt-dim); flex:none}
.menu-item:hover .mi-num, .menu-item.on .mi-num{color:var(--yellow)}
.mi-title{font:600 20.6px/1.15 'Barlow Condensed',sans-serif; letter-spacing:.02em; text-transform:uppercase; color:var(--txt)}
#menuClose{position:absolute; top:24px; right:24px}
.lightbox{position:fixed; inset:0; z-index:130; background:rgba(8,8,8,.96); display:grid; place-items:center; padding:40px 20px}
.lb-body{max-width:min(1500px,96vw); max-height:92vh; overflow:auto}
.lb-close{position:fixed; top:16px; right:20px; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.1); border:1px solid var(--line-2); color:#fff; font-size:26px; line-height:1; cursor:pointer}
#hizmetler .sec-in{display:flex; flex-direction:column; justify-content:center; height:100%}
#hizmetler .sec-title{text-align:center; margin-bottom:8px}
#hizmetler .sec-title::after{content:''; display:block; width:52px; height:3px; background:var(--yellow); margin:16px auto 0; border-radius:2px}
#hizmetler .svc-grid{margin-top:52px; gap:20px}
#hizmetler .svc-card{width:calc((100% - 3*20px)/4); min-height:236px; padding:34px 30px 30px; gap:22px; justify-content:space-between}
#hizmetler .svc-ico svg{width:46px; height:46px}
#hizmetler .svc-lbl{font-size:38.8px; line-height:1.4}
#nasil .dual{margin-top:54px}
#nasil .dual-half{padding:44px 24px}
#nasil .dual-tags{margin-top:64px; gap:80px; max-width:1240px}
#nasil .dual-col{gap:14px}
#nasil .tagpill{padding:14px 22px; font-size:36.4px}
#surec .proc{gap:84px; margin-top:56px}
#surec .proc-item{width:360px}
#takvim .cal{margin-top:52px; gap:26px}
#takvim .cal-item{padding:52px 30px 46px}
#takvim .cal-item b{font-size:60.0px; margin-bottom:26px}
#takvim .cal-steps{gap:11px}
#takvim .cal-steps span{padding:12px 18px; font-size:34.2px}
#kapanis .thanks{font-size:190.0px}
#kapanis .thanks-logo{width:300px; margin:64px auto 30px}
#kapanis .thanks-site{font-size:38.4px}
html.anim .proc-num{opacity:0; transform:scale(.4); transition:opacity .3s var(--ease), transform .45s cubic-bezier(.34,1.56,.64,1)}
html.anim .proc-item.in .proc-num{opacity:1; transform:scale(1); transition-delay:calc(var(--i) * 380ms + 300ms)}
html.anim .proc-ring{opacity:0; transform:rotate(-160deg) scale(.94)}
html.anim .proc-item.in .proc-ring{opacity:.85; transform:rotate(-90deg) scale(1); transition:opacity .45s var(--ease), transform .9s var(--ease);
  transition-delay:calc(var(--i) * 380ms + 180ms)}
html.anim .proc-item.in:hover .proc-ring{transform:rotate(0deg) scale(1)}
#yediadim .sec-in{display:flex; flex-direction:column; height:100%; gap:0}
#yediadim .sec-title.big{flex:none; font-size:57.5px; margin-bottom:22px}
#yediadim .banner{flex:none; padding:20px 50px; margin-bottom:24px}
#yediadim .steps-nav{flex:none; margin-bottom:22px}
#yediadim .step-panel{flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column}
#yediadim .step-body{flex:none; min-height:calc(var(--pavail, 0px) / var(--pfit, 1)); display:flex; flex-direction:column;
  justify-content:space-between; gap:18px; zoom:var(--pfit,1)}
#yediadim .step-body > *{flex:0 0 auto}

/* ---------- HİZMETLERİMİZ: 9 kart, 3x3 ---------- */
#hizmetler .svc-grid{gap:18px; margin-top:44px}
#hizmetler .svc-card{width:calc((100% - 2*18px)/3); min-height:200px; flex-direction:row; align-items:center; gap:26px; padding:30px 32px}
#hizmetler .svc-ico{flex:none}
#hizmetler .svc-lbl{display:flex; flex-direction:column; gap:10px}
.svc-partner{font:600 31.0px/1 'Inter',sans-serif; font-style:normal; letter-spacing:.14em; text-transform:uppercase;
  color:var(--yellow); display:inline-flex; align-items:center; gap:8px}
.svc-partner::before{content:''; width:18px; height:2px; background:var(--yellow)}
.svc-card.has-partner{border-color:rgba(253,227,0,.32); background:linear-gradient(168deg, rgba(253,227,0,.08), rgba(255,255,255,.025))}

/* ---------- BAĞLI ORTAKLIKLARIMIZ ---------- */
.partner-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px}
.partner-card{display:flex; flex-direction:column; text-decoration:none; color:inherit; border-radius:14px; overflow:hidden;
  border:1px solid var(--line-2); background:rgba(255,255,255,.035);
  transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease)}
.partner-card:hover,.partner-card:focus-visible{transform:translateY(-6px); border-color:var(--yellow); box-shadow:0 22px 50px rgba(0,0,0,.5); outline:none}
.partner-logo{display:flex; align-items:center; justify-content:center; background:#fff; aspect-ratio:16/9; padding:36px 44px}
.partner-logo img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain}
.partner-body{display:flex; flex-direction:column; gap:10px; padding:28px 32px 30px; border-top:3px solid var(--yellow)}
.partner-body b{font:700 51.0px/1 'Barlow Condensed',sans-serif; letter-spacing:.03em; color:#fff}
.partner-desc{font-size:38.0px; color:var(--txt-mute)}
.partner-link{display:inline-flex; align-items:center; gap:8px; margin-top:8px; font:600 34.0px/1 'Inter',sans-serif; letter-spacing:.04em; color:var(--yellow)}

/* ---------- SÜREÇ: 4 daire ---------- */
#surec .proc{gap:48px}
#surec .proc-item{width:310px}
#surec .proc-circle{font-size:36.0px}

/* ---------- REFERANSLAR (HR ile aynı) ---------- */
.ref-note{font-size:35.8px; color:var(--txt-mute); margin-bottom:24px}
.logo-grid{--cols:6; display:flex; flex-wrap:wrap; gap:12px; justify-content:center}
.logo-tile{width:calc((100% - (var(--cols) - 1) * 12px) / var(--cols)); min-width:150px; max-width:280px; flex:0 1 auto;
  position:relative; background:#fff; border-radius:8px; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center;
  padding:14px 16px; border:1px solid rgba(0,0,0,.06); overflow:hidden; transition:transform .28s var(--ease), box-shadow .28s var(--ease)}
.logo-grid.dense{gap:9px}
.logo-grid.dense .logo-tile{width:calc((100% - (var(--cols) - 1) * 9px) / var(--cols)); min-width:102px; max-width:190px; padding:8px 10px; border-radius:6px}
.logo-tile img{max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain}
.logo-sprite{display:block; width:100%; aspect-ratio:2/1; max-height:100%; background-repeat:no-repeat}
.logo-tile:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,.45)}
.logo-name{position:absolute; left:0; right:0; bottom:0; padding:7px 8px; background:rgba(20,20,20,.9); color:#fff;
  font:600 28.0px/1.25 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; text-align:center;
  transform:translateY(100%); transition:transform .28s var(--ease)}
.logo-tile:hover .logo-name{transform:translateY(0)}
#hizmetler .svc-card{justify-content:flex-start}
#hizmetler .svc-lbl{text-align:left; align-items:flex-start}
/* 4'lü ortaklık ızgarası */
.partner-logo{aspect-ratio:auto; height:250px; min-height:0; overflow:hidden}
.partner-logo img{max-height:170px}
.partner-body b{font-size:45.0px; white-space:nowrap}

/* ================= CASE SLAYTLARI ================= */
.case .sec-in{display:flex; flex-direction:column; justify-content:center; height:100%}
.case-head{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,600px); gap:72px; align-items:end; margin-bottom:34px}
.case-kicker{display:flex; align-items:center; gap:16px; font:600 34.0px/1 'Inter'; letter-spacing:.24em; color:var(--yellow); margin-bottom:16px}
.case-kicker i{font-style:normal; color:var(--txt-dim); letter-spacing:.16em; padding-left:16px; border-left:1px solid var(--line-2)}
.case-title{margin:0}
.case-lead{font-size:37.2px; line-height:1.6; color:#d4d4d4; border-left:3px solid var(--yellow); padding-left:24px}
.case-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:20px}
.case-tags span{font:600 26.0px/1 'Inter'; letter-spacing:.08em; text-transform:uppercase; color:#e8e8e8; padding:9px 13px; border:1px solid var(--line-2); border-radius:999px}
.case-media{display:flex; flex-direction:column; gap:22px}
.case-block{display:flex; flex-direction:column}
.case-block.thin{margin-top:-10px}
.case-label{display:flex; align-items:center; gap:12px; font:600 29.0px/1 'Inter'; letter-spacing:.2em; text-transform:uppercase; color:var(--txt-mute); margin-bottom:12px}
.case-label::before{content:''; width:22px; height:3px; background:var(--yellow)}
.case-row{display:flex; gap:20px; width:100%}
.case-row.stagger{padding-bottom:44px}
.case-row.stagger > .tile:nth-child(even){transform:translateY(44px)}
.case-row.stagger > .tile:nth-child(even).in{transform:translateY(44px)}
.case-stack{display:flex; flex-direction:column; gap:20px}
.case-stack > .tile{flex:none !important; width:100%}
.case-cols{display:grid; gap:24px; align-items:start}
.case-col{display:flex; flex-direction:column; gap:22px; min-width:0}
.case-note{display:flex; gap:18px; align-items:flex-start; margin-top:30px; padding:18px 24px; border:1px dashed rgba(253,227,0,.45); border-radius:14px; background:rgba(253,227,0,.04)}
.case-note p{font-size:33.2px; line-height:1.55; color:#d8d8d8}
.case-note-ic{flex:none; width:28px; height:28px; border-radius:50%; background:var(--yellow); color:#111; display:grid; place-items:center; font:800 30.0px/1 'Inter'; margin-top:1px}

/* yan yerleşim: başlık solda, medya sağda */
.case.side .sec-in{display:grid; grid-template-columns:440px minmax(0,1fr); gap:72px; align-items:center; align-content:center}
.case.side .case-head{display:flex; flex-direction:column; gap:28px; align-items:flex-start; margin:0}
.case.side .case-media{align-items:flex-end}
.case.side .case-media .case-block{width:100%; align-items:flex-end}

/* kutucuklar */
.tile{position:relative; display:block; min-width:0; overflow:hidden; border-radius:14px; background:#111; border:1px solid var(--line); color:#fff; text-decoration:none; cursor:pointer; isolation:isolate}
.tile > img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--ease)}
.tile:hover > img{transform:scale(1.035)}
.tile-photo{cursor:zoom-in}
.case-block.thin .tile{border-radius:6px; cursor:zoom-in}
.tile-cap{position:absolute; left:0; right:0; bottom:0; padding:30px 16px 13px; background:linear-gradient(180deg,transparent,rgba(0,0,0,.78)); font:600 27.0px/1.3 'Inter'; letter-spacing:.06em; text-transform:uppercase; color:#fff; z-index:2}
.tile-badge{position:absolute; top:12px; left:12px; z-index:2; display:inline-flex; align-items:center; gap:7px; padding:7px 11px 7px 9px; border-radius:999px; background:rgba(0,0,0,.55); backdrop-filter:blur(6px); font:600 24.0px/1 'Inter'; letter-spacing:.06em; color:#fff}
.tile-badge svg{width:15px; height:15px}
.tile-zoom{position:absolute; top:10px; right:10px; z-index:2; width:32px; height:32px; border-radius:50%; background:rgba(0,0,0,.5); display:grid; place-items:center; opacity:0; transition:opacity .25s}
.tile-zoom svg{width:15px; height:15px}
.tile:hover .tile-zoom{opacity:1}
.tile-reel::after, .tile-carousel::after{content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); pointer-events:none}
.tile-reel:hover, .tile-carousel:hover, .tile-video:hover{border-color:rgba(253,227,0,.6)}
.tile-play{position:absolute; left:50%; top:50%; z-index:2; width:108px; height:108px; margin:-54px 0 0 -54px; border-radius:50%; background:var(--yellow); color:#111; display:grid; place-items:center; box-shadow:0 0 0 14px rgba(253,227,0,.18); transition:transform .3s var(--ease)}
.tile-play svg{width:46px; height:46px; margin-left:6px}
.tile-video:hover .tile-play{transform:scale(1.08)}
.tile-video .tile-cap{font-size:30.0px; padding:60px 26px 22px}
.car-slides{position:absolute; inset:0}
.car-slides img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .7s var(--ease)}
.car-slides img.on{opacity:1}
.car-dots{position:absolute; left:0; right:0; bottom:14px; z-index:2; display:flex; justify-content:center; gap:7px}
.car-dots i{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.45); transition:all .3s}
.car-dots i.on{background:var(--yellow); width:20px; border-radius:4px}
.car-btn{position:absolute; top:50%; z-index:3; width:38px; height:38px; margin-top:-19px; border-radius:50%; border:0; background:rgba(0,0,0,.5); color:#fff; font:400 26px/1 'Inter'; cursor:pointer; opacity:0; transition:opacity .25s}
.car-btn.prev{left:10px} .car-btn.next{right:10px}
.tile-carousel:hover .car-btn{opacity:1}

/* lightbox medya */
.lb-body{display:flex; flex-direction:column; align-items:center; gap:16px}
.lb-reel iframe{width:min(420px,90vw); height:min(760px,82vh); border:0; border-radius:14px; background:#fff}
.lb-video{width:min(1280px,92vw); aspect-ratio:16/9}
.lb-video iframe{width:100%; height:100%; border:0; border-radius:12px; background:#000}
.lb-img{max-width:92vw; max-height:84vh; display:block; border-radius:8px}
.lb-cap{font:600 14px/1 'Inter'; letter-spacing:.14em; text-transform:uppercase; color:var(--txt-mute)}
.lb-link{display:inline-flex; align-items:center; gap:8px; font:600 14px/1 'Inter'; letter-spacing:.08em; color:var(--yellow); text-decoration:none}
.case:not(.side) .case-row{margin-inline:auto}
.case.side .sec-in{grid-template-columns:480px minmax(0,1fr); gap:64px}
.case.side .case-title{font-size:70.0px}

.tile-wrap{display:flex; flex-direction:column; gap:16px; min-width:0}
.tile-wrap > .tile{width:100%}
.tile-desc{font-size:22px; line-height:1.38; color:#d6d6d6}

/* ===== Büyük punto düzeni: yoğun slaytlarda dengeleme ===== */
#ekip .sec-lead, #nasil .sec-lead{font-size:33px; margin-bottom:26px}
#ekip .org-cell{font-size:28px; padding:12px 14px}
#ekip .flow-route b{font-size:31px}
#ekip .flow-route span{font-size:25px}
#ekip .flow-brand b{font-size:40px}
#ekip .flow-brand span{font-size:27px}
#ekip .flow-note{font-size:27px}
.tl-cap span{font-size:33px; line-height:1.35}
.reveal-card{margin-top:210px}
.partner-body b{font-size:40px}
.partner-desc{font-size:29px; line-height:1.3}
.partner-link{font-size:25px}
#yaklasim .sec-title.big{font-size:82px; margin-bottom:26px}
#yaklasim .sec-lead{font-size:33px}
#yaklasim .ring{width:250px; font-size:23px; line-height:1.22; padding:22px}
#yaklasim .approach-footer{font-size:30px; line-height:1.55}
.case-kicker{font-size:28px}
.case-lead{font-size:30px; line-height:1.5}
.case-tags span{font-size:21px}
.case-label{font-size:25px}
.case-note p{font-size:27px}
.case-note-ic{width:40px; height:40px; font-size:22px}
.tile-desc{font-size:24px}
.tile-cap{font-size:20px}
.tile-badge{font-size:17px}
.tile-badge svg{width:19px; height:19px}
.case-head{grid-template-columns:minmax(0,1fr) minmax(0,860px); gap:56px; margin-bottom:28px}
.case.side .case-title{font-size:58px}
.case-hdi-3-fix{}
#case-hdi-3 .case-cols{grid-template-columns:minmax(0,1fr) 290px !important}
#yaklasim .sec-title.big{font-size:72px}
#yaklasim .ring{font-size:25px}
#surec .proc-item{width:330px}
#surec .proc-circle{font-size:27px; padding:18% 14%}
.reveal-card{margin-top:260px}
.partner-body b{font-size:34px}
.svc-partner{font-size:21px}

/* ---------- Yeni case blokları ---------- */
.case-card{display:flex; flex-direction:column; gap:14px; min-width:0; padding:26px 26px 24px; border:1px solid var(--line-2); border-top:3px solid var(--yellow); border-radius:12px; background:rgba(255,255,255,.035)}
.case-card-k{font:600 22px/1 'Inter'; letter-spacing:.18em; text-transform:uppercase; color:var(--yellow)}
.case-card-t{font:700 44px/1 'Barlow Condensed',sans-serif; letter-spacing:.02em; color:#fff}
.case-card-p{font:400 23px/1.4 'Inter'; color:var(--txt-mute,#cfcfcf)}
.case-card .case-block{margin-top:auto}
.tile-play.ghost{background:rgba(255,255,255,.16); color:#fff; border:2px solid rgba(255,255,255,.75); box-shadow:0 10px 40px rgba(0,0,0,.35); -webkit-backdrop-filter:blur(10px) saturate(1.2); backdrop-filter:blur(10px) saturate(1.2)}
.tile-igplay:hover .tile-play{transform:scale(1.08); background:rgba(255,255,255,.26)}
.tile.playing{cursor:default; background:#000}
.tile.playing iframe,.tile.playing video{position:absolute; inset:0; width:100%; height:100%; border:0; display:block; background:#000}
.tile-ext{position:absolute; right:12px; bottom:12px; z-index:3; font:600 18px/1 'Inter'; color:#fff; text-decoration:none; background:rgba(0,0,0,.7); border:1px solid var(--line-2); padding:9px 13px; border-radius:999px}
.tile-ext:hover{background:var(--yellow); color:#111}

/* ---------- Sosyal medya hesapları ---------- */
#sosyal .sec-title{margin-bottom:14px}
.social-note{font:400 28px/1.4 'Inter'; color:var(--txt-mute,#cfcfcf); max-width:1300px; margin-bottom:34px}
.social-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.sm-card{position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; gap:14px; min-height:230px; padding:28px 26px 24px; border-radius:14px; background:var(--c); color:var(--on); transition:transform .35s var(--ease), box-shadow .35s var(--ease)}
.sm-card::before{content:''; position:absolute; left:0; right:0; top:0; height:6px; background:var(--ring, var(--ci))}
.sm-card::after{content:''; position:absolute; right:-60px; bottom:-60px; width:200px; height:200px; border-radius:50%; background:var(--ci); opacity:.28; pointer-events:none}
.sm-card:hover{transform:translateY(-6px); box-shadow:0 20px 44px rgba(0,0,0,.45)}
.sm-brand{position:relative; z-index:1; font:700 38px/1.02 'Barlow Condensed',sans-serif; letter-spacing:.02em}
.sm-handle{position:relative; z-index:1; font:600 24px/1 'Inter'; opacity:.85}
.sm-links{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px}
.sm-btn{display:inline-flex; align-items:center; gap:9px; font:600 20px/1 'Inter'; color:var(--on); text-decoration:none; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); transition:all .25s var(--ease)}
.sm-btn svg{width:22px; height:22px}
.sm-btn:hover{background:var(--on); color:var(--c)}
.case-kicker{flex-wrap:wrap; row-gap:10px}
.case-kicker span{line-height:1.25}
.case-kicker i{flex:none; white-space:nowrap}
.sm-card{min-height:200px; padding:24px 24px 22px}
.social-note{margin-bottom:26px}
.case-kicker{letter-spacing:.17em}
.case.side .case-kicker{font-size:24px; gap:12px}
.case.side .case-kicker i{padding-left:12px}
.tile-ext.top{top:14px; bottom:auto; right:14px; opacity:0; transform:translateY(-4px); transition:all .25s var(--ease)}
.tile-video:hover .tile-ext.top{opacity:1; transform:none}
.case-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.case-stat{display:flex; flex-direction:column; gap:8px; padding:20px 18px 18px; border:1px solid var(--line-2); border-top:3px solid var(--yellow); border-radius:12px; background:rgba(255,255,255,.035)}
.case-stat b{font:700 64px/1 'Barlow Condensed',sans-serif; color:var(--yellow); letter-spacing:.01em}
.case-stat span{font:600 22px/1 'Inter'; letter-spacing:.1em; text-transform:uppercase; color:#e8e8e8}
#case-hektas .case-col{display:flex; flex-direction:column; gap:22px; justify-content:space-between}
#case-hektas .tile-desc{font-size:20px; line-height:1.25}
#case-hektas .case-head{grid-template-columns:1fr 780px}
#case-hektas .case-title{font-size:76px; white-space:nowrap}
#case-hektas .case-col{gap:14px; justify-content:flex-start}
#case-hektas .case-col .case-block + .case-block{margin-top:-2px}
#case-hektas .case-stats{grid-template-columns:repeat(2,1fr)}
#case-hektas .case-stat{flex-direction:row; align-items:baseline; gap:18px; padding:18px 22px}
#case-hektas .case-stat b{font-size:76px}
#case-hektas .case-col{gap:20px}
.sm-card{min-height:168px; padding:20px 22px 18px; gap:10px}
.sm-brand{font-size:34px}
.sm-handle{font-size:22px}
.social-grid{gap:16px}
#sosyal .sec-title{font-size:66px; white-space:nowrap}
.social-note{margin-bottom:22px}
.sm-card{min-height:150px}
#sosyal .sec-title{font-size:54px}
.tile-visit{position:absolute; right:16px; bottom:16px; z-index:3; display:inline-flex; align-items:center; gap:8px; font:600 22px/1 'Inter'; color:#111; background:var(--yellow); padding:12px 18px; border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,.35); transition:transform .25s var(--ease)}
.tile:hover .tile-visit{transform:translateY(-3px)}
#case-kazanci .case-title{font-size:56px; line-height:1.04}
#case-az .case-title{font-size:60px; line-height:1.04}

/* ---------- Web siteleri vitrini ---------- */
.web-grid{display:grid; grid-template-columns:1.75fr 1fr 1fr; grid-template-rows:auto auto; gap:26px 24px; margin-top:8px}
.web-item{display:flex; flex-direction:column; gap:12px; min-width:0}
.web-item.feat{grid-row:1 / span 2}
.web-frame{position:relative; display:flex; flex-direction:column; border-radius:12px; overflow:hidden; background:#0f0f0f; border:1px solid var(--line-2); box-shadow:0 18px 40px rgba(0,0,0,.4); text-decoration:none; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease)}
.web-frame:hover{transform:translateY(-6px); border-color:rgba(253,227,0,.6); box-shadow:0 26px 54px rgba(0,0,0,.55)}
.web-bar{display:flex; align-items:center; gap:7px; height:34px; padding:0 14px; background:#2a2a2a; border-bottom:1px solid rgba(255,255,255,.08); flex:none}
.web-bar i{width:10px; height:10px; border-radius:50%; background:#5a5a5a}
.web-bar i:nth-child(1){background:#ff5f57} .web-bar i:nth-child(2){background:#febc2e} .web-bar i:nth-child(3){background:#28c840}
.web-bar b{flex:1; margin:0 30px 0 12px; height:20px; border-radius:6px; background:rgba(255,255,255,.08); font:500 13px/20px 'Inter'; color:#bdbdbd; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.web-shot{display:block; aspect-ratio:1.6; overflow:hidden}
.web-item.feat .web-frame{flex:1}
.web-item.feat .web-shot{flex:1; aspect-ratio:auto; min-height:0}
.web-shot img{width:100%; height:100%; object-fit:cover; object-position:top center; display:block}
.web-frame .tile-visit{opacity:0; transform:translateY(6px); font-size:18px; padding:10px 15px; transition:all .25s var(--ease)}
.web-frame:hover .tile-visit{opacity:1; transform:none}
.web-item.feat .web-frame .tile-visit{opacity:1; transform:none; font-size:22px; padding:12px 18px}
.web-meta{font:400 19px/1.35 'Inter'; color:var(--txt-mute,#cfcfcf)}
.web-meta b{display:block; font:700 30px/1.05 'Barlow Condensed',sans-serif; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin-bottom:5px}
.web-item.feat .web-meta{font-size:22px}
.web-item.feat .web-meta b{font-size:38px; color:var(--yellow)}
.web-grid{grid-template-columns:2.5fr 1fr 1fr; align-items:start}
.web-item.feat .web-frame{flex:none}
.web-item.feat .web-shot{flex:none; aspect-ratio:1.6}
#case-web .case-head{grid-template-columns:1fr 760px}
#case-web .case-title{font-size:68px}
.web-meta{font-size:18px}
.web-meta b{font-size:28px}
#case-enerjisa-1 .case-title{font-size:60px; line-height:1.04}
#case-entek .case-title,#case-enteksens .case-title{font-size:58px; line-height:1.04}
#case-entek .case-card,#case-enteksens .case-card{padding:18px 18px 18px; gap:12px}
#case-entek .case-card-t,#case-enteksens .case-card-t{font-size:30px; line-height:1.05}
#case-entek .case-card .case-stack,#case-enteksens .case-card .case-stack{gap:12px}
#case-enteksens .case-col{gap:18px}
#case-entek .case-cols{align-items:stretch}
#case-entek .case-col > .case-card{flex:1}
#case-entek .case-card .case-block,#case-enteksens .case-card .case-block{margin-top:0}
.social-grid{grid-template-columns:repeat(5,1fr); gap:14px}
.sm-card{min-height:140px; padding:18px 18px 16px}
.sm-brand{font-size:30px}
.sm-handle{font-size:19px}
.sm-btn{font-size:17px; padding:8px 12px}
.sm-btn svg{width:18px; height:18px}

/* ---------- AI yaklaşımımız ---------- */
.case-flow{display:flex; align-items:stretch; gap:12px; margin-top:6px}
.case-flow-step{flex:1; display:flex; flex-direction:column; gap:8px; padding:18px 20px; border-radius:12px; background:rgba(253,227,0,.08); border:1px solid rgba(253,227,0,.35)}
.case-flow-step b{font:700 40px/1 'Barlow Condensed',sans-serif; letter-spacing:.06em; color:var(--yellow)}
.case-flow-step span{font:400 20px/1.35 'Inter'; color:#e6e6e6}
.case-flow-arr{display:flex; align-items:center; font:700 34px/1 'Inter'; color:var(--yellow)}
#ai-paita .case-card-t{font-size:46px}
#ai-paita .case-card-p{font-size:24px}
#ai-hizmet .case-cols{gap:20px}
#ai-hizmet .case-col{gap:20px}
#ai-hizmet .case-card{padding:22px 24px; gap:10px}
#ai-hizmet .case-card-t{font-size:34px; line-height:1.05}
#ai-hizmet .case-card-p{font-size:21px; line-height:1.4}
#ai-paita .case-title,#ai-hizmet .case-title{font-size:62px; line-height:1.04}
#ai-film .case-title{font-size:64px; line-height:1.04}

/* Alt notlar kaldırıldı: kalan içerik büyütüldü */
#bizkimiz .sec-title{font-size:120px; margin-bottom:22px}
#bizkimiz .sec-lead{font-size:48px; line-height:1.4; max-width:1700px}
#bizkimiz .tl-line{margin:84px 0 0; height:6px}
#bizkimiz .tl-cap{top:34px}
#bizkimiz .tl-cap b{font-size:84px; padding:6px 18px; margin-bottom:16px}
#bizkimiz .tl-cap span{font-size:52px; line-height:1.3}
#bizkimiz .tl-dot{width:24px; height:24px}
#bizkimiz .sec-in{padding-bottom:300px}
#yaklasim .sec-title.big{font-size:92px; margin-bottom:30px}
#yaklasim .sec-lead{font-size:38px; line-height:1.5}
#yaklasim .rings{gap:24px; margin-top:34px}
#yaklasim .ring{width:268px; font-size:28px; line-height:1.2; padding:24px}
#yaklasim .sec-title.big{font-size:80px; max-width:none}
#yaklasim .rings{flex-wrap:nowrap; justify-content:space-between}
/* yan dolgu 24 px'te "SÜRDÜRÜLEBİLİR" iki yandan 11'er px taşıyordu (check.js);
   metin dairenin en geniş yerinde durduğu için yan dolgu daraltıldı, punto korundu */
#yaklasim .ring{width:262px; flex:none; font-size:27px; padding:24px 12px}

/* ---------- Bağlı ortaklık sayfaları ---------- */
.p-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.p-tile{display:flex; flex-direction:column; gap:12px; padding:12px 12px 16px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid var(--line-2)}
.p-tile-img{display:block; aspect-ratio:1; border-radius:8px; overflow:hidden; background:#fff}
.p-tile-img img{width:100%; height:100%; object-fit:contain; display:block}
.p-tile b{font:600 19px/1.25 'Inter'; color:#f2f2f2; text-align:center}
.p-logos{display:grid; grid-template-columns:repeat(10,1fr); gap:10px}
.p-logo{display:flex; align-items:center; justify-content:center; aspect-ratio:1.35; border-radius:10px; background:#fff; overflow:hidden; transition:transform .25s var(--ease), box-shadow .25s var(--ease)}
/* scale(1.05) kaldırıldı: logo kenarları karo zeminiyle aynı beyaz, kırpma bir şey gizlemiyordu
   ama check.js'te kırpılma olarak sayılıyordu */
.p-logo img{width:100%; height:100%; object-fit:cover; display:block}
a.p-logo:hover{transform:translateY(-4px); box-shadow:0 0 0 3px var(--yellow)}
.p-placeholder{display:flex; align-items:center; justify-content:center; min-height:520px; border:2px dashed rgba(253,227,0,.4); border-radius:16px; background:rgba(253,227,0,.03)}
.p-placeholder span{font:600 30px/1 'Inter'; letter-spacing:.06em; color:rgba(255,255,255,.45)}
.p-linkbtn{align-self:flex-start; display:inline-flex; align-items:center; gap:10px; margin-top:6px; font:600 24px/1 'Inter'; color:#111; background:var(--yellow); padding:14px 22px; border-radius:999px; text-decoration:none}
.p-linkbtn:hover{filter:brightness(1.08)}
#ortak-dna .case-title{font-size:62px; line-height:1.04}
#ortak-dna .case-block + .case-block{margin-top:6px}

/* ---------- Yakınlaştırma, dokunmatik ve mobil ---------- */
html,body{overscroll-behavior:none}
#stage{touch-action:none; -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent}
#stage.z-anim{transition:transform .32s cubic-bezier(.3,.7,.3,1)}
html.zoomed #stage{cursor:grab}
#stage.grabbing{cursor:grabbing !important}
html.zoomed #dots, html.zoomed #bottombar{opacity:.0; pointer-events:none}
#zoomHud{position:fixed; z-index:120; left:50%; top:12px; transform:translate(-50%,-12px); display:flex; align-items:center; gap:6px;
  padding:6px; border-radius:999px; background:rgba(18,18,18,.92); border:1px solid rgba(255,255,255,.18); box-shadow:0 10px 30px rgba(0,0,0,.45);
  opacity:0; pointer-events:none; transition:all .25s ease; font:600 14px/1 'Inter',sans-serif; color:#fff}
html.zoomed #zoomHud{opacity:1; pointer-events:auto; transform:translate(-50%,0)}
#zoomHud span{min-width:52px; text-align:center}
#zoomHud button{height:34px; min-width:34px; padding:0 10px; border-radius:999px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.08); color:#fff; font:600 16px/1 'Inter',sans-serif; cursor:pointer}
#zoomHud button.zh-reset{background:#FDE300; color:#111; border-color:#FDE300; font-size:14px}
#mnav{display:none}
#rotHint{display:none}
@media (pointer:coarse){
  #mnav{display:flex; position:fixed; z-index:110; left:50%; bottom:max(10px, env(safe-area-inset-bottom)); transform:translateX(-50%);
    align-items:center; gap:4px; padding:5px; border-radius:999px; background:rgba(18,18,18,.88); border:1px solid rgba(255,255,255,.16);
    box-shadow:0 8px 24px rgba(0,0,0,.4); font:600 14px/1 'Inter',sans-serif; color:#fff; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px)}
  #mnav button{width:42px; height:38px; border:none; border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font:400 26px/1 'Inter',sans-serif; display:grid; place-items:center}
  #mnav button[data-m="menu"]{font-size:18px; background:#FDE300; color:#111}
  #mnav .mn-c{min-width:64px; text-align:center; letter-spacing:.04em}
  /* Sahne içindeki küçük araç çubuğu ve nokta navigasyonu telefonda okunmuyor */
  #bottombar .tool-btn, #backBtn, #dots{display:none !important}
  .menu-grid{grid-template-columns:repeat(2,1fr) !important}
  #menuPanel{max-height:calc(100% - 40px); overflow:auto; -webkit-overflow-scrolling:touch}
}
@media (pointer:coarse) and (orientation:portrait){
  #rotHint{display:flex; position:fixed; z-index:115; left:12px; right:12px; top:max(12px, env(safe-area-inset-top)); align-items:center; gap:10px;
    padding:12px 14px; border-radius:14px; background:rgba(253,227,0,.96); color:#111; font:600 14px/1.35 'Inter',sans-serif; box-shadow:0 10px 30px rgba(0,0,0,.4);
    transition:opacity .4s ease, transform .4s ease}
  #rotHint span{font-size:22px}
  #rotHint button{margin-left:auto; border:none; background:rgba(0,0,0,.1); width:30px; height:30px; border-radius:50%; font-size:18px; color:#111}
  #rotHint.off{opacity:0; transform:translateY(-20px); pointer-events:none}
  .menu-grid{grid-template-columns:1fr !important}
}
@media (max-width:700px){
  #menuPanel{padding:20px 16px !important}
  .menu-item{padding:10px 12px}
}
html.zoomed #rotHint{opacity:0; pointer-events:none}
@media (pointer:coarse){
  #secLabel{display:none !important}
  #zoomHud{top:max(12px, env(safe-area-inset-top))}
}
@media (pointer:coarse) and (orientation:landscape){
  #mnav{left:auto; right:max(12px, env(safe-area-inset-right)); bottom:10px; transform:none; opacity:.92; padding:4px}
  #mnav button{width:38px; height:34px; font-size:22px}
  #mnav .mn-c{min-width:56px; font-size:13px}
}

/* ---------- Kampüs Giyim katalog ---------- */
.k-grid{display:grid; gap:18px}
.k-card{margin:0; display:flex; flex-direction:column; border-radius:16px; overflow:hidden; cursor:zoom-in;
  background:#F1F0ED; box-shadow:0 14px 34px rgba(0,0,0,.35); transition:transform .35s var(--ease), box-shadow .35s var(--ease)}
.k-card:hover{transform:translateY(-6px); box-shadow:0 24px 48px rgba(0,0,0,.45)}
.k-stage{position:relative; height:290px; display:flex; align-items:flex-end; justify-content:center; padding:20px 18px 14px;
  background:radial-gradient(70% 60% at 50% 38%, #FFFFFF 0%, #F1F0ED 62%, #E6E4DF 100%)}
.k-stage::after{content:''; position:absolute; left:22%; right:22%; bottom:10px; height:16px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(0,0,0,.22), transparent); z-index:0}
.k-img{position:relative; z-index:1; max-height:100%; max-width:100%; width:auto; object-fit:contain; filter:drop-shadow(0 10px 14px rgba(0,0,0,.18))}
.k-card.pair .k-img{max-width:58%}
.k-card.pair .k-img.back{margin-left:-10%; transform:scale(.9); transform-origin:bottom center; z-index:0; filter:drop-shadow(0 10px 14px rgba(0,0,0,.14)) brightness(.97)}
.k-card figcaption{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; padding:14px 18px 16px; background:#fff; border-top:1px solid #E4E2DD}
.k-card figcaption b{font:700 24px/1.1 'Barlow Condensed',sans-serif; letter-spacing:.03em; text-transform:uppercase; color:#151515; width:100%}
.k-card figcaption span{font:500 17px/1.2 'Inter'; color:#4a4a4a}
.k-card figcaption em{font:600 13px/1 'Inter'; font-style:normal; letter-spacing:.08em; text-transform:uppercase; color:#111; background:#FDE300; padding:6px 9px; border-radius:999px; margin-left:auto}
.k-note{display:flex; flex-direction:column; justify-content:center; gap:12px; padding:26px; border-radius:16px; border:1px dashed rgba(253,227,0,.5); background:rgba(253,227,0,.05)}
.k-note b{font:700 30px/1 'Barlow Condensed',sans-serif; letter-spacing:.06em; text-transform:uppercase; color:var(--yellow); margin-bottom:4px}
.k-note span{font:500 20px/1.2 'Inter'; color:#eee; padding-left:22px; position:relative}
.k-note span::before{content:''; position:absolute; left:0; top:.45em; width:10px; height:10px; border-radius:50%; background:var(--yellow)}
#ortak-kampus .k-stage{height:300px}
#ortak-kampus-2 .k-stage{height:262px}
#ortak-kampus-2 .k-card figcaption b{font-size:22px}
.k-mosaic{display:grid; grid-template-columns:1.1fr 1fr 1fr 1.1fr; grid-template-rows:300px 300px; gap:16px}
.k-det{position:relative; margin:0; overflow:hidden; border-radius:16px; cursor:zoom-in; box-shadow:0 14px 34px rgba(0,0,0,.35)}
.k-det.tall{grid-row:span 2}
.k-det img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--ease)}
.k-det:hover img{transform:scale(1.04)}
.k-det figcaption{position:absolute; left:12px; bottom:12px; display:flex; gap:8px; align-items:center; padding:8px 12px; border-radius:999px; background:rgba(15,15,15,.78); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.k-det figcaption b{font:700 18px/1 'Barlow Condensed',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:#fff}
.k-det figcaption span{font:600 12px/1 'Inter'; letter-spacing:.08em; text-transform:uppercase; color:#111; background:#FDE300; padding:5px 8px; border-radius:999px}
.k-lb{display:flex; gap:24px; align-items:flex-end; justify-content:center; background:#F1F0ED; padding:30px; border-radius:16px; max-width:90vw}
.k-lb img{max-height:72vh; max-width:42vw; object-fit:contain}
.k-logo{position:absolute; z-index:3; left:12px; top:12px; display:block; padding:4px; border-radius:10px; background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.18); max-width:44%}
.k-logo img{display:block; height:46px; width:auto; max-width:100%; object-fit:contain; border-radius:7px}
.k-logo::after{content:''; position:absolute; right:-6px; bottom:-6px; width:16px; height:16px; border-radius:50%; background:#FDE300 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E") center/10px no-repeat}
.k-lb-logo{align-self:center; max-height:180px !important; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,.2)}
/* daha büyük ürünler, daha kompakt başlık */
#ortak-kampus .case-title,#ortak-kampus-2 .case-title,#ortak-kampus-3 .case-title{font-size:64px; white-space:nowrap}
#ortak-kampus .case-head,#ortak-kampus-2 .case-head,#ortak-kampus-3 .case-head{grid-template-columns:1fr 760px}
#ortak-kampus .k-stage{height:340px}
#ortak-kampus-2 .k-stage{height:290px}
.k-det.pos-top img{object-position:center 20%}
.k-logo img{height:62px}
#ortak-kampus-2 .k-logo img{height:54px}
#ortak-kampus-2 .case-title{font-size:58px}
.k-collage{margin:0; border-radius:18px; overflow:hidden; cursor:zoom-in; box-shadow:0 24px 60px rgba(0,0,0,.45); max-height:640px; display:flex; justify-content:center}
.k-collage img{display:block; height:100%; max-height:640px; width:auto; max-width:100%; object-fit:contain}
#ortak-kampus-3 .case-body{display:flex; flex-direction:column; align-items:center; gap:22px}
#ortak-kampus-3 .case-head{grid-template-columns:1fr; gap:14px}
#ortak-kampus-3 .case-title{font-size:60px}
.k-collage{display:block; width:fit-content; max-width:100%; max-height:none; align-self:center; background:none}
.k-collage img{height:640px; max-height:640px}
#ortak-kampus-3 .case-body{align-items:center}
.sec-far{content-visibility:hidden}