:root{
  --background:#ffffff; --foreground:#0a0a0a;
  --brand:#e5174a;
  --brand-deep:#16070d;
  --brand-light:#ff5c82;
  --accent:#ff2d63;
  --surface:#f4f4f4; --surface-card:#ffffff;
  --ink:#0a0a0a; --ink-soft:#6b7280;
  --ghost:#d7dae1; --hairline:#e6e8ec;
  --on-brand:#ffffff;
  --radius-card:1.5rem; --radius-card-lg:2rem; --radius-pill:62.5rem;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; }
html{ font-size:clamp(15px, 0.45vw + 9.7px, 18px); }
@media (max-width:640px){ html{ font-size:clamp(15px, 4.4vw, 18px); } }
html.locked{ position:relative; overflow:hidden; height:100%; }
body{ min-height:100vh; background:var(--background); color:var(--foreground); font-family:"Onest",system-ui,sans-serif; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ cursor:pointer; font-family:inherit; background:none; border:none; color:inherit; }
ul{ list-style:none; padding:0; }
:focus-visible{ outline:2px solid var(--brand-light); outline-offset:2px; }
::selection{ background:var(--brand); color:#fff; }

main{ width:100%; overflow-x:clip; padding:0.5rem; }
@media (min-width:640px){ main{ padding:0.75rem; } }

.clip{ overflow:hidden; display:inline-block; vertical-align:top;
  padding-bottom:0.2em; margin-bottom:-0.2em; padding-top:0.14em; margin-top:-0.14em; }
.clip > span{ display:inline-block; transform:translateY(115%); opacity:0; will-change:transform,opacity; }
.clip.play > span{ transform:translateY(0); opacity:1; transition:transform var(--dur,1100ms) cubic-bezier(0.16,1,0.3,1) var(--del,0ms), opacity var(--dur,1100ms) cubic-bezier(0.16,1,0.3,1) var(--del,0ms); }
.iv{ opacity:0; transform:translateY(28px); will-change:transform,opacity; }
.iv.in{ opacity:1; transform:none; transition:transform 1s cubic-bezier(0.22,1,0.36,1) var(--del,0ms), opacity 1s cubic-bezier(0.22,1,0.36,1) var(--del,0ms); }
.iv--scale{ transform:scale(0.9); }
.iv--scale.in{ transform:scale(1); }
.iv--pop{ transform:translateY(60px) scale(0.92); }
.iv--pop.in{ transform:none; }

#loader{ position:fixed; inset:0; z-index:1000; background:var(--brand-deep); color:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2rem;
  transition:transform 900ms cubic-bezier(0.65,0,0.35,1); }
#loader.done{ transform:translateY(-101%); }
#loader .wordmark{ height:3rem; width:auto; }
#loader .bar{ width:14rem; height:2px; background:rgba(255,255,255,.15); border-radius:var(--radius-pill); overflow:hidden; }
#loader .bar i{ display:block; height:100%; width:0%; background:var(--brand); }
#loader .pct{ font-size:0.791rem; letter-spacing:0.2em; color:rgba(255,255,255,.6); }

.site-head{ position:relative; z-index:30; display:flex; align-items:center; padding:1.5rem 1.5rem 0; font-size:0.791rem; color:#fff; }
@media (min-width:640px){ .site-head{ padding:2rem 2.5rem 0; } }
.head-nav{ flex:1; display:none; gap:2rem; }
@media (min-width:1024px){ .head-nav{ display:flex; } }
.head-nav a{ color:rgba(255,255,255,.9); text-transform:uppercase; letter-spacing:0.08em; }
.head-nav a:hover{ color:#fff; }
.head-brand{ flex:1; display:flex; justify-content:flex-start; }
@media (min-width:1024px){ .head-brand{ justify-content:center; } }
.head-brand a{ display:inline-flex; align-items:center; transition:transform .3s ease; }
.head-brand a:hover{ transform:translateY(-1px); }
.head-brand img{ height:3rem; width:auto; display:block; }

.lang{ display:flex; align-items:center; gap:0.15rem; font-size:0.759rem; font-weight:500;
  letter-spacing:0.06em; }
.lang a, .lang span{ padding:0.3rem 0.45rem; border-radius:0.4rem; color:rgba(255,255,255,.6);
  transition:color .25s ease, background .25s ease; }
.lang a:hover{ color:#fff; background:rgba(255,255,255,.14); }
.lang .on{ color:#fff; background:rgba(255,255,255,.2); }
.lang i{ font-style:normal; color:rgba(255,255,255,.28); }
.head-nav .lang{ }

.lang-mobil{ display:none; }
@media (max-width:1023px){ .lang-mobil{ display:flex; } }
.head-right{ flex:1; display:flex; justify-content:flex-end; align-items:center; gap:1.25rem; }
@media (max-width:1023px){
  .site-head{ flex-wrap:wrap; }
  .site-head .head-right{ flex:1 1 100%; justify-content:flex-end; }
  .site-head .head-brand{ order:3; flex:1 1 100%; justify-content:center; margin-top:1.1rem; }
  .site-head .head-brand img{ height:3.4rem; }
}
.head-cta{ display:none; text-transform:uppercase; letter-spacing:0.12em; font-size:0.791rem; color:#fff; }
.head-cta:hover{ text-decoration:underline; }
@media (min-width:640px){ .head-cta{ display:inline; } }
.burger{ width:2.5rem; height:2.5rem; display:grid; place-items:center; border-radius:var(--radius-pill);
  background:rgba(255,255,255,.15); backdrop-filter:blur(8px); transition:background .25s; }
.burger:hover{ background:rgba(255,255,255,.25); }
.burger .bars{ display:flex; flex-direction:column; gap:5px; }
.burger .bars i{ display:block; width:1rem; height:1px; background:#fff; }

.hero{ position:relative; isolation:isolate; overflow:hidden; border-radius:var(--radius-card-lg);
  background:var(--brand-deep); color:#fff; display:flex; flex-direction:column;
  height:calc(100svh - 1rem); min-height:36rem; }
@media (min-width:640px){ .hero{ height:calc(100svh - 1.5rem); } }
.hero-bg{ position:absolute; inset:0; z-index:-10; }
.hero-bg .plate{ position:absolute; left:0; right:0; top:-7%; height:114%; width:100%; will-change:transform; }
.hero-bg .plate img{ width:100%; height:100%; object-fit:cover; display:block; }

.hero-bg .plate-main{ position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 78%; display:block; }
.hero-bg .shade{ display:none; }

.hero-grid-fx{ position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0;
  transition:opacity .6s ease;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size:4.5rem 4.5rem;
  -webkit-mask-image:radial-gradient(15rem 15rem at var(--fx, 50%) var(--fy, 50%), #000 0%, transparent 72%);
  mask-image:radial-gradient(15rem 15rem at var(--fx, 50%) var(--fy, 50%), #000 0%, transparent 72%); }
.hero-grid-fx.live{ opacity:1; }
@media (prefers-reduced-motion: reduce){
  .hero-grid-fx{ display:none; }
  .hero-bg .plate video{ display:none; }
  .hero-bg .plate{ background:url(../video/sea-storm-wide.jpg) center/cover no-repeat; }
}
.hero-copy{ max-width:38rem; }
.hero-copy h1{ margin-bottom:1.15rem; }

.hero-copy h1, .hero-tag, .site-head, .hero-slider{
  text-shadow:0 1px 3px rgba(0,0,0,.55), 0 3px 14px rgba(0,0,0,.45); }
.hero-copy h1 .shine{ text-shadow:none; }
.hero-copy h1{ font-size:2.3rem; font-weight:500; text-transform:uppercase; line-height:1.1;
  letter-spacing:-0.02em; text-align:left; white-space:nowrap; }
.shine{
  background:linear-gradient(100deg,
    #ff2d63 0%, #ff8fab 30%, #ffffff 48%, #ff8fab 66%, #ff2d63 100%);
  background-size:280% 100%;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  animation:heroShine 6s linear infinite;
}
@keyframes heroShine{ from{ background-position:280% 0; } to{ background-position:-100% 0; } }
@media (max-width:860px){ .hero-copy h1{ font-size:2rem; white-space:normal; } }
@media (max-width:640px){ .hero-copy h1{ font-size:1.75rem; line-height:1.15; } }
@media (prefers-reduced-motion: reduce){ .shine{ animation:none; background-position:48% 0; } }
.hero-bottom{ margin-top:auto; padding:0 1.5rem 2rem; display:flex; flex-direction:column; gap:1.5rem; }
@media (min-width:640px){ .hero-bottom{ padding:0 2.5rem 2.5rem; flex-direction:row; justify-content:space-between; align-items:flex-end; } }
.hero-tag{ font-size:0.982rem; font-weight:400; line-height:1.65; letter-spacing:0;
  color:rgba(255,255,255,.66); max-width:34rem; }
.hero-tag em{ font-style:normal; color:#fff; font-weight:500; }
.hero-tag .clip{ display:block; }
.hero-tag .clip{ overflow:visible; }
.hero-tag .clip > span{ transform:translateY(1.1rem); }
.hero-tag .clip.play > span{ transform:translateY(0); }
@media (prefers-reduced-motion: reduce){ .hero-tag .clip > span{ transform:none; opacity:1; } }

.hero-right{ display:flex; align-items:flex-end; gap:1rem; }

.glass{ border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.10);
  border-radius:var(--radius-card); padding:0.75rem; backdrop-filter:blur(10px);
  box-shadow:0 20px 40px rgba(22,7,13,.2); }
.hero-slider{ display:none; width:16rem; flex-direction:column; gap:0.75rem; }
@media (min-width:768px){ .hero-slider{ display:flex; } }
.hs-stage{ position:relative; }
.hs-aura{ position:absolute; inset:-30% -20%; border-radius:50%; pointer-events:none; z-index:0;
  background:radial-gradient(circle, var(--aura,rgba(229,23,74,.5)) 0%, transparent 68%);
  filter:blur(22px); opacity:.55; transition:background .6s ease; }
.hs-card{ position:relative; z-index:1; display:flex; gap:0.85rem; align-items:center;
  cursor:grab; touch-action:pan-y; user-select:none; }
.hs-card.dragging{ cursor:grabbing; }
.hs-txt{ flex:1; min-width:0; }
.hs-brand{ font-size:0.759rem; font-weight:500; text-transform:uppercase; letter-spacing:0.08em; }
.hs-title{ font-size:0.76rem; text-transform:uppercase; opacity:.8; margin-top:2px; }
.hs-cta{ font-size:0.76rem; text-decoration:underline; display:inline-block; margin-top:5px; }
.hs-grab{ flex:none; display:flex; flex-direction:column; gap:3px; opacity:.3; transition:opacity .3s; }
.hs-card:hover .hs-grab{ opacity:.7; }
.hs-grab i{ width:3px; height:3px; border-radius:50%; background:#fff; display:block; }

.hs-viz{ flex:none; width:3.5rem; height:3.5rem; border-radius:0.75rem; overflow:hidden;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16);
  display:grid; place-items:center; position:relative; }
.hs-viz svg{ width:100%; height:100%; display:block; }
.hs-viz .bar{ transform-origin:bottom; animation:hsBar 1.8s ease-in-out infinite; }
.hs-viz .bar:nth-child(2){ animation-delay:.18s } .hs-viz .bar:nth-child(3){ animation-delay:.36s }
.hs-viz .bar:nth-child(4){ animation-delay:.54s }
@keyframes hsBar{ 0%,100%{ transform:scaleY(.45) } 50%{ transform:scaleY(1) } }
.hs-viz .pulse{ transform-origin:center; animation:hsPulse 2.2s ease-out infinite; }
.hs-viz .pulse:nth-child(2){ animation-delay:.7s } .hs-viz .pulse:nth-child(3){ animation-delay:1.4s }
@keyframes hsPulse{ 0%{ transform:scale(.3); opacity:.9 } 100%{ transform:scale(1.5); opacity:0 } }
.hs-viz .dash{ stroke-dasharray:5 4; animation:hsDash 1.6s linear infinite; }
@keyframes hsDash{ to{ stroke-dashoffset:-18 } }
.hs-viz .rise{ animation:hsRise 2.4s ease-in-out infinite; }
.hs-viz .rise:nth-child(2){ animation-delay:.4s } .hs-viz .rise:nth-child(3){ animation-delay:.8s }
@keyframes hsRise{ 0%,100%{ transform:translateY(2px) } 50%{ transform:translateY(-3px) } }
.hs-viz .blink{ animation:hsBlink 1.4s ease-in-out infinite; }
.hs-viz .blink:nth-child(2){ animation-delay:.45s } .hs-viz .blink:nth-child(3){ animation-delay:.9s }
@keyframes hsBlink{ 0%,100%{ opacity:.25 } 50%{ opacity:1 } }

.cdots button.on::after{ content:""; position:absolute; inset:0; border-radius:inherit;
  background:rgba(255,255,255,.45); transform-origin:left; transform:scaleX(0); }
.cdots.light button.on.run::after{ animation:hsFill 3.8s linear forwards; }
@keyframes hsFill{ to{ transform:scaleX(1) } }

@media (prefers-reduced-motion: reduce){
  .hs-viz .bar, .hs-viz .pulse, .hs-viz .dash, .hs-viz .rise, .hs-viz .blink,
  .cdots button.on::after{ animation:none !important; }
  .hs-aura{ transition:none; }
}

.member-card{ width:100%; max-width:20rem; display:flex; gap:0.75rem; align-items:stretch; }
@media (min-width:640px){ .member-card{ max-width:15rem; } }
.member-card .col{ display:flex; flex-direction:column; justify-content:space-between; flex:1; }
.member-card .big{ font-size:1.875rem; font-weight:500; line-height:1; }
.member-card .dots-row{ display:flex; margin:0.5rem 0; }
.member-card .dots-row i{ width:1.25rem; height:1.25rem; border-radius:var(--radius-pill); border:1px solid rgba(22,7,13,.4); margin-left:-0.5rem; }
.member-card .dots-row i:first-child{ margin-left:0; }
.member-card .cap{ font-size:0.76rem; opacity:.8; }
.member-card > img{ width:4rem; aspect-ratio:3/4; object-fit:cover; border-radius:0.75rem; flex:none; }

.cdots{ display:flex; gap:0.5rem; align-items:center; }
.cdots button{ width:0.5rem; height:0.5rem; border-radius:var(--radius-pill); transition:all .3s; padding:0; position:relative; overflow:hidden; }
.cdots.light button{ background:rgba(255,255,255,.35); }
.cdots.light button.on{ background:#fff; width:1.4rem; }
.cdots.dark button{ background:rgba(10,10,10,.25); }
.cdots.dark button.on{ background:var(--ink); width:1.4rem; }

.trust{ position:relative; isolation:isolate; overflow:hidden; background:var(--background); padding:4rem 1.5rem; }
@media (min-width:640px){ .trust{ padding:5rem 2.5rem; } }
.trust-top{ position:relative; z-index:20; display:flex; flex-direction:column; gap:1.5rem; }
@media (min-width:640px){ .trust-top{ flex-direction:row; justify-content:space-between; align-items:flex-start; } }
.trust-logo{ flex:none; display:flex; align-items:center; align-self:flex-start; }
.trust-logo img{ height:2.6rem; width:auto; display:block; object-fit:contain;
  filter:grayscale(1); opacity:.62; }
@media (min-width:640px){ .trust-logo img{ height:3.1rem; } }
.badge-card{ max-width:28rem; border-radius:var(--radius-card); background:var(--surface); padding:1.75rem; }
.badge-card h3{ font-size:1.023rem; font-weight:500; }
.badge-card p{ font-size:0.791rem; color:var(--ink-soft); line-height:1.65; margin-top:0.4rem; }
.badge-card > div{ min-width:0; }
.badge-card .doku{ display:block; }
.badge-card.degis .doku{ opacity:0; transform:translateY(8px); }
.badge-card .doku{ opacity:1; transform:none; transition:opacity .32s ease, transform .32s cubic-bezier(.22,1,.36,1); }
.badge-detay{ display:inline-flex; align-items:center; gap:0.4rem; margin-top:0.9rem;
  font-size:0.759rem; font-weight:500; letter-spacing:0.02em; color:var(--ink);
  border-bottom:1px solid var(--ink); padding-bottom:0.15rem; transition:gap .3s ease, color .3s ease, border-color .3s ease; }
.badge-detay svg{ width:0.85rem; height:0.85rem; }
.badge-detay:hover{ gap:0.75rem; color:var(--brand); border-color:var(--brand); }
@media (prefers-reduced-motion: reduce){ .badge-card .doku, .badge-detay{ transition:none; } }
.trust-ghost{ position:relative; z-index:0; pointer-events:none; user-select:none; max-width:88rem; margin:3rem auto 0;
  font-size:8.2vw; font-weight:500; text-transform:uppercase; line-height:1.02; letter-spacing:-0.02em; }
@media (min-width:641px){ .trust-ghost{ font-size:5vw; } }
@media (min-width:900px){ .trust-ghost{ font-size:4.7vw; } }
@media (min-width:1200px){ .trust-ghost{ font-size:5.3vw; } }
.trust-ghost .row{ display:flex; justify-content:space-between; }
.trust-ghost .w{ color:var(--ghost); will-change:transform; display:inline-block; }
.trust-ghost .w.inked{ color:var(--ink); }
.trust-ghost .clip{ padding-bottom:0.12em; margin-bottom:-0.12em; }
.coach-wrap{ position:relative; z-index:10; display:flex; justify-content:center; margin-top:2rem; }
@media (min-width:641px){ .coach-wrap{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; } }
.coach{ width:17rem; --sx:0px; transform:translateX(var(--sx)) rotate(6deg);
  cursor:grab; touch-action:pan-y; -webkit-user-select:none; user-select:none; }
.coach.suruk{ cursor:grabbing; }
.coach.yerine{ transition:transform .45s cubic-bezier(.22,1,.36,1); }
.coach .frame img, .coach .frame video{ -webkit-user-drag:none; pointer-events:none; }
@media (prefers-reduced-motion: reduce){ .coach.yerine{ transition:none; } }
@media (min-width:641px){ .coach{ width:18rem; } }
@media (min-width:900px){ .coach{ width:20rem; } }
@media (min-width:1200px){ .coach{ width:25rem; } }
.coach .frame{ aspect-ratio:1/1; border-radius:var(--radius-card); background:#fff; overflow:hidden; position:relative; }
.coach .frame img,
.coach .frame video{ width:100%; height:100%; object-fit:cover; will-change:opacity; display:block; }
.coach .frame video{ display:none; }
.coach-link{ position:absolute; left:0; right:0; bottom:0; z-index:3; display:block; }
.coach-link:focus-visible{ outline:2px solid #fff; outline-offset:-4px; border-radius:var(--radius-card); }
.coach figcaption{ display:flex; align-items:center; gap:0.6rem; cursor:pointer;
  transition:background .3s ease, transform .3s cubic-bezier(.22,1,.36,1); }
.coach-yazi{ flex:1; min-width:0; }
.coach-ok{ flex:none; width:1.65rem; height:1.65rem; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.16); transition:background .3s ease, transform .3s cubic-bezier(.22,1,.36,1); }
.coach-ok svg{ width:0.85rem; height:0.85rem; display:block; }
.coach-link:hover figcaption{ transform:translateY(-2px); }
.coach-link:hover .coach-ok{ background:var(--brand); transform:translateX(2px); }
@media (prefers-reduced-motion: reduce){
  .coach figcaption, .coach-ok{ transition:none; }
  .coach-link:hover figcaption, .coach-link:hover .coach-ok{ transform:none; }
}
.coach figcaption{ position:absolute; left:0.75rem; right:0.75rem; bottom:0.75rem; border-radius:0.75rem;
  background:rgba(22,7,13,.4); color:#fff; backdrop-filter:blur(8px); padding:0.5rem 0.75rem; }
.coach figcaption b{ font-size:0.923rem; font-weight:500; display:block; }
.coach figcaption span{ font-size:0.76rem; opacity:.8; }
.trust-ctrl{ position:relative; z-index:20; margin-top:3rem; display:flex; justify-content:space-between; align-items:center; }
@media (min-width:640px){ .trust-ctrl{ margin-top:6rem; } }
.arrow-btn{ width:2.75rem; height:2.75rem; border-radius:var(--radius-pill); display:grid; place-items:center; transition:all .3s; }
.arrow-btn svg{ width:1.1rem; height:1.1rem; }
.arrow-btn.outline{ border:1px solid var(--hairline); color:var(--ink); }
.arrow-btn.outline:hover{ border-color:var(--ink); }
.arrow-btn.solid{ background:var(--ink); color:#fff; }
.arrow-btn.solid:hover{ background:var(--brand); }

.programs{ background:var(--surface); border-radius:var(--radius-card-lg); padding:6rem 1.5rem; margin-top:0.75rem; }
@media (min-width:640px){ .programs{ padding-left:2.5rem; padding-right:2.5rem; } }
.eyebrow{ display:inline-flex; align-items:center; gap:0.75rem; font-size:0.791rem; font-weight:500;
  text-transform:uppercase; letter-spacing:0.18em; color:var(--ink-soft); }
.eyebrow::before{ content:""; width:2rem; height:1px; background:var(--brand); }
.programs h2{ font-size:3rem; font-weight:500; line-height:0.95; letter-spacing:-0.02em; margin-top:1rem; text-transform:uppercase; }
.prog-list{ margin-top:3.5rem; }
.prog-row{ display:flex; gap:1.5rem; align-items:center; padding:1.75rem 0; border-top:1px solid var(--hairline); transition:background .3s; }
li:last-child .prog-row{ border-bottom:1px solid var(--hairline); }
.prog-row:hover{ background:var(--background); }
.prog-idx{ width:2.5rem; font-size:0.923rem; font-weight:500; color:var(--ink-soft); flex:none; }
.prog-main{ flex:1; }
.prog-main b{ font-size:1.5rem; font-weight:500; letter-spacing:-0.01em; display:block; }
@media (min-width:640px){ .prog-main b{ font-size:1.875rem; } }
.prog-main span{ font-size:0.923rem; color:var(--ink-soft); }
.prog-arrow{ width:2.75rem; height:2.75rem; border-radius:var(--radius-pill); border:1px solid var(--hairline);
  display:grid; place-items:center; flex:none; opacity:.55; will-change:transform,opacity; }
.prog-arrow svg{ width:1.1rem; height:1.1rem; }

#cur{ position:fixed; top:0; left:0; width:1.6rem; height:1.6rem; border-radius:50%;
  border:1px solid var(--brand); pointer-events:none; z-index:1500; mix-blend-mode:difference;
  transform:translate(-50%,-50%); transition:width .3s, height .3s, background .3s, border-color .3s; }
#cur.grow{ width:4rem; height:4rem; background:var(--brand); border-color:var(--brand); }
#curdot{ position:fixed; top:0; left:0; width:0.35rem; height:0.35rem; border-radius:50%;
  background:var(--brand); pointer-events:none; z-index:1501; transform:translate(-50%,-50%); }
@media (hover:none),(max-width:900px){ #cur,#curdot{ display:none; } }

.mag{ display:inline-block; will-change:transform; }
#sprog{ position:fixed; top:0; left:0; height:2px; background:var(--brand); z-index:1400; width:0%; }

.show{ margin-top:0.75rem; }
.show-head{ padding:5rem 2.5rem 3.5rem; background:var(--brand-deep); color:#fff;
  border-radius:var(--radius-card-lg) var(--radius-card-lg) 0 0; }
.show-head .eyebrow{ color:rgba(255,255,255,.5); }
.show-head .eyebrow::before{ background:var(--brand-light); }
.show-head h2{ font-size:3rem; font-weight:500; line-height:0.95; letter-spacing:-0.02em; text-transform:uppercase; margin-top:1rem; }
.show-head h2 em{ font-style:normal; color:var(--brand-light); }
.show-panel{ display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
  padding:6rem 2.5rem; position:relative; overflow:hidden; }
.show-panel:last-child{ border-radius:0 0 var(--radius-card-lg) var(--radius-card-lg); }
.show-panel.dark{ background:var(--brand-deep); color:#fff; }
.show-panel.light{ background:var(--surface); color:var(--ink); }
.show-panel .txt > *{ opacity:0; transform:translateY(34px); }
.show-panel.in .txt > *{ opacity:1; transform:none;
  transition:opacity .9s cubic-bezier(.22,1,.36,1) var(--d,0ms), transform .9s cubic-bezier(.22,1,.36,1) var(--d,0ms); }
.show-panel .txt > *:nth-child(1){ --d:0ms; } .show-panel .txt > *:nth-child(2){ --d:80ms; }
.show-panel .txt > *:nth-child(3){ --d:160ms; } .show-panel .txt > *:nth-child(4){ --d:240ms; }
.show-panel .txt > *:nth-child(5){ --d:320ms; }
.show-panel .show-img{ opacity:0; transform:translateY(46px) scale(0.96); }
.show-panel.in .show-img{ opacity:1; transform:none;
  transition:opacity 1.1s cubic-bezier(.22,1,.36,1) .12s, transform 1.1s cubic-bezier(.22,1,.36,1) .12s; }
.show-panel.flip .txt{ order:2; }
.show-num{ font-size:5rem; font-weight:500; line-height:1; color:transparent; display:block; margin-bottom:0.75rem; }
.show-panel.dark .show-num{ -webkit-text-stroke:1px rgba(255,255,255,.3); }
.show-panel.light .show-num{ -webkit-text-stroke:1px rgba(10,10,10,.18); }
.show-panel h3{ font-size:2.4rem; font-weight:500; text-transform:uppercase; letter-spacing:-0.02em; line-height:1; }
.show-panel p{ font-size:0.933rem; line-height:1.8; margin-top:1.25rem; max-width:32rem; }
.show-panel.dark p{ color:rgba(255,255,255,.62); }
.show-panel.light p{ color:var(--ink-soft); }
.show-panel p b{ font-weight:500; }
.show-panel.dark p b{ color:#fff; }
.show-panel.light p b{ color:var(--ink); }
.show-tags{ display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1.5rem; }
.show-tags span{ font-size:0.759rem; font-weight:500; border-radius:var(--radius-pill); padding:0.45rem 1rem; }
.show-panel.dark .show-tags span{ border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.75); }
.show-panel.light .show-tags span{ border:1px solid var(--hairline); color:var(--ink-soft); }
.show-img{ height:24rem; border-radius:var(--radius-card); overflow:hidden; background:rgba(255,255,255,.92); }
.show-img img{ width:100%; height:100%; object-fit:cover; }
.show-img.lite img{ object-fit:contain; padding:2.5rem; }
.show-cta{ display:inline-flex; align-items:center; gap:0.6rem; margin-top:1.75rem;
  font-size:0.844rem; font-weight:500; text-transform:uppercase; letter-spacing:0.1em; }
.show-panel.dark .show-cta{ color:var(--brand-light); }
.show-panel.light .show-cta{ color:var(--brand); }
.show-cta svg{ width:0.9rem; height:0.9rem; transition:transform .3s; }
.show-panel:hover .show-cta svg{ transform:translateX(5px); }
@media (max-width:900px){
  .show-panel{ grid-template-columns:1fr; gap:2.5rem; padding:4rem 1.5rem; }
  .show-panel.flip .txt{ order:0; }
  .show-img{ height:16rem; }
  .show-panel h3{ font-size:1.9rem; }
  .show-head{ padding:4rem 1.5rem 2.5rem; }
}

.facils{ background:var(--background); padding:6rem 1.5rem; }
@media (min-width:640px){ .facils{ padding-left:2.5rem; padding-right:2.5rem; } }
.facils-head{ max-width:44rem; margin:0 auto; text-align:center; }
.facils-head h2{ font-size:3rem; font-weight:500; line-height:0.95; letter-spacing:-0.02em; text-transform:uppercase; margin-top:1rem; }
.facils-head p{ font-size:0.933rem; color:var(--ink-soft); line-height:1.7; margin-top:1.5rem; }
.facils-actions{ display:flex; flex-wrap:wrap; gap:0.9rem; justify-content:center; margin-top:2.5rem; }
.facils-cta.primary{ background:var(--brand); border-color:var(--brand); color:#fff; }
.facils-cta.primary:hover{ background:var(--brand-deep); border-color:var(--brand-deep); }
.facils-cta{ display:inline-flex; align-items:center; gap:0.7rem;
  border:1px solid var(--hairline); border-radius:var(--radius-pill); padding:1rem 2rem;
  font-size:0.933rem; font-weight:500; letter-spacing:0.02em; color:var(--ink);
  transition:border-color .3s, background .3s, color .3s, transform .3s; }
.facils-cta:hover{ border-color:var(--brand); background:var(--brand); color:#fff; transform:translateY(-2px); }
.facils-cta svg{ width:1rem; height:1rem; transition:transform .3s; }
.facils-cta:hover svg{ transform:translate(3px,-3px); }
.facils-cards{ display:flex; flex-wrap:wrap; justify-content:center; gap:3rem; margin-top:4rem; }
.tilt-card{ width:20rem; border-radius:var(--radius-card); overflow:hidden; position:relative; box-shadow:0 30px 60px rgba(10,10,10,.15); transition:transform .5s cubic-bezier(.22,1,.36,1); }
.tilt-card img{ width:100%; aspect-ratio:4/5; object-fit:cover; }
.tilt-card .cap{ position:absolute; left:0.75rem; right:0.75rem; bottom:0.75rem; border-radius:0.75rem;
  background:rgba(22,7,13,.5); color:#fff; backdrop-filter:blur(8px); padding:0.6rem 0.9rem; }
.tilt-card .cap b{ font-size:0.923rem; font-weight:500; display:block; }
.tilt-card .cap span{ font-size:0.76rem; opacity:.8; }
.tilt-card.a{ transform:rotate(-4deg); }
.tilt-card.b{ transform:rotate(5deg); }
.tilt-card.lite{ background:var(--surface); }
.tilt-card.lite img{ object-fit:contain; padding:1.5rem; }
.tilt-card.a:hover{ transform:rotate(-2deg) translateY(-8px); }
.tilt-card.b:hover{ transform:rotate(3deg) translateY(-8px); }
.tilt-card.iv{ opacity:0; }
.tilt-card.iv.in{ opacity:1; }

.foot{ position:relative; isolation:isolate; background:var(--brand-deep); color:rgba(255,255,255,.7);
  border-radius:var(--radius-card-lg); margin-top:0.75rem; overflow:hidden; }
.foot::before{ content:""; position:absolute; inset:0; z-index:-2;
  background:url(../video/footer-bg.jpg) center center / cover no-repeat; opacity:.6; }
.foot::after{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to bottom, rgba(22,7,13,.86), rgba(22,7,13,.52) 45%, rgba(22,7,13,.92)); }
.foot-top{ position:relative; display:grid; grid-template-columns:1fr; gap:2.5rem; padding:4rem 1.5rem 3rem; }

@media (min-width:768px){
  .foot-top{ grid-template-columns:auto 1fr auto auto; gap:0 4rem; padding:5rem 2.5rem 3rem; }
  .foot-top > :nth-child(2){ grid-column:3; }
}
.foot-brand img{ height:2.6rem; margin-bottom:1.25rem; }
.foot-brand p{ font-size:0.896rem; line-height:1.7; max-width:20rem; }
.foot h4{ color:#fff; font-size:0.76rem; letter-spacing:0.2em; text-transform:uppercase; font-weight:500; margin-bottom:1.25rem; }
.foot-col{ display:flex; flex-direction:column; gap:0.7rem; font-size:0.896rem; }
.foot-col a:hover{ color:var(--brand-light); }
.foot-ortak{ grid-column:1 / -1; display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap;
  padding-top:2.75rem; margin-top:1rem; border-top:1px solid rgba(255,255,255,.14); }
.foot-ortak-logo{ display:flex; align-items:center; gap:2.5rem; flex-wrap:wrap; }
.foot-ortak-logo img{ height:2.1rem; width:auto; object-fit:contain; display:block;
  filter:brightness(0) invert(1); opacity:.6; transition:opacity .35s ease; }
.foot-ortak-logo a:hover img, .foot-ortak-logo img:hover{ opacity:1; }
@media (max-width:640px){ .foot-ortak{ gap:1.5rem; } .foot-ortak-logo{ gap:1.75rem; }
  .foot-ortak-logo img{ height:1.7rem; } }
.foot-bar{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.5rem;
  border-top:1px solid rgba(255,255,255,.1); font-size:0.76rem; color:rgba(255,255,255,.58); }
@media (min-width:640px){ .foot-bar{ padding:1.5rem 2.5rem; } }

#menu{ position:fixed; inset:0; z-index:900; background:var(--brand-deep); color:#fff;
  display:flex; flex-direction:column; justify-content:center; padding:0 2rem;
  clip-path:circle(0% at calc(100% - 3rem) 3rem); transition:clip-path .7s cubic-bezier(.7,0,.2,1); visibility:hidden; }
#menu.open{ clip-path:circle(150% at calc(100% - 3rem) 3rem); visibility:visible; }
#menu a{ font-size:clamp(2rem,6vw,3.5rem); font-weight:500; text-transform:uppercase; letter-spacing:-0.02em;
  padding:0.4rem 0; display:flex; align-items:baseline; gap:1rem; }
#menu a small{ font-size:0.791rem; color:var(--brand-light); }
#menu a:hover{ color:var(--brand-light); }
#menu .menu-close{ position:absolute; top:1.5rem; right:1.5rem; width:2.75rem; height:2.75rem;
  border:1px solid rgba(255,255,255,.25); border-radius:var(--radius-pill); display:grid; place-items:center; font-size:0.982rem; }
#menu .menu-foot{ margin-top:2.5rem; font-size:0.844rem; color:rgba(255,255,255,.5); display:flex; flex-direction:column; gap:0.4rem; }
#menu .menu-foot a{ font-size:0.896rem; color:rgba(255,255,255,.7); padding:0; letter-spacing:0; text-transform:none; }

#modal{ position:fixed; inset:0; z-index:950; display:none; align-items:center; justify-content:center; padding:1.5rem; }
#modal.open{ display:flex; }
#modal .back{ position:absolute; inset:0; background:rgba(10,10,10,.6); backdrop-filter:blur(6px); }
#modal .box{ position:relative; background:var(--background); color:var(--ink); border-radius:var(--radius-card);
  width:100%; max-width:26rem; padding:2rem; }
#modal h3{ font-size:1.4rem; font-weight:500; text-transform:uppercase; letter-spacing:-0.01em; }
#modal p{ font-size:0.844rem; color:var(--ink-soft); margin:0.5rem 0 1.25rem; }
#modal .row{ display:flex; flex-direction:column; gap:0.35rem; margin-bottom:0.9rem; }
#modal label{ font-size:0.76rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--ink-soft); font-weight:500; }
#modal input, #modal textarea{ border:1px solid var(--hairline); border-radius:0.6rem; padding:0.75rem 0.85rem;
  font-family:inherit; font-size:0.896rem; width:100%; }
#modal input:focus, #modal textarea:focus{ outline:none; border-color:var(--brand); }
#modal textarea{ min-height:6rem; resize:vertical; }
#modal .send{ width:100%; background:var(--brand); color:#fff; border-radius:var(--radius-pill);
  padding:0.9rem; font-size:0.896rem; font-weight:500; text-transform:uppercase; letter-spacing:0.1em; transition:background .3s; }
#modal .send:hover{ background:var(--brand-deep); }
#modal .x{ position:absolute; top:1rem; right:1rem; font-size:1.08rem; color:var(--ink-soft); }
#modal .info{ font-size:0.791rem; color:var(--ink-soft); margin-top:1rem; text-align:center; }
#modal .info a{ color:var(--brand); }

.svc{ background:var(--brand-deep); color:#fff; border-radius:var(--radius-card-lg);
  margin-top:0.75rem; padding:6rem 1.5rem; position:relative; overflow:hidden; isolation:isolate; }
@media (min-width:640px){ .svc{ padding:7rem 2.5rem; } }
.svc-head{ max-width:52rem; margin-bottom:4rem; }
.svc-head .eyebrow{ color:var(--brand-light); }
.svc-head .eyebrow::before{ background:var(--brand-light); }
.svc-head h2{ font-size:clamp(2.4rem,5vw,4rem); font-weight:500; line-height:0.95;
  letter-spacing:-0.025em; text-transform:uppercase; margin-top:1rem; color:#fff; }
.svc-hint{ margin-top:1.5rem; font-size:0.844rem; letter-spacing:0.08em; text-transform:uppercase;
  color:rgba(255,255,255,.42); }
.svc-list{ position:relative; border-top:1px solid rgba(255,255,255,.12); }
.svc-ghost{ position:absolute; right:0; top:50%; transform:translateY(-50%);
  font-size:clamp(9rem,22vw,20rem); font-weight:500; line-height:1; letter-spacing:-0.06em;
  color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.1);
  pointer-events:none; user-select:none; opacity:0; transition:opacity .5s ease; z-index:0; }
.svc-list.on .svc-ghost{ opacity:1; }
.svc-row{ position:relative; z-index:1; display:flex; align-items:flex-start; gap:1.75rem;
  padding:2rem 1.25rem; border-bottom:1px solid rgba(255,255,255,.12);
  transition:padding-left .5s cubic-bezier(.22,1,.36,1); overflow:hidden; }
.svc-row::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:0;
  background:radial-gradient(22rem 14rem at var(--mx,50%) var(--my,50%), rgba(229,23,74,.22), transparent 70%);
  transition:opacity .45s ease; }
.svc-row:hover::before{ opacity:1; }
.svc-row:hover{ padding-left:2.5rem; }
.svc-num{ flex:none; width:3rem; padding-top:0.45rem; font-size:0.823rem; font-weight:500;
  letter-spacing:0.14em; color:rgba(255,255,255,.35); transition:color .3s; }
.svc-row:hover .svc-num{ color:var(--brand-light); }
.svc-body{ flex:1; min-width:0; }
.svc-body b{ display:block; font-size:clamp(1.35rem,2.8vw,2.1rem); font-weight:500;
  letter-spacing:-0.015em; line-height:1.15; }
.svc-lead{ display:block; font-size:0.949rem; line-height:1.75; color:rgba(255,255,255,.6);
  max-width:46rem; margin-top:0; max-height:0; opacity:0; overflow:hidden;
  transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .4s ease, margin-top .5s ease; }
.svc-row:hover .svc-lead{ max-height:8rem; opacity:1; margin-top:0.85rem; }
.svc-tags{ display:flex; flex-wrap:wrap; gap:0.45rem; max-height:0; opacity:0; overflow:hidden;
  transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .4s ease .06s, margin-top .5s ease; }
.svc-row:hover .svc-tags{ max-height:7rem; opacity:1; margin-top:1.1rem; }
.svc-tags span{ font-size:0.76rem; font-weight:500; letter-spacing:0.04em; color:rgba(255,255,255,.75);
  border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-pill); padding:0.35rem 0.85rem; }
.svc-go{ flex:none; width:3rem; height:3rem; border-radius:50%; border:1px solid rgba(255,255,255,.2);
  display:grid; place-items:center; color:rgba(255,255,255,.7); margin-top:0.15rem;
  transition:transform .45s cubic-bezier(.22,1,.36,1), background .3s, border-color .3s, color .3s; }
.svc-go svg{ width:1.1rem; height:1.1rem; }
.svc-row:hover .svc-go{ background:var(--brand); border-color:var(--brand); color:#fff; transform:rotate(-45deg); }
@media (max-width:760px){
  .svc-ghost{ display:none; }
  .svc-row{ padding:1.6rem 0.25rem; gap:1rem; }
  .svc-row:hover{ padding-left:0.25rem; }
  .svc-num{ width:2rem; }
  .svc-go{ width:2.5rem; height:2.5rem; }
  .svc-lead, .svc-tags{ max-height:none; opacity:1; overflow:visible; }
  .svc-lead{ margin-top:0.7rem; }
  .svc-tags{ margin-top:0.9rem; }
}
@media (prefers-reduced-motion: reduce){
  .svc-row, .svc-row::before, .svc-lead, .svc-tags, .svc-go, .svc-ghost{ transition:none !important; }
  .svc-lead, .svc-tags{ max-height:none; opacity:1; overflow:visible; }
  .svc-lead{ margin-top:0.7rem; } .svc-tags{ margin-top:0.9rem; }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
  html{ scroll-behavior:auto; }
  .clip > span{ transform:none !important; opacity:1 !important; }
  .iv{ opacity:1 !important; transform:none !important; }
  .y-orb, .y-beam, .y-stars, .hero-bg .plate{ animation:none !important; transform:none !important; }
  .y-star{ display:none; }
  .mq-track, .show-track{ animation:none !important; }
  #loader{ display:none !important; }
}

.crc{ --crc:#ee2f5c; --crc-koyu:#0b3b38; --crc-ac:#e8f4f2;
  position:relative; padding:7rem 1.5rem 6rem; overflow:hidden; isolation:isolate;
  background:#f4f4f2; border-top:1px solid var(--hairline); }
@media (min-width:640px){ .crc{ padding:7rem 2.5rem 6rem; } }
@media (max-width:639px){ .crc{ padding:4.5rem 1.25rem 4rem; } }
.crc-in{ width:100%; margin:0 auto; }

.crc-head{ text-align:center; max-width:46rem; margin:0 auto; }
.crc-rozet{ display:inline-flex; align-items:center; gap:.7rem; font-size:0.76rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); }
.crc-rozet i{ width:1.75rem; height:1px; background:#ee2f5c; display:block; }
.crc-head h2{ font-size:clamp(1.85rem,5.2vw,3.6rem); font-weight:500; line-height:.98;
  letter-spacing:-0.025em; text-transform:uppercase; margin-top:1.4rem; }
.crc-head h2 em{ font-style:normal; color:#ee2f5c; }
.crc-head p.crc-alt{ margin-top:1.1rem; font-size:1.031rem; font-weight:500; color:#ee2f5c; letter-spacing:-.01em; }
.crc-head p{ font-size:0.933rem; color:var(--ink-soft); line-height:1.75; margin-top:1.35rem; }

.crc-sahne{ position:relative; margin:3.5rem auto 0; max-width:74rem; }
.crc-sehir{ position:relative; width:100%; max-width:38rem; margin:0 auto; aspect-ratio:1000/852; }
.crc-sehir video{ width:100%; height:100%; object-fit:contain; display:block; mix-blend-mode:multiply; }
.crc-taban{ position:absolute; left:50%; bottom:6%; transform:translateX(-50%); width:60%; height:3rem;
  border-radius:50%; background:radial-gradient(ellipse,rgba(10,10,10,.1),transparent 70%); z-index:-1; filter:blur(8px); }

.crc-et{ position:absolute; display:flex; align-items:center; gap:.6rem;
  background:#fff; border:1px solid var(--hairline);
  border-radius:var(--radius-pill); padding:.6rem 1.05rem; white-space:nowrap;
  box-shadow:0 10px 26px -18px rgba(10,10,10,.3);
  opacity:0; transform:translateY(14px) scale(.94);
  transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--gec,0ms), transform .7s cubic-bezier(.22,1,.36,1) var(--gec,0ms);
  animation:crcSuz 7s ease-in-out infinite; animation-play-state:paused; }
.crc-sahne.gor .crc-et{ opacity:1; transform:none; animation-play-state:running; animation-delay:var(--gec,0ms); }
.crc-et b{ font-size:0.823rem; font-weight:500; color:var(--ink); }
.crc-et i{ font-style:normal; width:1.55rem; height:1.55rem; border-radius:50%; flex:none;
  background:#ee2f5c; color:#fff; display:grid; place-items:center; }
.crc-et i svg{ width:.85rem; height:.85rem; }
.crc-et::after{ content:""; position:absolute; width:.42rem; height:.42rem; border-radius:50%;
  background:var(--crc); }
.crc-et.sol::after{ right:-1.9rem; } .crc-et.sag::after{ left:-1.9rem; }
@keyframes crcSuz{ 0%,100%{ translate:0 0 } 50%{ translate:0 -8px } }

.crc-et.e1{ top:6%;  left:2%;  --gec:120ms; }
.crc-et.e2{ top:30%; left:0;    --gec:260ms; }
.crc-et.e3{ top:57%; left:1.5%; --gec:400ms; }
.crc-et.e4{ top:9%;  right:2%;  --gec:200ms; }
.crc-et.e5{ top:34%; right:0;   --gec:340ms; }
.crc-et.e6{ top:61%; right:1.5%;--gec:480ms; }

@media (max-width:1140px){
  .crc-sahne{ max-width:38rem; }
  .crc-et{ position:static; opacity:1; transform:none; animation:none; box-shadow:none; }
  .crc-et::after{ display:none; }
  .crc-etler{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-top:2rem; }
}
@media (min-width:1141px){ .crc-etler{ display:contents; } }
@media (max-width:520px){ .crc-etler{ grid-template-columns:1fr; } }

.crc-bant{ position:relative; margin-top:5rem; border-radius:var(--radius-card-lg); overflow:hidden;
  border:1px solid var(--hairline); }
.crc-bant video{ width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:800/340; }
.crc-bant-kart{ position:absolute; left:2.25rem; bottom:2.25rem; right:2.25rem; max-width:32rem;
  background:#fff; border-radius:var(--radius-card); padding:1.75rem 1.9rem;
  box-shadow:0 18px 44px -28px rgba(10,10,10,.4); }
.crc-bant-kart p{ font-size:1.002rem; line-height:1.7; color:var(--ink); letter-spacing:-.01em; }
.crc-bant-kart p b{ color:var(--crc); font-weight:500; }
.crc-bant-kart span{ display:block; margin-top:.85rem; font-size:0.759rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-soft); }
@media (max-width:760px){
  .crc-bant video{ aspect-ratio:4/3; }
  .crc-bant-kart{ position:static; max-width:none; border-radius:0; padding:1.5rem;
    background:#fff; box-shadow:none; }
}

.crc-mod{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3.5rem; }
@media (max-width:900px){ .crc-mod{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .crc-mod{ grid-template-columns:1fr; } }
.crc-mod a{ position:relative; display:block; background:#fff;
  border:1px solid var(--hairline); border-radius:var(--radius-card); padding:1.5rem 1.6rem;
  overflow:hidden; transition:transform .45s cubic-bezier(.22,1,.36,1), border-color .35s, box-shadow .45s; }
.crc-mod a::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--crc); transform:scaleY(0); transform-origin:top; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.crc-mod a:hover{ transform:translateY(-4px); border-color:var(--ink);
  box-shadow:0 18px 40px -26px rgba(10,10,10,.28); }
.crc-mod a:hover::before{ transform:scaleY(1); }
.crc-mod b{ display:block; font-size:0.962rem; font-weight:500; margin-bottom:.45rem; }
.crc-mod span{ display:block; font-size:0.844rem; color:var(--ink-soft); line-height:1.7; }

.crc-eylem{ display:flex; flex-wrap:wrap; gap:.9rem; justify-content:center; margin-top:3.5rem; }
.crc-btn{ display:inline-flex; align-items:center; gap:.7rem; border-radius:var(--radius-pill);
  padding:.95rem 1.9rem; font-size:0.896rem; font-weight:500; letter-spacing:.02em;
  border:1px solid var(--hairline); background:#fff;
  transition:transform .3s, background .3s, border-color .3s, color .3s; }
.crc-btn svg{ width:1rem; height:1rem; transition:transform .3s; }
.crc-btn:hover{ transform:translateY(-2px); }
.crc-btn.dolu{ background:var(--ink); border-color:var(--ink); color:#fff; }
.crc-btn.dolu:hover{ background:var(--crc); border-color:var(--crc); }
.crc-btn:not(.dolu):hover{ border-color:var(--ink); }
.crc-btn:hover svg{ transform:translateX(3px); }
.crc-btn.dis:hover svg{ transform:translate(3px,-3px); }

@media (prefers-reduced-motion: reduce){
  .crc-et{ animation:none !important; opacity:1; transform:none; transition:none; }
  .crc-rozet i{ animation:none; }
  .crc-mod a, .crc-mod a::before, .crc-btn, .crc-btn svg{ transition:none !important; }
}

.etc{ --etc:#e5174a; --etc-koyu:#a10f34; --etc-ac:#fdeaef;
  position:relative; padding:7rem 1.5rem 6rem; background:#fff;
  border-top:1px solid var(--hairline); }
@media (min-width:640px){ .etc{ padding:7rem 2.5rem 6rem; } }
@media (max-width:639px){ .etc{ padding:4.5rem 1.25rem 4rem; } }
.etc-in{ width:100%; margin:0 auto; }

.etc-head{ text-align:center; max-width:47rem; margin:0 auto; }
.etc-rozet{ display:inline-flex; align-items:center; gap:.7rem; font-size:0.76rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); }
.etc-rozet i{ width:1.75rem; height:1px; background:var(--etc); display:block; }
.etc-head h2{ font-size:clamp(1.85rem,5.2vw,3.6rem); font-weight:500; line-height:.98;
  letter-spacing:-0.025em; text-transform:uppercase; margin-top:1.4rem; }
.etc-head h2 em{ font-style:normal; color:var(--etc); }
.etc-head p.etc-alt{ margin-top:1.1rem; font-size:1.031rem; font-weight:500; color:var(--etc); letter-spacing:-.01em; }
.etc-head p{ font-size:0.933rem; color:var(--ink-soft); line-height:1.75; margin-top:1.35rem; }

.etc-hub{ margin-top:4rem; }
.etc-cekirdek{ max-width:38rem; margin:0 auto; background:var(--surface); border:1px solid var(--hairline);
  border-radius:var(--radius-card); padding:1.9rem 2rem; text-align:center; }
.etc-cekirdek b{ display:block; font-size:1.136rem; font-weight:500; letter-spacing:-.015em; }
.etc-cekirdek p{ font-size:0.896rem; color:var(--ink-soft); line-height:1.7; margin-top:.55rem; }
.etc-cekirdek .rz{ display:inline-flex; gap:.4rem; flex-wrap:wrap; justify-content:center; margin-top:1.1rem; }
.etc-cekirdek .rz span{ font-size:0.76rem; font-weight:500; letter-spacing:.06em; color:var(--ink-soft);
  background:#fff; border:1px solid var(--hairline); border-radius:var(--radius-pill); padding:.32rem .8rem; }

.etc-ray{ position:relative; height:3.5rem; margin:0 auto; }
.etc-ray::before{ content:""; position:absolute; top:0; left:50%; width:1px; height:1.6rem;
  background:var(--hairline); transform:translateX(-50%); }
.etc-ray::after{ content:""; position:absolute; top:1.6rem; left:10%; right:10%; height:1px;
  background:var(--hairline); }
@media (max-width:900px){ .etc-ray{ height:2rem; } .etc-ray::after{ display:none; } }

.etc-kanal{ display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; }
@media (max-width:1000px){ .etc-kanal{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .etc-kanal{ grid-template-columns:1fr 1fr; } }
@media (max-width:420px){ .etc-kanal{ grid-template-columns:1fr; } }
.etc-kanal > div{ position:relative; background:#fff; border:1px solid var(--hairline);
  border-radius:var(--radius-card); padding:1.4rem 1.2rem; text-align:center;
  transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s, border-color .35s; }
.etc-kanal > div::before{ content:""; position:absolute; top:-1.9rem; left:50%; width:1px; height:1.9rem;
  background:var(--hairline); transform:translateX(-50%); }
@media (max-width:900px){ .etc-kanal > div::before{ display:none; } }
.etc-kanal > div:hover{ transform:translateY(-4px); border-color:var(--ink);
  box-shadow:0 18px 40px -26px rgba(10,10,10,.28); }
.etc-kanal i{ font-style:normal; width:2.4rem; height:2.4rem; border-radius:.8rem; margin:0 auto .8rem;
  background:var(--surface); color:var(--ink); display:grid; place-items:center; }
.etc-kanal i svg{ width:1.15rem; height:1.15rem; }
.etc-kanal b{ display:block; font-size:0.949rem; font-weight:500; margin-bottom:.35rem; }
.etc-kanal span{ display:block; font-size:0.802rem; color:var(--ink-soft); line-height:1.65; }

.etc-uyum{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:4.5rem; }
@media (max-width:900px){ .etc-uyum{ grid-template-columns:1fr; } }
.etc-uyum > div{ background:#fff; border:1px solid var(--hairline); border-radius:var(--radius-card);
  padding:1.8rem 1.75rem; transition:border-color .35s, box-shadow .45s, transform .45s cubic-bezier(.22,1,.36,1); }
.etc-uyum > div:hover{ border-color:var(--ink); transform:translateY(-4px);
  box-shadow:0 18px 40px -28px rgba(10,10,10,.26); }
.etc-uyum h4{ font-size:1.031rem; font-weight:500; display:flex; align-items:center; gap:.6rem; }
.etc-uyum h4 u{ text-decoration:none; font-size:0.76rem; font-weight:600; letter-spacing:.1em;
  background:var(--ink); color:#fff; border-radius:.35rem; padding:.2rem .5rem; }
.etc-uyum > div > p{ font-size:0.844rem; color:var(--ink-soft); line-height:1.7; margin:.7rem 0 1.1rem; }
.etc-uyum ul{ list-style:none; display:flex; flex-direction:column; gap:.5rem; }
.etc-uyum li{ font-size:0.823rem; color:var(--ink-soft); line-height:1.7; padding-left:1.2rem; position:relative; }
.etc-uyum li::before{ content:""; position:absolute; left:0; top:.45rem; width:.38rem; height:.38rem;
  border-radius:50%; background:var(--ghost); }

.etc-oz{ margin-top:4.5rem; }
.etc-oz-bas{ text-align:center; font-size:0.759rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ink-soft); font-weight:500; margin-bottom:2rem; }
.etc-grup{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
@media (max-width:1000px){ .etc-grup{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .etc-grup{ grid-template-columns:1fr; } }
.etc-grup > div{ background:var(--surface); border:1px solid transparent;
  border-radius:var(--radius-card); padding:1.5rem 1.4rem;
  transition:transform .4s cubic-bezier(.22,1,.36,1), border-color .35s, background .35s; }
.etc-grup > div:hover{ transform:translateY(-4px); background:#fff; border-color:var(--hairline); }
.etc-grup b{ display:block; font-size:0.928rem; font-weight:500; margin-bottom:.8rem; color:var(--ink);
  padding-bottom:.7rem; border-bottom:1px solid var(--hairline); }
.etc-grup ul{ list-style:none; display:flex; flex-direction:column; gap:.42rem; }
.etc-grup li{ font-size:0.802rem; color:var(--ink-soft); line-height:1.65; }

.etc-eylem{ display:flex; flex-wrap:wrap; gap:.9rem; justify-content:center; margin-top:3.5rem; }
.etc-btn{ display:inline-flex; align-items:center; gap:.7rem; border-radius:var(--radius-pill);
  padding:.95rem 1.9rem; font-size:0.896rem; font-weight:500; letter-spacing:.02em;
  border:1px solid var(--hairline); background:#fff;
  transition:transform .3s, background .3s, border-color .3s, color .3s; }
.etc-btn svg{ width:1rem; height:1rem; transition:transform .3s; }
.etc-btn:hover{ transform:translateY(-2px); }
.etc-btn.dolu{ background:var(--ink); border-color:var(--ink); color:#fff; }
.etc-btn.dolu:hover{ background:var(--etc); border-color:var(--etc); }
.etc-btn:not(.dolu):hover{ border-color:var(--ink); }
.etc-btn:hover svg{ transform:translateX(3px); }

@media (prefers-reduced-motion: reduce){
  .etc-rozet i{ animation:none; }
  .etc-kanal > div, .etc-uyum > div, .etc-grup > div, .etc-btn, .etc-btn svg{ transition:none !important; }
}

.mob{ --mob:#a78bfa; --mob-koyu:#7c4dea; position:relative; background:#262630; color:#fff;
  padding:7rem 1.5rem 6rem; overflow:hidden; isolation:isolate; border-radius:var(--radius-card-lg);
  margin-top:0.75rem; }
@media (min-width:640px){ .mob{ padding:7rem 2.5rem 6rem; } }
@media (max-width:639px){ .mob{ padding:4.5rem 1.25rem 4rem; } }
.mob::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(70% 50% at 12% 0%, rgba(167,139,250,.16), transparent 60%); }
.mob-in{ width:100%; margin:0 auto; }

.mob-head{ max-width:47rem; }
.mob-rozet{ display:inline-flex; align-items:center; gap:.7rem; font-size:0.76rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.6); }
.mob-rozet i{ width:1.75rem; height:1px; background:var(--mob); display:block; }
.mob-head h2{ font-size:clamp(1.85rem,5.2vw,3.6rem); font-weight:500; line-height:.98;
  letter-spacing:-.025em; text-transform:uppercase; margin-top:1.4rem; }
.mob-head h2 em{ font-style:normal; color:var(--mob); }
.mob-head .mob-alt{ margin-top:1.1rem; font-size:1.031rem; font-weight:500; color:var(--mob); letter-spacing:-.01em; }
.mob-head > p{ font-size:0.933rem; color:rgba(255,255,255,.75); line-height:1.75; margin-top:1.35rem; }

.mob-sahne{ display:grid; grid-template-columns:1fr auto 1fr; gap:3rem; align-items:center; margin-top:4.5rem; }
@media (max-width:1000px){ .mob-sahne{ grid-template-columns:1fr; gap:2.5rem; } }
.mob-yan{ display:flex; flex-direction:column; gap:1.6rem; }
@media (max-width:1000px){ .mob-yan{ flex-direction:row; flex-wrap:wrap; } .mob-yan > div{ flex:1 1 14rem; } }
.mob-yan div b{ display:block; font-size:0.933rem; font-weight:500; margin-bottom:.35rem; }
.mob-yan div p{ font-size:0.844rem; color:rgba(255,255,255,.7); line-height:1.7; }
.mob-yan div i{ font-style:normal; display:inline-flex; width:2rem; height:2rem; border-radius:.6rem;
  background:rgba(139,92,246,.16); color:var(--mob); align-items:center; justify-content:center;
  margin-bottom:.75rem; }
.mob-yan div i svg{ width:1rem; height:1rem; }

.mob-tel{ width:16rem; justify-self:center; }
@media (max-width:400px){ .mob-tel{ width:100%; max-width:15rem; } }
.mob-kasa{ border-radius:2.4rem; border:.55rem solid #1c1c22; background:#1c1c22; overflow:hidden;
  position:relative; aspect-ratio:9/19; box-shadow:0 40px 90px -34px rgba(108,63,212,.6); }
.mob-cent{ position:absolute; top:.3rem; left:50%; transform:translateX(-50%); width:4rem; height:1rem;
  background:#1c1c22; border-radius:99px; z-index:5; }
.mob-ekran{ position:absolute; inset:0; background:#fff; border-radius:1.9rem; overflow:hidden;
  display:flex; flex-direction:column; }
.mob-ust{ padding:2.2rem 1rem .9rem; background:linear-gradient(160deg,var(--mob),var(--mob-koyu)); color:#fff; }
.mob-ust small{ font-size:0.76rem; opacity:.8; letter-spacing:.1em; text-transform:uppercase; }
.mob-ust h4{ font-size:0.982rem; font-weight:500; margin-top:.2rem; }
.mob-ic{ flex:1; padding:.9rem; display:flex; flex-direction:column; gap:.55rem; }
.mob-sat{ background:#f4f4f6; border-radius:.65rem; padding:.6rem .7rem; display:flex; align-items:center; gap:.6rem; }
.mob-sat u{ text-decoration:none; width:1.9rem; height:1.9rem; border-radius:.5rem; flex:none;
  background:rgba(139,92,246,.16); }
.mob-sat b{ font-size:0.76rem; font-weight:500; color:#0e0e12; display:block; }
.mob-sat em{ font-style:normal; font-size:0.76rem; color:#6b7280; display:block; margin-top:.1rem; }
.mob-btn{ margin-top:auto; background:var(--mob-koyu); color:#fff; border-radius:99px; padding:.65rem;
  text-align:center; font-size:0.76rem; font-weight:500; }
.mob-bar{ display:flex; justify-content:space-around; padding:.5rem .4rem .7rem;
  background:#fff; border-top:1px solid #ececed; }
.mob-bar i{ width:1.05rem; height:1.05rem; border-radius:.3rem; background:#e2e2e6; display:block; }
.mob-bar i.on{ background:var(--mob-koyu); }
.mob-bildirim{ position:absolute; top:1.5rem; left:.8rem; right:.8rem; z-index:9;
  background:rgba(255,255,255,.94); border-radius:.8rem; padding:.55rem .7rem;
  display:flex; gap:.5rem; align-items:center; box-shadow:0 10px 28px rgba(0,0,0,.3);
  animation:mobBild 8s ease-in-out infinite; }
.mob-bildirim u{ text-decoration:none; width:1.5rem; height:1.5rem; border-radius:.42rem; background:var(--mob-koyu); flex:none; }
.mob-bildirim b{ font-size:0.76rem; font-weight:600; color:#0e0e12; display:block; }
.mob-bildirim em{ font-style:normal; font-size:0.76rem; color:#555; display:block; }
@keyframes mobBild{ 0%,6%{ transform:translateY(-150%); opacity:0 }
  14%,44%{ transform:translateY(0); opacity:1 } 54%,100%{ transform:translateY(-150%); opacity:0 } }

.mob-tek{ margin-top:4.5rem; }
.mob-tek-bas{ font-size:0.759rem; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(255,255,255,.45); font-weight:500; margin-bottom:2rem; }
.mob-grup{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
@media (max-width:1000px){ .mob-grup{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .mob-grup{ grid-template-columns:1fr; } }
.mob-grup > div{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-card); padding:1.5rem 1.4rem; transition:border-color .35s, background .35s, transform .4s cubic-bezier(.22,1,.36,1); }
.mob-grup > div:hover{ background:rgba(255,255,255,.07); border-color:rgba(139,92,246,.5); transform:translateY(-4px); }
.mob-grup b{ display:block; font-size:0.928rem; font-weight:500; color:var(--mob); margin-bottom:.8rem;
  padding-bottom:.7rem; border-bottom:1px solid rgba(255,255,255,.1); }
.mob-grup ul{ list-style:none; display:flex; flex-direction:column; gap:.42rem; }
.mob-grup li{ font-size:0.802rem; color:rgba(255,255,255,.7); line-height:1.65; }

.mob-magaza{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2.5rem; }
.mob-magaza span{ font-size:0.802rem; font-weight:500; color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.14); border-radius:99px; padding:.55rem 1.15rem;
  display:inline-flex; align-items:center; gap:.5rem; }
.mob-magaza span::before{ content:""; width:.4rem; height:.4rem; border-radius:50%; background:var(--mob); }

.mob-eylem{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:3.5rem; }
.mob-btn2{ display:inline-flex; align-items:center; gap:.7rem; border-radius:99px;
  padding:.95rem 1.9rem; font-size:0.896rem; font-weight:500; border:1px solid rgba(255,255,255,.18);
  color:#fff; transition:transform .3s, background .3s, border-color .3s, color .3s; }
.mob-btn2 svg{ width:1rem; height:1rem; transition:transform .3s; }
.mob-btn2:hover{ transform:translateY(-2px); }
.mob-btn2.dolu{ background:#fff; border-color:#fff; color:#0e0e12; }
.mob-btn2.dolu:hover{ background:var(--mob); border-color:var(--mob); color:#fff; }
.mob-btn2:not(.dolu):hover{ border-color:#fff; }
.mob-btn2:hover svg{ transform:translateX(3px); }

@media (prefers-reduced-motion: reduce){
  .mob-bildirim{ animation:none; transform:none; opacity:1; }
  .mob-grup > div, .mob-btn2, .mob-btn2 svg{ transition:none !important; }
}

.mob-plat{ margin-top:4.5rem; }
.mob-plat-izgara{ display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
@media (max-width:900px){ .mob-plat-izgara{ grid-template-columns:1fr; } }
.mob-plat-kart{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-card); padding:1.75rem 1.6rem;
  transition:border-color .35s, background .35s, transform .4s cubic-bezier(.22,1,.36,1); }
.mob-plat-kart:hover{ background:rgba(255,255,255,.07); border-color:rgba(139,92,246,.5); transform:translateY(-4px); }
.mob-plat-kart > b{ display:block; font-size:0.933rem; font-weight:500; margin-bottom:.4rem; }
.mob-plat-kart > p{ font-size:0.844rem; color:rgba(255,255,255,.7); line-height:1.7; margin-bottom:1.4rem; }
.mob-logo{ display:flex; flex-wrap:wrap; gap:.6rem; }
.mob-logo span{ display:inline-flex; align-items:center; gap:.55rem;
  border:1px solid rgba(255,255,255,.12); border-radius:99px; padding:.5rem .95rem;
  font-size:0.78rem; font-weight:500; color:rgba(255,255,255,.78);
  transition:border-color .3s, color .3s, background .3s; }
.mob-logo span:hover{ border-color:rgba(139,92,246,.6); color:#fff; background:rgba(139,92,246,.12); }
.mob-logo svg{ width:1.05rem; height:1.05rem; flex:none; display:block; }
.mob-plat-not{ margin-top:2rem; font-size:0.844rem; color:rgba(255,255,255,.6); line-height:1.7; max-width:46rem; }
@media (prefers-reduced-motion: reduce){ .mob-plat-kart, .mob-logo span{ transition:none; } }

.foot-mag{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; justify-content:flex-end; }
.foot-mag span{ display:inline-flex; align-items:center; gap:.4rem; font-size:0.76rem; font-weight:500;
  color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.16); border-radius:var(--radius-pill);
  padding:.35rem .75rem; transition:border-color .3s, color .3s; }
.foot-mag span:hover{ border-color:rgba(255,255,255,.45); color:#fff; }
.foot-mag svg{ width:.85rem; height:.85rem; flex:none; display:block; }
@media (max-width:760px){ .foot-mag{ justify-content:flex-start; } }

.foot-dil{ display:flex; align-items:center; gap:.4rem; margin-top:1.25rem;
  padding-top:1.25rem; border-top:1px solid rgba(255,255,255,.14); }
.foot-dil a, .foot-dil span{ font-size:0.791rem; font-weight:500; letter-spacing:.08em;
  border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-pill); padding:.3rem .7rem;
  color:rgba(255,255,255,.6); transition:all .3s; }
.foot-dil a:hover{ border-color:#fff; color:#fff; }
.foot-dil span.on{ background:rgba(255,255,255,.16); border-color:transparent; color:#fff; }
.foot-cerez{ color:rgba(255,255,255,.62); border-bottom:1px solid rgba(255,255,255,.25); transition:color .25s, border-color .25s; }
.foot-cerez:hover{ color:#fff; border-color:#fff; }

.kaydir{ position:absolute; left:50%; bottom:1.6rem; transform:translateX(-50%);
  z-index:60; display:flex; flex-direction:column; align-items:center; gap:0.5rem;
  color:rgba(255,255,255,.82); text-decoration:none; padding:0.5rem 0.9rem;
  transition:color .3s, transform .4s cubic-bezier(.22,1,.36,1); }
.kaydir:hover{ color:#fff; transform:translateX(-50%) translateY(-0.2rem); }
.kaydir-fare{ display:block; width:1.5rem; height:2.4rem; border-radius:999px;
  border:1.5px solid currentColor; position:relative; opacity:.9; }
.kaydir-fare i{ position:absolute; left:50%; top:0.45rem; width:0.22rem; height:0.42rem;
  margin-left:-0.11rem; border-radius:999px; background:currentColor;
  animation:kaydirNokta 2s cubic-bezier(.65,0,.35,1) infinite; }
@keyframes kaydirNokta{
  0%{ transform:translateY(0); opacity:0; }
  22%{ opacity:1; }
  70%{ transform:translateY(0.95rem); opacity:0; }
  100%{ transform:translateY(0.95rem); opacity:0; }
}
.kaydir{ filter:drop-shadow(0 2px 8px rgba(0,0,0,.45)); }
.kaydir-yazi{ font-size:0.7rem; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; }
.kaydir-ok{ width:1.1rem; height:1.1rem; margin-top:-0.35rem;
  animation:kaydirOk 2s ease-in-out infinite; }
@keyframes kaydirOk{ 0%,100%{ transform:translateY(0); opacity:.55; } 50%{ transform:translateY(0.25rem); opacity:1; } }
.kaydir.sakla{ opacity:0; pointer-events:none; transition:opacity .4s ease; }
@media (max-width:640px){ .kaydir{ bottom:1rem; } .kaydir-yazi{ display:none; } }
@media (prefers-reduced-motion: reduce){
  .kaydir-fare i, .kaydir-ok{ animation:none; }
  .kaydir-fare i{ opacity:1; }
}

@media (max-width:900px){ .burger{ display:none; } }

@media (max-width:900px){
  .hero-bottom{ padding-bottom:7.5rem; }
  .kaydir{ bottom:4.4rem; }
  .kaydir-fare{ width:1.3rem; height:2.05rem; }
  .kaydir-fare i{ top:0.38rem; }
  .head-nav .lang, .head-right .lang{ display:none; }
}

@media (max-width:900px){ .head-right .head-cta{ display:none; } }