/* u2aismarthome.com tanıtım sayfası (2026-10-31): mobil uygulama sitesi. Üç renk: nötr zemin, mor ana renk, tek bir
   öne çıkan pembe (yalnız küçük vurgularda, üstünde koyu yazı). Hareketler site.js ile; "hareketi azalt" tercihinde
   kapanır, öğeler son hâlinde görünür. JS yoksa gizli başlayan hiçbir şey yoktur (.js sınıfı site.js'ten gelir). */
@property --gx{syntax:'<percentage>';inherits:false;initial-value:85%}
@property --gy{syntax:'<percentage>';inherits:false;initial-value:18%}
:root{
  --bg:#F0F0F0;--surface:#FFFFFF;--ink:#121214;--text-2:rgba(18,18,20,.72);--text-3:rgba(18,18,20,.58);
  --line:rgba(18,18,20,.10);--brand:#553FF3;--brand-ink:#FFFFFF;--brand-tint:rgba(85,63,243,.09);--brand-deep:#3F2BD9;
  --pop:#F879D1;--pop-tint:rgba(248,121,209,.18);
  --r:20px;--r-sm:12px;--shadow:0 1px 2px rgba(18,18,20,.04),0 14px 36px rgba(18,18,20,.08);
  --yay:cubic-bezier(.2,.9,.25,1.14);--yumusak:cubic-bezier(.2,.8,.2,1);
  --font:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--maxw:1160px;--gutter:clamp(16px,4vw,40px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.12}
p{margin:0}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.atla{position:absolute;left:-9999px;top:8px;background:var(--brand);color:#fff;padding:8px 14px;border-radius:999px;z-index:100}
.atla:focus{left:12px}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* üst bilgi */
.ust{position:sticky;top:0;z-index:50;background:rgba(240,240,240,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.ust__ic{display:flex;align-items:center;gap:20px;min-height:72px}
.ust__logo{display:block;width:176px;flex:none}
.ust__menu{display:flex;gap:4px;margin-left:auto}
.ust__menu a{font-size:14.5px;font-weight:500;color:var(--text-2);text-decoration:none;padding:8px 12px;border-radius:999px}
.ust__menu a:hover{color:var(--ink);background:rgba(18,18,20,.05)}
.dil{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.dil a{font-size:12.5px;font-weight:600;text-decoration:none;color:var(--text-3);padding:5px 10px;border-radius:999px;min-height:28px;display:inline-flex;align-items:center}
.dil a[aria-current]{background:var(--ink);color:#fff}

/* düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.btn--ana{background:var(--brand);color:var(--brand-ink)}
.btn--ana:hover{background:var(--brand-deep)}
.btn--ikinci{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn--ikinci:hover{border-color:rgba(18,18,20,.28)}
.btn:active{transform:scale(.98)}

/* ortak */
.kas{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}
.kas::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pop)}
.bolum{padding:clamp(64px,9vw,112px) 0}
.bolum--beyaz{background:var(--surface)}
.bolum__bas{max-width:760px;margin-bottom:40px}
.bolum__bas h2,.blok h2{font-size:clamp(28px,3.6vw,42px);margin-bottom:14px}
.bolum__bas p{color:var(--text-2);font-size:17px}
.dipnot{font-size:13px;color:var(--text-3);margin-top:14px}
.dipnot--kutu{background:var(--bg);border-radius:12px;padding:12px 14px;max-width:520px;margin-top:22px}
.cip{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:var(--bg);border-radius:999px;padding:4px 9px}

/* telefon çerçevesi */
.tel{--tw:270px;position:relative;flex:none;width:var(--tw);max-width:100%;aspect-ratio:590/1279;padding:calc(var(--tw)*.032);border-radius:calc(var(--tw)*.16);
  background:linear-gradient(150deg,#34343B,#0B0B0D 60%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 34px 64px -26px rgba(48,30,160,.42),0 18px 36px -20px rgba(18,18,20,.45)}
.tel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--tw)*.13);background:#EFE9E1}
.tel--buyuk{--tw:clamp(236px,25vw,300px)}
.tel--orta{--tw:clamp(210px,21vw,260px)}
.tel--kucuk{--tw:clamp(150px,16vw,200px)}
.tel--seri{--tw:clamp(190px,19vw,236px)}

/* bildirim kartı */
.bildirim{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:11px 16px 11px 11px;box-shadow:0 14px 34px -14px rgba(40,24,140,.32),0 2px 6px rgba(18,18,20,.06);min-width:216px}
.bildirim__ikon{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--brand);color:#fff}
.bildirim__ikon svg{width:20px;height:20px;stroke-width:2.2}
.bildirim--pop .bildirim__ikon{background:var(--pop);color:var(--ink)}
.bildirim__metin{display:grid;line-height:1.3;min-width:0}
.bildirim__metin b{font-size:14px;font-weight:650}
.bildirim__metin span{font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* giriş */
.giris{position:relative;padding:clamp(40px,7vw,84px) 0 clamp(56px,8vw,100px)}
.giris__ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.giris h1{font-size:clamp(36px,5.3vw,62px);margin-bottom:20px;letter-spacing:-.025em}
.k{display:inline-block}
.k--vurgu{display:block;width:fit-content;color:var(--brand);padding-bottom:.06em;background:linear-gradient(var(--pop),var(--pop)) 0 96%/100% .12em no-repeat}
.giris__alt{font-size:clamp(16px,1.6vw,18.5px);color:var(--text-2);max-width:560px;margin-bottom:28px}
.giris__dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.giris__not{font-size:13px;color:var(--text-3);max-width:520px}
.sahne{position:relative;display:grid;place-items:center;min-height:clamp(470px,46vw,610px);perspective:1100px}
.sahne__hale{position:absolute;width:min(540px,96%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(85,63,243,.24),rgba(248,121,209,.14) 58%,transparent);pointer-events:none}
.sahne .tel{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--yumusak)}
.sahne .tel::after{content:"";position:absolute;inset:calc(var(--tw)*.032);border-radius:calc(var(--tw)*.13);background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 34%);pointer-events:none}
.yuzen{position:absolute;z-index:2;transform:translate3d(calc(var(--kay,0) * var(--dx)),calc(var(--kay,0) * var(--dy)),0)}
.yuzen--1{left:-5%;top:2%;--dx:-46px;--dy:-26px;--px:120px;--py:110px}
.yuzen--2{right:-6%;top:45%;--dx:52px;--dy:-6px;--px:-130px;--py:0px}
.yuzen--3{left:1%;bottom:11%;--dx:-40px;--dy:30px;--px:120px;--py:-110px}

/* ekran + metin blokları */
.blok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:center}
.blok--marka{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.blok__p{color:var(--text-2);font-size:17px;margin-bottom:22px;max-width:560px}
.blok__gorsel{position:relative;display:flex;justify-content:center}
.tik{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:560px}
.tik li{display:grid;grid-template-columns:24px 1fr;gap:12px;color:var(--text-2);font-size:15.5px}
.tik svg{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--brand-tint);stroke:var(--brand);stroke-width:3;margin-top:1px}

/* kapı örneği */
.blok__gorsel--kapi{padding-left:clamp(0px,6vw,80px)}
.blok__gorsel--kapi .kapi-demo{position:absolute;left:0;bottom:9%;width:min(290px,78%);z-index:2}
.kapi-demo{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 24px 50px -22px rgba(40,24,140,.35),0 2px 8px rgba(18,18,20,.06)}
.kapi-demo__bas{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;margin-bottom:14px}
.canli-nokta{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pop);margin-right:8px;vertical-align:1px;animation:nabiz 1.8s ease-out 4}
.kapi-dugme{position:relative;display:grid;place-items:center;width:100%;min-height:52px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 15.5px/1 var(--font);cursor:pointer;overflow:hidden;transition:transform .16s ease}
.kapi-dugme__dolgu{position:absolute;inset:0;background:var(--brand);transform:scaleX(0);transform-origin:left}
.kapi-dugme__yazi{position:relative;grid-area:1/1;display:inline-flex;align-items:center;gap:8px;transition:opacity .25s ease,transform .4s var(--yumusak)}
.kapi-dugme__yazi svg{width:19px;height:19px;stroke-width:2.2}
.kapi-dugme__yazi--acilir,.kapi-dugme__yazi--tamam{opacity:0;transform:translateY(14px)}
.kapi-dugme__yazi--tamam path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s var(--yumusak) .15s}
.kapi-demo.basildi .kapi-dugme{transform:scale(.965)}
.kapi-demo.aciliyor .kapi-dugme__dolgu{transform:scaleX(1);transition:transform 1.15s cubic-bezier(.45,0,.2,1)}
.kapi-demo.aciliyor .kapi-dugme__yazi--ac,.kapi-demo.acildi .kapi-dugme__yazi--ac,.kapi-demo.acildi .kapi-dugme__yazi--acilir{opacity:0;transform:translateY(-14px)}
.kapi-demo.aciliyor .kapi-dugme__yazi--acilir,.kapi-demo.acildi .kapi-dugme__yazi--tamam{opacity:1;transform:none}
.kapi-demo.acildi .kapi-dugme__dolgu{transform:scaleX(1)}
.kapi-demo.acildi .kapi-dugme__yazi--tamam path{stroke-dashoffset:0}
.kapi-demo__log{font-size:13px;color:var(--text-3);margin-top:12px;font-variant-numeric:tabular-nums}
.kapi-demo__log b{color:var(--ink);font-weight:600}
.js .kapi-demo__log{opacity:0;transform:translateY(6px);transition:opacity .4s ease .15s,transform .45s var(--yumusak) .15s}
.js .kapi-demo.acildi .kapi-demo__log{opacity:1;transform:none}

/* kamera */
.blok__gorsel--kamera{display:flex;align-items:center;justify-content:flex-end;min-height:calc(var(--k-tw,200px) * 2.17)}
.blok__gorsel--kamera .cctv{width:84%}
.blok__gorsel--kamera .tel{--tw:var(--k-tw,200px);position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2}
.blok__gorsel--kamera{--k-tw:clamp(150px,16vw,200px)}
.cctv{position:relative;margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1200/670;background:#2A2C30}
.cctv img{width:100%;height:100%;object-fit:cover}
.cctv__cizim{position:absolute;inset:0;width:100%;height:100%}
.ciz{fill:none;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:0}
.ciz--1{stroke:#FFFFFF}
.ciz--2{stroke:var(--pop)}
.cctv__etiket{position:absolute;font-size:12px;font-weight:700;line-height:1.2;padding:4px 8px;border-radius:6px;background:#FFFFFF;color:var(--ink);white-space:nowrap}
.cctv__etiket--1{left:37.8%;top:38.5%;transform:translateY(calc(-100% - 6px))}
.cctv__etiket--2{left:calc(51% + 8px);top:calc(52% + 8px);background:var(--pop)}
.js .cctv:not(.gorundu) .ciz{stroke-dashoffset:1}
.js .cctv:not(.gorundu) .cctv__etiket{opacity:0}
.cctv.gorundu .ciz{transition:stroke-dashoffset 1s var(--yumusak) .2s}
.cctv.gorundu .ciz--2{transition-delay:.8s}
.cctv.gorundu .cctv__etiket{transition:opacity .4s ease 1s}
.cctv.gorundu .cctv__etiket--2{transition-delay:1.6s}

/* uyarı yığını */
.yigin{margin:4px 0 26px;max-width:420px}
.yigin__liste{list-style:none;margin:0;padding:0;position:relative;height:92px}
.yigin__kart{position:absolute;inset:0 0 auto 0;transform:translateY(calc(var(--s) * 12px)) scale(calc(1 - var(--s) * .05));transform-origin:50% 0;z-index:calc(3 - var(--s));opacity:calc(1 - var(--s) * .3);transition:transform .55s var(--yumusak),opacity .5s ease}
.yigin__kart .bildirim{min-width:0;width:100%;background:var(--surface);border-color:var(--line)}
.yigin__kart.ucuyor{transform:translateY(-30px) scale(1.03);opacity:0}
.yigin__dugme{margin-top:4px;background:none;border:0;padding:6px 0;color:var(--brand);font:600 14px/1.4 var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:32px}

/* bina */
.bina{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(16px,3vw,36px);align-items:center}
.foto{position:relative;margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;background:#D9D9DC}
.foto img{width:100%;height:100%;object-fit:cover}
.foto figcaption{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 13px 7px 10px;font-size:13.5px;font-weight:600}
.foto figcaption svg{width:18px;height:18px;stroke:var(--brand);stroke-width:2}
.foto--1{transform:rotate(-1.5deg)}
.foto--2{transform:rotate(1.5deg)}
.olcumler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vw,44px)}
.olcum{background:var(--bg);border-radius:var(--r);padding:20px 22px;border:1px solid var(--line)}
.olcum b{display:block;font-size:clamp(28px,3.2vw,40px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1;white-space:nowrap}
.olcum span{display:block;margin-top:6px;font-size:14px;color:var(--text-2)}
.olcum--pop{background:var(--ink);border-color:transparent}
.olcum--pop b{color:var(--pop)}
.olcum--pop span{color:rgba(255,255,255,.74)}

/* sakinler */
.sakin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center}
.maddeler{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.maddeler li{display:grid;grid-template-columns:44px 1fr;gap:14px}
.madde__ikon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand)}
.madde__ikon svg{width:22px;height:22px}
.maddeler li>span:last-child{color:var(--text-2);font-size:15px}
.maddeler b{display:block;font-size:17px;color:var(--ink);margin-bottom:2px}
.seri{display:flex;gap:16px;justify-content:center;align-items:flex-end;padding-top:30px}
.seri .tel{--y:0px;transform:translateY(var(--y))}
.seri .tel:nth-child(2){--y:-30px;--n:1}
.seri .tel:nth-child(3){--n:2}
.js .seri:not(.gorundu) .tel{opacity:0;transform:translateY(calc(var(--y) + 46px))}
.seri.gorundu .tel{transition:opacity .5s ease calc(var(--n,0) * .12s),transform .8s var(--yay) calc(var(--n,0) * .12s)}

/* akış ve adımlar */
.akis{display:grid;grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:center;margin-bottom:40px}
.akis__bina{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px}
.akis__bina b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.akis__bina ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.akis__bina li{display:flex;gap:9px;align-items:center;font-size:14.5px;font-weight:600}
.akis svg{width:20px;height:20px;stroke:var(--brand)}
.akis__dugum{display:grid;justify-items:center;text-align:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;min-width:128px}
.akis__dugum svg{width:28px;height:28px;margin-bottom:2px}
.akis__dugum b{font-size:15px}
.akis__dugum span{font-size:13px;color:var(--text-3)}
.akis__dugum:last-child{background:var(--brand);border-color:transparent;color:#fff}
.akis__dugum:last-child svg{stroke:#fff}
.akis__dugum:last-child span{color:rgba(255,255,255,.82)}
.akis__cizgi{position:relative;height:2px;margin:0 10px;background:repeating-linear-gradient(90deg,var(--brand) 0 8px,transparent 8px 14px);transform-origin:left}
.akis.gorundu .akis__cizgi::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--pop);opacity:0;animation:paket 1.6s linear calc(var(--i) * .45s + 1.9s) 3}
.js .akis:not(.gorundu) .akis__cizgi{transform:scaleX(0)}
.js .akis:not(.gorundu) .akis__dugum{opacity:0;transform:translateY(10px)}
.akis.gorundu .akis__cizgi{transition:transform .6s var(--yumusak) calc(var(--i) * .45s + .1s)}
.akis.gorundu .akis__dugum{transition:opacity .4s ease calc(var(--i) * .45s + .5s),transform .5s var(--yay) calc(var(--i) * .45s + .5s)}
.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.adim{padding:24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.adim__n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:700;margin-bottom:16px}
.adim h3{font-size:17px;margin-bottom:8px}
.adim p{color:var(--text-2);font-size:15px}
.js .adimlar:not(.gorundu) .adim{opacity:0;transform:translateY(16px)}
.adimlar.gorundu .adim{transition:opacity .5s ease calc(var(--i) * .1s),transform .6s var(--yumusak) calc(var(--i) * .1s)}

/* fiyat bölümü kabı (bölüm landing_fiyat.py'den) */
.u2f-plans{grid-template-columns:minmax(0,420px)!important;justify-content:center}
.u2f-bas h2{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;margin:0 0 12px}
.u2f-kas{font-family:var(--font)!important;font-weight:600}

/* SSS */
.sss{max-width:820px}
.sss details{border-top:1px solid var(--line);padding:18px 0}
.sss details:last-child{border-bottom:1px solid var(--line)}
.sss summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";color:var(--brand);font-weight:700;font-size:20px;line-height:1}
.sss details[open] summary::after{content:"−"}
.sss p{color:var(--text-2);margin-top:10px}
.sss a{color:var(--brand)}

/* son çağrı: akan renk (bir kez, görününce; sonra imleci izler) */
.cagri{padding:0 0 clamp(64px,9vw,112px)}
.cagri__ic{--gx:85%;--gy:18%;background:radial-gradient(circle at var(--gx) var(--gy),rgba(248,121,209,.62),transparent 46%),linear-gradient(115deg,#3F2BD9,#553FF3 52%,#6A3CEB);color:#fff;border-radius:28px;padding:clamp(36px,6vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;transition:--gx .8s var(--yumusak),--gy .8s var(--yumusak)}
.cagri__ic.gorundu:not(.akti){animation:renk-akisi 4.2s var(--yumusak) 1}
.cagri h2{font-size:clamp(26px,3.2vw,38px);max-width:600px}
.cagri .giris__dugmeler{margin:0}
.cagri .btn--ana{background:#fff;color:var(--brand)}
.cagri .btn--ana:hover{background:#ECE9FF}
.cagri .btn--ikinci{background:rgba(18,18,20,.26);color:#fff;border-color:rgba(255,255,255,.55)}

/* alt bilgi */
.alt{border-top:1px solid var(--line);padding:40px 0 48px;background:var(--surface)}
.alt__ic{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
.alt__logo{width:160px}
.alt p{font-size:13.5px;color:var(--text-3);margin-top:12px;max-width:420px}
.alt ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.alt ul a{font-size:14px;color:var(--text-2);text-decoration:none;display:inline-flex;min-height:24px;align-items:center}
.alt ul a:hover{color:var(--ink)}

/* hareketler */
@media (prefers-reduced-motion:no-preference){
  .k{animation:kelime .62s var(--yumusak) both;animation-delay:calc(var(--i) * 70ms + 60ms)}
  .k--vurgu{animation:kelime .62s var(--yumusak) both,altcizgi .8s var(--yumusak) both;animation-delay:calc(var(--i) * 70ms + 60ms),calc(var(--i) * 70ms + 560ms)}
  .sahne .tel{animation:tel-gir .9s var(--yumusak) .1s backwards}
  .yuzen__ic{animation:patla .95s var(--yay) both}
  .yuzen--1 .yuzen__ic{animation-delay:.7s}
  .yuzen--2 .yuzen__ic{animation-delay:.84s}
  .yuzen--3 .yuzen__ic{animation-delay:.98s}
}
@keyframes kelime{from{opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes altcizgi{from{background-size:0% .12em}to{background-size:100% .12em}}
@keyframes tel-gir{from{opacity:0;transform:translateY(40px) rotateX(14deg) scale(.96)}}
@keyframes patla{from{opacity:0;transform:translate(var(--px),var(--py)) scale(.5)}}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(248,121,209,.7)}100%{box-shadow:0 0 0 10px rgba(248,121,209,0)}}
@keyframes paket{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}
@keyframes paket-dik{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 8px);opacity:0}}
@keyframes renk-akisi{0%{--gx:6%;--gy:92%}55%{--gx:60%;--gy:10%}100%{--gx:85%;--gy:18%}}

@media (max-width:960px){
  .giris__ic,.blok,.blok--marka,.sakin{grid-template-columns:1fr}
  .ust__menu{display:none}
  .dil{margin-left:auto}
  .blok--marka .blok__gorsel{order:2}
  .bina{grid-template-columns:1fr 1fr}
  .bina .tel{grid-column:1/-1;justify-self:center;order:-1;margin-bottom:8px}
  .foto--1,.foto--2{transform:none}
  .olcumler{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .akis{grid-template-columns:1fr;justify-items:center}
  .akis__cizgi{width:2px;height:30px;margin:8px 0;background:repeating-linear-gradient(180deg,var(--brand) 0 8px,transparent 8px 14px);transform-origin:top}
  .js .akis:not(.gorundu) .akis__cizgi{transform:scaleY(0)}
  .akis.gorundu .akis__cizgi::after{left:-3px;top:0;animation-name:paket-dik}
  .seri{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 4px 16px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .seri .tel{scroll-snap-align:center}
}
@media (max-width:600px){
  .ust__logo{width:150px}
  .ust__ic{gap:12px}
  .ust__cta{display:none}
  .adimlar{grid-template-columns:1fr}
  .sahne{min-height:auto;padding:24px 0 8px}
  .yuzen--1{left:0;top:0;--dx:-10px;--dy:-14px}
  .yuzen--2{right:0;top:46%;--dx:10px;--dy:0px}
  .yuzen--3{left:0;bottom:7%;--dx:-10px;--dy:14px}
  .bildirim{min-width:0;max-width:min(232px,64vw);padding:9px 12px 9px 9px}
  .bildirim__ikon{width:32px;height:32px}
  .blok__gorsel--kapi{padding-left:0;flex-direction:column;align-items:center}
  .blok__gorsel--kapi .kapi-demo{position:relative;left:auto;bottom:auto;width:100%;max-width:340px;margin-top:-64px}
  .blok__gorsel--kamera{display:block;min-height:0}
  .blok__gorsel--kamera .cctv{width:100%}
  .blok__gorsel--kamera .tel{--tw:150px;position:relative;left:auto;top:auto;transform:none;margin:-70px auto 0 6px}
  .cctv__etiket{font-size:11px;padding:3px 6px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}