/* ==========================================================================
   HOBİ TEKNOLOJİ — blok stilleri (hobi.css'ten sonra yüklenir)
   ========================================================================== */

/* ==========================================================================
   BLOK: smart_hero — etkileşimli akıllı ev
   Senaryo durumu bölümün [data-scene] özniteliğindedir; her parça CSS geçişiyle
   yeni durumuna süzülür. Sıra: gökyüzü → ışık → perde → cihazlar → güvenlik.
   ========================================================================== */
.shh{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--hdr,88px) + 2.5rem) 0 4.5rem}
.shh-aura{position:absolute;inset:0;z-index:-2;pointer-events:none}
.shh-aura i{position:absolute;inset:-20%;opacity:0;transition:opacity 1.6s var(--ease)}
.shh-aura .a-morning{background:radial-gradient(50% 45% at 78% 40%,rgba(255,168,92,.30),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(255,120,80,.12),transparent 70%)}
.shh-aura .a-away{background:radial-gradient(50% 45% at 78% 35%,rgba(110,170,255,.28),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(94,240,196,.10),transparent 70%)}
.shh-aura .a-cinema{background:radial-gradient(50% 45% at 78% 45%,rgba(150,100,255,.30),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(255,90,130,.12),transparent 70%)}
.shh-aura .a-night{background:radial-gradient(50% 45% at 78% 40%,rgba(60,90,200,.25),transparent 70%)}
.shh[data-scene="morning"] .a-morning,.shh[data-scene="away"] .a-away,.shh[data-scene="cinema"] .a-cinema,.shh[data-scene="night"] .a-night{opacity:1}
.shh-in{display:grid;gap:3rem;align-items:center}
@media(min-width:1100px){.shh-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem}}
.hx-h1{margin:1.1rem 0 0;font-size:clamp(2.4rem,4.7vw,4.6rem);line-height:.96;font-weight:700;letter-spacing:-.045em;color:#fff}
.shh-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.shh-scroll{display:none;align-items:center;gap:.8rem;margin-top:3.5rem;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-d3)}
@media(min-width:1100px){.shh-scroll{display:flex}}
.shh-scroll span{position:relative;width:22px;height:36px;border-radius:99px;border:1.5px solid var(--line-d2)}
.shh-scroll span::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:7px;margin-left:-2px;border-radius:99px;background:var(--amber);animation:shh-wheel 1.8s var(--ease) infinite}
@keyframes shh-wheel{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(12px);opacity:0}}

.shh-stage{position:relative}
.shh-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 40px 80px rgba(0,0,0,.55))}
.shh-svg .frame{fill:none;stroke:rgba(255,255,255,.12)}
.shh-svg *{transition:fill 1.4s var(--ease),stop-color 1.4s var(--ease),opacity 1.2s var(--ease),transform 1.4s var(--ease)}
/* gökyüzü */
.shh .s1{stop-color:#34528f}.shh .s2{stop-color:#f0a17c}.shh .s3{stop-color:#ffdcae}
.shh[data-scene="away"] .s1{stop-color:#3d86e0}.shh[data-scene="away"] .s2{stop-color:#8fc4f4}.shh[data-scene="away"] .s3{stop-color:#dcefff}
.shh[data-scene="cinema"] .s1{stop-color:#17123b}.shh[data-scene="cinema"] .s2{stop-color:#57386f}.shh[data-scene="cinema"] .s3{stop-color:#d27566}
.shh[data-scene="night"] .s1{stop-color:#02040b}.shh[data-scene="night"] .s2{stop-color:#0a1230}.shh[data-scene="night"] .s3{stop-color:#18234c}
.shh .stars{opacity:0}.shh[data-scene="cinema"] .stars{opacity:.45}.shh[data-scene="night"] .stars{opacity:1}
.shh .stars circle{animation:shh-tw 3s ease-in-out infinite}.shh .stars circle:nth-child(3n){animation-delay:-1s}.shh .stars circle:nth-child(3n+1){animation-delay:-2s}
@keyframes shh-tw{50%{opacity:.3}}
.shh .sun{fill:#ffd27a;filter:drop-shadow(0 0 18px rgba(255,190,90,.9))}
.shh[data-scene="away"] .sun{transform:translate(250px,-110px);fill:#fff4c9}
.shh[data-scene="cinema"] .sun,.shh[data-scene="night"] .sun{transform:translate(40px,200px);opacity:0}
.shh .moon{opacity:0;transform:translateY(40px)}
.shh[data-scene="cinema"] .moon{opacity:.75;transform:translateY(18px)}.shh[data-scene="night"] .moon{opacity:1;transform:none}
.shh .hill1{fill:#2c3656}.shh .hill2{fill:#222a44}.shh .ground{fill:#1a2236}.shh .tree{fill:#233049}.shh .trunk{fill:#141a2a}
.shh[data-scene="away"] .hill1{fill:#4b7a66}.shh[data-scene="away"] .hill2{fill:#3c6654}.shh[data-scene="away"] .ground{fill:#2d4a3f}.shh[data-scene="away"] .tree{fill:#3f6e55}
.shh[data-scene="cinema"] .hill1{fill:#241f3e}.shh[data-scene="cinema"] .hill2{fill:#1b1832}.shh[data-scene="cinema"] .ground{fill:#141326}.shh[data-scene="cinema"] .tree{fill:#1d1b35}
.shh[data-scene="night"] .hill1{fill:#0c1226}.shh[data-scene="night"] .hill2{fill:#090e1e}.shh[data-scene="night"] .ground{fill:#060913}.shh[data-scene="night"] .tree{fill:#0b1122}
/* bahçe yol ışıkları */
.shh .pl{fill:#2d3550}.shh .pl-glow{fill:#ffc56b;opacity:0;filter:blur(4px)}
.shh[data-scene="cinema"] .pl-glow,.shh[data-scene="night"] .pl-glow{opacity:.75}
.shh[data-scene="cinema"] .pl,.shh[data-scene="night"] .pl{fill:#ffcf80}
/* kabuk + odalar */
.shh .shell{fill:#0f1424}.shh .slab{fill:#2a3148}.shh[data-scene="away"] .slab{fill:#48516d}
.shh .wall{fill:#252b42}.shh[data-scene="away"] .wall{fill:#3b4462}
.shh[data-scene="cinema"] .wall{fill:#171a2d}.shh[data-scene="night"] .wall{fill:#0c0f1c}
.shh .win path{stroke:#1a2033;stroke-width:3}.shh .win-frame rect{fill:none;stroke:#3b435e;stroke-width:3}
.shh .blind{transform-box:fill-box;transform-origin:top;transform:scaleY(.06)}
.shh[data-scene="away"] .blind{transform:scaleY(.5)}
.shh[data-scene="cinema"] .blind{transform:scaleY(1)}.shh[data-scene="cinema"] .bl-kitchen{transform:scaleY(.06)}
.shh[data-scene="night"] .blind{transform:scaleY(1)}
.shh .bl-office{transition-delay:.12s}.shh .bl-living{transition-delay:.24s}.shh .bl-kitchen{transition-delay:.36s}
.shh .furn{fill:#0a0d18}.shh .furn2{fill:#1b2135}.shh .soft{fill:#b9b2a2}.shh .soft2{fill:#e6dfcf}.shh .blanket{fill:#4d5f99}
.shh .sofa{fill:#394165}.shh .sofa2{fill:#4a5480}.shh .handle{stroke:#394060;stroke-width:1.6;stroke-linecap:round;fill:none}
.shh[data-scene="night"] .soft,.shh[data-scene="night"] .soft2{fill:#4a4f60}.shh[data-scene="cinema"] .soft,.shh[data-scene="cinema"] .soft2{fill:#6b6a72}
/* ışıklar */
.shh .lit{opacity:0;mix-blend-mode:screen}
.shh[data-scene="morning"] .lit-bed{opacity:.7}.shh[data-scene="morning"] .lit-living{opacity:.35}.shh[data-scene="morning"] .lit-kitchen{opacity:.95}
.shh[data-scene="cinema"] .lit-living{opacity:.2}.shh[data-scene="cinema"] .lit-porch{opacity:.45}
.shh[data-scene="night"] .lit-porch{opacity:.25}
.shh .lit-bed{transition-delay:.1s}.shh .lit-living{transition-delay:.35s}.shh .lit-kitchen{transition-delay:.55s}
.shh .lamps path{stroke:#39405c;stroke-width:1.4;fill:none}.shh .lamps .shade{fill:#2b3250;stroke:none}
.shh .bulb{fill:#3a4058}
.shh[data-scene="morning"] .b-bed,.shh[data-scene="morning"] .b-living,.shh[data-scene="morning"] .b-kitchen,.shh[data-scene="cinema"] .b-living{fill:#ffd08a;filter:drop-shadow(0 0 6px #ffb547)}
/* klima */
.shh .ac{fill:#d7d9e0}.shh .ac-vent{stroke:#9aa0b0;stroke-width:1.5}
.shh .air path{fill:none;stroke:var(--sky);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:4 5;opacity:0;animation:shh-air 1.1s linear infinite}
@keyframes shh-air{to{stroke-dashoffset:-18}}
.shh[data-scene="morning"] .air path{stroke:#ffb068;opacity:.9}.shh[data-scene="cinema"] .air path{opacity:.7}.shh[data-scene="night"] .air path{opacity:.35}
/* ekranlar */
.shh .screen{fill:#1c2340}.shh .tv{fill:#0b0e19}
.shh .tvlight{opacity:0;mix-blend-mode:screen}
.shh[data-scene="cinema"] .tv{fill:#6f8fe8;animation:shh-tv 2.4s steps(6) infinite}
.shh[data-scene="cinema"] .tvlight{opacity:.8;animation:shh-tvl 2.4s steps(6) infinite}
@keyframes shh-tv{0%{fill:#6f8fe8}20%{fill:#e08a6b}40%{fill:#8fd0c0}60%{fill:#a37ee8}80%{fill:#ffcf80}100%{fill:#6f8fe8}}
@keyframes shh-tvl{0%,100%{opacity:.8}30%{opacity:.55}60%{opacity:.9}}
/* ses dalgaları + buhar */
.shh .snd path,.shh .steam path{fill:none;stroke-width:1.6;stroke-linecap:round;opacity:0}
.shh .snd path{stroke:var(--amber)}.shh .steam path{stroke:rgba(255,255,255,.7)}
.shh[data-scene="morning"] .snd-kit path,.shh[data-scene="cinema"] .snd-liv path{animation:shh-snd 1.4s ease-out infinite}
.shh .snd path:nth-child(2){animation-delay:.35s!important}
@keyframes shh-snd{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.shh[data-scene="morning"] .steam path{animation:shh-steam 2.2s ease-in-out infinite}.shh .steam path:nth-child(2){animation-delay:.8s!important}
@keyframes shh-steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:.8}100%{opacity:0;transform:translateY(-8px)}}
/* robot süpürge — yalnız "evden çıkış"ta çalışır */
.shh .robot-led{fill:#3a4058}
.shh[data-scene="away"] .robot{animation:shh-robot 7s var(--ease-io) infinite}.shh[data-scene="away"] .robot-led{fill:var(--mint)}
@keyframes shh-robot{0%,100%{transform:translateX(0)}45%,55%{transform:translateX(52px)}}
/* güneş panelleri */
.shh .panels path{fill:#1d2a52;stroke:#4a5c93;stroke-width:1}
.shh .panel-sh path{stroke:rgba(255,255,255,.7);stroke-width:2;stroke-linecap:round;opacity:0}
.shh[data-scene="morning"] .panel-sh path,.shh[data-scene="away"] .panel-sh path{animation:shh-shine 3s ease-in-out infinite}
@keyframes shh-shine{0%,100%{opacity:0}50%{opacity:.8}}
/* giriş + kilit */
.shh .door{fill:#3b2b22}.shh .handle-d{fill:#c9b28a}.shh .keypad{fill:#1c2135}
.shh .lockled{fill:var(--mint);filter:drop-shadow(0 0 4px var(--mint))}
.shh[data-scene="away"] .lockled,.shh[data-scene="night"] .lockled,.shh[data-scene="cinema"] .lockled{fill:var(--rose);filter:drop-shadow(0 0 4px var(--rose))}
/* kamera */
.shh .cam rect{fill:#e3e5ec}.shh .cam .lens{fill:#0b0e19}
.shh .cone{opacity:0;transform-box:view-box;transform-origin:553px 181px}
.shh[data-scene="away"] .cone,.shh[data-scene="night"] .cone{opacity:1;animation:shh-scan 5s ease-in-out infinite}
@keyframes shh-scan{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}

/* kontrol paneli */
.shh-panel{position:relative;margin:-2.5rem auto 0;width:min(100%,380px);padding:1.15rem;border-radius:26px;
  background:rgba(14,18,30,.8);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
@media(min-width:1100px){
  .shh-panel{margin:-4.2rem 1.4rem 0;width:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"top btns" "cap stats" "prog prog";gap:.2rem 1.4rem;align-items:center;padding:1rem 1.2rem .9rem}
  .shh-top{grid-area:top}.shh-cap{grid-area:cap;margin:0;min-height:0;font-size:.82rem}.shh-btns{grid-area:btns}.shh-stats{grid-area:stats;margin-top:.5rem}
  .shh-prog{grid-area:prog;margin:.7rem 0 0}
  .shh-btns button{flex-direction:row;justify-content:center;gap:.4rem;padding:.6rem .3rem;font-size:.72rem}
  .shh-btns button svg{width:18px;height:18px}}
.shh-top{display:flex;align-items:center;justify-content:space-between}
.shh-app{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-d2)}
.shh-app i{width:7px;height:7px;border-radius:99px;background:var(--mint);box-shadow:0 0 10px var(--mint)}
.shh-time{font-family:var(--f-display);font-size:1.9rem;font-weight:700;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.shh-cap{min-height:2.9em;margin:.35rem 0 .9rem;font-size:.86rem;line-height:1.45;color:var(--txt-d2)}
.is-swap{animation:hx-swap .6s var(--ease)}
@keyframes hx-swap{from{opacity:0;transform:translateY(6px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.shh-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}
.shh-btns button{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .2rem .6rem;border-radius:16px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--txt-d2);font:600 .7rem/1.2 var(--f-body);cursor:pointer;
  transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.shh-btns button:hover{color:#fff;transform:translateY(-2px)}
.shh-btns button svg{width:22px;height:22px}
.shh-btns button[aria-pressed="true"]{background:var(--amber);border-color:var(--amber);color:var(--ink);box-shadow:0 10px 24px -10px rgba(255,157,31,.8)}
.shh-btns button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.shh-prog{height:2px;margin:.8rem 0 .9rem;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.shh-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--mint),var(--amber));transform-origin:left;transform:scaleX(var(--t,0))}
.shh.is-manual .shh-prog{opacity:0}
.shh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:0}
.shh-stats div{padding:.55rem .5rem;border-radius:12px;background:rgba(255,255,255,.03);min-width:0}
.shh-stats dt{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-d3)}
.shh-stats dd{margin:.2rem 0 0;font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ==========================================================================
   BLOK: marquee_band
   ========================================================================== */
.mq{position:relative;z-index:2;margin-top:-56px;padding:clamp(2.5rem,5vw,4rem) 0;overflow:hidden;
  border-radius:48px 48px 0 0;box-shadow:0 -30px 60px -30px rgba(0,0,0,.6)}
.mq.hx-morph{border-radius:0}
.mq-row{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;flex:none;animation:mq-go 48s linear infinite}
.mq-row.is-b .mq-track{animation-direction:reverse;animation-duration:56s}
.mq:hover .mq-track{animation-play-state:paused}
.mq-set{display:flex;align-items:center;flex:none}
.mq-it{padding:0 .5em;font-family:var(--f-display);font-weight:700;letter-spacing:-.04em;line-height:1.15;white-space:nowrap;
  font-size:clamp(2.2rem,6.5vw,5.8rem);color:var(--txt)}
.mq-row.is-b .mq-it{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:transparent;
  -webkit-text-stroke:1.2px rgba(16,20,31,.45)}
.mq-row.is-b .mq-it:hover{color:var(--amber-deep);-webkit-text-stroke:0}
.mq-sep{flex:none;width:clamp(26px,3vw,40px);height:auto;margin:0 .6em}
.mq-sep circle{fill:var(--amber-2)}
.mq-sep .r{fill:none;stroke:var(--amber-2);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:mq-ring 2.4s ease-out infinite}
.mq-sep .r2{animation-delay:.6s}
@keyframes mq-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.05);opacity:0}}
@keyframes mq-go{to{transform:translateX(-50%)}}

/* ==========================================================================
   BLOK: service_bento
   ========================================================================== */
.sb-grid{display:grid;gap:14px;margin-top:3.2rem;grid-template-columns:1fr}
@media(min-width:640px){.sb-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.sb-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(250px,auto)}
  .sb-card.is-big{grid-column:span 2;grid-row:span 2}.sb-card.is-wide{grid-column:span 2}}
.sb-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.1rem;min-height:250px;padding:1.6rem;border-radius:28px;
  text-decoration:none;color:var(--txt-d);background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .4s,transform .5s var(--ease)}
.sb-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;
  background:radial-gradient(380px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.16),transparent 60%)}
.sb-card:hover{border-color:rgba(255,181,71,.35);transform:translateY(-4px)}
.sb-card:hover::before{opacity:1}
.sb-card:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.sb-num{position:absolute;right:1.4rem;top:1.2rem;font-family:var(--f-display);font-size:.8rem;font-weight:700;color:var(--txt-d3);letter-spacing:.1em}
.sb-ic{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:var(--amber);
  background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.18)}
.sb-ic .si{width:36px;height:36px}
.sb-txt{margin-top:auto}
.sb-card h3{margin:0;font-size:1.3rem;line-height:1.15;font-weight:650;color:#fff}
.sb-card p{margin:.55rem 0 0;font-size:.9rem;line-height:1.55;color:var(--txt-d2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sb-go{position:absolute;right:1.2rem;bottom:1.2rem;display:grid;place-items:center;width:42px;height:42px;border-radius:99px;
  border:1px solid rgba(255,255,255,.14);color:#fff;transition:background .35s,color .35s,transform .45s var(--ease)}
.sb-go svg{width:18px;height:18px}
.sb-card:hover .sb-go{background:var(--amber);border-color:var(--amber);color:var(--ink);transform:rotate(45deg)}
.sb-card .sb-txt{padding-right:3rem}
.sb-card.is-big{background:radial-gradient(90% 70% at 70% 20%,rgba(255,181,71,.2),transparent 60%),linear-gradient(165deg,#1a2033,#0e121e)}
.sb-card.is-big .sb-ic{width:min(46%,220px);height:auto;aspect-ratio:1;margin:1.5rem auto .5rem;border-radius:50%;background:radial-gradient(closest-side,rgba(255,181,71,.18),transparent)}
.sb-card.is-big .sb-ic .si{width:46%;height:46%}
.sb-card.is-big .ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,181,71,.35);animation:hx-spin 26s linear infinite}
.sb-card.is-big .ring.r2{inset:14%;border-style:solid;border-color:rgba(94,240,196,.18);animation-direction:reverse;animation-duration:18s}
.sb-card.is-big .ring.r2::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:99px;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.sb-card.is-big h3{font-size:clamp(1.6rem,2.4vw,2.2rem)}
.sb-card.is-big p{font-size:1rem;-webkit-line-clamp:4}

/* ==========================================================================
   BLOK: day_timeline
   ========================================================================== */
.dt{overflow:clip}
.dt-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dt-sky i{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}
.dt-sky .p-morning{background:radial-gradient(60% 50% at 20% 30%,rgba(255,160,90,.20),transparent 70%)}
.dt-sky .p-day{background:radial-gradient(60% 50% at 20% 30%,rgba(120,180,255,.18),transparent 70%)}
.dt-sky .p-evening{background:radial-gradient(60% 50% at 20% 30%,rgba(255,120,110,.18),transparent 70%)}
.dt-sky .p-cinema{background:radial-gradient(60% 50% at 20% 30%,rgba(150,100,255,.2),transparent 70%)}
.dt-sky .p-night{background:radial-gradient(60% 50% at 20% 30%,rgba(60,90,210,.16),transparent 70%)}
.dt[data-phase="morning"] .p-morning,.dt[data-phase="day"] .p-day,.dt[data-phase="evening"] .p-evening,.dt[data-phase="cinema"] .p-cinema,.dt[data-phase="night"] .p-night{opacity:1}
.dt-grid{display:grid;gap:2rem;margin-top:3.5rem}
@media(min-width:900px){.dt-grid{grid-template-columns:minmax(0,440px) 1fr;gap:5rem}}
.dt-stick{position:sticky;top:calc(var(--hdr,88px) + 10px);z-index:2;display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:24px;
  background:rgba(13,17,29,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07)}
@media(min-width:900px){.dt-stick{top:calc(50vh - 260px);flex-direction:column;gap:2rem;padding:0;background:none;border:0;backdrop-filter:none}}
.dt-vis{min-width:0}
.dt-clock{position:relative;flex:none;width:118px;aspect-ratio:1}
@media(min-width:900px){.dt-clock{width:min(100%,360px)}}
.dt-clock svg{width:100%;height:100%;overflow:visible}
.dt-face{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.1)}
.dt-ticks line{stroke:rgba(255,255,255,.35);stroke-width:2;stroke-linecap:round}
.dt-hand{transform-origin:120px 120px;transition:transform 1.4s var(--ease)}
.dt-hand line{stroke-linecap:round}
.dt-hand.hh line{stroke:#fff;stroke-width:6}
.dt-hand.mh line{stroke:var(--amber);stroke-width:3.5}
.dt-sm{transform-origin:120px 120px;transition:transform 1.4s var(--ease)}
.dt-sun{fill:var(--amber);filter:drop-shadow(0 0 8px var(--amber));transition:fill 1s}
.dt[data-phase="cinema"] .dt-sun,.dt[data-phase="night"] .dt-sun{fill:#dfe6ff;filter:drop-shadow(0 0 8px #9fb6ff)}
.dt-time{position:absolute;left:50%;top:calc(100% + .2rem);transform:translateX(-50%);padding:.2rem .6rem;border-radius:99px;background:rgba(255,255,255,.05);font-family:var(--f-display);font-weight:700;font-size:.85rem;letter-spacing:.04em;
  color:var(--txt-d2);font-variant-numeric:tabular-nums}
@media(min-width:900px){.dt-time{font-size:1.4rem}}
.dt-devs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;flex:1;width:100%}
@media(min-width:900px){.dt-devs{gap:.6rem}}
.dt-devs li{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .2rem;border-radius:16px;text-align:center;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:var(--txt-d3);transition:all .6s var(--ease)}
.dt-devs svg{width:20px;height:20px}
@media(min-width:900px){.dt-devs li{padding:.9rem .3rem}.dt-devs svg{width:24px;height:24px}}
.dt-devs b{display:block;font-size:.66rem;font-weight:700;color:var(--txt-d2)}
.dt-devs small{display:block;font-size:.6rem;font-weight:600;margin-top:.1rem}
@media(min-width:900px){.dt-devs b{font-size:.75rem}.dt-devs small{font-size:.68rem}}
.dt-devs li.is-on{color:var(--amber);border-color:rgba(255,181,71,.4);background:rgba(255,181,71,.08);box-shadow:0 0 30px -10px rgba(255,181,71,.6)}
.dt-devs li[data-dev="security"].is-on{color:var(--rose);border-color:rgba(255,107,125,.4);background:rgba(255,107,125,.08);box-shadow:0 0 30px -10px rgba(255,107,125,.6)}
.dt-devs li[data-dev="climate"].is-on{color:var(--mint);border-color:rgba(94,240,196,.4);background:rgba(94,240,196,.07);box-shadow:0 0 30px -10px rgba(94,240,196,.5)}
.dt-steps{list-style:none;margin:0;padding:0;position:relative}
.dt-steps::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.12) 10%,rgba(255,255,255,.12) 90%,transparent)}
.dt-step{position:relative;padding:2.2rem 0 2.2rem 2.2rem;min-height:36vh;display:flex;flex-direction:column;justify-content:center;cursor:pointer;
  opacity:.32;transition:opacity .6s var(--ease)}
@media(min-width:900px){.dt-step{min-height:52vh}}
.dt-step::before{content:"";position:absolute;left:-6px;top:50%;width:13px;height:13px;margin-top:-6px;border-radius:99px;background:var(--ink-2);
  border:2px solid rgba(255,255,255,.25);transition:all .5s var(--ease)}
.dt-step.is-on{opacity:1}
.dt-step.is-on::before{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 6px rgba(255,181,71,.15),0 0 20px var(--amber)}
.dt-step.is-past{opacity:.5}
.dt-t{font-family:var(--f-display);font-size:clamp(2.6rem,5vw,4.2rem);font-weight:700;letter-spacing:-.05em;line-height:1;color:transparent;
  -webkit-text-stroke:1.2px rgba(255,255,255,.35);transition:color .6s,-webkit-text-stroke-color .6s}
.dt-step.is-on .dt-t{color:var(--amber);-webkit-text-stroke-color:transparent}
.dt-step h3{margin:.8rem 0 0;font-size:clamp(1.4rem,2.2vw,1.9rem);color:#fff;line-height:1.15}
.dt-step p{margin:.7rem 0 0;max-width:34rem;color:var(--txt-d2);line-height:1.7}

/* ==========================================================================
   BLOK: tech_compare
   ========================================================================== */
.tc-grid{display:grid;gap:1rem;margin-top:3.2rem;align-items:stretch}
@media(min-width:960px){.tc-grid{grid-template-columns:1fr auto 1fr;gap:1.5rem}}
.tc-card{position:relative;padding:1.4rem 1.4rem 1.8rem;border-radius:30px;background:#fffdf8;border:1px solid rgba(16,20,31,.08);
  box-shadow:0 30px 60px -40px rgba(16,20,31,.35)}
@media(min-width:768px){.tc-card{padding:1.8rem 2rem 2.2rem}}
.tc-art{margin:-.4rem -.4rem 1.4rem;border-radius:22px;background:var(--ink);padding:1rem;overflow:hidden;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px}
.tc-art svg{display:block;width:100%;height:auto}
.tc-bus{stroke:#3a4466;stroke-width:6;stroke-linecap:round}
.tc-flow{stroke:var(--amber);stroke-width:2;stroke-dasharray:6 10;animation:tc-flow 1s linear infinite}
@keyframes tc-flow{to{stroke-dashoffset:-16}}
.tc-drop{stroke:#3a4466;stroke-width:3}
.tc-dev{fill:#1a2138;stroke:#3a4466;stroke-width:1.5}
.tc-led{fill:#3a4466;animation:tc-led 3.2s ease-in-out infinite}
.tc-led.d1{animation-delay:.8s}.tc-led.d2{animation-delay:1.6s}.tc-led.d3{animation-delay:2.4s}
@keyframes tc-led{0%,100%{fill:#3a4466}10%,30%{fill:var(--amber);filter:drop-shadow(0 0 5px var(--amber))}}
.tc-psu{fill:var(--mint);opacity:.85}
.tc-pkt{fill:#fff;offset-path:path('M20 75H340');animation:tc-pkt 3.2s linear infinite;filter:drop-shadow(0 0 6px #fff)}
@keyframes tc-pkt{from{offset-distance:0%}to{offset-distance:100%}}
.tc-link{stroke:rgba(94,240,196,.35);stroke-width:1.5;stroke-dasharray:4 6;animation:tc-flow 1.4s linear infinite;animation-delay:calc(var(--k)*-.2s)}
.tc-node{fill:#1a2138;stroke:var(--mint);stroke-width:2}
.tc-wave{fill:none;stroke:var(--mint);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:tc-wave 2.8s ease-out infinite;animation-delay:calc(var(--k)*.55s)}
@keyframes tc-wave{from{transform:scale(.6);opacity:.9}to{transform:scale(3.4);opacity:0}}
.tc-hop{fill:var(--amber);offset-path:path('M60 45 L150 100 L215 38 L300 92 L150 100 L95 118 L60 45');animation:tc-pkt 6s linear infinite;filter:drop-shadow(0 0 6px var(--amber))}
.tc-card h3{margin:0;font-size:clamp(1.4rem,2vw,1.75rem)}
.tc-card p{margin:.7rem 0 0;color:var(--txt-2);line-height:1.7}
.tc-card ul{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.65rem}
.tc-card li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.5;color:var(--txt)}
.tc-card .ck{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:99px;background:rgba(255,181,71,.2);color:var(--amber-deep)}
.tc-card.is-wireless .ck{background:rgba(47,211,163,.16);color:#0f7a5c}
.tc-card .ck svg{width:14px;height:14px}
.tc-or{display:grid;place-items:center}
.tc-or span{display:grid;place-items:center;width:64px;height:64px;border-radius:99px;background:var(--ink);color:var(--amber);
  font-family:var(--f-serif);font-style:italic;font-size:1.3rem;box-shadow:0 0 0 8px var(--paper),0 0 0 9px rgba(16,20,31,.08)}
@media(max-width:959px){.tc-or span{width:52px;height:52px;font-size:1.1rem}}
.tc-note{max-width:46rem;margin:2.2rem auto 0;text-align:center;color:var(--txt-2);font-size:1rem;line-height:1.7}

/* ==========================================================================
   BLOK: process_steps
   ========================================================================== */
.ps-list{position:relative;list-style:none;margin:3.5rem 0 0;padding:0;display:grid;gap:2.5rem}
@media(min-width:960px){.ps-list{grid-template-columns:repeat(var(--n),1fr);gap:2rem}}
.ps-line{position:absolute;left:39px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.08)}
.ps-line i{position:absolute;inset:0;background:linear-gradient(var(--mint),var(--amber));transform-origin:top;transform:scaleY(var(--dp,0))}
@media(min-width:960px){.ps-line{left:0;right:0;top:39px;bottom:auto;width:auto;height:2px}
  .ps-line i{background:linear-gradient(90deg,var(--mint),var(--amber));transform-origin:left;transform:scaleX(var(--dp,0))}}
.ps-step{position:relative;padding-left:104px}
@media(min-width:960px){.ps-step{padding-left:0}}
.ps-ic{position:absolute;left:0;top:0;display:grid;place-items:center;width:80px;height:80px;border-radius:24px;background:var(--ink-3);
  border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 8px var(--ink)}
@media(min-width:960px){.ps-ic{position:relative;margin-bottom:1.6rem}}
.ps-a{width:52px;height:52px;overflow:visible}
.ps-a *{fill:none;stroke:var(--txt-d);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ps-a .pl{stroke:rgba(255,255,255,.3)}
.ps-a1 .mag{stroke:var(--amber);animation:ps-mag 4s var(--ease-io) infinite}
.ps-a1 .mag *{stroke:var(--amber)}
@keyframes ps-mag{0%,100%{transform:translate(0,0)}33%{transform:translate(-14px,-10px)}66%{transform:translate(-4px,6px)}}
.ps-a2 .draw{stroke:var(--mint);stroke-dasharray:60;animation:ps-draw 3.6s var(--ease-io) infinite}
@keyframes ps-draw{0%{stroke-dashoffset:60}60%,100%{stroke-dashoffset:0}}
.ps-a2 .pen *{stroke:var(--amber)}
.ps-a2 .pen{animation:ps-pen 3.6s var(--ease-io) infinite}
@keyframes ps-pen{0%{transform:translate(-26px,8px)}20%{transform:translate(-26px,-10px)}40%{transform:translate(-12px,-10px)}60%,100%{transform:translate(0,0)}}
.ps-a3 .drv *{stroke:var(--amber)}
.ps-a3 .drv{transform-box:fill-box;transform-origin:center;animation:ps-drv 1.6s ease-in-out infinite}
@keyframes ps-drv{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(3px) scaleX(-1)}}
.ps-a3 .spk *{stroke:var(--mint)}
.ps-a3 .spk{animation:ps-spk 1.6s ease-in-out infinite}
@keyframes ps-spk{0%,40%{opacity:0}55%{opacity:1}100%{opacity:0}}
.ps-a4 .tg{stroke:rgba(255,255,255,.4);animation:ps-tg 3s steps(1) infinite}
.ps-a4 .knob{fill:#fff;stroke:none;animation:ps-knob 3s var(--ease-io) infinite}
.ps-a4 .ok{stroke:var(--mint);stroke-dasharray:20;animation:ps-ok 3s var(--ease-io) infinite}
@keyframes ps-tg{0%,49%{fill:transparent}50%,100%{fill:rgba(255,181,71,.9);stroke:var(--amber)}}
@keyframes ps-knob{0%,40%{transform:translateX(0)}55%,100%{transform:translateX(7px)}}
@keyframes ps-ok{0%,55%{stroke-dashoffset:20}75%,100%{stroke-dashoffset:0}}
.ps-no{display:block;font-family:var(--f-display);font-size:.85rem;font-weight:700;letter-spacing:.14em;color:var(--amber)}
.ps-step h3{margin:.4rem 0 0;font-size:1.35rem;color:#fff}
.ps-step p{margin:.6rem 0 0;color:var(--txt-d2);font-size:.95rem;line-height:1.7}

/* ==========================================================================
   BLOK: local_map
   ========================================================================== */
.lm-in{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.lm-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.lm-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0}
.lm-chips li{cursor:default;transition:background .3s,color .3s,border-color .3s}
.lm-chips li:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.lm-chips svg{color:var(--amber-deep)}
.lm-map{position:relative;border-radius:34px;overflow:hidden;background:#fbf9f3;border:1px solid rgba(16,20,31,.08);box-shadow:0 40px 80px -50px rgba(16,20,31,.45)}
.lm-map svg{display:block;width:100%;height:auto}
.lm-coast{fill:none;stroke:#1b3f73;stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400}
.lm-map.is-in .lm-coast{animation:ph2-draw 2.6s var(--ease) .2s forwards}
.lm-sea{font-family:var(--f-display);font-size:22px;font-weight:700;letter-spacing:.5em;fill:rgba(27,63,115,.35)}
.lm-link{fill:none;stroke:rgba(143,82,0,.45);stroke-width:1.4;stroke-dasharray:3 6;animation:tc-flow 1.2s linear infinite}
.lm-pt text{font-family:var(--f-body);font-size:15px;font-weight:700;fill:var(--txt);text-anchor:middle;paint-order:stroke;stroke:#fbf9f3;stroke-width:5px;stroke-linejoin:round}
.lm-dot{fill:var(--ink);stroke:#fbf9f3;stroke-width:2.5;transition:fill .3s}
.lm-pt.is-c .lm-dot{fill:var(--amber-2)}
.lm-pt.is-c text{font-size:18px}
.lm-pulse{fill:none;stroke:var(--amber-2);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:tc-wave 3s ease-out infinite;animation-delay:calc(var(--k)*.3s)}
.lm-pt{transition:transform .3s var(--ease)}
.lm:has(.lm-chips li[data-dist="0"]:hover) [data-pt="0"] .lm-dot,.lm:has(.lm-chips li[data-dist="1"]:hover) [data-pt="1"] .lm-dot,
.lm:has(.lm-chips li[data-dist="2"]:hover) [data-pt="2"] .lm-dot,.lm:has(.lm-chips li[data-dist="3"]:hover) [data-pt="3"] .lm-dot,
.lm:has(.lm-chips li[data-dist="4"]:hover) [data-pt="4"] .lm-dot,.lm:has(.lm-chips li[data-dist="5"]:hover) [data-pt="5"] .lm-dot,
.lm:has(.lm-chips li[data-dist="6"]:hover) [data-pt="6"] .lm-dot,.lm:has(.lm-chips li[data-dist="7"]:hover) [data-pt="7"] .lm-dot,
.lm:has(.lm-chips li[data-dist="8"]:hover) [data-pt="8"] .lm-dot,.lm:has(.lm-chips li[data-dist="9"]:hover) [data-pt="9"] .lm-dot,
.lm:has(.lm-chips li[data-dist="10"]:hover) [data-pt="10"] .lm-dot,.lm:has(.lm-chips li[data-dist="11"]:hover) [data-pt="11"] .lm-dot{fill:var(--amber-2);r:9}

/* ==========================================================================
   BLOK: faq_list
   ========================================================================== */
.fq-in{display:grid;gap:3rem}
@media(min-width:1024px){.fq-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5rem}}
.fq-stick{position:sticky;top:calc(var(--hdr,88px) + 30px)}
.fq-stick .hx-link{display:inline-flex}
.fq-list{display:grid;gap:.7rem}
.fq-item{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);transition:background .4s,border-color .4s}
.fq-item.is-open{background:rgba(255,255,255,.05);border-color:rgba(255,181,71,.3)}
.fq-q{margin:0;font-size:inherit}
.fq-q button{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.3rem;background:none;border:0;cursor:pointer;text-align:left;color:#fff;
  font:600 clamp(1rem,1.4vw,1.12rem)/1.4 var(--f-body)}
.fq-q button:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;border-radius:22px}
.fq-n{flex:none;font-family:var(--f-display);font-size:.8rem;font-weight:700;color:var(--txt-d3);letter-spacing:.1em}
.fq-item.is-open .fq-n{color:var(--amber)}
.fq-t{flex:1}
.fq-pm{position:relative;flex:none;width:34px;height:34px;border-radius:99px;border:1px solid rgba(255,255,255,.14);transition:background .35s,border-color .35s,transform .5s var(--ease)}
.fq-pm::before,.fq-pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease)}
.fq-pm::after{transform:rotate(90deg)}
.fq-item.is-open .fq-pm{background:var(--amber);border-color:var(--amber);color:var(--ink);transform:rotate(180deg)}
.fq-item.is-open .fq-pm::after{transform:rotate(0)}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.fq-item.is-open .fq-a{grid-template-rows:1fr}
.fq-a>div{overflow:hidden}
.fq-a p{margin:0;padding:0 1.3rem 1.4rem 3.6rem;color:var(--txt-d2);line-height:1.75}
.no-js .fq-a{grid-template-rows:1fr}

/* ==========================================================================
   BLOK: post_rail
   ========================================================================== */
.pr-grid{display:grid;gap:1.2rem;margin-top:3rem}
@media(min-width:720px){.pr-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pr-grid{grid-template-columns:repeat(3,1fr)}}
.pr-card{display:flex;flex-direction:column;border-radius:28px;overflow:hidden;background:#fffdf8;border:1px solid rgba(16,20,31,.07);text-decoration:none;color:var(--txt);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.pr-card:hover{transform:translateY(-6px);box-shadow:0 40px 60px -40px rgba(16,20,31,.4)}
.pr-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink-3)}
.pr-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .6s}
.pr-card:hover .pr-img img{transform:scale(1.06)}
.pr-img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(8,11,20,.35))}
.pr-body{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem}
.pr-meta{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)}
.pr-card h3{margin:.6rem 0 0;font-size:1.3rem;line-height:1.2}
.pr-card p{margin:.6rem 0 0;color:var(--txt-2);font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.2rem;font-weight:700;font-size:.9rem;color:var(--amber-deep)}
.pr-go svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.pr-card:hover .pr-go svg{transform:rotate(45deg)}

/* ==========================================================================
   BLOK: cta_switch — ışık anahtarı
   ========================================================================== */
.cs{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--txt-d);padding:clamp(5rem,11vw,9rem) 0}
.cs-light{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 90% at var(--cx,22%) 50%,#ffe3ad 0%,#ffc062 35%,#ff9d1f 75%,#f08a0a 100%);
  clip-path:circle(0% at var(--cx,22%) 50%);transition:clip-path 1.4s var(--ease-io)}
.cs.is-on .cs-light{clip-path:circle(150% at var(--cx,22%) 50%)}
.cs-in{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.cs-in{grid-template-columns:auto 1fr;gap:5rem}}
.cs-sw{justify-self:center;background:none;border:0;padding:0;cursor:pointer}
.cs-sw:focus-visible{outline:2px solid var(--mint);outline-offset:8px;border-radius:40px}
.cs-plate{display:grid;place-items:center;width:clamp(150px,18vw,210px);aspect-ratio:3/4;border-radius:36px;
  background:linear-gradient(160deg,#f7f3ea,#d9d2c1);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),inset 0 2px 0 #fff,inset 0 -4px 10px rgba(0,0,0,.12)}
.cs-rocker{position:relative;width:48%;height:62%;border-radius:18px;background:linear-gradient(#ece6d8,#fbf8f1 50%,#ddd5c3);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.35);transform:perspective(300px) rotateX(18deg);transition:transform .45s var(--ease)}
.cs-rocker i{position:absolute;left:50%;top:14%;width:8px;height:8px;margin-left:-4px;border-radius:99px;background:#b9b09b;transition:background .4s,box-shadow .4s}
.cs.is-on .cs-rocker{transform:perspective(300px) rotateX(-18deg)}
.cs.is-on .cs-rocker i{background:#35d49d;box-shadow:0 0 10px #35d49d}
.cs-h{margin:0;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:1;font-weight:700;letter-spacing:-.045em;color:#fff;transition:color 1s}
.cs-h .hx-acc{color:var(--amber);transition:color 1s}
.cs-p{margin:1.3rem 0 0;max-width:38rem;font-size:1.1rem;line-height:1.7;color:var(--txt-d2);transition:color 1s}
.cs-ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem;opacity:.35;transform:translateY(12px);transition:opacity .9s var(--ease) .5s,transform .9s var(--ease) .5s}
.cs.is-on .cs-ctas{opacity:1;transform:none}
.cs.is-on .cs-h{color:var(--ink)}.cs.is-on .cs-h .hx-acc{color:#6b3a00}.cs.is-on .cs-p{color:rgba(16,20,31,.78)}
.cs.is-on .cs-btn{--bg:var(--ink);--fg:#fff;box-shadow:0 18px 36px -16px rgba(0,0,0,.6)}
.cs.is-on .cs-btn .hx-btn-ic{background:var(--amber);color:var(--ink)}
.cs-wa{display:inline-flex;align-items:center;padding:1rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;color:inherit;border:1.5px solid currentColor;transition:background .3s}
.cs.is-on .cs-wa{color:var(--ink)}
.cs-wa:hover{background:rgba(255,255,255,.2)}
@media(max-width:899px){.cs{--cx:50%}.cs-light{background:radial-gradient(90% 60% at 50% 18%,#ffe3ad 0%,#ffc062 35%,#ff9d1f 75%,#f08a0a 100%);clip-path:circle(0% at 50% 18%)}
  .cs.is-on .cs-light{clip-path:circle(150% at 50% 18%)}.cs-copy{text-align:center}.cs-p{margin-left:auto;margin-right:auto}.cs-ctas{justify-content:center}}

/* ==========================================================================
   BLOK: value_tiles
   ========================================================================== */
.vt-grid{display:grid;gap:1rem;margin-top:3rem}
@media(min-width:680px){.vt-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.vt-grid{grid-template-columns:repeat(4,1fr)}}
.vt-card{position:relative;isolation:isolate;overflow:hidden;padding:1.8rem 1.6rem 2rem;border-radius:28px;background:#fffdf8;border:1px solid rgba(16,20,31,.07);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.vt-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.18),transparent 60%)}
.vt-card:hover{transform:translateY(-5px);box-shadow:0 36px 60px -40px rgba(16,20,31,.45)}
.vt-card:hover::before{opacity:1}
.vt-no{position:absolute;right:1.1rem;top:.4rem;font-family:var(--f-display);font-size:4.4rem;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.2px rgba(16,20,31,.1)}
.vt-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--ink);color:var(--amber)}
.vt-ic .si{width:34px;height:34px}
.vt-card h3{margin:1.4rem 0 0;font-size:1.25rem}
.vt-card p{margin:.6rem 0 0;color:var(--txt-2);line-height:1.65;font-size:.95rem}

/* ==========================================================================
   SAYFA: hizmetler listesi (.svx)
   ========================================================================== */
.svx-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(16,20,31,.12)}
.svx-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:1rem 1.6rem;align-items:center;padding:1.8rem .4rem;
  border-bottom:1px solid rgba(16,20,31,.12);text-decoration:none;color:var(--txt);isolation:isolate;overflow:hidden}
.svx-row::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.svx-row:hover::before,.svx-row:focus-visible::before{transform:scaleY(1);transform-origin:top}
.svx-row:hover,.svx-row:focus-visible{color:#fff}
.svx-row:focus-visible{outline:none}
.svx-no{font-family:var(--f-display);font-size:.85rem;font-weight:700;letter-spacing:.12em;color:var(--txt-3);transition:color .4s}
.svx-row:hover .svx-no{color:var(--amber)}
.svx-main h2{margin:0;font-size:clamp(1.5rem,3.4vw,2.8rem);line-height:1.05;letter-spacing:-.035em;transition:transform .55s var(--ease)}
.svx-row:hover .svx-main h2{transform:translateX(10px)}
.svx-main p{margin:.5rem 0 0;max-width:46rem;color:var(--txt-2);font-size:.95rem;line-height:1.6;transition:color .4s}
.svx-row:hover .svx-main p{color:var(--txt-d2)}
.svx-ic{display:none;place-items:center;width:64px;height:64px;border-radius:20px;border:1px solid rgba(16,20,31,.12);color:var(--amber-deep);transition:all .4s}
.svx-ic .si{width:34px;height:34px}
.svx-row:hover .svx-ic{border-color:rgba(255,181,71,.4);color:var(--amber);background:rgba(255,181,71,.08)}
.svx-go{display:grid;place-items:center;width:46px;height:46px;border-radius:99px;border:1px solid rgba(16,20,31,.15);transition:all .45s var(--ease)}
.svx-go svg{width:20px;height:20px}
.svx-row:hover .svx-go{background:var(--amber);border-color:var(--amber);color:var(--ink);transform:rotate(45deg)}
.svx-thumb{grid-column:1/-1;display:block;border-radius:20px;overflow:hidden;aspect-ratio:16/9}
.svx-thumb img{width:100%;height:100%;object-fit:cover}
@media(min-width:768px){.svx-row{grid-template-columns:70px 1fr auto auto;padding:2.2rem 1rem}.svx-ic{display:grid}.svx-thumb{display:none}}
@media(max-width:767px){.svx-no{grid-column:1/-1}.svx-main{grid-column:1/3}}
.svx-peek{position:fixed;left:0;top:0;z-index:40;width:300px;aspect-ratio:4/3;border-radius:22px;overflow:hidden;pointer-events:none;
  opacity:0;scale:.85;rotate:-4deg;transition:opacity .35s var(--ease),scale .45s var(--ease),rotate .45s var(--ease);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.svx-peek.is-on{opacity:1;scale:1;rotate:0deg}
.svx-peek img{width:100%;height:100%;object-fit:cover}

/* ==========================================================================
   SAYFA: hizmet detayı (.sdx)
   ========================================================================== */
.sdx-hero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--hdr,88px) + clamp(2.5rem,6vw,5rem)) 0 clamp(4rem,8vw,6.5rem)}
.sdx-hero::before{content:"";position:absolute;z-index:-1;right:-5%;top:-30%;width:60%;height:140%;background:radial-gradient(closest-side,rgba(255,181,71,.16),transparent)}
.sdx-hero-in{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.sdx-hero-in{grid-template-columns:1.2fr .8fr}}
.sdx-h1{margin:0;font-size:clamp(2.3rem,5.4vw,4.6rem);line-height:.98;font-weight:700;letter-spacing:-.045em;color:#fff;max-width:14ch}
.sdx-feat{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:.6rem}
@media(min-width:640px){.sdx-feat{grid-template-columns:1fr 1fr}}
.sdx-feat li{display:flex;gap:.65rem;align-items:flex-start;font-size:.93rem;line-height:1.45;color:var(--txt-d)}
.sdx-feat .ck{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:99px;background:rgba(94,240,196,.14);color:var(--mint)}
.sdx-feat .ck svg{width:13px;height:13px}
.sdx-orb{position:relative;justify-self:center;width:min(78vw,400px);aspect-ratio:1;display:grid;place-items:center}
.sdx-orb i{position:absolute;border-radius:50%}
.sdx-orb .o1{inset:0;border:1px dashed rgba(255,181,71,.35);animation:hx-spin 40s linear infinite}
.sdx-orb .o2{inset:12%;border:1px solid rgba(94,240,196,.2);animation:hx-spin 26s linear infinite reverse}
.sdx-orb .o2::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:99px;background:var(--mint);box-shadow:0 0 16px var(--mint)}
.sdx-orb .o1::after{content:"";position:absolute;bottom:14%;right:6%;width:8px;height:8px;border-radius:99px;background:var(--amber);box-shadow:0 0 14px var(--amber)}
.sdx-orb .o3{inset:24%;background:radial-gradient(closest-side,rgba(255,181,71,.22),rgba(255,181,71,.04) 70%,transparent);border:1px solid rgba(255,255,255,.08)}
.sdx-orb-ic{position:relative;width:34%;aspect-ratio:1;color:var(--amber)}
.sdx-orb-ic .si{width:100%;height:100%}
.sdx-orb-ic .si svg{width:100%;height:100%}
.sdx-band{padding-top:clamp(3rem,6vw,5rem)}
.sdx-fig{position:relative;margin:0;border-radius:32px;overflow:hidden;aspect-ratio:21/9;background:var(--ink-3)}
.sdx-fig img{position:absolute;left:0;top:-7%;width:100%;height:114%;object-fit:cover}
@media(max-width:767px){.sdx-fig{aspect-ratio:4/3}}
.sdx-grid{display:grid;gap:3rem;align-items:start}
@media(min-width:1024px){.sdx-grid{grid-template-columns:300px minmax(0,1fr);gap:4.5rem}}
.sdx-side-in{position:sticky;top:calc(var(--hdr,88px) + 20px);padding:1rem;border-radius:26px;background:#fffdf8;border:1px solid rgba(16,20,31,.08)}
.sdx-side h2{margin:.4rem .6rem 1rem;font-family:var(--f-body);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.sdx-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}
.sdx-side a{display:flex;align-items:center;gap:.75rem;padding:.65rem .7rem;border-radius:14px;text-decoration:none;color:var(--txt);font-size:.9rem;font-weight:600;line-height:1.3;transition:background .25s,color .25s}
.sdx-side a .si{flex:none;width:34px;height:34px;padding:6px;border-radius:10px;background:var(--paper-2);color:var(--amber-deep)}
.sdx-side a .si svg{width:100%;height:100%}
.sdx-side a:hover{background:var(--paper-2)}
.sdx-side a.is-on{background:var(--ink);color:#fff}
.sdx-side a.is-on .si{background:rgba(255,181,71,.14);color:var(--amber)}
@media(max-width:1023px){.sdx-side{order:2}.sdx-side-in{position:static}}
.sdx-faq{margin-top:3.5rem;display:grid;gap:.7rem}
.sdx-faq-h{margin:0 0 .6rem;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.hx-light .fq-item{border-color:rgba(16,20,31,.1);background:#fffdf8}
.hx-light .fq-item.is-open{background:#fff;border-color:rgba(143,82,0,.35)}
.hx-light .fq-q button{color:var(--txt)}
.hx-light .fq-n{color:var(--txt-3)}.hx-light .fq-item.is-open .fq-n{color:var(--amber-deep)}
.hx-light .fq-pm{border-color:rgba(16,20,31,.18)}
.hx-light .fq-a p{color:var(--txt-2)}
.sdx-pn{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:3.5rem}
.sdx-pn a{display:grid;gap:.3rem;padding:1.3rem 1.4rem;border-radius:22px;border:1px solid rgba(16,20,31,.1);text-decoration:none;color:var(--txt);transition:background .3s,color .3s}
.sdx-pn a.is-next{text-align:right}
.sdx-pn small{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3)}
.sdx-pn b{font-family:var(--f-display);font-size:1.1rem;line-height:1.2}
.sdx-pn a:hover{background:var(--ink);color:#fff}

/* ==========================================================================
   Zengin metin (makale) — hizmet, blog, kurumsal sayfalar
   ========================================================================== */
.hx-rte{color:var(--txt-2);font-size:1.05rem;line-height:1.8}
.hx-rte>*:first-child{margin-top:0}
.hx-rte h2{margin:2.6rem 0 1rem;font-family:var(--f-display);font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.12;font-weight:700;letter-spacing:-.03em;color:var(--txt)}
.hx-rte h3{margin:2rem 0 .7rem;font-family:var(--f-display);font-size:1.3rem;line-height:1.2;font-weight:650;color:var(--txt)}
.hx-rte p{margin:0 0 1.1rem}
.hx-rte a{color:var(--amber-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(143,82,0,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
.hx-rte a:hover{text-decoration-color:currentColor}
.hx-rte strong{color:var(--txt);font-weight:700}
.hx-rte ul,.hx-rte ol{margin:0 0 1.3rem;padding:0;list-style:none;display:grid;gap:.55rem}
.hx-rte ul li{position:relative;padding-left:1.6rem}
.hx-rte ul li::before{content:"";position:absolute;left:.15rem;top:.62em;width:9px;height:9px;border-radius:3px;background:var(--amber-2);box-shadow:0 0 0 3px rgba(255,157,31,.18)}
.hx-rte ol{counter-reset:o}
.hx-rte ol li{position:relative;padding-left:2.2rem;counter-increment:o}
.hx-rte ol li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--f-display);font-size:.85rem;font-weight:700;color:var(--amber-deep)}
.hx-rte table{width:100%;margin:1.6rem 0;border-collapse:separate;border-spacing:0;font-size:.93rem;border:1px solid rgba(16,20,31,.1);border-radius:18px;overflow:hidden;background:#fffdf8}
.hx-rte th{background:var(--ink);color:#fff;text-align:left;font-weight:700;padding:.85rem 1rem}
.hx-rte td{padding:.8rem 1rem;border-top:1px solid rgba(16,20,31,.08);vertical-align:top}
.hx-rte tr:nth-child(even) td{background:rgba(16,20,31,.025)}
@media(max-width:640px){.hx-rte table{display:block;overflow-x:auto;white-space:nowrap}}

/* ==========================================================================
   SAYFA: geniş içerik (Hakkımızda vb.)
   ========================================================================== */
.wp-grid{display:grid;gap:3rem;align-items:start}
@media(min-width:1024px){.wp-grid.has-fig{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5rem}}
.wp-fig{position:sticky;top:calc(var(--hdr,88px) + 24px);margin:0}
.wp-fig .img{border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:var(--ink-3)}
.wp-fig img{width:100%;height:100%;object-fit:cover}
.wp-fig figcaption{position:absolute;left:1.2rem;bottom:1.2rem;right:1.2rem;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border-radius:20px;
  background:rgba(10,13,22,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-size:.88rem;font-weight:600}
.wp-fig figcaption i{width:10px;height:10px;border-radius:99px;background:var(--mint);box-shadow:0 0 12px var(--mint);flex:none}
@media(max-width:1023px){.wp-fig{position:relative;top:0}.wp-fig .img{aspect-ratio:16/10}}
.wp-narrow{max-width:52rem;margin:0 auto}

/* ==========================================================================
   SAYFA: blog (liste + detay)
   ========================================================================== */
@media(min-width:1100px){.bl-grid .pr-card.is-feat{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
  .bl-grid .is-feat .pr-img{aspect-ratio:auto;min-height:420px}
  .bl-grid .is-feat .pr-body{padding:2.6rem;justify-content:center}
  .bl-grid .is-feat h2{margin:.8rem 0 0;font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.1}
  .bl-grid .is-feat p{font-size:1.02rem;-webkit-line-clamp:4}}
.pr-card h2{margin:.6rem 0 0;font-size:1.3rem;line-height:1.2}
.bl-pag{display:flex;justify-content:center;gap:.4rem;margin-top:3rem}
.bl-pag a,.bl-pag span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:99px;border:1px solid rgba(16,20,31,.14);text-decoration:none;color:var(--txt);font-weight:700}
.bl-pag span{background:var(--ink);color:#fff;border-color:var(--ink)}
.bl-pag a:hover{border-color:var(--amber-deep);color:var(--amber-deep)}
.bx-meta{display:flex;gap:1.2rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-d2)}
.bx-meta span{display:inline-flex;align-items:center;gap:.5rem}
.bx-meta span::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--amber)}
.bx-prog{position:fixed;left:0;right:0;top:0;z-index:70;height:3px;pointer-events:none}
.bx-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--amber));transform-origin:left;transform:scaleX(0)}
.bx-grid{display:grid;gap:3rem;align-items:start}
@media(min-width:1100px){.bx-grid{grid-template-columns:minmax(0,1fr) 340px;gap:5rem}}
.bx-main{max-width:50rem}
.bx-side-in{position:sticky;top:calc(var(--hdr,88px) + 20px);display:grid;gap:1rem}
.bx-toc,.bx-recent{padding:1.3rem 1.4rem;border-radius:24px;background:#fffdf8;border:1px solid rgba(16,20,31,.08)}
.bx-toc h2,.bx-recent h2{margin:0 0 .9rem;font-family:var(--f-body);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.bx-toc ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:.5rem}
.bx-toc li{counter-increment:t;display:flex;gap:.6rem;font-size:.9rem;line-height:1.4}
.bx-toc li::before{content:counter(t,decimal-leading-zero);font-family:var(--f-display);font-weight:700;font-size:.78rem;color:var(--amber-deep);padding-top:.1rem}
.bx-toc a{color:var(--txt);text-decoration:none}.bx-toc a:hover{color:var(--amber-deep)}
.bx-cta{position:relative;overflow:hidden;padding:1.6rem;border-radius:24px;background:var(--ink);color:#fff;
  background-image:radial-gradient(90% 70% at 90% 0%,rgba(255,181,71,.32),transparent 60%)}
.bx-cta h2{margin:.7rem 0 1.2rem;font-size:1.35rem;line-height:1.2;color:#fff}
.bx-cta .hx-btn{padding:.8rem 1.1rem;font-size:.88rem}
.bx-recent a{display:block;padding:.7rem 0;border-top:1px solid rgba(16,20,31,.08);color:var(--txt);text-decoration:none;font-weight:600;font-size:.92rem;line-height:1.35}
.bx-recent a:first-of-type{border-top:0;padding-top:0}
.bx-recent a:hover{color:var(--amber-deep)}
.hx-rte h2[id]{scroll-margin-top:calc(var(--hdr,88px) + 20px)}

/* ==========================================================================
   SAYFA: iletişim (.ctx)
   ========================================================================== */
.ctx-grid{display:grid;gap:1.2rem;align-items:stretch}
@media(min-width:1024px){.ctx-grid{grid-template-columns:.9fr 1.1fr;gap:1.6rem}}
.ctx-info{position:relative;overflow:hidden;padding:2rem;border-radius:32px;background:var(--ink);color:var(--txt-d2);
  background-image:radial-gradient(80% 60% at 100% 0%,rgba(255,181,71,.2),transparent 60%)}
.ctx-info h2{margin:1.4rem 0 .6rem;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;color:#fff}
.ctx-info p{margin:0;line-height:1.7}
.ctx-art{border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:.6rem}
.ctx-art svg{display:block;width:100%;height:auto}
.ctx-house{fill:none;stroke:#fff;stroke-width:2.5;stroke-linejoin:round}
.ctx-win{fill:var(--amber);animation:hh-win 3s ease-in-out infinite}
.ctx-wave{fill:none;stroke:var(--mint);stroke-width:2.5;stroke-linecap:round;opacity:0;animation:si-arc 2.4s ease-out infinite}
.ctx-wave.w2{animation-delay:.4s}.ctx-wave.w3{animation-delay:.8s}
.ctx-phone{fill:#141a2a;stroke:rgba(255,255,255,.3);stroke-width:2}
.ctx-screen{fill:#1f2740}
.ctx-ok{fill:var(--mint);transform-box:fill-box;transform-origin:center;animation:ctx-ok 2.4s var(--ease) infinite}
.ctx-tick{fill:none;stroke:var(--ink);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;animation:ctx-tick 2.4s var(--ease) infinite}
@keyframes ctx-ok{0%,35%{transform:scale(0)}50%,90%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes ctx-tick{0%,45%{stroke-dashoffset:20}60%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}
.ctx-list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.9rem}
.ctx-list li{display:grid;gap:.2rem;padding-top:.9rem;border-top:1px solid var(--line-d)}
.ctx-list span,.ctx-area>span{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-d3)}
.ctx-list a,.ctx-list b{color:#fff;font-weight:600;text-decoration:none;font-size:1.02rem}
.ctx-list a:hover{color:var(--amber)}
.ctx-area{margin-top:1.6rem}
.ctx-area div{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.ctx-area em{font-style:normal;padding:.35rem .7rem;border-radius:99px;border:1px solid var(--line-d2);font-size:.8rem;color:var(--txt-d)}
.ctx-form{padding:2rem;border-radius:32px;background:#fffdf8;border:1px solid rgba(16,20,31,.08);box-shadow:0 40px 80px -50px rgba(16,20,31,.45)}
@media(min-width:768px){.ctx-form,.ctx-info{padding:2.6rem}}
.ctx-form h2{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.ctx-sub{margin:.5rem 0 1.6rem;color:var(--txt-2)}
.ctx-fields{display:grid;gap:1rem}
.ctx-2{display:grid;gap:1rem}
@media(min-width:640px){.ctx-2{grid-template-columns:1fr 1fr}}
.hx-f{display:grid;gap:.45rem}
.hx-f>span{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)}
.hx-f input,.hx-f textarea,.hx-f select{width:100%;padding:.95rem 1.05rem;border-radius:16px;border:1.5px solid rgba(16,20,31,.12);background:#fff;font:500 .98rem/1.4 var(--f-body);color:var(--txt);
  outline:none;transition:border-color .25s,box-shadow .25s}
.hx-f textarea{resize:vertical;min-height:130px}
.hx-f input:focus,.hx-f textarea:focus,.hx-f select:focus{border-color:var(--amber-2);box-shadow:0 0 0 4px rgba(255,181,71,.22)}
.ctx-res{margin:0;padding:.8rem 1rem;border-radius:14px;font-weight:600;font-size:.92rem}
.ctx-res.is-ok{background:rgba(47,211,163,.14);color:#0b6b4f}.ctx-res.is-err{background:rgba(255,107,125,.14);color:#a3202f}
.ctx-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:.4rem}
.ctx-cap{display:flex;align-items:center;gap:.4rem}
.ctx-cap .q{padding:.7rem .9rem;border-radius:12px;background:var(--paper-2);font-weight:700;min-width:64px;text-align:center}
.ctx-cap input{width:76px;padding:.7rem .8rem;border-radius:12px;border:1.5px solid rgba(16,20,31,.12);font:600 .95rem var(--f-body)}
.ctx-cap button{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1.5px solid rgba(16,20,31,.12);background:none;cursor:pointer;color:var(--txt-2)}
.ctx-cap button svg{width:17px;height:17px}
.hx-btn:disabled{opacity:.6;cursor:wait}

/* ==========================================================================
   404
   ========================================================================== */
.e404{position:relative;overflow:hidden;isolation:isolate;min-height:88vh;display:grid;place-items:center;text-align:center;padding:calc(var(--hdr,88px) + 3rem) 0 5rem}
.e404-code{display:block;font-family:var(--f-display);font-weight:800;letter-spacing:-.06em;line-height:.9;font-size:clamp(7rem,24vw,18rem);
  color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.18);animation:e404-flick 5s steps(1) infinite}
@keyframes e404-flick{0%,62%,66%,70%,100%{color:transparent;text-shadow:none}64%,68%,72%,90%{color:var(--amber);text-shadow:0 0 60px rgba(255,181,71,.6);-webkit-text-stroke-color:var(--amber)}}

/* ==========================================================================
   HİZMET DETAYI v2 (tam genişlik bölümler)
   ========================================================================== */
.sdx-orb{width:min(82vw,460px)}
.sdx-sat{position:absolute;width:12px;height:12px;border-radius:99px;background:var(--amber);box-shadow:0 0 18px var(--amber);offset-path:circle(46% at 50% 50%);animation:sdx-sat 14s linear infinite}
.sdx-sat.s2{background:var(--mint);box-shadow:0 0 18px var(--mint);width:8px;height:8px;offset-path:circle(36% at 50% 50%);animation-duration:9s;animation-direction:reverse}
.sdx-sat.s3{width:6px;height:6px;background:#fff;box-shadow:0 0 12px #fff;animation-delay:-7s}
@keyframes sdx-sat{from{offset-distance:0%}to{offset-distance:100%}}
.sdx-mq{margin-top:-48px}
.sdx-mq .mq-it{font-size:clamp(1.8rem,4.6vw,4rem)}
.sdc-how.shh{min-height:0;padding:var(--hx-pad) 0;display:block}
.sdc-how-in{display:grid;gap:3rem;align-items:center}
@media(min-width:1100px){.sdc-how-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4.5rem}}
.sdc-how-in.is-solo{grid-template-columns:1fr;max-width:56rem}
.sdc-intro{margin-top:1.4rem;font-size:1.08rem;line-height:1.8;color:var(--txt-d2)}
.hx-light .sdc-intro{color:var(--txt-2)}
.sdc-intro p{margin:0 0 1rem}
.sdc-intro a{color:var(--amber);font-weight:600}
.sdc-ctrl{margin-top:2rem;padding:1.1rem;border-radius:24px;background:rgba(14,18,30,.7);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sdc-ctrl .shh-btns button{padding:.75rem .4rem;font-size:.76rem}
.sdc-chap{display:grid;gap:2rem;align-items:start}
@media(min-width:1024px){.sdc-chap{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:5rem}}
.sdc-stick{position:sticky;top:calc(var(--hdr,88px) + 28px)}
.sdc-no{display:inline-flex;align-items:baseline;gap:.2rem;font-family:var(--f-display);font-size:clamp(3.4rem,7vw,6rem);font-weight:800;line-height:.9;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.4px rgba(143,82,0,.55)}
.sdc-no small{font-size:.3em;-webkit-text-stroke:0;color:var(--txt-3);letter-spacing:0}
.sdc-h{margin:1rem 0 0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.035em;color:var(--txt)}
.sdc-bar{display:block;margin-top:1.4rem;width:100%;max-width:220px;height:3px;border-radius:3px;background:rgba(16,20,31,.08);overflow:hidden}
.sdc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint-2),var(--amber-2));transform-origin:left;transform:scaleX(var(--dp,0))}
.sdc-side{min-width:0}
.sdc-body{font-size:1.06rem}
.sdc-body>h3:first-child{margin-top:0}
.sdx-fig figcaption.sdx-figcap{position:absolute;left:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:16px;background:rgba(10,13,22,.72);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.85rem;font-weight:600}
.sdx-figcap i{width:9px;height:9px;border-radius:99px;background:var(--mint);box-shadow:0 0 10px var(--mint)}
@media(min-width:1100px){.sdx-rel{grid-template-columns:repeat(3,1fr)}}
.sdx-pn2{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(16,20,31,.1)}
.sdx-pn2 a{position:relative;display:grid;gap:.6rem;align-content:center;padding:clamp(2rem,5vw,3.6rem) clamp(1.2rem,5vw,4rem);text-decoration:none;color:var(--txt);overflow:hidden;isolation:isolate}
.sdx-pn2 a+a{border-left:1px solid rgba(16,20,31,.1)}
.sdx-pn2 a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease)}
.sdx-pn2 a:hover::before{transform:scaleY(1)}
.sdx-pn2 a:hover{color:#fff}
.sdx-pn2 .is-next{text-align:right;justify-items:end}
.sdx-pn2 small{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)}
.sdx-pn2 b{font-family:var(--f-display);font-size:clamp(1.2rem,2.6vw,2.2rem);line-height:1.1;letter-spacing:-.03em}
.sdx-pn2 .ic{width:46px;height:46px;color:var(--amber-deep);transition:color .4s}
.sdx-pn2 a:hover .ic{color:var(--amber)}
.sdx-pn2 .ic .si,.sdx-pn2 .ic svg{width:100%;height:100%}

/* ==========================================================================
   PROJELER
   ========================================================================== */
.pj-grid{display:grid;gap:1.3rem}
@media(min-width:720px){.pj-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pj-grid{grid-template-columns:repeat(3,1fr)}}
.pj-card{display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:#fffdf8;border:1px solid rgba(16,20,31,.07);text-decoration:none;color:var(--txt);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.pj-card:hover{transform:translateY(-8px);box-shadow:0 44px 70px -44px rgba(16,20,31,.5)}
.pj-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ink-3)}
.pj-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pj-card:hover .pj-img img{transform:scale(1.08)}
.pj-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,11,20,.55))}
.pj-type{position:absolute;z-index:1;left:1rem;top:1rem;padding:.45rem .8rem;border-radius:99px;background:rgba(10,13,22,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  color:#fff;font-style:normal;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.pj-body{display:flex;flex-direction:column;flex:1;padding:1.4rem 1.5rem 1.6rem}
.pj-loc{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--txt-3)}
.pj-loc svg{width:15px;height:15px;color:var(--amber-deep)}
.pj-card h3{margin:.55rem 0 0;font-size:1.45rem;line-height:1.15}
.pj-sys{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem}
.pj-sys i{font-style:normal;padding:.35rem .65rem;border-radius:99px;font-size:.75rem;font-weight:600;background:var(--paper-2);color:var(--txt-2);transition:background .4s,color .4s;transition-delay:calc(var(--k)*70ms)}
.pj-card:hover .pj-sys i{background:var(--ink);color:var(--amber)}
.pj-go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.3rem;font-weight:700;font-size:.9rem;color:var(--amber-deep)}
.pj-go svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.pj-card:hover .pj-go svg{transform:translateX(5px)}
.pjx-hero{position:relative;overflow:hidden;isolation:isolate;padding:calc(var(--hdr,88px) + clamp(2.5rem,6vw,5rem)) 0 3rem}
.pjx-in{display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.pjx-in{grid-template-columns:1fr 1fr}}
.pjx-cover{position:relative;margin:0;border-radius:32px;overflow:hidden;aspect-ratio:4/3;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);box-shadow:0 60px 90px -40px rgba(0,0,0,.8);transition:transform .6s var(--ease)}
.pjx-cover img{width:100%;height:100%;object-fit:cover}
.pjx-cover i{position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.15);background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%)}
.pjx-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:3.5rem;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
@media(min-width:768px){.pjx-facts{grid-template-columns:repeat(4,1fr)}}
.pjx-facts div{padding:1.1rem 1.3rem;background:var(--ink)}
.pjx-facts dt{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-d3)}
.pjx-facts dd{margin:.35rem 0 0;font-family:var(--f-display);font-size:1.3rem;font-weight:700;color:#fff}
.pjx-sys-grid{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pjx-sys-grid li{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:1rem;padding:1.2rem 1.3rem;border-radius:22px;background:#fffdf8;border:1px solid rgba(16,20,31,.07)}
.pjx-sys-grid li::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.2),transparent 60%)}
.pjx-sys-grid li:hover::before{opacity:1}
.pjx-sys-grid .ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ink);color:var(--amber)}
.pjx-sys-grid .ic .si{width:30px;height:30px}
.pjx-sys-grid b{font-size:1rem;line-height:1.3}
.pjx-mosaic{display:grid;gap:.8rem;margin-top:2.6rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}
@media(min-width:900px){.pjx-mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px}}
.pjx-ph{position:relative;padding:0;border:0;border-radius:22px;overflow:hidden;cursor:zoom-in;background:var(--ink-3)}
.pjx-ph.is-lg{grid-column:span 2;grid-row:span 2}
.pjx-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .5s}
.pjx-ph:hover img{transform:scale(1.07);filter:brightness(1.08)}
.pjx-ph:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.hx-lb{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(5,7,12,.92);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.hx-lb.is-open{opacity:1;visibility:visible}
.hx-lb img{max-width:min(92vw,1400px);max-height:84vh;border-radius:18px;box-shadow:0 40px 80px -30px #000;transform:scale(.94);transition:transform .45s var(--ease)}
.hx-lb.is-open img{transform:none}
.hx-lb button{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem;cursor:pointer}
.hx-lb .x{top:20px;right:20px}.hx-lb .p{left:20px;top:50%}.hx-lb .n{right:20px;top:50%}

/* ==========================================================================
   NEDEN BİZ (why_us)
   ========================================================================== */
.wy-in{display:grid;gap:3rem}
@media(min-width:1024px){.wy-in{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5rem}}
.wy-stick{position:sticky;top:calc(var(--hdr,88px) + 30px)}
.wy-orb{position:relative;display:none;width:220px;aspect-ratio:1;margin-top:3rem}
@media(min-width:1024px){.wy-orb{display:grid;place-items:center}}
.wy-orb i{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,181,71,.35);animation:hx-spin 30s linear infinite}
.wy-orb i:nth-child(2){inset:16%;border-style:solid;border-color:rgba(94,240,196,.22);animation-direction:reverse;animation-duration:20s}
.wy-orb i:nth-child(3){inset:32%;border:0;background:radial-gradient(closest-side,rgba(255,181,71,.28),transparent)}
.wy-orb i:nth-child(2)::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:99px;background:var(--mint);box-shadow:0 0 14px var(--mint)}
.wy-orb b{position:relative;font-family:var(--f-display);font-size:3.6rem;font-weight:800;color:var(--amber);letter-spacing:-.05em}
.wy-grid{display:grid;gap:1rem}
@media(min-width:640px){.wy-grid{grid-template-columns:1fr 1fr}}
.wy-card{position:relative;isolation:isolate;overflow:hidden;padding:1.7rem;border-radius:26px;background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);
  transition:border-color .4s,transform .5s var(--ease)}
.wy-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.16),transparent 60%)}
.wy-card:hover{border-color:rgba(255,181,71,.35);transform:translateY(-4px)}.wy-card:hover::before{opacity:1}
.wy-no{position:absolute;right:1.3rem;top:1.1rem;font-family:var(--f-display);font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--txt-d3)}
.wy-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.2);color:var(--amber)}
.wy-ic .si{width:32px;height:32px}
.wy-card h3{margin:1.3rem 0 0;font-size:1.25rem;color:#fff}
.wy-card p{margin:.55rem 0 0;color:var(--txt-d2);line-height:1.65;font-size:.94rem}

/* ==========================================================================
   MARKALAR (brand_logos)
   ========================================================================== */
.bl-rows{display:grid;gap:1rem;margin-top:3rem}
.bl-row{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.bl-track{display:flex;flex:none;animation:mq-go 40s linear infinite}
.bl-row.is-rev .bl-track{animation-direction:reverse}
.bl-row:hover .bl-track{animation-play-state:paused}
.bl-set{display:flex;flex:none;gap:1rem;padding-right:1rem}
.bl-item{display:grid;place-items:center;width:200px;height:96px;padding:1rem 1.4rem;border-radius:22px;background:#fffdf8;border:1px solid rgba(16,20,31,.07);text-decoration:none;
  transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.bl-item img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(1) contrast(.9);opacity:.6;transition:filter .45s,opacity .45s}
.bl-word{font-family:var(--f-display);font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--txt-3);transition:color .4s}
.bl-item:hover{transform:translateY(-4px);border-color:rgba(143,82,0,.3);box-shadow:0 24px 40px -28px rgba(16,20,31,.45)}
.bl-item:hover img{filter:none;opacity:1}.bl-item:hover .bl-word{color:var(--txt)}

/* ==========================================================================
   TEKLİF POPUP'I (.qm)
   ========================================================================== */
.qm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.qm[hidden]{display:none}
.qm-bg{position:absolute;inset:0;background:rgba(5,7,12,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .45s var(--ease)}
.qm.is-open .qm-bg{opacity:1}
.qm-card{position:relative;display:grid;width:min(1040px,100%);max-height:calc(100svh - 32px);border-radius:32px;overflow:hidden;background:#fffdf8;
  box-shadow:0 60px 120px -40px rgba(0,0,0,.8);opacity:0;transform:translateY(30px) scale(.97);transition:opacity .45s var(--ease),transform .6s var(--ease)}
.qm.is-open .qm-card{opacity:1;transform:none}
@media(min-width:900px){.qm-card{grid-template-columns:320px 1fr}}
.qm-side{display:none;position:relative;padding:2.2rem 1.8rem;background:var(--ink);color:var(--txt-d2);
  background-image:radial-gradient(90% 60% at 100% 0%,rgba(255,181,71,.25),transparent 60%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,28px 28px,28px 28px}
@media(min-width:900px){.qm-side{display:flex;flex-direction:column}}
.qm-house svg{width:110px;height:auto}
.qm-house .r{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.qm-house .w{fill:rgba(255,255,255,.08);transition:fill .6s var(--ease),filter .6s}
.qm[data-at="0"] .w1,.qm[data-at="1"] .w1,.qm[data-at="1"] .w2,.qm[data-at="2"] .w1,.qm[data-at="2"] .w2,.qm[data-at="2"] .w3,
.qm[data-at="3"] .w,.qm[data-at="4"] .w{fill:var(--amber);filter:drop-shadow(0 0 6px var(--amber))}
.qm-track{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1.3rem;position:relative}
.qm-track::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.1)}
.qm-track li{position:relative;display:flex;align-items:center;gap:.9rem;font-weight:700;font-size:.95rem;color:var(--txt-d3);transition:color .4s}
.qm-track span{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:99px;background:var(--ink-3);border:1.5px solid rgba(255,255,255,.15);font-size:.8rem;transition:all .45s var(--ease)}
.qm-track li.is-on{color:#fff}.qm-track li.is-on span{background:var(--amber);border-color:var(--amber);color:var(--ink);box-shadow:0 0 0 6px rgba(255,181,71,.18)}
.qm-track li.is-done{color:var(--txt-d2)}.qm-track li.is-done span{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.qm-side-note{margin-top:auto;font-size:.88rem;line-height:1.6}
.qm-main{position:relative;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:2rem 1.4rem 1.4rem}
@media(min-width:640px){.qm-main{padding:2.4rem 2.4rem 1.8rem}}
.qm-x{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:99px;border:1px solid rgba(16,20,31,.12);background:#fff;cursor:pointer;transition:transform .4s var(--ease)}
.qm-x:hover{transform:rotate(90deg)}
.qm-x span::before,.qm-x span::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:var(--ink);border-radius:2px;transform:rotate(45deg)}
.qm-x span::after{transform:rotate(-45deg)}
.qm-head h2{margin:.6rem 0 0;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.05;padding-right:3rem}
.qm-bar{margin-top:1.2rem;height:4px;border-radius:4px;background:var(--paper-2);overflow:hidden}
.qm-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint-2),var(--amber-2));transform-origin:left;transform:scaleX(.25);transition:transform .6s var(--ease)}
.qm-form{display:flex;flex-direction:column;flex:1;margin-top:1.6rem}
.qm-step{display:none;border:0;margin:0;padding:0;min-width:0}
.qm-step.is-on{display:block;animation:qm-in .55s var(--ease)}
@keyframes qm-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.qm-step.is-shake{animation:qm-shake .45s}
@keyframes qm-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.qm-step legend{padding:0;margin-bottom:1.1rem;font-family:var(--f-display);font-size:1.3rem;font-weight:700;color:var(--txt)}
.qm-step legend small{display:block;margin-top:.2rem;font-family:var(--f-body);font-size:.82rem;font-weight:600;color:var(--txt-3)}
.qm-tiles{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.qm-tiles{grid-template-columns:repeat(3,1fr)}}
.qm-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.1rem;border-radius:20px;border:1.5px solid rgba(16,20,31,.1);background:#fff;cursor:pointer;
  transition:border-color .3s,background .3s,transform .35s var(--ease),box-shadow .35s}
.qm-tile:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(16,20,31,.5)}
.qm-tile input{position:absolute;opacity:0;pointer-events:none}
.qm-tile .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--paper-2);color:var(--amber-deep);transition:background .3s,color .3s}
.qm-tile .ic .si{width:28px;height:28px}
.qm-tile b{font-size:.92rem;line-height:1.3;color:var(--txt)}
.qm-tile:has(input:checked){border-color:var(--ink);background:var(--ink)}
.qm-tile:has(input:checked) .ic{background:rgba(255,181,71,.14);color:var(--amber)}
.qm-tile:has(input:checked) b{color:#fff}
.qm-tile:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:2px}
.qm-tile .tick{position:absolute;right:.8rem;top:.8rem;width:22px;height:22px;border-radius:99px;border:1.5px solid rgba(16,20,31,.2);transition:all .3s}
.qm-tile:has(input:checked) .tick{background:var(--amber);border-color:var(--amber)}
.qm-tile:has(input:checked) .tick::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid var(--ink);border-width:0 2.2px 2.2px 0;transform:rotate(45deg)}
.qm-tiles.is-sys{grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.qm-tiles.is-sys{grid-template-columns:repeat(3,1fr)}}
.qm-tiles.is-sys .qm-tile{flex-direction:row;align-items:center;padding:.8rem;padding-right:2.4rem}
.qm-tiles.is-sys .qm-tile .ic{width:40px;height:40px;flex:none}
.qm-tiles.is-sys .qm-tile .tick{top:50%;margin-top:-11px}
.qm-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.qm-chip input{position:absolute;opacity:0}
.qm-chip span{display:inline-block;padding:.75rem 1.1rem;border-radius:99px;border:1.5px solid rgba(16,20,31,.12);font-weight:600;font-size:.92rem;cursor:pointer;background:#fff;transition:all .3s}
.qm-chip:hover span{border-color:var(--amber-deep)}
.qm-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.qm-chip input:focus-visible+span{outline:2px solid var(--mint);outline-offset:2px}
.qm-sub{margin:1.6rem 0 .8rem;font-weight:700;color:var(--txt-2)}
.qm-grid{display:grid;gap:.9rem}
@media(min-width:640px){.qm-grid{grid-template-columns:1fr 1fr}.qm-full{grid-column:1/-1}}
.qm-kvkk{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;font-size:.86rem;line-height:1.5;color:var(--txt-2);cursor:pointer}
.qm-kvkk input{margin-top:.2rem;width:18px;height:18px;accent-color:var(--amber-2);flex:none}
.qm-kvkk a{color:var(--amber-deep);font-weight:700}
.qm-cap{margin-top:1rem}
.qm-err{min-height:1.3em;margin:.9rem 0 0;color:#b4232f;font-weight:600;font-size:.9rem}
.qm-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem}
.qm-back{background:none;border:0;font:700 .95rem var(--f-body);color:var(--txt-2);cursor:pointer;padding:.8rem 0}
.qm-back:hover{color:var(--txt)}
.qm-done{text-align:center;padding:2rem 0}
.qm-done svg{width:96px;height:96px}
.qm-done circle{fill:none;stroke:var(--mint-2);stroke-width:4;stroke-dasharray:214;stroke-dashoffset:214}
.qm-done path{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50}
.qm-done.is-on circle{animation:qm-draw .8s var(--ease) forwards}
.qm-done.is-on path{animation:qm-draw .5s var(--ease) .6s forwards}
@keyframes qm-draw{to{stroke-dashoffset:0}}
.qm-done h3{margin:1.2rem 0 .5rem;font-size:1.8rem}
.qm-done p{margin:0 auto 1.6rem;max-width:26rem;color:var(--txt-2)}

/* @blocks-end */
@media(max-width:899px){.dt-time{display:none}}
/* Taşma korumaları (2026-09 mobil ölçüm) */
.bx-grid>*,.sdx-grid>*,.ctx-grid>*,.wp-grid>*,.shh-in>*,.lm-in>*,.fq-in>*,.dt-grid>*{min-width:0}
.hx-rte table{display:block;overflow-x:auto;max-width:100%}
@media(min-width:900px){.hx-rte table{display:table}}
@media(max-width:420px){.hh-word small{display:none}.hh-bar{padding-left:14px}.hh-lang a{min-width:30px;padding:.34rem .45rem}}
body.hx-body{overflow-x:clip}
/* Hizmet kartı alt bağlantısı (md: "Detaylı İncele →") */
.sb-card .sb-txt{padding-right:0}
.sb-more{display:inline-flex;align-items:center;gap:.45rem;margin-top:.2rem;font-size:.86rem;font-weight:700;color:var(--amber);letter-spacing:.01em}
.sb-more svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.sb-card:hover .sb-more svg{transform:translateX(5px)}
.sb-card.is-wide{background:radial-gradient(80% 90% at 85% 10%,rgba(255,181,71,.14),transparent 60%),linear-gradient(165deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.sb-card.is-wide .sb-ic{width:78px;height:78px}.sb-card.is-wide .sb-ic .si{width:44px;height:44px}
.sb-card.is-wide h3{font-size:clamp(1.45rem,2vw,1.8rem)}
@media(min-width:1100px){.hh-mega{width:min(1120px,calc(100vw - 40px));grid-template-columns:1fr 280px}.hh-mega-grid{grid-template-columns:repeat(3,1fr)}}
.hh-mi small{-webkit-line-clamp:2}
.qm-nav[hidden]{display:none}.qm-done svg{display:block;margin:0 auto}.qm.is-done .qm-bar i{transform:scaleX(1)}
@media(min-width:900px){.dt-stick{gap:3.4rem}}

/* Teklif popup'ı: mekân türüne göre süzülen seçenekler (hobi.js applyType) */
.qm [data-for].is-off{display:none!important}
.qm-step.is-on .qm-tiles.is-sys .qm-tile,.qm-step.is-on .qm-chip{animation:qm-pop .5s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}
@keyframes qm-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.qm-tile.is-extra{border-style:dashed;border-color:rgba(46,180,140,.45)}
.qm-tile.is-extra .ic{background:rgba(94,240,196,.14);color:#169c77}
.qm-tile.is-extra:has(input:checked){border-style:solid}
@media (prefers-reduced-motion:reduce){.qm-step.is-on .qm-tiles.is-sys .qm-tile,.qm-step.is-on .qm-chip{animation:none}}

/* ==========================================================================
   SAYFA: iletişim v2 (.cx) — kanal kartları + form + ofis sahnesi + harita
   ========================================================================== */
.cx{position:relative;padding:clamp(2.4rem,5vw,4rem) 0 var(--hx-pad)}
.cx-cards{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr;position:relative;z-index:2}
@media(min-width:640px){.cx-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.cx-cards.cx-n4{grid-template-columns:repeat(4,1fr)}.cx-cards.cx-n3{grid-template-columns:repeat(3,1fr)}}
.cx-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:.35rem;padding:1.5rem 1.5rem 1.3rem;border-radius:28px;
  background:#fffdf8;border:1px solid rgba(16,20,31,.08);box-shadow:0 30px 60px -44px rgba(16,20,31,.55);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s,opacity .9s var(--ease)}
.cx-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.18),transparent 65%)}
.cx-card.is-in:hover{transform:translateY(-6px);border-color:rgba(143,82,0,.25);box-shadow:0 40px 70px -40px rgba(16,20,31,.6)}
.cx-card:hover::before{opacity:1}
.cx-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:.8rem;border-radius:20px;background:var(--ink);color:var(--amber);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cx-ic svg{width:40px;height:40px;overflow:visible}
.cx-lbl{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.cx-val{font-family:var(--f-display);font-size:1.22rem;font-weight:700;line-height:1.25;color:var(--txt);text-decoration:none;word-break:break-word;transition:color .3s}
.cx-val.is-addr{font-family:var(--f-body);font-size:.98rem;font-weight:600;line-height:1.5}
.cx-val:hover{color:var(--amber-deep)}
.cx-hint{display:inline-flex;align-items:center;gap:.35rem;margin-top:auto;padding-top:.9rem;font-size:.84rem;font-weight:600;color:var(--txt-3)}
.cx-hint svg{width:14px;height:14px;transition:transform .4s var(--ease)}
.cx-card:hover .cx-hint{color:var(--amber-deep)}
.cx-card:hover .cx-hint svg{transform:translate(3px,-3px)}

/* kanal ikonları */
.ci-phone .ci-hand{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}
.ci-phone .ci-ring{transform-origin:30px 34px;animation:ci-ring 2.8s ease-in-out infinite}
.ci-phone .ci-wv{fill:none;stroke:var(--mint);stroke-width:3.4;stroke-linecap:round;opacity:0;animation:ci-wv 2.8s ease-out infinite}
.ci-phone .ci-wv.w2{animation-delay:.18s}
@keyframes ci-ring{0%,55%,100%{transform:rotate(0)}8%,24%,40%{transform:rotate(-12deg)}16%,32%,48%{transform:rotate(12deg)}}
@keyframes ci-wv{0%,5%{opacity:0;transform:translate(-4px,4px)}20%,50%{opacity:1;transform:none}70%,100%{opacity:0}}
.ci-wa .ci-bub{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round;transform-origin:10px 56px;animation:ci-bub 3s var(--ease) infinite}
.ci-wa .ci-dot{fill:var(--mint);animation:ci-dot 1.2s ease-in-out infinite}
.ci-wa .d2{animation-delay:.15s}.ci-wa .d3{animation-delay:.3s}
@keyframes ci-bub{0%,100%{transform:scale(1)}10%{transform:scale(1.07)}18%{transform:scale(.98)}}
@keyframes ci-dot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-5px);opacity:1}}
.ci-mail .ci-env,.ci-mail .ci-front{fill:var(--ink);stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}
.ci-mail .ci-flap{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}
.ci-mail .ci-letter rect{fill:#fffdf8}.ci-mail .ci-letter path{stroke:var(--amber-deep);stroke-width:2.6;stroke-linecap:round}
.ci-mail .ci-letter{animation:ci-letter 3.2s var(--ease) infinite}
@keyframes ci-letter{0%,15%{transform:translateY(14px)}40%,70%{transform:translateY(-6px)}90%,100%{transform:translateY(14px)}}
.ci-pin .ci-pin{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}
.ci-pin .ci-hole{fill:var(--mint)}
.ci-pin .ci-shadow{fill:rgba(255,255,255,.12)}
.ci-pin .ci-pulse{fill:none;stroke:var(--mint);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ci-pulse 2.4s ease-out infinite}
.ci-pin .ci-drop{animation:ci-drop 2.4s cubic-bezier(.3,1.4,.5,1) infinite}
@keyframes ci-drop{0%{transform:translateY(-14px);opacity:0}18%{transform:none;opacity:1}26%{transform:translateY(-4px)}34%,100%{transform:none}}
@keyframes ci-pulse{0%,20%{transform:scale(.4);opacity:0}30%{opacity:1}100%{transform:scale(3);opacity:0}}

/* form + yan kolon */
.cx-main{display:grid;gap:1.4rem;margin-top:clamp(2.6rem,5vw,4rem)}
@media(min-width:1024px){.cx-main{grid-template-columns:1.15fr .85fr;align-items:start}}
.cx-main>*{min-width:0}
.cx-form{padding:clamp(1.6rem,3.5vw,2.8rem);border-radius:32px;background:#fffdf8;border:1px solid rgba(16,20,31,.08);box-shadow:0 40px 80px -50px rgba(16,20,31,.45)}
.cx-form h2{margin:.6rem 0 0;font-size:clamp(2rem,3.6vw,3rem);line-height:1.02}
.cx-sub{margin:.6rem 0 1.8rem;color:var(--txt-2);line-height:1.6;max-width:46ch}
.cx-fields{display:grid;gap:1rem}
.cx-2{display:grid;gap:1rem}
@media(min-width:640px){.cx-2{grid-template-columns:1fr 1fr}}
.cx-topics{border:0;padding:0;margin:0 0 .4rem;display:flex;flex-wrap:wrap;gap:.5rem}
.cx-topics legend{padding:0;margin-bottom:.6rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)}
.cx-topics .qm-chip{position:relative}
.cx-send.is-sending .hx-btn-ic svg{animation:cx-fly .9s var(--ease) infinite}
@keyframes cx-fly{0%{transform:none;opacity:1}60%{transform:translate(14px,-14px);opacity:0}61%{transform:translate(-10px,10px);opacity:0}100%{transform:none;opacity:1}}
.cx-done{text-align:center;padding:2rem 0 1rem}
.cx-done svg{width:150px;height:auto;overflow:visible}
.cx-done .p1{fill:rgba(255,181,71,.16);stroke:var(--amber-deep);stroke-width:3;stroke-linejoin:round;animation:cx-plane 1.1s var(--ease) both}
.cx-done .p2{fill:none;stroke:var(--amber-deep);stroke-width:3}
.cx-done .trail{fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 7;animation:cx-trail 1.2s linear infinite}
@keyframes cx-plane{from{transform:translate(-60px,40px) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes cx-trail{to{stroke-dashoffset:-22}}
.cx-done h3{margin:1rem 0 .4rem;font-size:1.6rem}
.cx-done p{margin:0 0 1.4rem;color:var(--txt-2)}

.cx-side{display:grid;gap:1.2rem}
.cx-office{overflow:hidden;border-radius:32px;background:var(--ink);color:var(--txt-d2);border:1px solid var(--line-d)}
.cx-scene{position:relative;background:radial-gradient(120% 90% at 80% 0%,#1a2140 0%,#0b0f1c 60%)}
.cx-scene svg{display:block;width:100%;height:auto}
.cx-map-tag{position:absolute;left:50%;top:.9rem;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--line-d2);backdrop-filter:blur(8px);font-size:.78rem;font-weight:700;color:#fff}
.cx-map-tag i{width:7px;height:7px;border-radius:99px;background:var(--mint);box-shadow:0 0 0 0 rgba(94,240,196,.6);animation:cx-live 2s infinite}
@keyframes cx-live{70%{box-shadow:0 0 0 8px rgba(94,240,196,0)}100%{box-shadow:0 0 0 0 rgba(94,240,196,0)}}
.cx-office-body{padding:1.6rem 1.8rem 1.8rem}
.cx-addr{margin:.7rem 0 1.3rem;font-family:var(--f-display);font-size:1.25rem;font-weight:600;line-height:1.35;color:#fff}
.cx-office-acts{display:flex;flex-wrap:wrap;gap:.6rem}
.cx-office .hx-ghost{color:#fff;border-color:var(--line-d2)}
.cx-quote{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.1rem;align-items:center;padding:1.5rem;border-radius:28px;background:linear-gradient(135deg,#ffcf85,var(--amber) 55%,var(--amber-2));color:var(--ink)}
.cx-quote-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--ink);color:var(--amber)}
.cx-quote-ic svg{width:36px;height:36px;overflow:visible}
.cx-quote b{font-family:var(--f-display);font-size:1.15rem}
.cx-quote p{margin:.25rem 0 0;font-size:.9rem;line-height:1.5;color:rgba(8,11,20,.75)}
.cx-quote .hx-btn{grid-column:1/-1;justify-self:start;background:var(--ink);color:#fff}
.cx-embed{margin-top:clamp(2rem,4vw,3rem)}
.cx-embed iframe{display:block;width:100%;height:clamp(300px,40vw,460px);border:0;border-radius:32px;filter:grayscale(.35) contrast(1.05);transition:filter .6s}
.cx-embed iframe:hover{filter:none}

/* ofis sahnesi (6 sn döngü) */
.cx-scene .stars circle{fill:#fff;animation:cx-tw 3s ease-in-out infinite}
.cx-scene .stars circle:nth-child(2n){animation-delay:1.2s}.cx-scene .stars circle:nth-child(3n){animation-delay:2.1s}
@keyframes cx-tw{0%,100%{opacity:.15}50%{opacity:.9}}
.cx-scene .ground{stroke:rgba(255,255,255,.12);stroke-width:2;stroke-dasharray:2 8}
.cx-scene .ph{animation:cx-float 6s ease-in-out infinite}
@keyframes cx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.cx-scene .ph-body{fill:#131a2c;stroke:rgba(255,255,255,.28);stroke-width:2}
.cx-scene .ph-scr{fill:#1b2340}
.cx-scene .ph-notch{fill:rgba(255,255,255,.18)}
.cx-scene .bb{transform-box:fill-box;opacity:0;animation:cx-bb 6s var(--ease) infinite}
.cx-scene .b1{fill:rgba(255,255,255,.2);transform-origin:left center}
.cx-scene .b2{fill:var(--amber);transform-origin:right center;animation-delay:.5s}
.cx-scene .b3{fill:rgba(255,255,255,.2);transform-origin:left center;animation-delay:1s}
@keyframes cx-bb{0%{opacity:0;transform:scale(.3)}8%{opacity:1;transform:scale(1.06)}12%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.cx-scene .typing rect{fill:var(--amber)}
.cx-scene .typing circle{fill:var(--ink);animation:ci-dot 1.2s ease-in-out infinite}
.cx-scene .typing circle:nth-of-type(2){animation-delay:.15s}.cx-scene .typing circle:nth-of-type(3){animation-delay:.3s}
.cx-scene .typing{opacity:0;animation:cx-type 6s infinite}
@keyframes cx-type{0%,22%{opacity:0}28%,60%{opacity:1}66%,100%{opacity:0}}
.cx-scene .ph-send{fill:var(--mint);opacity:.3;animation:cx-send 6s infinite}
@keyframes cx-send{0%,58%{opacity:.25}62%{opacity:1}72%,100%{opacity:.25}}
.cx-scene .beam{fill:none;stroke:url(#cxBeam);stroke-width:10;stroke-linecap:round;opacity:.35;filter:url(#cxBlur)}
.cx-scene .beam-dash{fill:none;stroke:rgba(94,240,196,.55);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 9;animation:cx-trail 1s linear infinite}
.cx-scene .pk circle{filter:drop-shadow(0 0 6px rgba(94,240,196,.9))}
.cx-scene .glow{opacity:.2;animation:cx-glow 6s ease-in-out infinite}
@keyframes cx-glow{0%,30%{opacity:.15}55%,85%{opacity:1}100%{opacity:.15}}
.cx-scene .roof,.cx-scene .chim{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.cx-scene .wall{fill:#10162a;stroke:#fff;stroke-width:3}
.cx-scene .door{fill:#1b2340;stroke:rgba(255,255,255,.5);stroke-width:2}
.cx-scene .win{fill:#1f2740;animation:cx-win 6s infinite}
.cx-scene .w1{animation-delay:0s}.cx-scene .w2{animation-delay:.25s}.cx-scene .w3{animation-delay:.5s}.cx-scene .w4{animation-delay:.75s}
@keyframes cx-win{0%,38%{fill:#1f2740;filter:none}44%,86%{fill:#ffb547;filter:drop-shadow(0 0 8px rgba(255,181,71,.8))}94%,100%{fill:#1f2740;filter:none}}
.cx-scene .pin path{fill:var(--amber)}.cx-scene .pin circle{fill:var(--ink)}
.cx-scene .pin{animation:cx-pin 3s ease-in-out infinite}
@keyframes cx-pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.cx-scene .ring{fill:none;stroke:var(--amber);stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:cx-ring 3s ease-out infinite}
.cx-scene .r2{animation-delay:1.5s}
@keyframes cx-ring{0%{transform:scale(.3);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.cx-scene .ok{opacity:0;animation:cx-ok 6s var(--ease) infinite}
.cx-scene .ok circle{fill:var(--mint)}.cx-scene .ok path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;animation:cx-okp 6s infinite}
@keyframes cx-ok{0%,46%{opacity:0;transform:translate(384px,104px) scale(.2)}52%{opacity:1;transform:translate(384px,104px) scale(1.15)}56%,86%{opacity:1;transform:translate(384px,104px) scale(1)}94%,100%{opacity:0;transform:translate(384px,104px) scale(.2)}}
@keyframes cx-okp{0%,50%{stroke-dashoffset:20}60%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.cx-scene *,.cx-ic *,.cx-quote-ic *{animation:none!important}.cx-scene .win{fill:#ffb547}.cx-scene .ok,.cx-scene .bb{opacity:1}}
/* teklif kartı ikonu: satırlar yazılır, onay rozeti düşer */
.cx-quote-ic .q-board{fill:none;stroke:var(--amber);stroke-width:3.4;stroke-linejoin:round}
.cx-quote-ic .q-clip{fill:var(--ink);stroke:var(--amber);stroke-width:3}
.cx-quote-ic .q-l{stroke:#fff;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:22;stroke-dashoffset:22;animation:cx-ql 3.6s var(--ease) infinite}
.cx-quote-ic .l2{animation-delay:.25s}.cx-quote-ic .l3{animation-delay:.5s}
@keyframes cx-ql{0%,8%{stroke-dashoffset:22}30%,80%{stroke-dashoffset:0}92%,100%{stroke-dashoffset:22}}
.cx-quote-ic .q-ok{fill:var(--mint);stroke:var(--ink);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:cx-qok 3.6s var(--ease) infinite}
.cx-quote-ic .q-tick{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;animation:cx-qt 3.6s infinite}
@keyframes cx-qok{0%,38%{transform:scale(0)}46%{transform:scale(1.2)}52%,82%{transform:scale(1)}92%,100%{transform:scale(0)}}
@keyframes cx-qt{0%,46%{stroke-dashoffset:14}58%,100%{stroke-dashoffset:0}}

/* ==========================================================================
   BLOK: solutions (.sol) — Çözümlerimiz: özet kartlar + animasyonlu sahneli bölümler
   ========================================================================== */
.si-panel .tl{fill:currentColor;opacity:.2;animation:si-tile 3.2s ease-in-out infinite}
.si-panel .t2{animation-delay:.4s}.si-panel .t3{animation-delay:.8s}.si-panel .t4{animation-delay:1.2s}
@keyframes si-tile{0%,100%{opacity:.2}30%,60%{opacity:1}}

.sol{overflow:clip}
.sol-head{max-width:820px;margin:0 auto;text-align:center}
.sol-head .hx-lead{margin-left:auto;margin-right:auto}
.sol-cards{list-style:none;margin:clamp(2.4rem,5vw,3.6rem) 0 0;padding:0;display:grid;gap:1rem}
@media(min-width:640px){.sol-cards{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.sol-cards{grid-template-columns:repeat(4,1fr)}}
.sol-cards>li{min-width:0}
.sol-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;height:100%;padding:1.6rem;border-radius:28px;background:#fffdf8;border:1px solid rgba(16,20,31,.08);
  color:var(--txt);text-decoration:none;box-shadow:0 30px 60px -48px rgba(16,20,31,.6);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s}
.sol-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.2),transparent 65%)}
.sol-card:hover{transform:translateY(-6px);border-color:rgba(143,82,0,.25);box-shadow:0 44px 70px -44px rgba(16,20,31,.6)}
.sol-card:hover::before{opacity:1}
.sol-no{position:absolute;right:1.3rem;top:1.1rem;font-family:var(--f-display);font-weight:800;font-size:.85rem;color:var(--txt-3)}
.sol-ic{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--ink);color:var(--amber);margin-bottom:1.2rem;transition:transform .5s var(--ease)}
.sol-ic .si,.sol-ic svg{width:34px;height:34px}
.sol-card:hover .sol-ic{transform:rotate(-6deg) scale(1.06)}
.sol-card h3{margin:0 0 .6rem;font-size:1.18rem;line-height:1.25}
.sol-card p{margin:0;color:var(--txt-2);font-size:.93rem;line-height:1.6}
.sol-go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.2rem;font-weight:700;font-size:.88rem;color:var(--amber-deep)}
.sol-go svg{width:15px;height:15px;transition:transform .4s var(--ease)}
.sol-card:hover .sol-go svg{transform:translateY(3px)}

.sol-chapters{margin-top:clamp(3rem,7vw,5.5rem)}
.sol-ch{scroll-margin-top:90px;padding:clamp(3rem,6vw,5rem) 0;border-top:1px dashed rgba(16,20,31,.14)}
.sol-ch-in{display:grid;gap:2.2rem}
.sol-ch-in>*{min-width:0}
@media(min-width:1024px){
  .sol-ch-in{grid-template-columns:1.05fr .95fr;gap:clamp(3rem,5vw,5rem);align-items:start}
  .sol-ch.is-rev .sol-vis{order:2}
  .sol-vis{position:sticky;top:110px}
}
.sol-scene{position:relative;margin:0;aspect-ratio:4/3;border-radius:32px;overflow:hidden;background:#0e1322;box-shadow:0 50px 90px -50px rgba(8,11,20,.8),inset 0 0 0 1px rgba(255,255,255,.06)}
.sol-scene>svg{position:absolute;inset:0;width:100%;height:100%}
.sol-live{position:absolute;left:1rem;top:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:99px;background:rgba(8,11,20,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.sol-live i{width:7px;height:7px;border-radius:99px;background:#ff5a6a;animation:cx-live 1.6s infinite;box-shadow:0 0 0 0 rgba(255,90,106,.6)}
.sol-chips{position:absolute;left:1rem;right:1rem;bottom:1rem;height:2.6rem}
.sol-chip{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:.55rem;max-width:100%;padding:.6rem .95rem;border-radius:14px;background:rgba(255,253,248,.95);color:var(--ink);font-weight:700;font-size:.86rem;line-height:1.25;box-shadow:0 16px 30px -14px rgba(0,0,0,.6);opacity:0}
.sol-chip i{flex:none;width:8px;height:8px;border-radius:99px;background:#1bb98a}

.sol-txt{position:relative}
.sol-big{position:absolute;right:0;top:-2.4rem;z-index:0;font-family:var(--f-display);font-weight:800;font-size:clamp(6rem,12vw,10rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(16,20,31,.08);pointer-events:none}
.sol-tag{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem .4rem .45rem;border-radius:99px;background:var(--ink);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sol-tag .si{width:24px;height:24px;padding:3px;border-radius:99px;background:rgba(255,181,71,.16);color:var(--amber)}
.sol-tag .si svg{width:100%;height:100%}
.sol-h{position:relative;margin:1.1rem 0 1.2rem;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.02em}
.sol-lead{position:relative;margin:0 0 1.4rem;padding-left:1.2rem;border-left:3px solid var(--amber);font-family:var(--f-serif,'Instrument Serif',serif);font-style:italic;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.35;color:var(--txt)}
.sol-p p{margin:0 0 1rem;color:var(--txt-2);line-height:1.75}
.sol-pts{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.6rem}
@media(min-width:640px){.sol-pts{grid-template-columns:1fr 1fr}}
.sol-pts li{display:flex;gap:.65rem;align-items:flex-start;padding:.85rem .95rem;border-radius:16px;background:#fffdf8;border:1px solid rgba(16,20,31,.07);font-weight:600;font-size:.92rem;line-height:1.4}
.sol-pts svg{flex:none;width:22px;height:22px}
.sol-pts circle{fill:rgba(94,240,196,.18);stroke:#1bb98a;stroke-width:1.6}
.sol-pts path{fill:none;stroke:#0b6b4f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .7s var(--ease) .3s}
.sol-pts li.is-in path{stroke-dashoffset:0}
.sol-tech{display:flex;gap:1rem;align-items:flex-start;margin-top:1.6rem;padding:1.1rem 1.2rem;border-radius:18px;border:1.5px dashed rgba(143,82,0,.35);background:rgba(255,181,71,.07)}
.sol-tech b{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-deep)}
.sol-tech p{margin:.3rem 0 0;font-size:.9rem;line-height:1.6;color:var(--txt-2)}
.sol-chipic{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--ink)}
.sol-chipic svg{width:30px;height:30px;fill:none;stroke:var(--amber);stroke-width:1.8;stroke-linecap:round}
.sol-chipic .core{fill:var(--amber);stroke:none;animation:sol-core 2s ease-in-out infinite}
.sol-chipic path{stroke-dasharray:4 2;animation:cx-trail 1.4s linear infinite}
@keyframes sol-core{0%,100%{opacity:.35}50%{opacity:1}}

/* ortak sahne parçaları */
.sol-scene .room{fill:#0e1322}
.sol-scene .floor{stroke:rgba(255,255,255,.14);stroke-width:2}

/* 1) ışık + perde (12 sn) */
.sc-light *{animation-duration:12s;animation-iteration-count:infinite}
.sc-light .sky,.sc-light .moon .cut{animation-name:sol-sky}
@keyframes sol-sky{0%{fill:#26305a}12%{fill:#8ec5ff}45%{fill:#a8d4ff}58%{fill:#ff9f6e}66%{fill:#2a2f5a}72%,96%{fill:#0a0f22}100%{fill:#26305a}}
.sc-light .sun{fill:#ffd36b;animation-name:sol-sun;filter:drop-shadow(0 0 10px rgba(255,211,107,.9))}
@keyframes sol-sun{0%{transform:translate(290px,220px)}40%{transform:translate(345px,95px)}62%,100%{transform:translate(412px,220px)}}
.sc-light .moon{fill:#e8ecff;opacity:0;animation-name:sol-moon}
@keyframes sol-moon{0%,68%{opacity:0;transform:translate(390px,50px)}76%,94%{opacity:1;transform:translate(390px,100px)}100%{opacity:0;transform:translate(390px,100px)}}
.sc-light .hill{fill:#1c2a3a}
.sc-light .blind{animation-name:sol-blind;animation-timing-function:cubic-bezier(.6,0,.3,1)}
@keyframes sol-blind{0%,18%{transform:translateY(-150px)}30%,50%{transform:translateY(-78px)}58%,68%{transform:translateY(-150px)}76%,96%{transform:translateY(0)}100%{transform:translateY(-150px)}}
.sc-light .frame{fill:none;stroke:#cfd6ea;stroke-width:6}
.sc-light .mull{stroke:#cfd6ea;stroke-width:4}
.sc-light .cord{stroke:rgba(255,255,255,.4);stroke-width:2}
.sc-light .wire,.sc-light .pole{stroke:rgba(255,255,255,.35);stroke-width:3}
.sc-light .shade,.sc-light .shade2{fill:#e6dcc4}
.sc-light .cone{opacity:0;animation-name:sol-cone}
@keyframes sol-cone{0%,54%{opacity:0}60%,72%{opacity:1}76%,100%{opacity:0}}
.sc-light .bulb{fill:#3a4260;animation-name:sol-bulb}
@keyframes sol-bulb{0%,54%{fill:#3a4260}60%,72%{fill:#fff1c9}76%,100%{fill:#3a4260}}
.sc-light .sofa{fill:#2b3558;stroke:#3d4a78;stroke-width:3;stroke-linejoin:round}
.sc-light .table{fill:#3d4a78;stroke:#3d4a78;stroke-width:3}
.sc-light .sw{fill:#e8e2d2}
.sc-light .sw-btn{fill:#b8ae95;animation-name:sol-swb}
@keyframes sol-swb{0%,71%{fill:#b8ae95}72%,76%{fill:#ffb547}80%,100%{fill:#b8ae95}}
.sc-light .sw-rip{fill:none;stroke:#ffb547;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation-name:sol-rip}
@keyframes sol-rip{0%,72%{opacity:0;transform:scale(.4)}74%{opacity:1}82%,100%{opacity:0;transform:scale(2.6)}}
.sc-light .dark{fill:#04060d;opacity:0;animation-name:sol-dark;pointer-events:none}
@keyframes sol-dark{0%,66%{opacity:0}78%,94%{opacity:.55}100%{opacity:0}}
.sc-light .zzz{fill:#cfd6ea;font:700 16px var(--f-display);opacity:0;animation-name:sol-zzz}
@keyframes sol-zzz{0%,78%{opacity:0;transform:translateY(0)}84%,94%{opacity:1;transform:translateY(-8px)}100%{opacity:0;transform:translateY(-12px)}}
.sc-light .k1{animation:sol-l1 12s infinite}.sc-light .k2{animation:sol-l2 12s infinite}.sc-light .k3{animation:sol-l3 12s infinite}
@keyframes sol-l1{0%,26%{opacity:0;transform:translateY(10px)}30%,48%{opacity:1;transform:none}52%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-l2{0%,56%{opacity:0;transform:translateY(10px)}60%,71%{opacity:1;transform:none}74%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-l3{0%,74%{opacity:0;transform:translateY(10px)}78%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(-6px)}}

/* 2) iklim (12 sn) */
.sc-climate .ac{fill:#e9eef8}
.sc-climate .ac-l{stroke:#aab4c8;stroke-width:3;stroke-linecap:round}
.sc-climate .ac-led{animation:sol-acled 12s infinite}
@keyframes sol-acled{0%,40%{fill:#58b8ff}46%,100%{fill:#1bd49a}}
.sc-climate .air path{fill:none;stroke:#7cc8ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:6 10;animation:sol-flow .9s linear infinite}
.sc-climate .air{animation:sol-air 12s infinite}
@keyframes sol-flow{to{stroke-dashoffset:-32}}
@keyframes sol-air{0%,38%{opacity:1}48%,96%{opacity:.22}100%{opacity:1}}
.sc-climate .g-bg{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.08);stroke-width:1.5}
.sc-climate .g-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:10;stroke-dasharray:264 400;transform:rotate(135deg);stroke-linecap:round}
.sc-climate .g-arc{fill:none;stroke:#ffb547;stroke-width:10;stroke-linecap:round;animation:sol-gauge 12s var(--ease) infinite}
@keyframes sol-gauge{0%,42%{stroke-dasharray:236 400;stroke:#ff7a45}58%,96%{stroke-dasharray:168 400;stroke:#ffb547}100%{stroke-dasharray:236 400;stroke:#ff7a45}}
.sc-climate .g-t{fill:#fff;font:800 34px var(--f-display);text-anchor:middle}
.sc-climate .g-lbl{fill:rgba(255,255,255,.5);font:800 10px var(--f-body);letter-spacing:.2em;text-anchor:middle}
.sc-climate .t1{animation:sol-t1 12s infinite}.sc-climate .t2{animation:sol-t2 12s infinite}
@keyframes sol-t1{0%,46%{opacity:1}52%,97%{opacity:0}100%{opacity:1}}
@keyframes sol-t2{0%,46%{opacity:0}52%,97%{opacity:1}100%{opacity:0}}
.sc-climate .warn path{fill:#ffb547}.sc-climate .warn .ex{fill:none;stroke:#0e1322;stroke-width:3.4;stroke-linecap:round}
.sc-climate .warn{opacity:0;animation:sol-warn 12s infinite}
@keyframes sol-warn{0%,4%{opacity:0}8%,14%,22%,30%{opacity:1}11%,18%,26%{opacity:.35}36%,100%{opacity:0}}
.sc-climate .link{fill:none;stroke:#5ef0c4;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:4 7;opacity:0;animation:sol-link 12s infinite,sol-flow 1s linear infinite}
@keyframes sol-link{0%,38%{opacity:0}44%,94%{opacity:1}100%{opacity:0}}
.sc-climate .m-bg{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.1)}
.sc-climate .m-lbl{fill:rgba(255,255,255,.5);font:800 10px var(--f-body);letter-spacing:.2em}
.sc-climate .bar{fill:#ffb547;transform-box:fill-box;transform-origin:50% 100%;animation:sol-bar 12s var(--ease) infinite}
.sc-climate .b1{--hi:1;--lo:.42}.sc-climate .b2{--hi:.82;--lo:.34}.sc-climate .b3{--hi:.95;--lo:.48}.sc-climate .b4{--hi:.88;--lo:.3}
@keyframes sol-bar{0%,42%{transform:scaleY(var(--hi));fill:#ff7a45}62%,96%{transform:scaleY(var(--lo));fill:#1bd49a}100%{transform:scaleY(var(--hi));fill:#ff7a45}}
.sc-climate .heat{animation:sol-heatg 12s infinite}
.sc-climate .heat path{fill:none;stroke:#ff7a45;stroke-width:3;stroke-linecap:round;animation:sol-rise 2.2s ease-in infinite}
.sc-climate .heat path:nth-child(2){animation-delay:.7s}.sc-climate .heat path:nth-child(3){animation-delay:1.4s}
@keyframes sol-rise{0%{transform:translateY(8px);opacity:0}30%{opacity:1}100%{transform:translateY(-18px);opacity:0}}
@keyframes sol-heatg{0%,38%{opacity:1}50%,96%{opacity:.45}100%{opacity:1}}
.sc-climate .pipe{fill:none;stroke:#2a3150;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.sc-climate .pipe-flow{fill:none;stroke:url(#solPipe);stroke-width:4;stroke-linecap:round;stroke-dasharray:18 12;animation:sol-flow2 1.6s linear infinite}
@keyframes sol-flow2{to{stroke-dashoffset:-60}}
.sc-climate .k1{animation:sol-c1 12s infinite}.sc-climate .k2{animation:sol-c2 12s infinite}.sc-climate .k3{animation:sol-c3 12s infinite}
@keyframes sol-c1{0%,3%{opacity:0;transform:translateY(10px)}7%,36%{opacity:1;transform:none}40%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-c2{0%,40%{opacity:0;transform:translateY(10px)}44%,54%{opacity:1;transform:none}58%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-c3{0%,58%{opacity:0;transform:translateY(10px)}62%,94%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(-6px)}}

/* 3) interkom + güvenlik (12 sn) */
.sc-intercom .wall{fill:#161d33;stroke:rgba(255,255,255,.08)}
.sc-intercom .door{fill:#6b4a2e;stroke:#8a6440;stroke-width:3}
.sc-intercom .knob{fill:#ffd36b}
.sc-intercom .lock rect{fill:#ff5a6a;animation:sol-lockc 12s infinite}
.sc-intercom .shackle{fill:none;stroke:#e8ecff;stroke-width:3;animation:sol-shk 12s var(--ease) infinite}
@keyframes sol-lockc{0%,34%{fill:#ff5a6a}38%,46%{fill:#1bd49a}50%,100%{fill:#ff5a6a}}
@keyframes sol-shk{0%,34%{transform:translateY(0)}38%,46%{transform:translateY(-5px)}50%,100%{transform:translateY(0)}}
.sc-intercom .bell{fill:#e8ecff}.sc-intercom .cam{fill:#0e1322}
.sc-intercom .btn{fill:#aab4c8;animation:sol-btn 12s infinite}
@keyframes sol-btn{0%,9%{fill:#aab4c8}10%,14%{fill:#ffb547}18%,100%{fill:#aab4c8}}
.sc-intercom .bw path{fill:none;stroke:#5ef0c4;stroke-width:3;stroke-linecap:round}
.sc-intercom .bw{opacity:0;animation:sol-bw 12s infinite}
@keyframes sol-bw{0%,9%{opacity:0}12%{opacity:1}16%{opacity:.2}20%{opacity:1}24%{opacity:.2}28%{opacity:1}32%,100%{opacity:0}}
.sc-intercom .visitor{fill:#8e9bc4;opacity:0;animation:sol-vis 12s var(--ease) infinite}
@keyframes sol-vis{0%,3%{opacity:0;transform:translateX(50px)}9%,44%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateX(50px)}}
.sc-intercom .sig{fill:none;stroke:#5ef0c4;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:4 8;opacity:0;animation:sol-sig 12s infinite,sol-flow 1s linear infinite}
@keyframes sol-sig{0%,12%{opacity:0}16%,44%{opacity:1}48%,100%{opacity:0}}
.sc-intercom .ph{fill:#131a2c;stroke:rgba(255,255,255,.28);stroke-width:2}
.sc-intercom .scr{fill:#1b2340}
.sc-intercom .call{opacity:0;animation:sol-call 12s infinite}
@keyframes sol-call{0%,14%{opacity:0}18%,44%{opacity:1}48%,100%{opacity:0}}
.sc-intercom .feed{fill:#2a3458}.sc-intercom .fv{fill:#8e9bc4}
.sc-intercom .ans{fill:#1bd49a;transform-box:fill-box;transform-origin:center;animation:sol-ans 1s ease-in-out infinite}
.sc-intercom .dec{fill:#ff5a6a}
.sc-intercom .ans-i{stroke:#fff;stroke-width:2.4;stroke-linecap:round}
@keyframes sol-ans{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
.sc-intercom .note rect{fill:#fffdf8}.sc-intercom .n1 circle{fill:#58b8ff}.sc-intercom .n2 circle{fill:#ff5a6a}
.sc-intercom .note{opacity:0}
.sc-intercom .n1{animation:sol-n1 12s var(--ease) infinite}.sc-intercom .n2{animation:sol-n2 12s var(--ease) infinite}
@keyframes sol-n1{0%,60%{opacity:0;transform:translateY(-10px)}64%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes sol-n2{0%,78%{opacity:0;transform:translateY(-10px)}82%,96%{opacity:1;transform:none}100%{opacity:0}}
.sc-intercom .smoke-det rect{fill:#e8ecff}
.sc-intercom .led{fill:#aab4c8;animation:sol-led 12s infinite}
@keyframes sol-led{0%,74%{fill:#aab4c8}76%,80%,84%,88%,92%{fill:#ff5a6a}78%,82%,86%,90%{fill:#aab4c8}96%,100%{fill:#aab4c8}}
.sc-intercom .smoke{fill:rgba(200,208,230,.5);opacity:0;animation:sol-smoke 12s ease-out infinite}
@keyframes sol-smoke{0%,72%{opacity:0;transform:translateY(30px)}80%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}
.sc-intercom .pipe{stroke:#8a93ad;stroke-width:8;stroke-linecap:round}
.sc-intercom .valve circle{fill:#e14b5a}
.sc-intercom .handle{fill:#ffd36b;transform-box:view-box;transform-origin:0 0;animation:sol-valve 12s var(--ease) infinite}
@keyframes sol-valve{0%,62%{transform:rotate(0)}66%,96%{transform:rotate(90deg)}100%{transform:rotate(0)}}
.sc-intercom .drops{opacity:0;animation:sol-drops 12s infinite}
@keyframes sol-drops{0%,51%{opacity:0}53%,64%{opacity:1}67%,100%{opacity:0}}
.sc-intercom .dp{fill:#58b8ff;animation:sol-drip .8s ease-in infinite}
.sc-intercom .d2{animation-delay:.4s}
@keyframes sol-drip{0%{transform:translateY(0);opacity:1}100%{transform:translateY(30px);opacity:.2}}
.sc-intercom .puddle{fill:rgba(88,184,255,.45);transform-box:fill-box;transform-origin:center;animation:sol-pud 12s infinite}
@keyframes sol-pud{0%,52%{transform:scaleX(0)}64%,94%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.sc-intercom .sensor{fill:#e8ecff}
.sc-intercom .s-led{fill:#1bd49a;animation:sol-sled 12s infinite}
@keyframes sol-sled{0%,54%{fill:#1bd49a}56%,60%,64%,68%{fill:#ff5a6a}58%,62%,66%{fill:#ffb3bb}72%,100%{fill:#1bd49a}}
.sc-intercom .k1{animation:sol-i1 12s infinite}.sc-intercom .k2{animation:sol-i2 12s infinite}.sc-intercom .k3{animation:sol-i3 12s infinite}
@keyframes sol-i1{0%,8%{opacity:0;transform:translateY(10px)}12%,44%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-i2{0%,53%{opacity:0;transform:translateY(10px)}57%,72%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-i3{0%,76%{opacity:0;transform:translateY(10px)}80%,95%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(-6px)}}

/* 4) panel + mobil (9 sn) */
.sc-panel .gl{fill:rgba(94,240,196,.05);stroke:rgba(94,240,196,.35);stroke-width:1.5}
.sc-panel .mer,.sc-panel .lat{fill:none;stroke:rgba(94,240,196,.22);stroke-width:1.2}
.sc-panel .m1{animation:sol-mer1 6s linear infinite}.sc-panel .m2{animation:sol-mer2 6s linear infinite}
@keyframes sol-mer1{0%{rx:0}50%{rx:74}100%{rx:0}}
@keyframes sol-mer2{0%{rx:58}25%{rx:74}75%{rx:20}100%{rx:58}}
.sc-panel .orbit{fill:none;stroke:rgba(255,181,71,.35);stroke-width:1.4;stroke-dasharray:3 6}
.sc-panel .sat{fill:#ffb547;filter:drop-shadow(0 0 6px rgba(255,181,71,.9))}
.sc-panel .wallp{fill:#e9e4d6}
.sc-panel .pscr,.sc-panel .scr{fill:#131a2c}
.sc-panel .ph{fill:#1b2238;stroke:rgba(255,255,255,.3);stroke-width:2}
.sc-panel .tile{fill:rgba(255,255,255,.07);animation:sol-tile 9s infinite}
.sc-panel .t2{animation-delay:.6s}.sc-panel .t3{animation-delay:1.2s}.sc-panel .t4{animation-delay:1.8s}.sc-panel .t5{animation-delay:2.4s}.sc-panel .t6{animation-delay:3s}
@keyframes sol-tile{0%,6%{fill:rgba(255,255,255,.07)}10%,80%{fill:#ffb547}88%,100%{fill:rgba(255,255,255,.07)}}
.sc-panel .gly{fill:none;stroke:#0e1322;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.sc-panel .linkp{fill:none;stroke:#5ef0c4;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:4 8;animation:sol-flow 1s linear infinite}
.sc-panel .k1{animation:sol-p1 9s infinite}.sc-panel .k2{animation:sol-p2 9s infinite}.sc-panel .k3{animation:sol-p3 9s infinite}
@keyframes sol-p1{0%,6%{opacity:0;transform:translateY(10px)}10%,33%{opacity:1;transform:none}37%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-p2{0%,37%{opacity:0;transform:translateY(10px)}41%,62%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes sol-p3{0%,66%{opacity:0;transform:translateY(10px)}70%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-6px)}}

@media (prefers-reduced-motion:reduce){
  .sol-scene *,.sol-chipic *{animation:none!important}
  .sol-chip.k1{opacity:1}
}
/* solutions: çipler sahnenin altında ayrı şeritte + döngü ilerleme çizgisi; başlık ağırlıkları */
.sol-scene{aspect-ratio:auto;display:flex;flex-direction:column}
.sol-scene>svg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;display:block}
.sol-chips{position:relative;left:auto;right:auto;bottom:auto;height:3.8rem;margin:0;border-top:1px solid rgba(255,255,255,.08);background:#0b0f1c}
.sol-chip{left:1rem;right:auto;bottom:auto;top:50%;margin-top:-1.2rem;background:rgba(255,253,248,.96)}
.sol-prog{position:absolute;left:0;top:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--mint),var(--amber));transform-origin:left;transform:scaleX(0);animation:sol-prog 12s linear infinite}
.sc-panel .sol-prog{animation-duration:9s}
@keyframes sol-prog{to{transform:scaleX(1)}}
.sol-card h3,.sol-h{font-family:var(--f-display);font-weight:700}
.sol-h{letter-spacing:-.025em}
.sol-big{-webkit-text-stroke:1.5px rgba(16,20,31,.06)}
.sc-intercom .note .tx{fill:#c9cfdf}

/* ==========================================================================
   BLOK: smart_intro (.si2) — "Akıllı ev nedir?" · 14 sn döngü, adım = 2.8 sn
   ========================================================================== */
.si2-in{display:grid;gap:2.6rem;align-items:center}
.si2-in>*{min-width:0}
@media(min-width:1024px){.si2-in{grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,6vw,6rem)}}
.si2-def{margin:1.2rem 0 0;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.65;color:var(--txt-2);max-width:40ch}
.si2-chips{list-style:none;margin:1.8rem 0 2rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.si2-chips li{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem .55rem .6rem;border-radius:99px;background:#fffdf8;border:1px solid rgba(16,20,31,.1);font-weight:700;font-size:.9rem;color:var(--txt);
  animation:si2-chip 14s infinite;animation-delay:calc(var(--i,0) * 2.8s)}
.si2-chips li .si{width:24px;height:24px;padding:3px;border-radius:99px;background:var(--paper-2);color:var(--amber-deep)}
.si2-chips li .si svg{width:100%;height:100%}
.si2-chips li.is-more{animation:none;border-style:dashed;color:var(--txt-3);padding-left:.9rem}
@keyframes si2-chip{0%,8%{background:#fffdf8;color:var(--txt);transform:none;border-color:rgba(16,20,31,.1)}11%,24%{background:var(--ink);color:#fff;transform:translateY(-3px);border-color:var(--ink)}30%,100%{background:#fffdf8;color:var(--txt);transform:none;border-color:rgba(16,20,31,.1)}}
.si2-stage{margin:0;border-radius:36px;overflow:hidden;background:radial-gradient(120% 100% at 50% 40%,#18203a 0%,#0b0f1c 70%);box-shadow:0 60px 100px -60px rgba(8,11,20,.9),inset 0 0 0 1px rgba(255,255,255,.06)}
.si2-stage svg{display:block;width:100%;height:auto}
.si2-stage .grid path{stroke:rgba(255,255,255,.035);stroke-width:1}
.si2-stage .orb{fill:none;stroke:rgba(94,240,196,.18);stroke-width:1.4;stroke-dasharray:2 9;animation:si2-orb 20s linear infinite}
@keyframes si2-orb{to{stroke-dashoffset:-400}}
.si2-stage .ln{stroke:rgba(255,255,255,.14);stroke-width:1.6;stroke-dasharray:3 6}
.si2-stage .ln-ph{stroke:rgba(94,240,196,.5);animation:cx-trail 1s linear infinite}
.si2-stage .pk{fill:#ffb547;opacity:0;filter:drop-shadow(0 0 6px rgba(255,181,71,.9));animation:si2-pk 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-pk{0%{offset-distance:0%;opacity:0}2%{opacity:1}10%{offset-distance:100%;opacity:1}12%,100%{offset-distance:100%;opacity:0}}
.si2-stage .tab{animation:cx-float 6s ease-in-out infinite}
.si2-stage .tb{fill:#e9e4d6}.si2-stage .ts{fill:#131a2c}
.si2-stage .tt{fill:#fff;font:800 16px var(--f-display)}
.si2-stage .tdot{fill:#5ef0c4;animation:sol-core 2s ease-in-out infinite}
.si2-stage .tile{fill:rgba(255,255,255,.07);animation:si2-tile 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-tile{0%{fill:rgba(255,255,255,.07)}3%,20%{fill:#ffb547}28%,100%{fill:rgba(255,255,255,.07)}}
.si2-stage .tap{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:si2-tap 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-tap{0%{opacity:0;transform:scale(.5)}2%{opacity:.8;transform:scale(.7)}9%,100%{opacity:0;transform:scale(2)}}
.si2-stage .node{color:#8b94ad;animation:si2-node 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-node{0%,9%{color:#8b94ad}12%,26%{color:#ffb547}34%,100%{color:#8b94ad}}
.si2-stage .nh{fill:#161d33;stroke:rgba(255,255,255,.12);stroke-width:1.5}
.si2-stage .nr{fill:none;stroke:#ffb547;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:si2-ring 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-ring{0%,9%{opacity:0;transform:scale(1)}11%{opacity:1;transform:scale(1)}28%,100%{opacity:0;transform:scale(1.7)}}
.si2-stage .node .si .ln{stroke-width:1.7}
.si2-stage .nl{fill:rgba(255,255,255,.72);font:700 12px var(--f-body);text-anchor:middle}
.si2-stage .pb{fill:#1b2238;stroke:rgba(255,255,255,.3);stroke-width:2}.si2-stage .ps{fill:#131a2c}
.si2-stage .ph{animation:cx-float 5s ease-in-out infinite reverse}
.si2-stage .hubl{fill:rgba(255,255,255,.45);font:800 10px var(--f-body);letter-spacing:.22em;text-anchor:middle}

/* ==========================================================================
   BLOK: trust_triple (.tt) — dönen ışık kenarlı üçlü kutu
   ========================================================================== */
@property --tt-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.tt-head{display:grid;gap:1.4rem;align-items:end;margin-bottom:clamp(2.2rem,4vw,3.2rem)}
@media(min-width:1024px){.tt-head{grid-template-columns:1.3fr 1fr}}
.tt-side p{margin:.9rem 0 0;color:var(--txt-2);line-height:1.7}
.tt-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border-radius:99px;background:var(--ink);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.04em}
.tt-badge i{width:8px;height:8px;border-radius:99px;background:var(--amber);animation:cx-live 2s infinite;box-shadow:0 0 0 0 rgba(255,181,71,.6)}
.tt-grid{display:grid;gap:1.2rem}
@media(min-width:900px){.tt-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}}
.tt-card{position:relative;padding:1.5px;border-radius:30px;
  background:conic-gradient(from var(--tt-a),rgba(255,255,255,.08) 0 55%,rgba(255,181,71,.9) 70%,rgba(94,240,196,.9) 80%,rgba(255,255,255,.08) 92%);
  animation:tt-spin 7s linear infinite;animation-delay:calc(var(--d,0) * -2.3s);
  box-shadow:0 40px 70px -50px rgba(8,11,20,.8);transition:transform .6s var(--ease),box-shadow .6s,opacity .9s var(--ease)}
@keyframes tt-spin{to{--tt-a:360deg}}
.tt-card.is-in:hover{transform:translateY(-8px);box-shadow:0 50px 80px -44px rgba(8,11,20,.85),0 0 0 6px rgba(255,181,71,.08)}
.tt-card:hover{animation-duration:2.4s}
.tt-card-in{position:relative;overflow:hidden;isolation:isolate;height:100%;display:flex;flex-direction:column;padding:clamp(1.6rem,2.6vw,2.2rem);border-radius:28.5px;background:#0d1220;color:var(--txt-d2)}
.tt-card-in::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.16),transparent 65%)}
.tt-card:hover .tt-card-in::before{opacity:1}
.tt-card.is-feat .tt-card-in{background:radial-gradient(120% 70% at 50% 0%,rgba(255,181,71,.16),transparent 60%),#0d1220}
.tt-card.is-feat{background:conic-gradient(from var(--tt-a),rgba(255,181,71,.35) 0 45%,#ffb547 62%,#fff3d6 70%,#5ef0c4 80%,rgba(255,181,71,.35) 94%)}
@media(min-width:900px){.tt-card.is-feat{margin:-1rem 0 1rem}}
.tt-no{position:absolute;right:1.4rem;top:1.2rem;font-family:var(--f-display);font-weight:800;font-size:.9rem;color:rgba(255,255,255,.28)}
.tt-art{height:120px;margin-bottom:1.3rem}
.tt-art svg{height:100%;width:auto;overflow:visible}
.tt-card h3{margin:0 0 .7rem;font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.2;color:#fff}
.tt-card p{margin:0;line-height:1.7;font-size:.97rem}
.tt-tag{align-self:flex-start;margin-top:auto;transform:translateY(0);display:inline-flex;padding:.4rem .75rem;border-radius:99px;border:1px solid rgba(94,240,196,.35);color:#5ef0c4;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.tt-card p+.tt-tag{margin-top:1.4rem}
.tt-card.is-feat .tt-tag{border-color:rgba(255,181,71,.5);color:var(--amber)}
/* sahne: internet yok ama ev çalışıyor (5 sn) */
.tt-offline .wf path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;animation:tt-wf 5s infinite}
.tt-offline .wf circle{fill:#fff;animation:tt-wf 5s infinite}
.tt-offline .a2{animation-delay:.12s!important}.tt-offline .a3{animation-delay:.24s!important}
@keyframes tt-wf{0%,30%{opacity:1}42%,88%{opacity:.14}100%{opacity:1}}
.tt-offline .x path{fill:none;stroke:#ff5a6a;stroke-width:5;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tt-x 5s var(--ease) infinite}
@keyframes tt-x{0%,36%{stroke-dashoffset:60}46%,86%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:60}}
.tt-offline .rf{fill:none;stroke:#fff;stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round}
.tt-offline .wl{fill:#161d33;stroke:#fff;stroke-width:3}
.tt-offline .lt{fill:#ffb547;filter:drop-shadow(0 0 7px rgba(255,181,71,.9));animation:sol-core 2.4s ease-in-out infinite}
.tt-offline .cable{stroke:#5ef0c4;stroke-width:3;stroke-linecap:round;opacity:.6}
.tt-offline .pulse{fill:#5ef0c4;offset-path:path('M4 92H70');animation:tt-pulse 1.6s linear infinite;filter:drop-shadow(0 0 5px #5ef0c4)}
@keyframes tt-pulse{from{offset-distance:0%}to{offset-distance:100%}}
/* sahne: anahtar + kalkan (4 sn) */
.tt-brand .plate{fill:#ece6d6}
.tt-brand .rock{fill:#fffdf8;stroke:#cfc6ae;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:tt-rock 4s var(--ease) infinite}
@keyframes tt-rock{0%,40%{transform:perspective(80px) rotateX(10deg)}50%,90%{transform:perspective(80px) rotateX(-10deg)}100%{transform:perspective(80px) rotateX(10deg)}}
.tt-brand .led{fill:#b8ae95;animation:tt-led 4s infinite}
@keyframes tt-led{0%,44%{fill:#b8ae95}50%,92%{fill:#ffb547}100%{fill:#b8ae95}}
.tt-brand .shield{fill:rgba(255,181,71,.14);stroke:#ffb547;stroke-width:3.4;stroke-linejoin:round}
.tt-brand .ok{fill:none;stroke:#5ef0c4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:tt-ok 4s var(--ease) infinite}
@keyframes tt-ok{0%,50%{stroke-dashoffset:30}64%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
/* sahne: rayda modüller, yenisi eklenir (5 sn) */
.tt-modular .rail{stroke:rgba(255,255,255,.35);stroke-width:4;stroke-linecap:round}
.tt-modular .m{fill:#1f2740;stroke:rgba(255,255,255,.3);stroke-width:2}
.tt-modular .m4{fill:rgba(255,181,71,.16);stroke:#ffb547;stroke-dasharray:5 4}
.tt-modular .plus{stroke:#ffb547;stroke-width:3.4;stroke-linecap:round}
.tt-modular .new{animation:tt-new 5s var(--ease) infinite}
@keyframes tt-new{0%,20%{transform:translateY(-34px);opacity:0}38%,88%{transform:none;opacity:1}100%{transform:none;opacity:0}}
.tt-modular .leds circle{fill:#5ef0c4;animation:sol-core 1.6s ease-in-out infinite}
.tt-modular .leds circle:nth-child(2){animation-delay:.3s}.tt-modular .leds circle:nth-child(3){animation-delay:.6s}

/* ==========================================================================
   BLOK: brand_logos — vitrin düzeni (.bs, ≤ 6 marka)
   ========================================================================== */
.bs-grid{display:grid;gap:1rem;margin-top:clamp(2.4rem,4vw,3.4rem);grid-template-columns:1fr 1fr}
.bs-grid.has-feat .is-feat{grid-column:1/-1}
@media(min-width:900px){
  .bs-grid{grid-template-columns:repeat(3,1fr)}
  .bs-grid.has-feat{grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:minmax(190px,auto)}
  .bs-grid.has-feat .is-feat{grid-column:1;grid-row:span 2}
  .bs-grid.has-feat.bs-n4 .bs-tile:nth-child(4){grid-column:2/4}
}
.bs-tile{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;min-height:170px;padding:1.6rem;border-radius:28px;background:#fffdf8;border:1px solid rgba(16,20,31,.08);text-decoration:none;
  box-shadow:0 30px 60px -50px rgba(16,20,31,.6);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s,opacity .9s var(--ease)}
.bs-tile::after{content:"";position:absolute;left:1.6rem;right:1.6rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--bc);transform:scaleX(0);transition:transform .5s var(--ease)}
.bs-tile.is-in:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--bc) 40%,transparent);box-shadow:0 40px 70px -44px rgba(16,20,31,.6)}
.bs-tile:hover::after{transform:scaleX(1)}
.bs-sheen{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 38%,rgba(255,181,71,.16) 50%,transparent 62%);transform:translateX(-100%);animation:bs-sheen 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * 1.1s)}
@keyframes bs-sheen{0%{transform:translateX(-100%)}22%,100%{transform:translateX(100%)}}
.bs-logo{display:grid;place-items:center}
.bs-logo img{max-width:180px;max-height:64px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .45s,opacity .45s}
.bs-tile:hover .bs-logo img{filter:none;opacity:1}
.bs-word{font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.035em;color:var(--txt-3);transition:color .45s,letter-spacing .6s var(--ease)}
.bs-tile:hover .bs-word{color:var(--bc);letter-spacing:-.01em}
.bs-cap{position:absolute;left:1.3rem;bottom:1.1rem;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3)}
.bs-tile.is-feat{background:radial-gradient(90% 80% at 50% 45%,#1b2340,#0b0f1c 70%);border-color:rgba(255,255,255,.06)}
.bs-tile.is-feat .bs-word{font-size:clamp(2.6rem,5vw,4.4rem);color:#fff;text-shadow:0 0 40px rgba(255,255,255,.12)}
.bs-tile.is-feat:hover .bs-word{color:#fff;text-shadow:0 0 30px color-mix(in srgb,var(--bc) 80%,transparent)}
.bs-tile.is-feat .bs-logo img{filter:brightness(0) invert(1);opacity:.9}
.bs-tile.is-feat .bs-cap{color:var(--amber)}
.bs-tile.is-feat .bs-sheen{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%)}
.bs-rings{position:absolute;inset:0;z-index:-1;display:grid;place-items:center}
.bs-rings i{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,181,71,.35);animation:bs-ring 4.5s ease-out infinite}
.bs-rings i:nth-child(2){animation-delay:1.5s}.bs-rings i:nth-child(3){animation-delay:3s}
@keyframes bs-ring{0%{transform:scale(.6);opacity:0}20%{opacity:1}100%{transform:scale(2.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.si2 *,.tt *,.bs *{animation:none!important}}
.bs-grid.has-feat.bs-n4 .bs-tile:nth-child(4){grid-column:1/-1}
@media(min-width:900px){.bs-grid.has-feat.bs-n4 .bs-tile:nth-child(4){grid-column:2/4}}
.bs-tile:not(.is-feat){background-image:radial-gradient(rgba(16,20,31,.07) 1px,transparent 1.2px);background-size:16px 16px;background-color:#fffdf8}

/* bölümlü sayfalar (v3): iletişim bölümleri ayrı <section>, hero'da ikon/kapak gizlenebilir */
.cx{padding:clamp(2.4rem,5vw,4rem) 0 0}
.cx:not(:has(+ .cx)){padding-bottom:var(--hx-pad)}
.cx-s2 .cx-main,.cx-s3 .cx-embed{margin-top:0}
@media(min-width:1024px){.cx-main.is-solo{grid-template-columns:1fr;max-width:860px;margin-left:auto;margin-right:auto}}
.sdx-hero-in.is-solo,.pjx-in.is-solo{grid-template-columns:1fr}

/* ==========================================================================
   HERO arka planı (2026-09): süzülen ışık kümeleri + devre ağı (canvas) + ufuk ışığı
   ========================================================================== */
.shh{isolation:isolate}
.shh-orbs{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.shh-orbs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;mix-blend-mode:screen;will-change:transform}
.shh-orbs i:nth-child(1){width:44vw;height:44vw;left:-12vw;top:-16vw;background:radial-gradient(circle,rgba(255,181,71,.55),transparent 65%);animation:shh-orb1 26s ease-in-out infinite}
.shh-orbs i:nth-child(2){width:38vw;height:38vw;right:-10vw;top:10%;background:radial-gradient(circle,rgba(94,240,196,.35),transparent 65%);animation:shh-orb2 32s ease-in-out infinite}
.shh-orbs i:nth-child(3){width:50vw;height:50vw;left:25%;bottom:-30vw;background:radial-gradient(circle,rgba(92,110,255,.4),transparent 65%);animation:shh-orb3 38s ease-in-out infinite}
@keyframes shh-orb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(12vw,8vw) scale(1.15)}66%{transform:translate(4vw,16vw) scale(.9)}}
@keyframes shh-orb2{0%,100%{transform:translate(0,0) scale(1)}40%{transform:translate(-14vw,10vw) scale(1.2)}75%{transform:translate(-4vw,-6vw) scale(.95)}}
@keyframes shh-orb3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-16vw,-8vw) scale(1.1)}}
/* senaryoya göre kümelerin tonu */
.shh[data-scene="away"] .shh-orbs i:nth-child(1){filter:blur(70px) hue-rotate(170deg)}
.shh[data-scene="cinema"] .shh-orbs i:nth-child(1){filter:blur(70px) hue-rotate(230deg)}
.shh[data-scene="night"] .shh-orbs i:nth-child(1){filter:blur(70px) hue-rotate(200deg) saturate(.6)}
.shh-orbs i{transition:filter 1.6s var(--ease)}
.shh-net{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;animation:shh-netin 2.4s .3s var(--ease) forwards;
  -webkit-mask-image:radial-gradient(ellipse 90% 85% at 62% 45%,#000 30%,rgba(0,0,0,.55) 62%,transparent 92%);
          mask-image:radial-gradient(ellipse 90% 85% at 62% 45%,#000 30%,rgba(0,0,0,.55) 62%,transparent 92%)}
@keyframes shh-netin{to{opacity:1}}
.shh-horizon{position:absolute;left:0;right:0;bottom:0;height:40%;z-index:-2;pointer-events:none;overflow:hidden;
  background:linear-gradient(to top,rgba(255,181,71,.07),transparent 70%)}
.shh-horizon::before{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,181,71,.55),rgba(94,240,196,.55),transparent)}
.shh-horizon i{position:absolute;bottom:0;left:0;width:30%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(1px);opacity:.7;animation:shh-sweep 7s ease-in-out infinite}
@keyframes shh-sweep{0%{transform:translateX(-40vw)}60%,100%{transform:translateX(140vw)}}
@media (prefers-reduced-motion:reduce){.shh-orbs i,.shh-horizon i{animation:none}.shh-net{opacity:1;animation:none}}

/* ==========================================================================
   FOOTER v2 (2026-09): üç bölüm — marka + iletişim · kurumsal menü · çerçeveli hizmetler.
   Bölümlerin üst ve alt kenarları hizalı (grid stretch; menüde düğme en alta, hizmet
   çerçevesi tam boy).
   ========================================================================== */
.ft-top{display:grid;gap:2.6rem;align-items:stretch}
@media(min-width:1024px){.ft-top{grid-template-columns:1.05fr .62fr 1.6fr;gap:clamp(2rem,3.5vw,3.4rem)}}
.ft-about{display:flex;flex-direction:column;min-width:0}
.ft-logo img{height:50px}
.ft-about p{margin:1.1rem 0 0;max-width:26rem}

/* 1) iletişim satırları — animasyonlu ikonlar (.ci-* iletişim sayfasıyla ortak) */
.ft-ct{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.55rem}
.ft-ct a{display:flex;align-items:center;gap:.9rem;padding:.65rem .8rem .65rem .65rem;border-radius:16px;border:1px solid var(--line-d);background:rgba(255,255,255,.02);text-decoration:none;
  transition:border-color .35s,background .35s,transform .45s var(--ease)}
.ft-ct a:hover{border-color:rgba(255,181,71,.35);background:rgba(255,181,71,.05);transform:translateX(4px)}
.ft-ct-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:#121829;color:var(--amber);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ft-ct-ic svg{width:26px;height:26px;overflow:visible}
.ft-ct-ic.ci-mail .ci-env,.ft-ct-ic.ci-mail .ci-front{fill:#121829}
.ft-ct-tx{display:grid;gap:.1rem;min-width:0}
.ft-ct-tx small{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-d3)}
.ft-ct-tx b{font-weight:600;font-size:.95rem;color:#fff;overflow-wrap:anywhere}
.ft-ct-tx b.ft-ct-2{font-size:.86rem;color:var(--txt-d)}
.ft-ct-tx b.is-addr{font-size:.86rem;line-height:1.45;font-weight:500;color:var(--txt-d)}

/* 2) kurumsal menü — düğme en altta (alt hiza) */
.ft-menu{display:flex;flex-direction:column}
.ft-menu ul{gap:.35rem}
.ft-menu li a{position:relative;padding:.2rem 0;gap:0}
.ft-menu li a::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--amber);transition:width .35s var(--ease),margin .35s var(--ease)}
.ft-menu li a:hover::before{width:14px;margin-right:.55rem}
.ft-cta{margin-top:auto;align-self:flex-start;padding:.8rem 1.1rem;font-size:.9rem}
@media(max-width:1023px){.ft-menu .ft-cta{margin-top:1.4rem}}
@media(min-width:1024px){.ft-menu .ft-cta{margin-top:auto}}

/* 3) hizmetler — dönen ışık kenarlı çerçeve (@property --tt-a: hobi-blocks.css) */
.ft-svc{position:relative;padding:1.5px;border-radius:26px;min-width:0;
  background:conic-gradient(from var(--tt-a),rgba(255,255,255,.07) 0 58%,rgba(255,181,71,.85) 72%,rgba(94,240,196,.85) 82%,rgba(255,255,255,.07) 93%);
  animation:tt-spin 9s linear infinite}
.ft-svc:hover{animation-duration:3s}
.ft-svc-in{position:relative;overflow:hidden;isolation:isolate;height:100%;padding:1.5rem 1.4rem 1.3rem;border-radius:24.5px;
  background:radial-gradient(90% 60% at 100% 0%,rgba(255,181,71,.07),transparent 60%),#0c111f}
.ft-svc-in::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(280px circle at var(--x,50%) var(--y,50%),rgba(255,181,71,.12),transparent 65%)}
.ft-svc:hover .ft-svc-in::before{opacity:1}
.ft-svc-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px dashed var(--line-d2)}
.ft-svc-head h2{margin:0;font-family:var(--f-body);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-d3)}
.ft-svc-head a{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--amber);text-decoration:none}
.ft-svc-head a svg{width:13px;height:13px;transition:transform .35s var(--ease)}
.ft-svc-head a:hover svg{transform:translate(2px,-2px)}
.ft-svc ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem .8rem}
@media(min-width:560px){.ft-svc ul{grid-template-columns:1fr 1fr}}
.ft-svc li a{display:flex;align-items:center;gap:.7rem;padding:.48rem .55rem;border-radius:12px;color:var(--txt-d);text-decoration:none;font-size:.9rem;line-height:1.3;
  transition:background .3s,color .3s}
.ft-svc li a:hover{background:rgba(255,181,71,.07);color:#fff}
.ft-svc-ic{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:rgba(255,181,71,.09);color:var(--amber);transition:background .3s,transform .45s var(--ease)}
.ft-svc-ic .si,.ft-svc-ic svg{width:19px;height:19px}
.ft-svc li a:hover .ft-svc-ic{background:rgba(255,181,71,.2);transform:rotate(-8deg) scale(1.08)}

/* alt satır: ajans logosu */
.ft-credit{display:inline-flex;align-items:center}
.ft-credit img{height:20px;width:auto;opacity:.7;transition:opacity .3s}
.ft-credit:hover img{opacity:1}
@media (prefers-reduced-motion:reduce){.ft-svc{animation:none}}
.ft-about p{margin-bottom:1.6rem}
.ft-ct{margin-top:auto}

/* FOOTER v3: logo satırı + aynı hizada başlayıp biten üç bölüm (iletişim · menü + teklif · hizmetler) */
.ft-brand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.6rem;margin-bottom:1.8rem;border-bottom:1px dashed var(--line-d2)}
.ft-brand .ft-soc{margin:0}
.ft-top{display:grid;gap:1.2rem;align-items:stretch}
@media(min-width:760px){.ft-top{grid-template-columns:1fr 1fr}.ft-svc{grid-column:1/-1}}
@media(min-width:1100px){.ft-top{grid-template-columns:1fr .9fr 1.55fr;gap:1.4rem}.ft-svc{grid-column:auto}}

/* 1) iletişim kartları: sütun boyunca eşit yükseklikte */
.ft-ct{margin:0;display:grid;grid-auto-rows:1fr;gap:.7rem}
.ft-ct li{display:flex}
.ft-ct a{flex:1;position:relative;padding:.85rem 2.4rem .85rem .8rem;border-radius:20px}
.ft-go{position:absolute;right:1rem;top:50%;width:15px;height:15px;margin-top:-7.5px;color:var(--txt-d3);transition:transform .4s var(--ease),color .3s}
.ft-ct a:hover .ft-go{color:var(--amber);transform:translate(3px,-3px)}
.ft-ct-ic.ci-wa{color:#4be08a}

/* 2) menü paneli + teklif kartı */
.ft-mid{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.ft-menu{flex:1;display:flex;flex-direction:column;padding:1.2rem 1.2rem .6rem;border-radius:20px;border:1px solid var(--line-d);background:rgba(255,255,255,.02)}
.ft-menu h2{margin:0 0 .5rem;font-family:var(--f-body);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-d3)}
.ft-menu ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.ft-menu li+li{border-top:1px dashed var(--line-d)}
.ft-menu li a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.62rem .2rem;color:var(--txt-d);text-decoration:none;font-size:.94rem;font-weight:500;transition:color .3s,padding .4s var(--ease)}
.ft-menu li a::before{content:none}
.ft-menu li a svg{width:15px;height:15px;flex:none;color:var(--txt-d3);opacity:0;transform:translateX(-8px);transition:all .4s var(--ease)}
.ft-menu li a:hover{color:#fff;padding-left:.55rem}
.ft-menu li a:hover svg{opacity:1;transform:none;color:var(--amber)}
.ft-q{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1rem 1rem 1.2rem;border-radius:20px;
  background:linear-gradient(135deg,#ffcf85,var(--amber) 55%,var(--amber-2));color:var(--ink)}
.ft-q::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-100%);animation:bs-sheen 6s ease-in-out infinite;pointer-events:none}
.ft-q b{font-family:var(--f-display);font-size:1.02rem;line-height:1.2}
.ft-q .hx-btn{flex:none;background:var(--ink);color:#fff;padding:.7rem .9rem .7rem 1rem;font-size:.86rem}
.ft-q .hx-btn .hx-btn-ic{background:var(--amber);color:var(--ink)}
.ft-svc-in{display:flex;flex-direction:column}
.ft-svc ul{flex:1;align-content:space-between}

/* footer: sosyal medya ikonları (logo satırının sağı) — hover'da marka rengi, sırayla dalga */
.ft-brand .ft-soc{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.ft-soc-lbl{margin-right:.4rem;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-d3)}
.ft-soc-a{--bc:var(--amber);position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--line-d2);background:rgba(255,255,255,.03);color:#fff;
  text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),border-color .35s,box-shadow .45s;animation:ft-soc-wave 6s ease-in-out infinite}
.ft-soc-a:nth-of-type(2){animation-delay:.18s}.ft-soc-a:nth-of-type(3){animation-delay:.36s}.ft-soc-a:nth-of-type(4){animation-delay:.54s}.ft-soc-a:nth-of-type(5){animation-delay:.72s}
@keyframes ft-soc-wave{0%,82%,100%{transform:none}88%{transform:translateY(-5px)}94%{transform:translateY(1px)}}
.ft-soc-a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bc);transform:translateY(101%);transition:transform .45s var(--ease)}
.ft-soc-a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--ease)}
.ft-soc-a .dot{fill:currentColor;stroke:none}
.ft-soc-a .play{fill:currentColor;stroke:none}
.ft-soc-a:hover{animation:none;transform:translateY(-4px);border-color:transparent;box-shadow:0 14px 26px -12px var(--bc)}
.ft-soc-a:hover::before{transform:none}
.ft-soc-a:hover svg{transform:scale(1.1) rotate(-6deg)}
.ft-soc-a.is-instagram{--bc:linear-gradient(45deg,#f9a825,#e1306c 45%,#833ab4)}
.ft-soc-a.is-instagram:hover{box-shadow:0 14px 26px -12px #e1306c}
.ft-soc-a.is-facebook{--bc:#1877f2}.ft-soc-a.is-linkedin{--bc:#0a66c2}.ft-soc-a.is-youtube{--bc:#ff0033}.ft-soc-a.is-x{--bc:#2a2f3a}
.ft-soc-a.is-soon{cursor:default}
@media (prefers-reduced-motion:reduce){.ft-soc-a{animation:none}}
@media(max-width:639px){.ft-soc-lbl{width:100%;margin:0 0 .2rem}}
/* düzeltme: eski .ft-soc a dolgusu ikonu kaydırıyordu; dalga artık konum değil çerçeve ışığı */
.ft-soc a.ft-soc-a{padding:0;border-radius:50%;font-size:0;line-height:0;animation-name:ft-soc-glow}
.ft-soc-a svg{display:block}
@keyframes ft-soc-glow{0%,80%,100%{border-color:var(--line-d2);box-shadow:none}88%{border-color:rgba(255,181,71,.7);box-shadow:0 0 0 4px rgba(255,181,71,.12)}}

/* ışık anahtarı: "bu bir düğme" ipucu — basan parmak + halka + duruma göre etiket */
.cs-sw{position:relative}
.cs-hint{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;transition:opacity .5s}
.cs-hand{position:absolute;left:-4px;top:2px;width:46px;height:46px;fill:#fff;stroke:#10141f;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.35));transform-origin:30% 10%;animation:cs-press 2.8s var(--ease) infinite}
@keyframes cs-press{0%,100%{transform:translate(18px,26px) scale(1);opacity:0}12%{opacity:1}35%{transform:translate(6px,8px) scale(1)}45%{transform:translate(6px,8px) scale(.86)}58%{transform:translate(6px,8px) scale(1)}78%{transform:translate(18px,26px);opacity:1}92%{opacity:0}}
.cs-ring{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:2px solid rgba(94,240,196,.9);opacity:0;animation:cs-ring 2.8s ease-out infinite}
.cs-ring.r2{animation-delay:.18s;border-color:rgba(255,181,71,.8)}
@keyframes cs-ring{0%,42%{transform:scale(.3);opacity:0}46%{opacity:1}80%,100%{transform:scale(2.2);opacity:0}}
.cs-tip{position:absolute;left:50%;top:calc(100% + 14px);display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:99px;white-space:nowrap;transform:translateX(-50%);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;transition:opacity .5s,background .8s,color .8s,border-color .8s}
.cs-tip i{width:7px;height:7px;border-radius:99px;background:#35d49d;box-shadow:0 0 0 0 rgba(53,212,157,.6);animation:cx-live 1.8s infinite}
.cs-tip .on{display:none}
.cs.is-on .cs-tip .on{display:inline}.cs.is-on .cs-tip .off{display:none}
.cs.is-on .cs-tip{background:rgba(16,20,31,.08);border-color:rgba(16,20,31,.18);color:var(--ink)}
.cs.is-touched .cs-hint,.cs.is-touched .cs-tip{opacity:0}
.cs-sw:hover .cs-hand{animation-duration:1.6s}
@media (prefers-reduced-motion:reduce){.cs-hand,.cs-ring{animation:none}.cs-hand{transform:translate(6px,8px);opacity:1}}
.cs-sw{margin-bottom:2.6rem}
/* parmak ucu (viewBox 14.7,4.6) halkanın merkezine basar */
.cs-hand{left:0;top:0;width:58px;height:58px;transform-origin:26px 8px;animation-name:cs-press2}
@keyframes cs-press2{0%,100%{transform:translate(-12px,18px);opacity:0}12%{opacity:1}35%{transform:translate(-26px,-8px) scale(1)}45%{transform:translate(-26px,-8px) scale(.88)}58%{transform:translate(-26px,-8px) scale(1)}78%{transform:translate(-12px,18px);opacity:1}92%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cs-hand{transform:translate(-26px,-8px)}}
.cs-sw{margin-bottom:0}
/* el: ince çizgili, zarif (parmak ucu yine halkanın merkezine basar: 48px'te 22,7) */
.cs-hand{width:48px;height:48px;fill:rgba(255,255,255,.92);stroke:rgba(16,20,31,.78);stroke-width:1.05;filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));transform-origin:22px 7px;animation-name:cs-press3}
@keyframes cs-press3{0%,100%{transform:translate(-8px,16px);opacity:0}12%{opacity:1}35%{transform:translate(-22px,-7px) scale(1)}45%{transform:translate(-22px,-7px) scale(.9)}58%{transform:translate(-22px,-7px) scale(1)}78%{transform:translate(-8px,16px);opacity:1}92%{opacity:0}}
.cs-ring{border-width:1.2px}
@media (prefers-reduced-motion:reduce){.cs-hand{transform:translate(-22px,-7px)}}
/* hero arka planı daha sakin: ağ ve ızgara belirginliği azaltıldı */
@keyframes shh-netin{to{opacity:.5}}
.shh > .hx-grid{opacity:.45}
.shh.is-torch > .hx-torch-grid{opacity:.6}
@media (prefers-reduced-motion:reduce){.shh-net{opacity:.5}}

/* smart_intro v2: tablette cihaza özel ekranlar + belirgin düğümler (adım = %20 / 2.8 sn) */
.si2-stage .home-t{fill:rgba(255,255,255,.07)}
.si2-stage .scr{opacity:0;animation:si2-scr 14s infinite backwards;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-scr{0%{opacity:0}2%,20%{opacity:1}22%,100%{opacity:0}}
.si2-stage g.scr *{animation-delay:calc(var(--i) * 2.8s)}
.si2-stage .st{fill:#fff;font:700 12px var(--f-body)}
.si2-stage .sv{fill:#ffb547;font:800 11px var(--f-body);text-anchor:end}
.si2-stage .sv-ok{fill:#5ef0c4}
.si2-stage .sm{fill:rgba(255,255,255,.55);font:600 9.5px var(--f-body)}
.si2-stage .trk{fill:rgba(255,255,255,.1)}
.si2-stage .fr{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.5}
/* aydınlatma: dimmer */
.si2-stage .l-fill{fill:#ffb547;transform-box:fill-box;transform-origin:left;animation:si2-lfill 14s infinite}
@keyframes si2-lfill{0%,4%{transform:scaleX(.12)}15%,100%{transform:scaleX(.8)}}
.si2-stage .l-glow{animation:si2-lglow 14s infinite}
@keyframes si2-lglow{0%,4%{opacity:.1}15%,100%{opacity:1}}
.si2-stage .l-bulb{fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
/* perde: stor iner */
.si2-stage .b-cloth{transform-box:fill-box;transform-origin:top;animation:si2-blind 14s infinite}
@keyframes si2-blind{0%,4%{transform:scaleY(.12)}17%,100%{transform:scaleY(.7)}}
.si2-stage .btn{fill:rgba(255,255,255,.06);stroke:rgba(255,255,255,.2);stroke-width:1.2}
.si2-stage .b-dn{animation:si2-bdn 14s infinite}
@keyframes si2-bdn{0%,2%{fill:rgba(255,255,255,.06)}4%,18%{fill:rgba(255,181,71,.35);stroke:#ffb547}}
.si2-stage .chev{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* klima: termostat */
.si2-stage .trk-c{fill:none;stroke:rgba(255,255,255,.1);stroke-width:7}
.si2-stage .c-arc{fill:none;stroke:#5ef0c4;stroke-width:7;stroke-linecap:round;stroke-dasharray:213.6;animation:si2-carc 14s infinite}
@keyframes si2-carc{0%,4%{stroke-dashoffset:120}15%,100%{stroke-dashoffset:72}}
.si2-stage .c-t{fill:#fff;font:800 20px var(--f-display);text-anchor:middle}
.si2-stage .c-a{animation:si2-ca 14s infinite}.si2-stage .c-b{opacity:0;animation:si2-cb 14s infinite}
@keyframes si2-ca{0%,8%{opacity:1}11%,100%{opacity:0}}
@keyframes si2-cb{0%,8%{opacity:0}11%,100%{opacity:1}}
.si2-stage .ac{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.22)}
.si2-stage .acl{stroke:rgba(255,255,255,.3);stroke-width:2;stroke-linecap:round}
.si2-stage .c-wind{fill:none;stroke:#5ef0c4;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 5;animation:cx-trail .9s linear infinite!important}
/* ses: çalan parça */
.si2-stage .note{fill:none;stroke:#10141f;stroke-width:3;stroke-linejoin:round}.si2-stage .note-f{fill:#10141f}
.si2-stage .a-eq{fill:#ffb547;transform-box:fill-box;transform-origin:bottom;animation:si2-eq .7s ease-in-out infinite alternate!important;animation-delay:calc(var(--b) * -.23s)!important}
@keyframes si2-eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.si2-stage .a-pr{fill:#fff;transform-box:fill-box;transform-origin:left;animation:si2-apr 14s linear infinite}
@keyframes si2-apr{0%{transform:scaleX(.2)}22%,100%{transform:scaleX(.45)}}
/* güvenlik: kamera + alarm */
.si2-stage .cam-l{fill:none;stroke:rgba(94,240,196,.55);stroke-width:1.5;stroke-linejoin:round}
.si2-stage .s-scan{fill:#5ef0c4;opacity:.5;animation:si2-scan 2.2s linear infinite!important}
@keyframes si2-scan{from{transform:translateY(0)}to{transform:translateY(86px)}}
.si2-stage .s-rec{fill:#ff5d6c;animation:si-blink 1.2s steps(2,start) infinite!important}
.si2-stage .cam-t{fill:rgba(255,255,255,.75);font:700 8px var(--f-body);letter-spacing:.08em}
.si2-stage .s-sh{fill:none;stroke:#5ef0c4;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.si2-stage .g-ic{color:#ffb547}
/* alt gezinme + dokunuş */
.si2-stage .nd{fill:rgba(255,255,255,.18);animation:si2-nd 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-nd{0%{fill:rgba(255,255,255,.18)}2%,20%{fill:#ffb547}22%,100%{fill:rgba(255,255,255,.18)}}
@keyframes si2-tap{0%,2%{opacity:0;transform:scale(.5)}4%{opacity:.85;transform:scale(.7)}11%,100%{opacity:0;transform:scale(2.2)}}
/* düğümler: daha büyük ve net */
.si2-stage .node{color:#d3d9ea}
@keyframes si2-node{0%,9%{color:#d3d9ea}12%,26%{color:#ffb547}34%,100%{color:#d3d9ea}}
.si2-stage .nh{fill:#1a2240;stroke:rgba(255,255,255,.22);stroke-width:1.6;animation:si2-nh 14s infinite;animation-delay:calc(var(--i) * 2.8s)}
@keyframes si2-nh{0%,9%{fill:#1a2240}12%,26%{fill:#3a2e1a;stroke:rgba(255,181,71,.7)}34%,100%{fill:#1a2240}}
.si2-stage .ng{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.si2-stage .ng .ln{stroke-width:1.5}
.si2-stage .nl{fill:rgba(255,255,255,.88);font:700 13px var(--f-body)}