/* Altai Software 2.0.84 — build.py tarafından üretilir; elle düzenlemeyin. */
/* Not: Elementor kapsayıcılarda --display, --width, --gap gibi kendi değişkenlerini kullanır;
   tema değişkenleri bu adlarla çakışmamalıdır (yazı tipleri bu yüzden --f-display / --f-body).
   Elementor'ın kapsayıcı ve widget varsayılanlarını sıfırlar; düzeni tema sınıfları belirler.
   Bu dosya tema stilinden ÖNCE gelir: aynı öncelikte olduğu için tema sınıfları üstüne yazar. */
#altai .e-con { display: block; position: relative; flex: initial; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal; width: auto; max-width: none; min-height: 0; height: auto; margin: 0; padding: 0; gap: 0; border-radius: 0; overflow: visible; z-index: auto; text-align: inherit; }
#altai .e-con > .e-con-inner { display: contents; }
#altai a.e-con { color: inherit; text-decoration: none; }
#altai .elementor-widget { margin: 0; width: auto; max-width: none; min-width: 0; }
#altai .elementor-widget-container { height: auto; }
#altai .elementor-widget-heading { font-family: var(--f-display); line-height: 1.08; letter-spacing: -.02em; color: inherit; }
#altai .elementor-heading-title { font: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; text-wrap: balance; }
#altai .elementor-widget-text-editor { font: inherit; color: inherit; columns: auto; }
#altai .elementor-widget-image { text-align: inherit; }
#altai .elementor-widget-image img { vertical-align: top; }
#altai .elementor-widget-button { line-height: 1; }

#altai{--ink: #0a1019;
  --ink-2: #0e1622;
  --ink-3: #152030;
  --line: rgba(255, 255, 255, .1);
  --line-2: rgba(255, 255, 255, .18);
  --text: #eef2f6;
  --muted: #9ca8b6;
  --teal: #1fc2d3;
  --gold: #e0a93b;
  --paper: #f3f0e9;
  --paper-ink: #0f141b;
  --paper-muted: #55606d;
  --p: var(--teal);
  --p2: #9eeaf2;
  --pd: #0b7f8c;
  --pbg: #0c1a29;
  --ghost: rgba(255, 255, 255, .07);
  --ghost-h: rgba(255, 255, 255, .13);
  --panel: rgba(255, 255, 255, .035);
  --solid: #fff;
  --solid-ink: #0a1019;
  --r: 22px;
  --r-lg: 32px;
  --wrap: 1240px;
  --gut: clamp(18px, 4vw, 40px);
  --f-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --f-body: "Inter", "Segoe UI", system-ui, sans-serif;}
#altai .t-yadara,#altai .m-yadara{--p: #ff2e88; --p2: #00f0ff; --pd: #d1146a; --pbg: #0b0914;}
#altai .t-gridpuck,#altai .m-gridpuck{--p: #00e5ff; --p2: #ff5722; --pd: #007f96; --pbg: #070b19;}
#altai .t-lyli,#altai .m-lyli{--p: #bf5af2; --p2: #2fd9c4; --pd: #8527c4; --pbg: #130f24;}
#altai .t-trpld,#altai .m-trpld{--p: #f08a24; --p2: #b78d48; --pd: #a8500a; --pbg: #031426;}
#altai .t-dodo,#altai .m-dodo{--p: #1fa9b8; --p2: #f06a3c; --pd: #0e6b75; --pbg: #0a1a3a;}
#altai .t-kopitan,#altai .m-kopitan{--p: #ffc94a; --p2: #3fb4ff; --pd: #8a5a00; --pbg: #0a1a3a;}
#altai .m-fam{--p: #f08a24; --p2: #f3ebd9; --pd: #a8500a; --pbg: #15202b;}
#altai .t-court,#altai .m-court{--p: #5ab4e2; --p2: #f3ebd9; --pd: #1f6f9e; --pbg: #071a2e;}
#altai body,#altai [class*="m-"]{--pi: var(--p); --g1: var(--p); --g2: var(--p2);}
#altai *,#altai *::before,#altai *::after{box-sizing: border-box;}
html#altai{scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
#altai body{margin: 0;
  background: var(--ink);
  color: var(--text);
  font: 400 17px/1.65 var(--f-body);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;}
#altai img,#altai video{max-width: 100%; display: block;}
#altai a{color: inherit;}
#altai h1,#altai h2,#altai h3,#altai h4{font-family: var(--f-display); line-height: 1.08; margin: 0; letter-spacing: -.02em; text-wrap: balance;}
#altai p{margin: 0;}
#altai :focus-visible{outline: 2px solid var(--p); outline-offset: 3px; border-radius: 6px;}
#altai .skip{position: absolute; left: -9999px; top: 8px; z-index: 200; background: #fff; color: #000; padding: 10px 16px; border-radius: 10px;}
#altai .skip:focus{left: 8px;}
#altai .wrap{width: min(var(--wrap), 100% - 2 * var(--gut)); margin-inline: auto;}
#altai .eyebrow{display: inline-flex; align-items: center; gap: 10px;
  font: 600 12.5px/1 var(--f-display); letter-spacing: .16em; text-transform: uppercase;
  color: var(--pi);}
#altai .eyebrow::before{content: ""; width: 26px; height: 2px; background: currentColor; border-radius: 2px;}
#altai .h-xl{font-size: clamp(42px, 7.4vw, 104px); font-weight: 800; letter-spacing: -.035em; line-height: .98;}
#altai .h-lg{font-size: clamp(34px, 5vw, 68px); font-weight: 800; letter-spacing: -.03em;}
#altai .h-md{font-size: clamp(26px, 3.2vw, 42px); font-weight: 700;}
#altai .h-sm{font-size: clamp(19px, 1.7vw, 23px); font-weight: 600; letter-spacing: -.01em;}
#altai .lead{font-size: clamp(17px, 1.55vw, 21px); color: var(--muted); max-width: 62ch;}
#altai .grad{background: linear-gradient(100deg, var(--g1), var(--g2)); -webkit-background-clip: text; background-clip: text; color: transparent;}
#altai .muted{color: var(--muted);}
#altai .small{font-size: 14px;}
#altai .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 26px; border-radius: 999px; border: 1px solid transparent;
  font: 600 15.5px/1 var(--f-display); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;}
#altai .btn:hover{transform: translateY(-2px);}
#altai .btn--light{background: var(--solid); color: var(--solid-ink);}
#altai .btn--light:hover{box-shadow: 0 10px 34px color-mix(in srgb, var(--solid) 24%, transparent);}
#altai .btn--ghost{background: var(--ghost); border-color: var(--line-2); color: var(--text); backdrop-filter: blur(10px);}
#altai .btn--ghost:hover{background: var(--ghost-h);}
#altai .btn--brand{background: var(--p); color: #0a1019;}
#altai .btn--brand:hover{box-shadow: 0 10px 36px color-mix(in srgb, var(--p) 45%, transparent);}
#altai .btn--dark{background: var(--paper-ink); color: #fff;}
#altai .btn--sm{padding: 11px 18px; font-size: 14px;}
#altai .btn[aria-disabled="true"]{opacity: .6; pointer-events: none;}
#altai .btns{display: flex; flex-wrap: wrap; gap: 12px;}
#altai .link{font: 600 15.5px var(--f-display); text-decoration: none; color: var(--pi); display: inline-flex; gap: 8px; align-items: center;}
#altai .link span{transition: transform .2s;}
#altai .link:hover span{transform: translateX(5px);}
#altai .hdr{position: fixed; inset: 14px 0 auto; z-index: 100; padding-inline: var(--gut); pointer-events: none;}
#altai .hdr__bar{pointer-events: auto; position: relative;
  width: min(var(--wrap), 100%); margin-inline: auto;
  display: flex; align-items: center; gap: 18px;
  padding: 8px 10px 8px 16px; border-radius: 999px;
  background: rgba(12, 19, 30, .66); border: 1px solid var(--line);
  backdrop-filter: blur(22px) saturate(1.4); -webkit-backdrop-filter: blur(22px) saturate(1.4);
  transition: background .3s, box-shadow .3s;}
#altai .hdr.is-stuck .hdr__bar{background: rgba(10, 16, 25, .93); box-shadow: 0 14px 40px rgba(0, 0, 0, .45);}
#altai .hdr__logo img{width: 52px; height: 52px; object-fit: contain;}
#altai .nav{display: flex; align-items: center; gap: 2px; margin-left: 8px; flex: 1;}
#altai .nav__item{position: relative;}
#altai .nav__link{display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 15px; border-radius: 999px; border: 0; background: none; cursor: pointer;
  color: #d6dde5; font: 500 15px/1 var(--f-display); text-decoration: none; white-space: nowrap;
  transition: background .2s, color .2s;}
#altai .nav__link:hover,#altai .nav__link[aria-expanded="true"],#altai .nav__link[aria-current="page"]{background: rgba(255, 255, 255, .09); color: #fff;}
#altai .chev{width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s;}
#altai [aria-expanded="true"] .chev{transform: rotate(225deg) translateY(-2px);}
#altai .mega{position: absolute; top: calc(100% + 16px); left: -16px; width: min(680px, 92vw);
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px;
  background: rgba(10, 13, 19, .97); border: 1px solid var(--line); border-radius: var(--r);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
  opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .22s;}
#altai .mega.is-open{opacity: 1; visibility: visible; transform: none;}
#altai .mega__card{display: flex; gap: 14px; align-items: center; padding: 12px; border-radius: 16px; text-decoration: none; transition: background .2s;}
#altai .mega__card:hover{background: color-mix(in srgb, var(--p) 16%, transparent);}
#altai .mega__card img{width: 48px; height: 48px; border-radius: 12px; flex: none;}
#altai .mega__card b{display: block; font: 600 15.5px/1.2 var(--f-display);}
#altai .mega__card i{display: block; font-style: normal; font-size: 13.5px; color: var(--muted);}
#altai .mega__all{grid-column: 1 / -1; padding: 12px 14px; border-top: 1px solid var(--line); margin-top: 4px; font: 600 14px var(--f-display); color: var(--teal); text-decoration: none;}
#altai .hdr__lang{flex: none; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 38px; padding: 0 12px;
  border-radius: 999px; border: 1px solid var(--line-2); color: #d6dde5; font: 600 13px/1 var(--f-display); letter-spacing: .08em; text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;}
#altai .hdr__lang:hover{background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .4);}
#altai .burger{display: none; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--line-2); background: rgba(255, 255, 255, .06); cursor: pointer; position: relative; margin-left: auto;}
#altai .burger span{position: absolute; left: 13px; right: 13px; height: 2px; background: #fff; border-radius: 2px; transition: .25s;}
#altai .burger span:first-child{top: 18px;}
#altai .burger span:last-child{top: 26px;}
#altai .burger[aria-expanded="true"] span:first-child{top: 22px; transform: rotate(45deg);}
#altai .burger[aria-expanded="true"] span:last-child{top: 22px; transform: rotate(-45deg);}
@media (max-width: 1020px){#altai .burger{display: block; margin-left: 0;}
#altai .hdr__cta{display: none;}
#altai .hdr__lang{margin-left: auto; height: 46px; min-width: 46px;}
#altai .nav{position: absolute; top: calc(100% + 10px); left: 0; right: 0; margin: 0; flex-direction: column; align-items: stretch; gap: 4px;
    padding: 14px; border-radius: var(--r); background: rgba(8, 11, 16, .98); border: 1px solid var(--line);
    max-height: calc(100dvh - 104px); overflow: auto;
    opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .22s;}
#altai .nav.is-open{opacity: 1; visibility: visible; transform: none;}
#altai .nav__link{width: 100%; justify-content: space-between; padding: 16px; font-size: 17px;}
#altai .mega{position: static; width: auto; grid-template-columns: 1fr; box-shadow: none; border: 0; padding: 0 0 6px; background: none; display: none; opacity: 1; visibility: visible; transform: none;}
#altai .mega.is-open{display: grid;}}
#altai .sec{padding-block: clamp(72px, 10vw, 140px); position: relative;}
#altai .sec--tight{padding-block: clamp(48px, 6vw, 84px);}
#altai .sec--alt{background: var(--ink-2);}
#altai .sec--light{background: var(--paper); color: var(--text);
  --text: #0f141b; --muted: #55606d; --line: rgba(15, 20, 27, .12); --line-2: rgba(15, 20, 27, .24);
  --ghost: rgba(15, 20, 27, .05); --ghost-h: rgba(15, 20, 27, .1); --panel: #fff;
  --solid: #0f141b; --solid-ink: #fff;}
#altai .sec--light.sec--alt{background: #fff; --panel: #f6f4ef;}
#altai .t-lyli .sec--light{background: #f5f0fb;}
#altai .t-lyli .sec--light.sec--alt{background: #fff; --panel: #f7f3fc;}
#altai .sec--light,#altai .sec--light [class*="m-"]{--pi: var(--pd); --g1: var(--pd); --g2: var(--p);}
#altai .sec--light .tile,#altai .sec--light .area,#altai .sec--light .cta{color: var(--text);
  --text: #eef2f6; --muted: #9ca8b6; --line: rgba(255, 255, 255, .1); --line-2: rgba(255, 255, 255, .18);
  --ghost: rgba(255, 255, 255, .07); --ghost-h: rgba(255, 255, 255, .13);
  --solid: #fff; --solid-ink: #0a1019;
  --pi: var(--p); --g1: var(--p); --g2: var(--p2);}
#altai .sec__head{display: grid; gap: 18px; margin-bottom: clamp(36px, 5vw, 64px); max-width: 900px;}
#altai .sec__head--row{max-width: none; grid-template-columns: 1fr auto; align-items: end;}
@media (max-width: 760px){#altai .sec__head--row{grid-template-columns: 1fr;}}
#altai .media{position: relative; overflow: hidden; background-color: var(--pbg); background-size: cover; background-position: center;}
#altai .media video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
#altai .hero{overflow: hidden; position: relative; min-height: min(100svh, 980px); display: grid; align-items: end; isolation: isolate;}
#altai .hero__bg{position: absolute; inset: 0; z-index: -2;}
#altai .hero__bg.media{animation: drift 28s ease-in-out infinite alternate;}
#altai .hero::after{content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(10, 16, 25, .55) 0%, rgba(10, 16, 25, .12) 34%, rgba(10, 16, 25, .78) 76%, var(--ink) 100%),
              linear-gradient(90deg, rgba(10, 16, 25, .72), transparent 62%);}
#altai .hero__in{padding-block: 170px clamp(40px, 6vw, 72px); display: grid; gap: 26px;}
#altai .hero__in .lead,#altai .cta .lead{color: #c9d2dc;}
#altai .hero--page{min-height: min(86svh, 820px);}
#altai .hero--short{min-height: 0;}
#altai .hero--short .hero__in{padding-block: 190px 70px;}
@keyframes drift{ from { transform: scale(1.02); } to { transform: scale(1.1) translate(-1.2%, -1%); } }
#altai .hero__id{display: flex; align-items: center; gap: 16px;}
#altai .hero__id img{width: 76px; height: 76px; border-radius: 20px; box-shadow: 0 12px 40px rgba(0, 0, 0, .5);}
#altai .badge{display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line-2); background: var(--ghost); font: 600 12.5px/1 var(--f-display); letter-spacing: .04em;}
#altai .badge--live::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--p); box-shadow: 0 0 0 4px color-mix(in srgb, var(--p) 30%, transparent);}
#altai .badges{display: flex; flex-wrap: wrap; gap: 8px;}
#altai .strip{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 22px;}
#altai .strip a{display: grid; gap: 6px; padding: 18px 20px; border-radius: 18px; text-decoration: none;
  background: rgba(13, 17, 24, .66); border: 1px solid var(--line); backdrop-filter: blur(16px);
  transition: transform .25s, border-color .25s, background .25s; position: relative; overflow: hidden;}
#altai .strip a::after{content: ""; position: absolute; left: 20px; right: 20px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--p); transform: scaleX(0); transform-origin: left; transition: transform .35s;}
#altai .strip a:hover{transform: translateY(-4px); border-color: var(--line-2); background: rgba(20, 26, 36, .86);}
#altai .strip a:hover::after{transform: scaleX(1);}
#altai .strip__t{font: 600 16px var(--f-display);}
#altai .strip__s{font-size: 13.5px; color: var(--muted);}
@media (max-width: 900px){#altai .strip{grid-template-columns: 1fr 1fr;}}
@media (max-width: 480px){#altai .strip__s{display: none;}}
#altai .bento{display: grid; grid-template-columns: repeat(12, 1fr); gap: 18px;}
#altai .tile{position: relative; overflow: hidden; border-radius: var(--r-lg); min-height: 520px;
  display: flex; flex-direction: column; justify-content: space-between; gap: 24px;
  padding: clamp(24px, 3vw, 40px); text-decoration: none; isolation: isolate;
  background: var(--pbg); border: 1px solid var(--line);
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), border-color .35s, box-shadow .35s;}
#altai .tile::before{content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--p) 34%, transparent), transparent 62%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--p2) 22%, transparent), transparent 60%);
  transition: opacity .35s; opacity: .85;}
#altai .tile:hover{transform: translateY(-6px); border-color: color-mix(in srgb, var(--p) 60%, transparent); box-shadow: 0 30px 80px color-mix(in srgb, var(--p) 18%, transparent);}
#altai .tile:hover::before{opacity: 1;}
#altai .tile--6{grid-column: span 6;}
#altai .tile--7{grid-column: span 7;}
#altai .tile--5{grid-column: span 5;}
#altai .tile--12{grid-column: span 12; min-height: 0;}
#altai .tile__top{display: grid; gap: 14px; max-width: 30em; position: relative; z-index: 2;}
#altai .tile__id{display: flex; align-items: center; gap: 12px;}
#altai .tile__id img{width: 48px; height: 48px; border-radius: 13px;}
#altai .tile__kind{font: 600 12px/1 var(--f-display); letter-spacing: .14em; text-transform: uppercase; color: var(--p);}
#altai .tile h3{font-size: clamp(28px, 3vw, 42px); font-weight: 800; letter-spacing: -.03em;}
#altai .tile p{color: #c4ccd6; font-size: 16px;}
#altai .tile__shots{position: relative; z-index: 1; display: flex; gap: 16px; justify-content: flex-end; align-items: flex-end; margin: 0 -8px -70px 0;}
#altai .tile__shots .phone{width: clamp(150px, 17vw, 210px); transform: rotate(4deg); transition: transform .5s cubic-bezier(.2, .7, .2, 1);}
#altai .tile__shots .phone:first-child{transform: rotate(-5deg) translateY(34px);}
#altai .tile:hover .tile__shots .phone{transform: rotate(2deg) translateY(-12px);}
#altai .tile:hover .tile__shots .phone:first-child{transform: rotate(-3deg) translateY(16px);}
#altai .tile__wide{position: relative; z-index: 1; margin: 0 -60px -90px 0; transition: transform .5s cubic-bezier(.2, .7, .2, 1);}
#altai .tile:hover .tile__wide{transform: translateY(-12px);}
#altai .tile--row{flex-direction: row; align-items: center;}
#altai .tile--row .tile__shots{margin: -20px 0 -90px;}
@media (max-width: 980px){#altai .tile--6,#altai .tile--7,#altai .tile--5{grid-column: span 12;}
#altai .tile{min-height: 460px;}
#altai .tile--row{flex-direction: column; align-items: stretch;}
#altai .tile__wide{margin: 0 -8px -70px 0;}}
#altai .phone{border-radius: 26px; padding: 6px; background: #05070a; border: 1px solid rgba(255, 255, 255, .16); box-shadow: 0 30px 60px rgba(0, 0, 0, .55); flex: none;}
#altai .phone img{border-radius: 20px; width: 100%; height: auto;}
#altai .screen{border-radius: 18px; padding: 8px; background: #05070a; border: 1px solid rgba(255, 255, 255, .16); box-shadow: 0 40px 90px rgba(0, 0, 0, .6);}
#altai .screen img{border-radius: 11px; width: 100%; height: auto;}
#altai .screen--bar{padding-top: 30px; position: relative;}
#altai .screen--bar::before{content: ""; position: absolute; top: 11px; left: 14px; width: 9px; height: 9px; border-radius: 50%; background: #3a424d; box-shadow: 15px 0 #3a424d, 30px 0 #3a424d;}
#altai .grid{display: grid; gap: 18px;}
#altai .grid--2{grid-template-columns: repeat(2, 1fr);}
#altai .grid--3{grid-template-columns: repeat(3, 1fr);}
#altai .grid--4{grid-template-columns: repeat(4, 1fr);}
@media (max-width: 1020px){#altai .grid--4{grid-template-columns: repeat(2, 1fr);}
#altai .grid--3{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 680px){#altai .grid--2,#altai .grid--3,#altai .grid--4{grid-template-columns: 1fr;}}
#altai .card{display: grid; align-content: start; gap: 12px; padding: 28px; border-radius: var(--r);
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02)); border: 1px solid var(--line);
  transition: border-color .3s, transform .3s, background .3s; text-decoration: none;}
#altai a.card:hover,#altai .card--hover:hover{transform: translateY(-4px); border-color: color-mix(in srgb, var(--p) 55%, transparent);}
#altai .card__n{font: 700 13px/1 var(--f-display); letter-spacing: .14em; color: var(--pi);}
#altai .card p{color: var(--muted); font-size: 15.5px;}
#altai .sec--light .card{background: var(--panel); box-shadow: 0 1px 2px rgba(15, 20, 27, .05);}
#altai .sec--light a.card:hover,#altai .sec--light .card--hover:hover{box-shadow: 0 18px 44px rgba(15, 20, 27, .12);}
#altai .area{position: relative; overflow: hidden; border-radius: var(--r-lg); min-height: 440px; display: flex; align-items: flex-end; text-decoration: none; border: 1px solid var(--line); isolation: isolate;}
#altai .area .media{position: absolute; inset: 0; z-index: -2; transition: transform .8s cubic-bezier(.2, .7, .2, 1);}
#altai .area::after{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 20%, rgba(8, 12, 20, .94) 88%);}
#altai .area:hover .media{transform: scale(1.07);}
#altai .area__in{padding: 28px; display: grid; gap: 10px;}
#altai .area__in p{color: #c4ccd6; font-size: 15.5px;}
#altai .facts{display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line);}
#altai .facts > div{padding: 36px 24px; border-left: 1px solid var(--line); display: grid; gap: 8px;}
#altai .facts > div:first-child{border-left: 0; padding-left: 0;}
#altai .facts__n{font: 800 clamp(40px, 5vw, 68px)/1 var(--f-display); letter-spacing: -.04em;}
#altai .facts__t{color: var(--muted); font-size: 15px;}
@media (max-width: 760px){#altai .facts{grid-template-columns: 1fr 1fr;}
#altai .facts > div:nth-child(3){border-left: 0; padding-left: 0;}
#altai .facts > div:nth-child(n+3){border-top: 1px solid var(--line);}}
#altai .split{display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 90px); align-items: center;}
#altai .split--rev > :first-child{order: 2;}
#altai .split__text{display: grid; gap: 20px;}
#altai .split__media{border-radius: var(--r-lg); min-height: 420px; border: 1px solid var(--line);}
@media (max-width: 900px){#altai .split{grid-template-columns: 1fr;}
#altai .split--rev > :first-child{order: 0;}
#altai .split__media{min-height: 300px;}}
#altai .list{list-style: none; padding: 0; margin: 0; display: grid; gap: 12px;}
#altai .list li{position: relative; padding-left: 30px; color: var(--text);}
#altai .list li::before{content: ""; position: absolute; left: 0; top: .62em; width: 16px; height: 2px; background: var(--pi); border-radius: 2px;}
#altai .rail{display: flex; gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 10px var(--gut) 34px; margin-inline: calc(-1 * var(--gut)); scrollbar-width: thin; scrollbar-color: var(--line-2) transparent;}
#altai .rail > *{scroll-snap-align: center; flex: none;}
#altai .rail .phone{width: min(270px, 64vw);}
#altai .rail .screen{width: min(860px, 86vw);}
#altai .shot{margin: 0; display: grid; gap: 12px;}
#altai .rail--win{align-items: center;}
#altai .rail--win .screen{width: auto; justify-self: center;}
#altai .rail--win .screen img{width: auto; height: auto; max-width: min(840px, calc(86vw - 18px)); max-height: min(600px, 70vh);}
#altai .shot__cap{font-size: 14px; color: var(--muted); text-align: center;}
#altai .tbl{width: 100%; border-collapse: collapse; font-size: 15.5px;}
#altai .tbl th,#altai .tbl td{padding: 15px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top;}
#altai .tbl thead th{font: 600 13px var(--f-display); letter-spacing: .1em; text-transform: uppercase; color: var(--muted);}
#altai .tbl td:not(:first-child),#altai .tbl th:not(:first-child){text-align: center; width: 150px;}
#altai .yes{color: var(--pi); font-weight: 700;}
#altai .no{color: var(--muted);}
#altai .tbl-wrap{overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r); background: var(--panel);}
#altai .plan{display: grid; gap: 16px; padding: 30px; border-radius: var(--r); border: 1px solid var(--line); background: var(--panel); align-content: start;}
#altai .plan--hot{border-color: var(--p); background: color-mix(in srgb, var(--p) 10%, var(--panel));}
#altai .plan h3{font-size: 24px; font-weight: 700;}
#altai .plan .muted{font-size: 15px;}
#altai .steps{counter-reset: s; display: grid; gap: 14px;}
#altai .steps > li{counter-increment: s; list-style: none; display: grid; grid-template-columns: 54px 1fr; column-gap: 18px; row-gap: 4px; padding: 22px; border-radius: var(--r); border: 1px solid var(--line); background: var(--panel);}
#altai .steps > li::before{content: counter(s, decimal-leading-zero); font: 800 22px/1.2 var(--f-display); color: var(--pi); grid-row: 1 / span 2;}
#altai .steps{padding: 0; margin: 0;}
#altai .steps strong{font-family: var(--f-display); grid-column: 2;}
#altai .steps li > span{color: var(--muted); font-size: 15.5px; grid-column: 2;}
#altai code{font: 600 .92em ui-monospace, Consolas, monospace; background: var(--ghost-h); padding: 2px 8px; border-radius: 7px;}
#altai .note{padding: 20px 24px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--p) 40%, transparent); background: color-mix(in srgb, var(--p) 8%, transparent); font-size: 15.5px; color: var(--text);}
#altai .cta{border-radius: var(--r-lg); padding: clamp(36px, 6vw, 80px); display: grid; gap: 24px; justify-items: start; position: relative; overflow: hidden; border: 1px solid var(--line); isolation: isolate;}
#altai .cta .media{position: absolute; inset: 0; z-index: -2;}
#altai .cta::after{content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(10, 16, 25, .92), rgba(10, 16, 25, .45));}
#altai .form{display: grid; gap: 16px;}
#altai .form label{display: grid; gap: 8px; font: 500 14px var(--f-display); color: var(--muted);}
#altai .form input,#altai .form select,#altai .form textarea{font: 400 16px var(--f-body); color: var(--text); background: var(--panel);
  border: 1px solid var(--line-2); border-radius: 14px; padding: 14px 16px; width: 100%;}
#altai .form select option{color: #000;}
#altai .form textarea{min-height: 150px; resize: vertical;}
#altai .form input:focus,#altai .form select:focus,#altai .form textarea:focus{outline: none; border-color: var(--p); box-shadow: 0 0 0 4px color-mix(in srgb, var(--p) 20%, transparent);}
#altai .form .form__check{display: flex; align-items: flex-start; gap: 12px; font: 400 15px/1.5 var(--f-body); color: var(--text);}
#altai .form .form__check input{width: 20px; height: 20px; padding: 0; flex: none; margin-top: 2px; accent-color: var(--p);}
#altai .team{display: grid; gap: clamp(48px, 6vw, 72px);}
#altai .member{display: grid; justify-items: center; align-content: start; gap: 6px; text-align: center;}
#altai .member__photo{width: min(200px, 100%); aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; margin-bottom: 14px; background: #121a26; box-shadow: 0 0 0 4px var(--panel), 0 0 0 6px color-mix(in srgb, var(--p) 45%, transparent);}
#altai .member__photo img{display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
#altai .member__name{font: 700 clamp(19px, 1.7vw, 22px)/1.25 var(--f-display); letter-spacing: -.01em; margin: 0;}
#altai .member__role{margin: 0; color: var(--pi); font: 600 13px/1.3 var(--f-display); letter-spacing: .12em; text-transform: uppercase;}
#altai .member--lead .member__photo{width: min(260px, 70vw);}
#altai .member--lead .member__name{font-size: clamp(24px, 2.4vw, 30px);}
#altai .member__quote{max-width: 680px; margin: 18px auto 0; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.6; font-style: italic; color: var(--muted);}
#altai .team__grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 28px;}
@media (max-width: 900px){#altai .team__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 420px){#altai .member__photo{width: min(150px, 100%);}}
#altai .plan{display: grid; gap: 14px; align-content: start;}
#altai .plan__price{margin: 0; display: flex; align-items: baseline; gap: 10px;}
#altai .plan__price b{font: 800 clamp(40px, 5vw, 56px)/1 var(--f-display); color: var(--pi); letter-spacing: -.02em;}
#altai .plan__price span{color: var(--muted); font-size: 15px;}
#altai .plan .btns{margin-top: 6px;}
#altai code.sha{word-break: break-all; font-size: 13.5px;}
#altai .member--lead .rich{max-width: 680px; margin: 10px auto 0; font-style: italic; color: var(--muted); font-size: clamp(16px, 1.5vw, 18px); line-height: 1.7;}
#altai .stores{display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 14px;}
#altai .stores--center{justify-content: center;}
#altai .store{position: relative; display: inline-flex; align-items: center; text-decoration: none; transition: transform .2s, opacity .2s;}
#altai a.store:hover{transform: translateY(-2px);}
#altai .store--badge img{display: block; height: 50px; width: auto;}
#altai .store--direct{gap: 10px; height: 50px; padding: 0 16px 0 14px; border-radius: 9px; background: #000; border: 1px solid #a6a6a6; color: #fff;}
#altai .store--direct img{width: 22px; height: 22px;}
#altai .store--direct span{display: grid; line-height: 1.1; text-align: left;}
#altai .store--direct small{font: 500 10.5px/1.2 var(--f-body); color: #fff; opacity: .85;}
#altai .store--direct b{font: 600 17px/1.15 var(--f-display); letter-spacing: -.01em; color: #fff;}
#altai .surumler ul{display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 14px;}
#altai .store.is-off{cursor: default; margin-bottom: 20px;}
#altai .store.is-off > img,#altai .store.is-off > span{opacity: .55; filter: grayscale(1);}
#altai .store.is-off.store--direct{border-color: rgba(166, 166, 166, .4); background: rgba(0, 0, 0, .55);}
#altai .store.is-off > i{position: absolute; left: 0; right: 0; top: calc(100% + 5px); text-align: center; font: 600 10.5px/1 var(--f-display); font-style: normal; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);}
#altai .form__row{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}
#altai .form__hp{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
#altai .form__status{padding: 14px 16px; border-radius: 12px; border-left: 4px solid var(--p); background: color-mix(in srgb, var(--p) 10%, transparent); font-weight: 500;}
#altai .form__status.is-err{border-left-color: #d64545; background: rgba(214, 69, 69, .1);}
#altai .form button:disabled{opacity: .6; cursor: progress;}
@media (max-width: 600px){#altai .form__row{grid-template-columns: 1fr;}}
#altai .contact{display: grid; gap: 4px; padding: 22px 0; border-top: 1px solid var(--line);}
#altai .contact__k{font: 600 12.5px var(--f-display); letter-spacing: .14em; text-transform: uppercase; color: var(--muted);}
#altai .contact__v,#altai .contact__v a{font: 600 19px/1.4 var(--f-display); text-decoration: none;}
#altai .contact__v a:hover{color: var(--pi);}
#altai .contact__v--sm{font-size: 16px; font-weight: 500;}
#altai .ftr{background: #070c14; border-top: 1px solid var(--line); padding-top: clamp(56px, 7vw, 96px); font-size: 15px;}
#altai .ftr__grid{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px;}
#altai .ftr h2{font: 600 12.5px var(--f-display); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-bottom: 18px;}
#altai .ftr nav{display: grid; align-content: start; gap: 11px;}
#altai .ftr nav a{text-decoration: none; color: #d0d7df; white-space: nowrap;}
#altai .ftr a:hover{color: var(--teal);}
#altai .ftr__brand{display: grid; gap: 16px; align-content: start; max-width: 380px;}
#altai .ftr__brand img{width: 120px; height: 120px; object-fit: contain; margin-left: -12px;}
#altai .ftr__lead{color: #d0d7df;}
#altai .ftr__legal{color: var(--muted); font-size: 13.5px;}
#altai .ftr__bar{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 56px; padding-block: 24px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13.5px;}
@media (max-width: 980px){#altai .ftr__grid{grid-template-columns: 1fr 1fr;}
#altai .ftr__brand{grid-column: 1 / -1;}}
@media (max-width: 560px){#altai .ftr__grid{grid-template-columns: 1fr;}
#altai .ftr nav a{white-space: normal;}}
#altai .rv{opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2, .7, .2, 1), transform .8s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--d, 0s);}
#altai .rv.is-in{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){html#altai{scroll-behavior: auto;}
#altai *,#altai *::before,#altai *::after{animation: none !important; transition-duration: .01ms !important;}
#altai .rv{opacity: 1; transform: none;}}
#altai .d1{--d: .08s;}
#altai .d2{--d: .16s;}
#altai .d3{--d: .24s;}
#altai .d4{--d: .32s;}
#altai .m0{margin: 0;}
#altai .mt-24{margin-top: 24px;}
#altai .mt-56{margin-top: 56px;}
#altai .mt-64{margin-top: 64px;}
#altai .mb-24{margin-bottom: 24px;}
#altai .grow{flex: 1 1 56%;}
#altai .strong{color: var(--text);}
#altai .split--top{align-items: start;}
#altai .media--card{border-radius: 20px; min-height: 220px;}
#altai .hero__id--sm img{width: 64px; height: 64px; border-radius: 16px;}
#altai .tile__shots--center{margin: 0; justify-content: center;}
#altai .phone--md{width: min(230px, 40vw);}
#altai .eyebrow,#altai .tile__kind,#altai .card__n,#altai .link{margin: 0;}
#altai .hero--legal{background: radial-gradient(90% 120% at 85% 0%, color-mix(in srgb, var(--p) 22%, transparent), transparent 60%), var(--ink);}
#altai .hero--legal::after{display: none;}
#altai .hero--legal .hero__in{padding-block: 170px 56px;}
#altai .hero--bg{background: var(--ink);}
#altai .hero--bg::after{display: block;}
#altai .hero--bg .hero__bg{opacity: .55;}
#altai .legal{max-width: 860px; font-size: 16.5px; line-height: 1.75;}
#altai .legal__h,#altai .legal .rich h2{font: 700 clamp(20px, 2vw, 26px)/1.25 var(--f-display); letter-spacing: -.01em; margin: 44px 0 12px;}
#altai .legal .rich p{margin: 0 0 14px;}
#altai .legal .rich ul,#altai .legal .rich ol{margin: 0 0 14px; padding-left: 22px;}
#altai .legal .rich li{margin-bottom: 7px;}
#altai .legal a{color: var(--pi);}
#altai .legal__en{margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--line-2); scroll-margin-top: 110px;}
#altai .trpld-pp,#altai .trpld-del{line-height: 1.7;}
#altai .trpld-pp h2,#altai .trpld-del h2{font: 700 24px/1.25 var(--f-display); margin: 44px 0 12px; padding-bottom: 8px; border-bottom: 2px solid #b78d48;}
#altai .trpld-del h2{margin-top: 0;}
#altai .trpld-pp h3,#altai .trpld-del h3{font: 600 18px/1.3 var(--f-display); margin: 28px 0 6px;}
#altai .trpld-pp p,#altai .trpld-del p{margin: 0 0 12px;}
#altai .trpld-pp ul,#altai .trpld-pp ol,#altai .trpld-del ul{margin: 0 0 14px; padding-left: 22px;}
#altai .trpld-pp li,#altai .trpld-del li{margin-bottom: 7px;}
#altai .trpld-pp .muted,#altai .trpld-del .muted{color: var(--muted); font-size: 14.5px;}
#altai .trpld-pp .box,#altai .trpld-del .box{background: var(--panel); border-left: 4px solid #b78d48; border-radius: 0 12px 12px 0; padding: 14px 18px; margin: 18px 0;}
#altai .trpld-pp table{width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 15px;}
#altai .trpld-pp th,#altai .trpld-pp td{text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere;}
#altai .trpld-pp th{background: #031426; color: #f3ebd9; font-family: var(--f-display); font-weight: 600;}
#altai .trpld-pp td{background: var(--panel);}
#altai .trpld-pp nav ol{columns: 2; column-gap: 32px;}
#altai .trpld-pp code{font-size: .9em;}
#altai .trpld-la{line-height: 1.7;}
#altai .trpld-la h1{font: 700 clamp(24px, 2.6vw, 32px)/1.2 var(--f-display); letter-spacing: -.01em; margin: 0 0 6px;}
#altai .trpld-la h2{font: 700 22px/1.25 var(--f-display); margin: 40px 0 12px; padding-bottom: 8px; border-bottom: 2px solid #b78d48;}
#altai .trpld-la p{margin: 0 0 12px;}
#altai .trpld-la ul,#altai .trpld-la ol{margin: 0 0 14px; padding-left: 22px;}
#altai .trpld-la li{margin-bottom: 7px;}
#altai .trpld-la .muted{color: var(--muted); font-size: 14.5px;}
#altai .trpld-la .box{background: var(--panel); border-left: 4px solid #b78d48; border-radius: 0 12px 12px 0; padding: 14px 18px; margin: 18px 0;}
#altai .trpld-la hr{scroll-margin-top: 110px;}
#altai .trpld-la table{width: 100%; border-collapse: collapse; margin: 14px 0 18px; font-size: 15px;}
#altai .trpld-la th,#altai .trpld-la td{border: 1px solid var(--line-2); padding: 8px 10px; text-align: left; vertical-align: top; overflow-wrap: anywhere;}
#altai .trpld-la th{background: var(--panel);}
#altai .trpld-del label{display: block; font: 500 14px var(--f-display); color: var(--muted); margin: 14px 0 8px;}
#altai .trpld-del input[type=email]{width: 100%; padding: 14px 16px; font: 400 16px var(--f-body); color: var(--text); background: var(--panel); border: 1px solid var(--line-2); border-radius: 14px;}
#altai .trpld-del input[type=email]:focus{outline: none; border-color: var(--pi);}
#altai .trpld-del button{margin-top: 14px; padding: 15px 26px; border: 0; border-radius: 999px; background: #c62f35; color: #fff; font: 600 15.5px/1 var(--f-display); cursor: pointer;}
#altai .trpld-del button[disabled]{background: #8fa1b1; cursor: default;}
#altai .trpld-del .msg{margin-top: 16px; padding: 14px 18px; border-radius: 12px; display: none;}
#altai .trpld-del .msg.ok{display: block; background: #e3f3ea; border-left: 4px solid #1a7f4b; color: #0f141b;}
#altai .trpld-del .msg.err{display: block; background: #fbe9ea; border-left: 4px solid #c62f35; color: #0f141b;}
@media (max-width: 640px){#altai .trpld-pp nav ol{columns: 1;}
#altai .trpld-pp table{font-size: 14px;}}
#altai .step{display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 12px;}
#altai .card{grid-template-columns: minmax(0, 1fr);}
#altai .step .screen,#altai .step .phone{margin-bottom: 6px;}
#altai .step .phone{justify-self: center;}
#altai .step p{color: var(--muted); font-size: 15.5px;}
#altai .step p b{color: var(--text);}
#altai .step .card__n{color: var(--pi); font-size: 13px;}
#altai .persona{margin-top: clamp(40px, 6vw, 88px);}
#altai .persona .note b{color: var(--text);}
#altai .paper{background: #fff; padding: 10px; border-radius: 14px; border: 1px solid var(--line); box-shadow: 0 30px 70px rgba(10, 16, 25, .28); max-width: 440px; justify-self: center;}
#altai .paper img{width: 100%; height: auto; border-radius: 6px;}
#altai .card .paper{box-shadow: 0 10px 30px rgba(10, 16, 25, .16); max-width: none;}
#altai .faq{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
@media (max-width: 760px){#altai .faq{grid-template-columns: 1fr;}}
#altai .tbl--price td:not(:first-child),#altai .tbl--price th:not(:first-child){width: 130px; white-space: nowrap;}
#altai .tbl--price td b{font: 700 19px var(--f-display);}
#altai .tbl .small{color: var(--muted); font-size: 13.5px;}
#altai .tbl tr.is-rec td{background: color-mix(in srgb, var(--p) 10%, transparent);}
#altai .tag{display: inline-block; margin-left: 8px; padding: 4px 10px; border-radius: 999px; background: var(--p); color: #0a1019; font: 700 11.5px/1 var(--f-display); letter-spacing: .04em; vertical-align: middle;}
#altai a.badge{text-decoration: none;}
#altai a.badge:hover{background: var(--ghost-h);}
#altai .cta .small a{color: inherit;}
#altai .legal hr{border: 0; border-top: 1px solid var(--line-2); margin: 56px 0 8px;}
#altai .hero--legal .split{align-items: center;}
#altai .t-dodo{--sand: #f3e3c3; --sand-ink: #0a1a3a; --hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;}
#altai .postcard{position: relative; margin: 0; padding: 9px; border-radius: 12px;
  background: repeating-linear-gradient(135deg, var(--p2) 0 14px, var(--sand) 14px 22px, var(--p) 22px 36px, var(--sand) 36px 44px);
  box-shadow: 0 40px 90px rgba(0, 0, 0, .5);
  transform: rotate(-2.5deg);}
#altai .postcard > *{position: relative;}
#altai .postcard::before{content: ""; position: absolute; inset: 9px; border-radius: 6px; background: var(--sand);}
#altai .postcard{display: grid; grid-template-columns: .92fr 1.08fr;}
#altai .postcard__art{margin: 18px 0 18px 18px; border-radius: 6px; overflow: hidden; background: var(--p); aspect-ratio: 1;}
#altai .postcard__art img{width: 100%; height: 100%; object-fit: cover; display: block;}
#altai .postcard__back{margin: 18px 18px 18px 0; padding: 74px 6px 4px 20px; color: var(--sand-ink);
  border-left: 2px dashed rgba(10, 26, 58, .22); margin-left: 18px;
  display: grid; align-content: start; gap: 16px;}
#altai .postcard__note{margin: 0; font: 400 clamp(19px, 1.7vw, 23px)/1.25 var(--hand); color: #1b2b52;}
#altai .postcard__to{list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font: 500 14px/1.2 var(--f-body);}
#altai .postcard__to li{padding-bottom: 6px; border-bottom: 1px dotted rgba(10, 26, 58, .35); display: flex; gap: 10px;}
#altai .postcard__to span{color: rgba(10, 26, 58, .55); min-width: 64px;}
#altai .stamp{position: absolute; top: 2px; right: 0; width: 70px; height: 84px; padding: 7px; background: #fff;
  transform: rotate(4deg); box-shadow: 0 2px 6px rgba(10, 26, 58, .18);
  outline: 2px dotted rgba(10, 26, 58, .28); outline-offset: -4px;}
#altai .stamp img{width: 100%; height: 100%; object-fit: cover; border-radius: 2px;}
#altai .postmark{position: absolute; top: -6px; right: 46px; width: 118px; height: 118px; pointer-events: none;
  fill: none; stroke: var(--p2); stroke-width: 2.2; opacity: .78; transform: rotate(-14deg);}
#altai .postmark text{fill: var(--p2); stroke: none; font: 700 9.5px var(--f-display); letter-spacing: .14em;}
#altai .postmark .postmark__mid{font-size: 17px; letter-spacing: .08em;}
@media (max-width: 980px){#altai .postcard{max-width: 620px; margin-inline: auto;}}
@media (max-width: 560px){#altai .postcard{grid-template-columns: 1fr; transform: rotate(-1.5deg);}
#altai .postcard__art{margin: 14px 14px 0; aspect-ratio: 16 / 10;}
#altai .postcard__art img{object-position: center 30%;}
#altai .postcard__back{margin: 0 14px 14px; border-left: 0; border-top: 2px dashed rgba(10, 26, 58, .22); padding: 86px 4px 4px;}
#altai .stamp{top: 12px;}
#altai .postmark{top: 2px; right: 52px; width: 100px; height: 100px;}}
#altai .tags-groups{display: grid; gap: 30px;}
#altai .tags-group .h-sm{margin-bottom: 14px;}
#altai .tags{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px;}
#altai .tags li{position: relative; padding: 9px 16px 9px 30px; font: 600 14.5px/1.2 var(--f-display); letter-spacing: -.005em;
  background: var(--panel); color: var(--text);
  border: 1px solid color-mix(in srgb, var(--pd) 30%, transparent);
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
  border-radius: 0 6px 6px 0;}
#altai .tags li::before{content: ""; position: absolute; left: 13px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%;
  background: var(--bg, #fff); box-shadow: 0 0 0 2px var(--pd);}
#altai .tags-group:first-child .tags li{border-color: color-mix(in srgb, var(--p2) 55%, transparent);}
#altai .tags-group:first-child .tags li::before{box-shadow: 0 0 0 2px var(--p2);}
#altai .tbl--cmp td:not(:first-child),#altai .tbl--cmp th:not(:first-child){width: auto; text-align: left;}
#altai .tbl--cmp th[scope="row"]{width: 26%; font-weight: 600;}
#altai .tbl--cmp .is-dodo{background: color-mix(in srgb, var(--p) 10%, transparent); font-weight: 600;}
#altai .tbl--cmp thead .is-dodo{box-shadow: inset 0 3px 0 var(--p); color: var(--pd);}
@media (max-width: 760px){#altai .tbl--cmp{min-width: 680px;}}
#altai .dodo-sign{margin: 0; font: 400 26px/1.1 var(--hand); color: var(--p2);}
#altai .wdlg-wrap{position: relative; max-width: 470px; margin: 0 auto 104px;}
#altai .wdlg{background: #fff; color: #1b1b1b; border-radius: 8px; border: 1px solid rgba(0, 0, 0, .3);
  box-shadow: 0 40px 90px rgba(0, 0, 0, .55); text-align: left;
  font: 400 14px/1.5 "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif; letter-spacing: 0;}
#altai .wdlg__bar{display: flex; justify-content: space-between; align-items: center; height: 34px; padding-left: 14px; font-size: 12px;}
#altai .wdlg__x{display: grid; place-items: center; width: 46px; height: 34px; font-size: 11px; color: #5c5c5c;}
#altai .wdlg__body{padding: 12px 24px 26px;}
#altai .wdlg__body p{margin: 0 0 12px;}
#altai .wdlg__body p:last-child{margin: 0;}
#altai .wdlg__foot{position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 22px 24px;
  background: #f3f3f3; border-top: 1px solid #e5e5e5; border-radius: 0 0 8px 8px;}
#altai .wdlg__btn{display: grid; place-items: center; min-height: 32px; padding: 0 10px; border-radius: 4px; font-size: 14px; line-height: 1.15; text-align: center;}
#altai .wdlg__btn--primary{background: #005fb8; color: #fff; opacity: .42; text-decoration: line-through; text-decoration-thickness: 1px;}
#altai .wdlg__btn--cancel{background: #fbfbfb; border: 1px solid #d1d1d1; border-bottom-color: #b5b5b5; animation: wdlg-press 2.1s linear .6s both;}
#altai .wdlg__cursor{position: absolute; left: 74%; top: 52%; width: 18px; height: 27px; pointer-events: none; transform-origin: 0 0;
  filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, .35)); animation: wdlg-move 2.1s cubic-bezier(.45, .05, .25, 1) .6s both;}
#altai .wdlg__note{position: absolute; right: 0; top: calc(100% + 2px); margin: 0; display: flex; flex-direction: column; align-items: flex-end;
  color: var(--p2); font: 400 32px/1 var(--hand); transform: rotate(-4deg); animation: wdlg-note .4s ease-out 2.55s both;}
#altai .wdlg__note svg{width: 74px; height: 56px; margin-right: 58px; margin-bottom: -6px;}
@keyframes wdlg-move{
  0%   { left: 10%; top: -330%; opacity: 0; transform: scale(1); }
  8%   { opacity: 1; }
  40%  { left: 24%; top: 46%; }
  52%  { left: 26%; top: 50%; }
  82%  { left: 74%; top: 52%; transform: scale(1); }
  88%  { transform: scale(.82); }
  94%  { transform: scale(1); }
  100% { left: 74%; top: 52%; opacity: 1; transform: scale(1); }
}
@keyframes wdlg-press{
  0%, 78% { background: #fbfbfb; transform: none; }
  82%     { background: #f2f2f2; }
  88%, 93% { background: #e2e2e2; transform: scale(.97); }
  100%    { background: #fbfbfb; transform: none; }
}
@keyframes wdlg-note{ from { opacity: 0; translate: 0 8px; } to { opacity: 1; translate: 0 0; } }
@media (prefers-reduced-motion: reduce){#altai .wdlg__cursor,#altai .wdlg__btn--cancel,#altai .wdlg__note{animation: none;}}
@media (max-width: 560px){#altai .wdlg__body{padding: 10px 18px 22px;}
#altai .wdlg__foot{padding: 18px;}
#altai .wdlg__note{font-size: 28px;}}
#altai .dodo-case{align-items: start;}
#altai .case{display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 22px; align-items: start;}
#altai .case img{width: 72px; height: auto;}
#altai .case > div{display: grid; gap: 10px;}
#altai .dodo-case .note{display: grid; gap: 10px;}
#altai .tbl--req th,#altai .tbl--req td:not(:first-child),#altai .tbl--req th:not(:first-child){width: auto; text-align: left;}
#altai .tbl--req th[scope="row"]{width: 28%; font-weight: 600;}
@media (max-width: 560px){#altai .tbl--req tr{display: block; border-bottom: 1px solid var(--line);}
#altai .tbl--req tr:last-child{border-bottom: 0;}
#altai .tbl--req th,#altai .tbl--req td{display: block; border-bottom: 0;}
#altai .tbl--req th[scope="row"]{width: auto; padding-bottom: 2px;}
#altai .tbl--req td{padding-top: 0;}}
#altai .rail--dodo{align-items: start;}
#altai .rail--dodo .screen{width: auto; justify-self: start;}
#altai .rail--dodo .screen img{width: auto; max-width: none; max-height: none; aspect-ratio: 16 / 9; height: min(480px, calc((86vw - 18px) * .5625));}
#altai .dodo-steps .screen img{width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;}
#altai .plan__store{margin: 0; font: 600 20px/1.3 var(--f-display); color: var(--pi);}
#altai .strip--5{grid-template-columns: repeat(5, 1fr);}
@media (max-width: 1100px){#altai .strip--5{grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 900px){#altai .strip--5{grid-template-columns: 1fr 1fr;}}
#altai .areas{grid-template-columns: repeat(6, 1fr);}
#altai .areas > *{grid-column: span 2;}
#altai .areas > :nth-child(n + 4){grid-column: span 3;}
@media (max-width: 1020px){#altai .areas{grid-template-columns: 1fr 1fr;}
#altai .areas > *,#altai .areas > :nth-child(n + 4){grid-column: auto;}
#altai .areas > :last-child{grid-column: 1 / -1;}}
@media (max-width: 680px){#altai .areas{grid-template-columns: 1fr;}}
#altai .grid--2 > .card--wide{grid-column: 1 / -1;}
#altai .yt{position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-lg); overflow: hidden; background: #000; border: 1px solid var(--line); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6);}
#altai .yt iframe,#altai .yt__btn,#altai .yt__btn img{position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
#altai .yt__btn{padding: 0; margin: 0; cursor: pointer; background: none; display: block;}
#altai .yt__btn img{object-fit: cover; transition: transform .4s, filter .4s;}
#altai .yt__btn:hover img,#altai .yt__btn:focus-visible img{transform: scale(1.02); filter: brightness(.85);}
#altai .yt__play{position: absolute; left: 50%; top: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; border-radius: 50%; background: var(--p); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); transition: transform .2s;}
#altai .yt__play::after{content: ""; position: absolute; left: 34px; top: 26px; border-style: solid; border-width: 16px 0 16px 26px; border-color: transparent transparent transparent #fff;}
#altai .yt__btn:hover .yt__play,#altai .yt__btn:focus-visible .yt__play{transform: scale(1.08);}
@media (max-width: 640px){#altai .yt__play{width: 64px; height: 64px; margin: -32px 0 0 -32px;}
#altai .yt__play::after{left: 26px; top: 19px; border-width: 13px 0 13px 21px;}}
#altai .egitim{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px;}
#altai .egitim__v{margin: 0; display: grid; gap: 12px;}
#altai .egitim__v .yt{border-radius: var(--r);}
#altai .egitim__v figcaption{font: 600 15.5px/1.35 var(--f-display);}
#altai .egitim--bos{display: flex; gap: 18px; align-items: center; padding: 26px 28px; border-radius: var(--r-lg); border: 1px dashed color-mix(in srgb, var(--p) 55%, transparent); background: color-mix(in srgb, var(--p) 7%, transparent);}
#altai .egitim--bos p{margin: 0;}
#altai .egitim__ikon{flex: none; width: 56px; height: 56px; border-radius: 50%; background: var(--p); position: relative;}
#altai .egitim__ikon::after{content: ""; position: absolute; left: 22px; top: 17px; border-style: solid; border-width: 11px 0 11px 17px; border-color: transparent transparent transparent #fff;}
@media (max-width: 640px){#altai .egitim--bos{flex-direction: column; align-items: flex-start;}}
#altai .egitim:has(.yt--dikey){grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-auto-flow: dense; gap: 24px 18px;}
#altai .egitim__v--yatay{grid-column: span 2;}
#altai .yt--dikey{aspect-ratio: 9 / 16;}
#altai .egitim .yt__play{width: 56px; height: 56px; margin: -28px 0 0 -28px;}
#altai .egitim .yt__play::after{left: 22px; top: 17px; border-width: 11px 0 11px 17px;}
#altai .egitim__v figcaption{font-size: 14.5px;}
/* Düğme widget'ı: sınıf sarmalayıcıda (wbtn), stil içteki bağlantıda. */
#altai .wbtn .elementor-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 26px; border-radius: 999px; border: 1px solid transparent; background: none; fill: currentColor;
  font: 600 15.5px/1 var(--f-display); letter-spacing: 0; text-transform: none; text-decoration: none; white-space: nowrap; box-shadow: none;
  transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
#altai .wbtn .elementor-button:hover { transform: translateY(-2px); }
#altai .wbtn--light .elementor-button { background: var(--solid); color: var(--solid-ink); }
#altai .wbtn--light .elementor-button:hover { box-shadow: 0 10px 34px color-mix(in srgb, var(--solid) 24%, transparent); }
#altai .wbtn--ghost .elementor-button { background: var(--ghost); border-color: var(--line-2); color: var(--text); backdrop-filter: blur(10px); }
#altai .wbtn--ghost .elementor-button:hover { background: var(--ghost-h); }
#altai .wbtn--brand .elementor-button { background: var(--p); color: #0a1019; }
#altai .wbtn--brand .elementor-button:hover { box-shadow: 0 10px 36px color-mix(in srgb, var(--p) 45%, transparent); }
#altai .wbtn--dark .elementor-button { background: var(--paper-ink); color: #fff; }
#altai .wbtn--sm .elementor-button { padding: 11px 18px; font-size: 14px; }
#altai .wbtn--off .elementor-button { opacity: .6; pointer-events: none; }

/* Arka plan görseli ve videosu Elementor'dan gelir. */
#altai .media.e-con { background-color: var(--pbg); }
#altai .hero__bg .elementor-background-video-container { z-index: 0; }
#altai .split__media.e-con, #altai .media--card.e-con { background-size: cover; background-position: center; }

/* Elementor düzenleyicisinde hiçbir şey gizli kalmasın. */
#altai .elementor-editor-active .rv, #altai.elementor-html .rv { opacity: 1; transform: none; }
#altai .elementor-editor-active .media.e-con { min-height: 60px; }

/* Elementor ile yapılmamış sayfalar için sade içerik düzeni. */
#altai .plain { padding-block: 170px 90px; }
#altai .plain > .wrap { max-width: 860px; }
#altai .plain h1 { font-size: clamp(34px, 5vw, 56px); font-weight: 800; margin-bottom: 28px; }
#altai .plain p { margin: 0 0 14px; }

/* Metin bloğunun içindeki satır içi öğeler satır yüksekliği kadar boşluk bırakmasın. */
#altai .elementor-widget-text-editor > .eyebrow, #altai .elementor-widget-text-editor > .link { display: flex; }

/* Telefonda gizlenen alt satırın sarmalayıcısı da yer kaplamasın. */
@media (max-width: 480px) { #altai .strip .elementor-widget:has(> .strip__s) { display: none; } }

/* Arka plan videosu: Elementor videoyu ortalamak için kaydırma uygular; tema ise kenarlara
   yaslar. İkisi birlikte videoyu sol üste itiyordu; burada tek kural geçerli kılınır. */
#altai .media .elementor-background-video-container { position: absolute; inset: 0; overflow: hidden; transform: none; }
#altai .media .elementor-background-video-hosted { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none; transform: none; object-fit: cover; }