/*!
 * ZeyMeri Aqua — stil dosyası
 * Konsept: "Ölçülü su". Sayfa bir dalıştır: yüzey -> taban.
 * Görsel dil havuz ve laboratuvar dünyasından gelir: mozaik karolar, kulvar
 * çizgileri, kulvar halatları, derinlik işaretleri, test kiti renkleri.
 * Tasarım & yazılım: Pandacado Dijital Ajans
 */

/* ------------------------------------------------------------------ fonts */
@font-face{font-family:"Sofia Sans";font-style:normal;font-display:swap;font-weight:1 1000;src:url(../fonts/sofia-sans-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/sofia-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans";font-style:normal;font-display:swap;font-weight:1 1000;src:url(../fonts/sofia-sans-latin-ext-wght-normal.woff2) format("woff2-variations"),url(../fonts/sofia-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-display:swap;font-weight:1 1000;src:url(../fonts/sofia-sans-extra-condensed-latin-wght-normal.woff2) format("woff2-variations"),url(../fonts/sofia-sans-extra-condensed-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-display:swap;font-weight:1 1000;src:url(../fonts/sofia-sans-extra-condensed-latin-ext-wght-normal.woff2) format("woff2-variations"),url(../fonts/sofia-sans-extra-condensed-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ----------------------------------------------------------------- tokens */
:root{
  /* su */
  --su-orta:#073360;      /* aydınlık havuz suyu */
  --su-derin:#04213F;     /* derin havuz */
  --su-gece:#021428;      /* taban */
  --su-dip:#010D1B;       /* footer */
  --kulvar:#0B2E5A;       /* kulvar çizgisi lacivert; açık zeminde metin */
  --marka:#1F64C8;        /* logodaki kraliyet mavisi */
  --marka-2:#2E84DA;
  --berrak:#48C8E8;       /* kostik ışık turkuazı */
  --kopuk:#EAF5F9;        /* köpük beyazı (açık zemin) */
  --kopuk-2:#DCEEF5;
  --derz:#CFE5EE;         /* karo derzi */
  --fenol:#F0612D;        /* logodaki turuncu = ideal pH'ta fenol kırmızısı */
  --fenol-2:#D9481B;
  --dpd:#DB3F7C;          /* DPD klor testi pembesi */
  --yesil:#2BB673;

  --ink:#0B2E5A;
  --ink-soft:#40597A;
  --on-dark:#EAF6FB;
  --on-dark-soft:rgba(214,236,248,.74);
  --on-dark-mute:rgba(214,236,248,.5);
  --line-dark:rgba(150,210,240,.16);
  --line-light:rgba(11,46,90,.13);

  --f-display:"Sofia Sans Extra Condensed","Arial Narrow","Roboto Condensed",sans-serif;
  --f-text:"Sofia Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --wrap:1320px;
  --gutter:clamp(20px,5vw,72px);
  --sec-y:clamp(84px,11vw,168px);
  --r-s:10px;--r-m:18px;--r-l:28px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-water:cubic-bezier(.45,.05,.2,1);
  --hdr-h:84px;
  color-scheme:light;
}

/* ------------------------------------------------------------------- base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--su-derin);color:var(--ink);font:400 1.0625rem/1.62 var(--f-text);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
@media (min-width:1200px){body{font-size:1.125rem}}
img,svg,canvas,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:inherit}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:var(--berrak);color:var(--su-gece)}
:focus-visible{outline:3px solid var(--berrak);outline-offset:3px;border-radius:6px}
.sec--foam :focus-visible,.on-light :focus-visible{outline-color:var(--marka)}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:#fff;color:var(--ink);padding:12px 18px;border-radius:10px;font-weight:600;text-decoration:none;transition:top .2s}
.skip:focus{top:16px}
.num{font-variant-numeric:tabular-nums lining-nums}
sub,sup{font-size:.62em;line-height:0}

/* ------------------------------------------------------------- typography */
.d-1,.d-2,.d-3,.d-4{font-family:var(--f-display);font-weight:800;letter-spacing:-.004em;text-wrap:balance}
.d-1{font-size:clamp(3.7rem,9.4vw,9.8rem);line-height:.86}
.d-2{font-size:clamp(2.8rem,6.2vw,6.2rem);line-height:.9}
.d-3{font-size:clamp(2.05rem,3.6vw,3.5rem);line-height:.95}
.d-4{font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:1}
.lead{font-size:clamp(1.15rem,1.55vw,1.42rem);line-height:1.5;max-width:46ch}
.small{font-size:.875rem;line-height:1.5}
.muted{color:var(--muted-c,var(--ink-soft))}
.sec--water,.sec--deep,.sec--abyss,.cta,.hero,.phero,.ftr,.on-dark{--muted-c:var(--on-dark-soft);--src-c:var(--on-dark-mute)}
.lab-card,.sec--foam,.sec--white{--muted-c:var(--ink-soft);--src-c:var(--ink-soft)}
.lab-card{color:var(--ink)}
.measure{max-width:62ch}
.prose p{max-width:66ch}
.prose a,.link{color:var(--marka);text-decoration-thickness:1px;text-underline-offset:3px}
.on-dark .link,.sec--water .link,.sec--deep .link,.sec--abyss .link{color:var(--berrak)}

/* ----------------------------------------------------------------- layout */
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.sec{position:relative;padding-block:var(--sec-y)}
.sec--foam{background:var(--kopuk);color:var(--ink)}
.sec--white{background:#fff;color:var(--ink)}
.sec--water{background:var(--su-orta);color:var(--on-dark)}
.sec--deep{background:var(--su-derin);color:var(--on-dark)}
.sec--abyss{background:var(--su-gece);color:var(--on-dark)}
.sec--tight{padding-block:clamp(64px,8vw,112px)}
.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,104px);align-items:start}
.split--rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.split--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.stack>*+*{margin-top:var(--s,1.25rem)}
.sec-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,96px);align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.sec-head .lead{margin:0}

/* ---------------------------------------------------------------- buttons */
.btn{--bg:var(--fenol);--fg:#fff;--bd:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:.85em 1.45em;border-radius:999px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);font:600 1rem/1.1 var(--f-text);text-decoration:none;letter-spacing:.005em;overflow:hidden;isolation:isolate;transition:background-color .3s,border-color .3s,color .3s,transform .35s var(--ease-out),box-shadow .35s}
.btn svg{width:18px;height:18px;flex:none}
.btn::after{content:"";position:absolute;left:var(--rx,50%);top:var(--ry,50%);width:12px;height:12px;border-radius:50%;background:currentColor;opacity:0;transform:translate(-50%,-50%) scale(0);z-index:-1;pointer-events:none}
.btn.is-ripple::after{animation:btnRipple .75s var(--ease-out)}
@keyframes btnRipple{0%{opacity:.28;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(26)}}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px rgba(240,97,45,.65)}
.btn:active{transform:translateY(0)}
.btn--fenol:hover{--bg:#F57444}
.btn--glass{--bg:rgba(255,255,255,.06);--fg:var(--on-dark);--bd:rgba(200,236,250,.32);backdrop-filter:blur(8px)}
.btn--glass:hover{--bg:rgba(255,255,255,.14);box-shadow:none}
.btn--ink{--bg:var(--kulvar);--fg:#fff}
.btn--ink:hover{--bg:#0f3a70;box-shadow:0 14px 30px -14px rgba(11,46,90,.55)}
.btn--line{--bg:transparent;--fg:var(--ink);--bd:rgba(11,46,90,.28)}
.btn--line:hover{--bg:rgba(11,46,90,.06);box-shadow:none}
.btn--wa{--bg:#1DA851;--fg:#fff}
.btn--wa:hover{--bg:#22BF5E;box-shadow:0 14px 30px -14px rgba(29,168,81,.6)}
.btn--sm{min-height:44px;padding:.65em 1.15em;font-size:.95rem}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.textlink{display:inline-flex;align-items:center;gap:.5em;font-weight:600;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.textlink svg{width:18px;height:18px;flex:none}
.textlink:hover{text-decoration:underline wavy;text-underline-offset:6px;text-decoration-thickness:1px;border-bottom-color:transparent}

/* ----------------------------------------------------------------- header */
.hdr{position:fixed;inset:0 0 auto;z-index:80;height:var(--hdr-h);display:flex;align-items:center;color:var(--on-dark);transition:transform .5s var(--ease-out),background-color .4s,height .35s var(--ease-out),border-color .4s;border-bottom:1px solid transparent}
.hdr.is-solid{--hdr-h:72px;background:rgba(3,25,49,.78);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-bottom-color:var(--line-dark)}
.hdr.is-away{transform:translateY(-102%)}
.hdr__in{display:flex;align-items:center;gap:28px;height:100%}
.hdr__brand{flex:none;display:block;border-radius:8px}
.hdr__brand img{height:58px;width:auto;transition:height .35s var(--ease-out)}
.hdr.is-solid .hdr__brand img{height:48px}
.hdr__nav{margin-left:auto}
.hdr__nav>ul{display:flex;align-items:center;gap:4px;list-style:none}
.hdr__nav a{display:block;padding:10px 14px;text-decoration:none;font-weight:500;font-size:1rem;color:var(--on-dark);border-radius:999px;transition:color .25s}
.hdr__nav>ul>li>a{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:transparent;text-underline-offset:9px;text-decoration-thickness:1.5px;transition:text-decoration-color .3s,color .25s}
.hdr__nav>ul>li>a:hover{text-decoration-color:var(--on-dark-mute)}
.hdr__nav>ul>li>a[aria-current="page"]{text-decoration-color:var(--berrak)}
.has-sub{position:relative}
.sub{position:absolute;left:50%;top:calc(100% + 10px);width:340px;padding:10px;border-radius:20px;background:rgba(4,30,58,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line-dark);box-shadow:0 30px 60px -24px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .25s,transform .35s var(--ease-out),visibility .25s}
.sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sub a{display:grid;gap:2px;padding:12px 14px;border-radius:14px}
.sub a:hover{background:rgba(72,200,232,.1)}
.sub b{font-weight:600}
.sub span{font-size:.875rem;color:var(--on-dark-soft)}
.hdr__act{display:flex;align-items:center;gap:14px}
.hdr__tel{font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.98rem}
.hdr__tel:hover{color:var(--berrak)}
.burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-dark);background:rgba(255,255,255,.05);position:relative}
.burger span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--on-dark);transition:transform .35s var(--ease-out),top .35s var(--ease-out)}
.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){top:23px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:23px;transform:rotate(-45deg)}

/* mobil menü: su dolarak açılır */
.mnav{position:fixed;inset:0;z-index:79;background:var(--su-derin);color:var(--on-dark);display:flex;flex-direction:column;padding:calc(var(--hdr-h) + 24px) var(--gutter) 32px;overflow-y:auto;clip-path:inset(100% 0 0 0);transition:clip-path .65s var(--ease-water),visibility .65s;visibility:hidden}
.mnav::before{content:"";position:absolute;inset:0;background:url(../img/caustics.png) 0 0/520px;opacity:.12;pointer-events:none;animation:drift 50s linear infinite}
.mnav.is-open{clip-path:inset(0 0 0 0);visibility:visible}
.mnav ul{list-style:none;position:relative}
.mnav li+li{border-top:1px solid var(--line-dark)}
.mnav ul a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;text-decoration:none;font:800 clamp(2.4rem,9vw,3.4rem)/1 var(--f-display)}
.mnav ul a[aria-current="page"]{color:var(--berrak)}
.mnav .mnav__subs a{font:600 1.05rem/1.3 var(--f-text);padding:10px 0 10px 16px;color:var(--on-dark-soft)}
.mnav__foot{position:relative;margin-top:auto;padding-top:32px;display:grid;gap:12px}

/* ------------------------------------------------------- depth gauge */
.depth{--gh:min(48vh,420px);position:fixed;right:8px;top:50%;z-index:70;height:var(--gh);width:48px;transform:translate(16px,-50%);display:none;pointer-events:none;opacity:0;transition:opacity .5s,transform .6s var(--ease-out)}
@media (min-width:1200px){.depth{display:block}}
.depth.is-in{opacity:1;transform:translate(0,-50%)}
.depth__rail{position:absolute;left:50%;top:0;bottom:0;width:8px;margin-left:-4px;border-radius:6px;background:repeating-linear-gradient(to bottom,rgba(200,236,250,.6) 0 1px,transparent 1px 10%),rgba(3,25,49,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(200,236,250,.2)}
.depth__fill{position:absolute;left:0;right:0;top:0;height:calc(var(--p,0)*100%);border-radius:6px;background:linear-gradient(180deg,rgba(72,200,232,.25),rgba(72,200,232,.8))}
.depth__marks{position:absolute;left:50%;top:0;bottom:0;width:0;list-style:none}
.depth.is-in .depth__marks{pointer-events:auto}
.depth__marks li{position:absolute;left:0;transform:translate(-50%,-50%)}
.depth__marks button{display:block;width:22px;height:14px;border:0;padding:0;background:transparent;position:relative}
.depth__marks button::before{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;border-radius:2px;background:rgba(230,248,255,.85)}
.depth__marks button span{position:absolute;right:30px;top:50%;transform:translate(6px,-50%);white-space:nowrap;padding:5px 10px;border-radius:999px;background:rgba(3,25,49,.9);color:var(--on-dark);font:500 .8rem var(--f-text);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--ease-out)}
.depth__marks button:hover span,.depth__marks button:focus-visible span{opacity:1;transform:translate(0,-50%)}
.depth__ptr{position:absolute;left:50%;top:0;width:26px;height:4px;margin-left:-13px;border-radius:2px;background:var(--fenol);box-shadow:0 0 0 3px rgba(240,97,45,.22);transform:translateY(calc(var(--p,0)*var(--gh) - 50%));transition:transform .25s linear}
.depth__val{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);padding:5px 8px;border-radius:999px;background:var(--fenol);color:#fff;font:800 .9rem/1 var(--f-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 6px 16px -8px rgba(0,0,0,.5)}

/* ------------------------------------------------------------ lane rope */
.rope{position:relative;height:30px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);overflow:hidden;pointer-events:none}
.rope::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:rgba(220,244,252,.42)}
.rope i{position:relative;flex:none;width:9px;height:22px;border-radius:5px;background:linear-gradient(90deg,#c9e2ee 0%,#fff 38%,#d6e9f2 70%,#a9cadb 100%);box-shadow:0 2px 4px rgba(0,0,0,.18)}
.rope i.b{background:linear-gradient(90deg,#173f86 0%,#2E84DA 40%,#1F64C8 70%,#123a7a 100%)}
.rope i.o{background:linear-gradient(90deg,#b83a12 0%,#F0612D 40%,#e2531f 70%,#a8350f 100%)}
@media (prefers-reduced-motion:no-preference){.rope.is-live i{animation:bob 3.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.11s)}}
@keyframes bob{0%,100%{transform:translateY(-2.5px) rotate(-2deg)}50%{transform:translateY(2.5px) rotate(2deg)}}
.rope--light::before{background:rgba(11,46,90,.25)}

@keyframes drift{from{background-position:0 0}to{background-position:520px 1040px}}

/* -------------------------------------------------------------- hero */
.hero{position:relative;min-height:max(700px,100svh);display:flex;flex-direction:column;justify-content:flex-end;color:var(--on-dark);background:var(--su-orta);overflow:hidden;isolation:isolate}
.water{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.water-fallback{background:radial-gradient(120% 90% at 70% 30%,#2a9ccc 0%,#0d5a92 45%,#06305a 100%)}
.water-fallback::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/caustics.png) 0 0/620px;opacity:.5;mix-blend-mode:screen;animation:drift 60s linear infinite}
.hero__shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(2,22,44,.86) 0%,rgba(2,22,44,.6) 30%,rgba(2,22,44,.1) 56%,rgba(2,22,44,0) 70%),linear-gradient(0deg,rgba(4,33,63,.92) 0%,rgba(4,33,63,.3) 20%,rgba(4,33,63,0) 36%),linear-gradient(180deg,rgba(2,22,44,.5) 0%,rgba(2,22,44,0) 18%)}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,7.2fr) minmax(0,4.8fr);gap:clamp(28px,4vw,72px);align-items:end;padding-top:150px;padding-bottom:clamp(48px,7vh,88px)}
.hero__title{margin-bottom:28px}
.hero__title .ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero__title .ln>span{display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .hero__title .ln>span{transform:translateY(108%) skewY(4deg);filter:blur(10px);opacity:0;animation:rise 1.25s var(--ease-out) forwards;animation-delay:calc(.75s + var(--d,0)*.13s)}
  .hero__copy .lead,.hero__copy .btns{opacity:0;animation:fadeUp 1s var(--ease-out) forwards;animation-delay:1.35s}
  .hero__copy .btns{animation-delay:1.5s}
  .pano{opacity:0;animation:fadeUp 1.1s var(--ease-out) forwards;animation-delay:1.65s}
}
@keyframes rise{to{transform:none;filter:none;opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero__copy .lead{margin-bottom:34px;color:var(--on-dark-soft);max-width:42ch}
.hero__hint{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--on-dark-soft);pointer-events:none;transition:opacity .6s}
.hero__hint svg{width:16px;height:16px}
.was-touched .hero__hint{opacity:0}
.hero .rope{position:absolute;left:0;right:0;bottom:6px}

/* havuz bilgi panosu */
.pano{position:relative;border-radius:24px;padding:22px 22px 18px;background:linear-gradient(180deg,rgba(7,46,84,.55),rgba(3,25,49,.74));-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(170,226,248,.24);box-shadow:0 40px 80px -40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);max-width:420px;justify-self:end;width:100%}
.pano__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.pano__head p{margin:0;font-weight:600}
.pano__live{width:9px;height:9px;border-radius:50%;background:var(--yesil);box-shadow:0 0 0 0 rgba(43,182,115,.6)}
@media (prefers-reduced-motion:no-preference){.pano__live{animation:pulse 2.2s infinite}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,182,115,.55)}70%{box-shadow:0 0 0 10px rgba(43,182,115,0)}100%{box-shadow:0 0 0 0 rgba(43,182,115,0)}}
.pano__tag{margin-left:auto;font-size:.78rem;color:var(--on-dark-mute)}
.pano__sub{margin:0 0 10px;font-size:.85rem;color:var(--on-dark-mute)}
.pano__rows{list-style:none}
.pano__row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 14px;padding:13px 0 14px;border-top:1px solid rgba(170,226,248,.14)}
.pano__k{font-size:.95rem;color:var(--on-dark-soft)}
.pano__v{font:800 2.5rem/.9 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pano__v small{font:500 .9rem var(--f-text);color:var(--on-dark-soft);margin-left:4px;letter-spacing:0}
.pano__bar{grid-column:1/-1;position:relative;height:6px;border-radius:6px;background:rgba(255,255,255,.1)}
.pano__band{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));border-radius:6px;background:rgba(72,200,232,.5)}
.pano__dot{position:absolute;top:50%;left:var(--v,50%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(72,200,232,.3);transition:left 1.2s var(--ease-water)}
.pano__ref{grid-column:1/-1;font-size:.78rem;color:var(--on-dark-mute)}
.pano__foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-top:14px;border-top:1px solid rgba(170,226,248,.14);font-size:.9rem;color:var(--on-dark-soft)}
.pano__foot b{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pano__foot b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yesil)}
.pano__foot time{margin-left:auto;font-variant-numeric:tabular-nums}

/* ----------------------------------------------------------- page hero */
.phero{position:relative;min-height:clamp(560px,78svh,820px);display:flex;flex-direction:column;justify-content:flex-end;color:var(--on-dark);background:var(--su-derin);overflow:hidden;isolation:isolate}
.phero__shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(2,18,36,.82) 0%,rgba(2,18,36,.42) 50%,rgba(2,18,36,.1) 100%),linear-gradient(0deg,rgba(4,33,63,.96) 0%,rgba(4,33,63,0) 40%),linear-gradient(180deg,rgba(2,18,36,.6) 0%,rgba(2,18,36,0) 24%)}
.phero__in{position:relative;padding-top:160px;padding-bottom:clamp(64px,9vh,104px);display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px 64px;align-items:end}
.phero__in .lead{color:var(--on-dark-soft);margin:0}
.phero .rope{position:absolute;left:0;right:0;bottom:4px}
.crumbs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--on-dark-mute);margin-bottom:6px}
.crumbs a{text-decoration:none;color:var(--on-dark-soft)}
.crumbs a:hover{color:#fff}
.phero h1{max-width:13ch}
.phero--short{min-height:clamp(480px,62svh,640px)}
.phero--short h1{max-width:16ch}
@media (prefers-reduced-motion:no-preference){
  .phero h1,.phero .lead{opacity:0;animation:fadeUp 1.1s var(--ease-out) forwards;animation-delay:.35s}
  .phero .lead{animation-delay:.55s}
}

/* ------------------------------------------------------ intro statement */
.facts{list-style:none;margin-top:36px;border-top:1px solid var(--line-light)}
.facts li{display:grid;grid-template-columns:44px 1fr;gap:4px 18px;padding:22px 0;border-bottom:1px solid var(--line-light)}
.facts__i{grid-row:span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--marka);box-shadow:inset 0 0 0 1px var(--line-light)}
.facts__i svg{width:22px;height:22px}
.facts h3{font:650 1.12rem/1.3 var(--f-text);margin:0}
.facts p{margin:0;color:var(--ink-soft)}
.src{font-size:.82rem;line-height:1.5;color:var(--src-c,var(--ink-soft));margin-top:18px}
.statement{margin-bottom:28px}
@media (min-width:1025px){.statement{position:sticky;top:130px}}

/* --------------------------------------------------------------- lanes */
.lanes{position:relative;margin-top:clamp(48px,6vw,88px)}
.lane{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) 64px;align-items:center;gap:20px 72px;padding:40px var(--gutter);color:inherit;text-decoration:none;isolation:isolate;overflow:hidden;transition:background-color .5s}
.lane::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../img/caustics.png) 0 0/600px;opacity:.06;transition:opacity .7s}
@media (prefers-reduced-motion:no-preference){.lane::before{animation:drift 70s linear infinite}}
.lane:hover{background-color:rgba(72,200,232,.06)}
.lane:hover::before{opacity:.26}
.lane__mark{position:absolute;left:0;right:calc(var(--gutter) + 100px);top:50%;height:20px;margin-top:-10px;z-index:-1;background:rgba(1,16,36,.45);transition:background-color .5s}
.lane__mark::after{content:"";position:absolute;right:0;top:50%;width:18px;height:96px;margin-top:-48px;background:inherit}
.lane:hover .lane__mark{background:rgba(1,16,36,.6)}
.lane__title{font:800 clamp(2.1rem,3.6vw,3.5rem)/.94 var(--f-display);transition:transform .6s var(--ease-out)}
.lane:hover .lane__title{transform:translateX(10px)}
.lane__text{color:var(--on-dark-soft);margin:0;max-width:54ch}
.lane__tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:.88rem;color:var(--on-dark-mute)}
.lane__go{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-dark);background:rgba(3,25,49,.4);transition:background-color .35s,transform .5s var(--ease-out),border-color .35s}
.lane__go svg{width:20px;height:20px}
.lane:hover .lane__go{background:var(--fenol);border-color:transparent;transform:translateX(6px)}
.lanes .rope{padding-inline:0}

/* ------------------------------------------------------------- sectors */
.sectors{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}
.sector{padding:30px 26px 32px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);background:transparent;transition:background-color .4s}
.sector:hover{background:rgba(255,255,255,.65)}
.sector svg{width:84px;height:64px;color:var(--marka)}
.sector h3{font:650 1.15rem/1.25 var(--f-text);margin:22px 0 8px}
.sector p{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.5}
.plan-water{fill:rgba(72,200,232,.18)}
.plan-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.plan-thin{fill:none;stroke:currentColor;stroke-width:1.3;opacity:.55;stroke-linecap:round}
.plan-acc{fill:var(--fenol)}

/* ---------------------------------------------------------- swim lane */
.swim{overflow:hidden}
.swim__pool{margin-top:clamp(40px,6vw,72px)}
.swim__track{position:relative;height:84px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#0d4f86 0%,#0a3f70 100%);box-shadow:inset 0 0 0 1px rgba(170,226,248,.18)}
.swim__track::before{content:"";position:absolute;inset:0;background:url(../img/caustics.png) 0 0/420px;opacity:.28}
@media (prefers-reduced-motion:no-preference){.swim__track::before{animation:drift 60s linear infinite}}
.swim__line{position:absolute;left:4%;right:4%;top:50%;height:12px;margin-top:-6px;background:rgba(1,16,36,.55)}
.swim__line::before,.swim__line::after{content:"";position:absolute;top:50%;width:12px;height:48px;margin-top:-24px;background:inherit}
.swim__line::before{left:0}.swim__line::after{right:0}
.swim__ticks{position:absolute;left:4%;right:4%;top:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(220,244,252,.4) 0 1px,transparent 1px 10%);-webkit-mask:linear-gradient(180deg,#000 0 14%,transparent 14% 86%,#000 86%);mask:linear-gradient(180deg,#000 0 14%,transparent 14% 86%,#000 86%)}
.swim__wake{position:absolute;top:50%;left:calc(4% + var(--p,0)*92%);width:120px;height:40px;margin:-20px 0 0 -110px;pointer-events:none}
.swim__wake::before{content:"";position:absolute;right:0;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:radial-gradient(circle,#fff 0 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 72%)}
.swim__wake::after{content:"";position:absolute;right:10px;top:50%;width:110px;height:36px;margin-top:-18px;background:radial-gradient(ellipse at 100% 50%,rgba(220,250,255,.65) 0%,rgba(220,250,255,0) 70%);-webkit-mask:linear-gradient(90deg,transparent,#000);mask:linear-gradient(90deg,transparent,#000)}
.swim__steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-top:30px;padding-inline:2%}
.swim__steps li{opacity:.42;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out);transform:translateY(6px)}
.swim__steps li.is-on{opacity:1;transform:none}
.swim__m{display:block;font:800 clamp(2.4rem,3.6vw,3.3rem)/1 var(--f-display);color:var(--berrak);font-variant-numeric:tabular-nums}
.swim__steps h3{font:650 1.15rem/1.3 var(--f-text);margin:12px 0 8px}
.swim__steps p{margin:0;color:var(--on-dark-soft);font-size:.98rem;line-height:1.55}

/* -------------------------------------------------------- mosaic tiles */
.mosaic{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:7px;padding:7px;border-radius:18px;background:var(--derz);box-shadow:inset 0 2px 6px rgba(11,46,90,.08)}
.tile{--g:var(--marka);position:relative;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 12px 11px;border:0;border-radius:10px;background:linear-gradient(150deg,#fff 0%,#f1f9fc 60%,#e6f3f8 100%);box-shadow:inset 0 -3px 0 rgba(11,46,90,.07),inset 0 1px 0 #fff,0 1px 0 rgba(11,46,90,.06);color:var(--ink);text-align:left;text-decoration:none;overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s}
.tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g)}
.tile[data-g="fiz"]{--g:var(--berrak)}
.tile[data-g="kim"]{--g:var(--marka)}
.tile[data-g="mik"]{--g:var(--fenol)}
button.tile{cursor:pointer;font:inherit}
.tile:hover{transform:translateY(-2px);box-shadow:inset 0 -3px 0 rgba(11,46,90,.07),0 10px 20px -12px rgba(11,46,90,.35)}
.tile__sym{font:800 clamp(1.9rem,2.4vw,2.5rem)/.9 var(--f-display);letter-spacing:.005em}
.tile__sym sub,.pdetail__sym sub{font-size:.55em;vertical-align:baseline;position:relative;top:.22em;line-height:0}
.tile__sym sup,.pdetail__sym sup{font-size:.55em;vertical-align:baseline;position:relative;top:-.7em;line-height:0}
.tile__name{font-size:.84rem;line-height:1.2;font-weight:600}
.tile__val{font-size:.76rem;line-height:1.25;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.tile.is-on{box-shadow:inset 0 0 0 2px var(--g),0 10px 24px -12px rgba(11,46,90,.45);transform:translateY(-2px)}
.tile.is-dim{opacity:.32;pointer-events:none}
.mosaic--teaser{grid-template-columns:repeat(3,minmax(0,1fr));align-self:center}
.mosaic--teaser .tile{cursor:default}
.mosaic--teaser .tile:hover{transform:none}

/* ---------------------------------------------------------------- CTA */
.cta{position:relative;overflow:hidden;background:var(--su-gece);color:var(--on-dark);padding-block:clamp(110px,13vw,200px);isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/caustics.png) 0 0/680px;opacity:.1}
@media (prefers-reduced-motion:no-preference){.cta::before{animation:drift 90s linear infinite}}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 80% 0%,rgba(31,100,200,.35),transparent 60%)}
.cta__title{font:800 clamp(3.6rem,11vw,11rem)/.84 var(--f-display);margin-bottom:28px}
.cta__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px 80px;align-items:end}
.cta__contact{display:grid;gap:6px;font-size:1.05rem}
.cta__contact a{text-decoration:none;font-weight:600}
.cta__contact a:hover{color:var(--berrak)}
.cta__contact span{color:var(--on-dark-mute);font-size:.9rem}

/* ------------------------------------------------------------- footer */
.ftr{position:relative;background:var(--su-dip);color:var(--on-dark-soft);padding:0 0 28px}
.ftr .rope{margin-bottom:64px}
.ftr__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px 48px}
.ftr__brand img{height:72px;width:auto;margin-bottom:18px}
.ftr__brand p{max-width:34ch;margin:0}
.ftr h2{font:650 .98rem var(--f-text);color:#fff;margin:0 0 14px}
.ftr ul{list-style:none;display:grid;gap:8px}
.ftr a{color:var(--on-dark-soft);text-decoration:none}
.ftr a:hover{color:#fff}
.ftr address{font-style:normal;display:grid;gap:8px}
.ftr__bottom{margin-top:64px;padding:22px 84px 0 0;border-top:1px solid var(--line-dark);display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;font-size:.86rem;color:var(--on-dark-mute)}
.ftr__bottom nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.ftr__bottom a{color:var(--on-dark-mute)}

/* ------------------------------------------------------ whatsapp drop */
.wa{position:fixed;right:22px;bottom:22px;z-index:75;width:60px;height:60px;display:grid;place-items:center;color:#fff;text-decoration:none;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35));transition:transform .5s var(--ease-out),opacity .4s}
body.at-top .wa{opacity:0;transform:translateY(24px) scale(.8);pointer-events:none}
.wa::before{content:"";position:absolute;inset:0;border-radius:0 50% 50% 50%;transform:rotate(45deg);background:linear-gradient(135deg,#2ad06b,#169c48)}
.wa svg{position:relative;width:28px;height:28px;margin-top:6px}
.wa:hover{transform:translateY(-3px)}
.wa .vh{position:absolute}

/* ---------------------------------------------- page transition: damla */
html.veil-pending body::after{content:"";position:fixed;inset:0;z-index:399;background:radial-gradient(140% 140% at var(--vx,50%) var(--vy,50%),#0c4a82 0%,var(--su-derin) 38%,var(--su-gece) 100%)}
.veil{position:fixed;inset:0;z-index:400;pointer-events:none;background:radial-gradient(140% 140% at var(--vx,50%) var(--vy,50%),#0c4a82 0%,var(--su-derin) 38%,var(--su-gece) 100%)}
.veil--in{clip-path:circle(0 at var(--vx) var(--vy));transition:clip-path .62s var(--ease-water)}
.veil--in.go{clip-path:circle(150vmax at var(--vx) var(--vy))}
@property --hole{syntax:'<length>';inherits:false;initial-value:0px}
.veil--out{--hole:0px;-webkit-mask:radial-gradient(circle at var(--vx) var(--vy),transparent var(--hole),#000 calc(var(--hole) + 1.5px));mask:radial-gradient(circle at var(--vx) var(--vy),transparent var(--hole),#000 calc(var(--hole) + 1.5px));transition:--hole .95s var(--ease-out)}
.veil--out.go{--hole:150vmax}
.veil__ring{position:absolute;left:var(--vx);top:var(--vy);width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(220,250,255,.7);opacity:0}
.veil--in .veil__ring{animation:ring .7s var(--ease-out) forwards}
@keyframes ring{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(9)}}

/* ============================================================ KURUMSAL */
.murk{position:relative;height:230vh;background:var(--kopuk)}
.murk__stick{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.murk__bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(90% 70% at 70% 20%,rgba(190,205,170,.55),transparent 70%),linear-gradient(180deg,#93a893 0%,#728b7d 55%,#5d776c 100%);opacity:calc(1 - var(--p,0))}
.murk__bg::after{content:"";position:absolute;inset:0;background:url(../img/caustics.png) 0 0/700px;opacity:.16;mix-blend-mode:soft-light}
.murk__clear{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#dff3fa 0%,var(--kopuk) 100%)}
.murk__clear::after{content:"";position:absolute;inset:0;background:var(--berrak);-webkit-mask:url(../img/caustics.png) 0 0/640px;mask:url(../img/caustics.png) 0 0/640px;opacity:calc(var(--p,0)*.45)}
.murk__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px 64px;align-items:end}
.murk__specks{position:absolute;inset:-10%;z-index:-1;opacity:calc((1 - var(--p,0))*.9);background-image:radial-gradient(circle at 20% 30%,rgba(60,50,30,.5) 0 1.5px,transparent 2.5px),radial-gradient(circle at 70% 60%,rgba(80,70,40,.45) 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,rgba(50,45,30,.4) 0 2px,transparent 3px),radial-gradient(circle at 85% 20%,rgba(90,80,50,.35) 0 1px,transparent 2px);background-size:140px 120px,90px 110px,170px 150px,60px 70px}
@media (prefers-reduced-motion:no-preference){.murk__specks{animation:specks 26s linear infinite}}
@keyframes specks{to{transform:translate3d(-60px,-120px,0)}}
.murk__text{font:800 clamp(2.4rem,5.4vw,5.6rem)/.98 var(--f-display);max-width:20ch;color:var(--ink);filter:blur(calc((1 - var(--p,0))*9px));opacity:calc(.35 + var(--p,0)*.65);transition:filter .1s linear}
.murk__meter{text-align:right;padding-bottom:8px}
.murk__gauge{display:block;height:8px;border-radius:6px;background:rgba(11,46,90,.12);margin-top:12px;overflow:hidden}
.murk__gauge i{display:block;height:100%;width:calc((1 - var(--p,0))*100%);background:linear-gradient(90deg,#8a9a6e,#6d7f5c);border-radius:6px}
.murk__meter b{display:block;font:800 clamp(3.4rem,6vw,5.6rem)/1 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.murk__meter span{font-size:.9rem;color:var(--ink-soft)}
.murk__lead{max-width:52ch;margin-top:28px;color:var(--ink-soft);opacity:var(--p,0)}

.ways{list-style:none;border-top:1px solid var(--line-light)}
.ways li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px 64px;padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--line-light);align-items:baseline}
.ways h3{font:800 clamp(2.6rem,5vw,4.8rem)/.9 var(--f-display);color:var(--marka)}
.ways p{margin:0;font-size:clamp(1.05rem,1.3vw,1.2rem);max-width:56ch}

.regs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.regs li{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:22px 0;border-top:1px solid var(--line-dark)}
.regs .art{align-self:start;justify-self:start;padding:5px 10px;border-radius:999px;border:1px solid var(--line-dark);font:700 .95rem var(--f-display);letter-spacing:.03em;color:var(--berrak);white-space:nowrap}
.regs p{margin:0;color:var(--on-dark-soft)}
.regs b{color:#fff;font-weight:600}

.vals{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line-light);border-radius:20px;overflow:hidden}
.vals li{background:var(--kopuk);padding:30px 28px}
.vals h3{font:650 1.2rem/1.3 var(--f-text);margin:0 0 8px;display:flex;align-items:center;gap:12px}
.vals h3 svg{width:26px;height:26px;color:var(--marka);flex:none}
.vals p{margin:0;color:var(--ink-soft)}

/* =========================================================== HİZMETLER */
.subnav{position:sticky;top:calc(var(--hdr-h) + 12px);z-index:60;display:flex;justify-content:center;pointer-events:none;margin-top:-34px;transition:top .5s var(--ease-out)}
body.hdr-away .subnav{top:14px}
.subnav__in{pointer-events:auto;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(3,25,49,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-dark);box-shadow:0 20px 40px -20px rgba(0,0,0,.5);max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
.subnav__in::-webkit-scrollbar{display:none}
.subnav a{flex:none;padding:10px 18px;border-radius:999px;text-decoration:none;color:var(--on-dark-soft);font-weight:600;font-size:.95rem;white-space:nowrap;transition:background-color .3s,color .3s}
.subnav a:hover{color:#fff}
.subnav a.is-on{background:var(--on-dark);color:var(--ink)}

.svc-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:24px 80px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.svc-head .lead{margin:0}
.items{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;border-top:1px solid var(--line-light)}
.on-dark .items,.sec--deep .items,.sec--water .items,.sec--abyss .items{border-color:var(--line-dark)}
.items li{display:grid;grid-template-columns:40px 1fr;gap:4px 16px;padding:24px 0;border-bottom:1px solid var(--line-light)}
.sec--deep .items li,.sec--water .items li,.sec--abyss .items li{border-color:var(--line-dark)}
.items__i{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(31,100,200,.08);color:var(--marka)}
.sec--deep .items__i,.sec--water .items__i,.sec--abyss .items__i{background:rgba(72,200,232,.1);color:var(--berrak)}
.items__i svg{width:20px;height:20px}
.items h3{font:650 1.1rem/1.3 var(--f-text);margin:0}
.items p{margin:0;color:var(--ink-soft);font-size:.99rem;line-height:1.55}
.sec--deep .items p,.sec--water .items p,.sec--abyss .items p{color:var(--on-dark-soft)}

/* kimya simülasyonu */
.lab-card{border-radius:28px;background:#fff;box-shadow:0 1px 0 rgba(11,46,90,.06),0 40px 80px -48px rgba(11,46,90,.45);overflow:hidden;overflow:clip}
.chem{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:clamp(56px,7vw,96px)}
.chem__ctl{padding:clamp(28px,4vw,52px)}
.chem__ctl .d-3{margin-bottom:16px}
.chem__ctl>p{color:var(--ink-soft)}
.rng{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;margin-top:26px}
.rng__k{font-weight:600}
.rng__v{font:800 2rem/1 var(--f-display);font-variant-numeric:tabular-nums;color:var(--ink)}
.rng__track{grid-column:1/-1;position:relative;height:36px;display:flex;align-items:center}
.rng__band{position:absolute;left:var(--a);width:calc(var(--b) - var(--a));top:50%;height:10px;margin-top:-5px;border-radius:6px;background:rgba(43,182,115,.22);pointer-events:none}
.rng__band--c{background:rgba(43,182,115,.5)}
.rng input[type=range]{position:relative;width:100%;height:36px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.rng input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:6px;background:linear-gradient(90deg,rgba(11,46,90,.1),rgba(11,46,90,.1))}
.rng input[type=range]::-moz-range-track{height:10px;border-radius:6px;background:rgba(11,46,90,.1)}
.rng input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid var(--marka);box-shadow:0 6px 14px -4px rgba(11,46,90,.45)}
.rng input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--marka);box-shadow:0 6px 14px -4px rgba(11,46,90,.45)}
.rng__scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:-2px}
.rng__legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.8rem;color:var(--ink-soft)}
.rng__legend i{display:inline-block;width:14px;height:8px;border-radius:3px;background:rgba(43,182,115,.22);margin-right:6px;vertical-align:middle}
.rng__legend i.c{background:rgba(43,182,115,.5)}
.chem__vis{position:relative;margin:0;min-height:520px;background:radial-gradient(120% 100% at 30% 20%,#0d5a92 0%,#063461 55%,#021f3d 100%);color:var(--on-dark);display:grid;grid-template-rows:1fr auto;overflow:hidden;isolation:isolate}
.chem__cv{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.chem__read{position:relative;padding:28px 30px 0;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.chem__big b{display:block;font:800 clamp(4.8rem,8.4vw,8.2rem)/.82 var(--f-display);font-variant-numeric:tabular-nums}
.chem__big span{font-size:.95rem;color:var(--on-dark-soft)}
.chem__vial{flex:none;width:58px;height:150px;border-radius:12px 12px 26px 26px;border:2px solid rgba(220,244,252,.55);position:relative;overflow:hidden;background:rgba(255,255,255,.06)}
.chem__vial::after{content:"";position:absolute;left:6px;top:10px;width:6px;height:70%;border-radius:4px;background:rgba(255,255,255,.35)}
.chem__liq{position:absolute;left:0;right:0;bottom:0;height:72%;background:var(--ph,#F0794E);transition:background-color .5s}
.chem__liq::before{content:"";position:absolute;left:0;right:0;top:-6px;height:12px;border-radius:50%;background:inherit;filter:brightness(1.12)}
.chem__vlabel{display:block;margin-top:8px;font-size:.75rem;color:var(--on-dark-mute);text-align:center;max-width:90px}
.chem__foot{position:relative;padding:0 30px 28px}
.chem__bar{display:flex;height:14px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.12)}
.chem__bar i{display:block;height:100%;background:linear-gradient(90deg,#fff,#bff1ff);transition:width .45s var(--ease-out)}
.chem__bar i+i{background:rgba(120,170,220,.45)}
.chem__key{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:.88rem;color:var(--on-dark-soft);font-variant-numeric:tabular-nums}
.chem__key b{color:#fff}
.chem__msg{margin:14px 0 0;font-size:.95rem;color:var(--on-dark)}

/* lejyonella termometresi */
.thermo{margin-top:clamp(56px,7vw,96px);padding:clamp(28px,4vw,52px)}
.thermo__top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:24px 64px;align-items:end;margin-bottom:34px}
.thermo__top p{margin:0;color:var(--ink-soft)}
.thermo__read{display:flex;align-items:flex-end;gap:18px}
.thermo__read b{flex:none;white-space:nowrap;font:800 clamp(4rem,7vw,6.6rem)/.82 var(--f-display);color:var(--ink)}
.thermo__state{display:block;font-weight:650}
.thermo__read small{display:block;color:var(--ink-soft);font-size:.92rem;max-width:40ch}
.thermo__read b small{display:inline;font:inherit;color:inherit}
.thermo__scale{position:relative;height:56px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,#5fb3ff 0%,#5fb3ff 28.57%,#f7b267 28.57%,#ef6f3f 50%,#f7b267 64.28%,#fde3b8 64.28%,#fde3b8 85.71%,#9be3b6 85.71%)}
.thermo__scale input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.thermo__needle{position:absolute;top:-6px;bottom:-6px;left:var(--t,50%);width:4px;margin-left:-2px;border-radius:3px;background:var(--ink);box-shadow:0 0 0 3px #fff;pointer-events:none;transition:left .15s linear}
.thermo__marks{position:relative;height:56px;margin-top:8px;font-size:.82rem;color:var(--ink-soft)}
.thermo__marks span{position:absolute;top:0;transform:translateX(-50%);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.thermo__marks span::before{content:"";display:block;width:1px;height:10px;background:currentColor;margin:0 auto 6px}
.thermo__marks span:first-child{transform:none}
.thermo__marks span:first-child::before{margin-left:0}
.thermo__marks span:last-child{transform:translateX(-100%)}
.thermo__marks span:last-child::before{margin-right:0}
.thermo__marks i{font-style:normal}
.thermo__zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px;list-style:none}
.thermo__zones li{padding:14px 16px;border-radius:14px;background:var(--kopuk);font-size:.92rem;line-height:1.45;transition:box-shadow .3s,background-color .3s}
.thermo__zones li b{display:block;font-weight:650;margin-bottom:2px}
.thermo__zones li.is-on{background:#fff;box-shadow:inset 0 0 0 2px var(--ink)}

/* su akış hattı */
.flow{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:48px;position:relative}
.flow::before{content:"";position:absolute;left:8%;right:8%;top:31px;height:6px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--berrak) 0 14px,transparent 14px 24px);opacity:.7}
@media (prefers-reduced-motion:no-preference){.flow::before{animation:flowDash 1.4s linear infinite}}
@keyframes flowDash{to{background-position:24px 0}}
.flow li{position:relative;text-align:center;padding:0 8px}
.flow__i{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--su-derin);border:1px solid var(--line-dark);color:var(--berrak);position:relative}
.flow__i svg{width:28px;height:28px}
.flow h3{font:650 1rem/1.3 var(--f-text);margin:0 0 4px}
.flow p{margin:0;font-size:.88rem;line-height:1.45;color:var(--on-dark-soft)}

/* makine dairesi */
.plant{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:0;margin-top:clamp(48px,6vw,80px);border-radius:28px;overflow:hidden;border:1px solid var(--line-dark);background:rgba(2,18,36,.55)}
.plant__svg{display:block;width:100%;height:auto;padding:18px}
.plant__panel{padding:clamp(24px,3vw,40px);border-left:1px solid var(--line-dark);background:rgba(4,33,63,.6);display:flex;flex-direction:column}
.plant__n{font:800 4.4rem/.85 var(--f-display);color:var(--berrak)}
.plant__panel h3{font:800 2.1rem/1 var(--f-display);margin:10px 0 12px}
.plant__panel p{color:var(--on-dark-soft)}
.plant__panel ul{list-style:none;display:grid;gap:8px;margin-top:4px}
.plant__panel li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:var(--on-dark);font-size:.98rem;line-height:1.45}
.plant__panel li::before{content:"";width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--berrak)}
.plant__nav{margin-top:auto;padding-top:22px;display:flex;gap:8px}
.plant__nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-dark);background:transparent;color:var(--on-dark);display:grid;place-items:center}
.plant__nav button:hover{background:rgba(255,255,255,.08)}
.plant__nav svg{width:18px;height:18px}
.pl-pipe{fill:none;stroke:#174c80;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}
.pl-flow{fill:none;stroke:var(--berrak);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 14;opacity:.85}
@media (prefers-reduced-motion:no-preference){.pl-flow{animation:plFlow 1.2s linear infinite}}
@keyframes plFlow{to{stroke-dashoffset:-24}}
.pl-sig{fill:none;stroke:rgba(240,97,45,.75);stroke-width:2;stroke-dasharray:3 6}
.pl-sample{fill:none;stroke:rgba(72,200,232,.7);stroke-width:2;stroke-dasharray:2 5}
.pl-scr{fill:var(--berrak);font:800 20px var(--f-display);letter-spacing:.02em}
.pl-eq{fill:#0b3a68;stroke:#2c7fc4;stroke-width:2}
.pl-eq-l{fill:#0e467c}
.pl-water{fill:#1b6fae}
.pl-lbl{fill:var(--on-dark-soft);font:600 15px var(--f-text)}
.pl-hot{cursor:pointer}
.pl-hot circle{fill:var(--su-gece);stroke:var(--berrak);stroke-width:2;transition:fill .25s}
.pl-hot text{fill:#fff;font:800 19px var(--f-display);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.pl-hot:hover circle,.pl-hot:focus circle{fill:#0d4f86}
.pl-hot.is-on circle{fill:var(--fenol);stroke:#fff}
.pl-hot:focus{outline:none}
.pl-hot:focus-visible circle{stroke-width:4;stroke:#fff}
.pl-part{transition:opacity .35s}
.plant.has-focus .pl-part{opacity:.45}
.plant.has-focus .pl-part.is-on{opacity:1}

/* ========================================================= LABORATUVAR */
.ptable{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;align-items:start}
.ptable__bar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.seg{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-light)}
.seg button{border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--ink-soft);transition:background-color .3s,color .3s}
.seg button[aria-pressed="true"]{background:var(--kulvar);color:#fff}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.88rem;color:var(--ink-soft);list-style:none}
.legend li{display:flex;align-items:center;gap:8px}
.legend i{width:14px;height:14px;border-radius:4px;background:var(--g)}
.pdetail{position:sticky;top:110px;border-radius:24px;background:var(--kulvar);color:var(--on-dark);padding:30px 28px;min-height:340px;overflow:hidden;isolation:isolate}
.pdetail::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/caustics.png) 0 0/380px;opacity:.12}
.pdetail__sym{font:800 5rem/.85 var(--f-display)}
.pdetail h3{font:650 1.35rem/1.25 var(--f-text);margin:10px 0 4px}
.pdetail__grp{font-size:.85rem;color:var(--on-dark-mute)}
.pdetail dl{margin:22px 0 0;display:grid;gap:0}
.pdetail dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line-dark)}
.pdetail dt{font-size:.88rem;color:var(--on-dark-mute)}
.pdetail dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.pdetail__note{margin:18px 0 0;color:var(--on-dark-soft);font-size:.98rem}

/* numune kesiti */
.sample{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
.sample svg{width:100%;height:auto}
.sm-deck{fill:#dfe9ee}
.sm-wall{fill:#c3d6df}
.sm-water{fill:url(#smWater)}
.sm-tile{stroke:rgba(255,255,255,.35);stroke-width:1}
.sm-dim{stroke:var(--fenol);stroke-width:2;fill:none}
.sm-dimtxt{fill:var(--fenol);font:800 26px var(--f-display)}
.sm-lbl{fill:var(--ink);font:600 15px var(--f-text)}
.sm-surface{stroke:#fff;stroke-width:2;fill:none;opacity:.9}
.specs{list-style:none;display:grid;gap:14px}
.specs>li{padding:22px 24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-light)}
.specs h3{font:650 1.12rem/1.3 var(--f-text);margin:0 0 10px;display:flex;align-items:center;gap:10px}
.specs h3 i{width:12px;height:12px;border-radius:50%;background:var(--g,var(--marka))}
.specs dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:.96rem}
.specs dt{color:var(--ink-soft)}
.specs dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}

/* LSI ölçer */
.lsi{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.lsi__in{padding:clamp(28px,4vw,52px)}
.lsi__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.lsi__grid .rng{margin-top:22px}
.lsi__grid .rng__v{font-size:1.7rem}
.lsi__out{position:relative;background:var(--su-gece);color:var(--on-dark);padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden}
.lsi__out::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/caustics.png) 0 0/420px;opacity:.08}
.gauge{width:100%;max-width:460px;margin:0 auto;display:block}
.gauge__arc{fill:none;stroke-width:26}
.gauge__tick{stroke:rgba(220,244,252,.5);stroke-width:2}
.gauge__lbl{fill:var(--on-dark-soft);font:600 14px var(--f-text)}
.gauge__num{fill:var(--on-dark-mute);font:700 14px var(--f-display)}
.gauge__needle{transform-origin:230px 230px;transition:transform .8s var(--ease-water)}
.lsi__read{text-align:center;margin-top:6px}
.lsi__read b{display:block;font:800 clamp(4rem,7vw,6rem)/.85 var(--f-display);font-variant-numeric:tabular-nums}
.lsi__read span{display:inline-block;margin-top:10px;padding:6px 14px;border-radius:999px;font-weight:650;background:rgba(255,255,255,.1)}
.lsi__read span[data-z="neg"]{background:rgba(95,179,255,.22);color:#bfe0ff}
.lsi__read span[data-z="ok"]{background:rgba(43,182,115,.25);color:#b9f0d2}
.lsi__read span[data-z="pos"]{background:rgba(240,97,45,.25);color:#ffd2c0}
.lsi__msg{margin:16px auto 0;max-width:44ch;text-align:center;color:var(--on-dark-soft)}

.pkgs{list-style:none;border-top:1px solid var(--line-dark)}
.pkgs li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px 56px;padding:28px 0;border-bottom:1px solid var(--line-dark)}
.pkgs h3{font:800 clamp(1.8rem,2.6vw,2.4rem)/1 var(--f-display)}
.pkgs p{margin:0 0 10px;color:var(--on-dark-soft)}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.chips li,.chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--line-dark);font-size:.86rem;color:var(--on-dark)}
.sec--foam .chips li,.sec--white .chips li{border-color:var(--line-light);color:var(--ink)}

/* ========================================================== DANIŞMANLIK */
.dsv{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line-light)}
.dsv li{padding:30px 28px 30px 0;border-bottom:1px solid var(--line-light)}
.dsv li:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line-light)}
.dsv h3{font:650 1.2rem/1.3 var(--f-text);margin:16px 0 8px}
.dsv p{margin:0;color:var(--ink-soft)}
.dsv svg{width:34px;height:34px;color:var(--marka)}

.audit{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0}
.audit__qs{padding:clamp(24px,3.6vw,48px);list-style:none;counter-reset:q}
.audit__qs li{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line-light)}
.audit__qs li:first-child{padding-top:0}
.audit__qs p{margin:0;font-size:1rem;line-height:1.45}
.audit__qs small{display:block;color:var(--ink-soft);font-size:.82rem;margin-top:4px}
.yn{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--kopuk)}
.yn button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--ink-soft);white-space:nowrap}
.yn button[aria-pressed="true"][data-v="1"]{background:var(--yesil);color:#fff}
.yn button[aria-pressed="true"][data-v="0"]{background:var(--fenol);color:#fff}
.yn button[aria-pressed="true"][data-v="na"]{background:var(--kulvar);color:#fff}
.audit__res{position:relative;background:var(--su-derin);color:var(--on-dark);padding:clamp(24px,3.6vw,48px);display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.audit__tank{position:relative;height:240px;border-radius:0 0 26px 26px;border:3px solid rgba(220,244,252,.35);border-top:0;overflow:hidden;margin-bottom:22px}
.audit__lvl{position:absolute;left:0;right:0;bottom:0;height:calc(var(--lvl,0)*1%);background:linear-gradient(180deg,#48c8e8,#1F64C8);transition:height 1s var(--ease-water)}
.audit__lvl::before{content:"";position:absolute;inset:0;background:url(../img/caustics.png) 0 0/300px;opacity:.35;mix-blend-mode:screen}
.audit__marks{position:absolute;right:10px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0;font:700 .85rem var(--f-display);color:rgba(220,244,252,.7);text-align:right;pointer-events:none}
.audit__pct{font:800 clamp(4rem,6.6vw,6rem)/.85 var(--f-display);font-variant-numeric:tabular-nums}
.audit__state{font-weight:650;margin:8px 0 6px;font-size:1.15rem}
.audit__res p{color:var(--on-dark-soft)}
.audit__todo{list-style:none;display:grid;gap:8px;margin:6px 0 20px;font-size:.95rem}
.audit__todo li{display:grid;grid-template-columns:16px 1fr;gap:10px;color:var(--on-dark)}
.audit__todo li::before{content:"";width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--fenol)}
.audit__res .btns{margin-top:auto}

.audit__mini{display:none}
@media (max-width:1024px){
  .audit__mini{display:flex;position:sticky;bottom:12px;z-index:5;margin:0 84px 12px 12px;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--su-derin);color:var(--on-dark);box-shadow:0 18px 30px -16px rgba(0,0,0,.6)}
  .audit__mini[hidden]{display:none!important}
  .audit__mini b{font:800 1.8rem/1 var(--f-display);font-variant-numeric:tabular-nums}
  .audit__mini span{font-size:.9rem;font-weight:600;line-height:1.3}
  .audit__mini i{margin-left:auto;flex:none;width:72px;height:8px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
  .audit__mini i::before{content:"";display:block;height:100%;width:calc(var(--lvl,0)*1%);background:var(--berrak);transition:width .6s var(--ease-out)}
}
.faq{border-top:1px solid var(--line-light)}
.faq details{border-bottom:1px solid var(--line-light)}
.faq summary{list-style:none;display:grid;grid-template-columns:1fr 44px;gap:20px;align-items:center;padding:24px 0;cursor:pointer;font:650 clamp(1.08rem,1.4vw,1.25rem)/1.35 var(--f-text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-light);position:relative;transition:background-color .3s,transform .4s var(--ease-out)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--ink);border-radius:2px;transition:transform .4s var(--ease-out)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i{background:var(--kulvar)}
.faq details[open] summary i::before,.faq details[open] summary i::after{background:#fff}
.faq details[open] summary i::after{transform:rotate(0deg)}
.faq__a{padding:0 64px 26px 0;color:var(--ink-soft);max-width:78ch}
.faq__a p:last-child{margin-bottom:0}

/* ============================================================ İLETİŞİM */
.contact{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:start}
.form{padding:clamp(24px,3.6vw,48px)}
.form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.fld{display:grid;gap:8px;min-width:0}
.fld--full{grid-column:1/-1}
.fld>span,.fld legend{font-weight:600;font-size:.95rem;padding:0}
.fld>span em,.fld legend em{font-style:normal;color:var(--fenol)}
.fld input,.fld select,.fld textarea{width:100%;min-height:54px;padding:14px 16px;border-radius:14px;border:1px solid rgba(11,46,90,.18);background:var(--kopuk);color:var(--ink);transition:border-color .25s,box-shadow .25s,background-color .25s}
.fld textarea{min-height:140px;resize:vertical;line-height:1.5}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--marka);background:#fff;box-shadow:0 0 0 4px rgba(31,100,200,.14)}
.fld.is-bad input,.fld.is-bad select,.fld.is-bad textarea{border-color:var(--fenol);box-shadow:0 0 0 4px rgba(240,97,45,.12)}
.fld__err{font-size:.85rem;color:var(--fenol-2);min-height:0}
fieldset.fld{border:0;margin:0;padding:0}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.pick label{position:relative}
.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(11,46,90,.2);background:#fff;font-weight:600;font-size:.94rem;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.pick span::before{content:"";width:9px;height:9px;border-radius:50%;border:2px solid currentColor;opacity:.5;transition:background-color .25s,opacity .25s}
.pick input:checked+span{background:var(--kulvar);border-color:var(--kulvar);color:#fff}
.pick input:checked+span::before{background:var(--berrak);border-color:var(--berrak);opacity:1}
.pick input:focus-visible+span{outline:3px solid var(--marka);outline-offset:2px}
.vol{grid-column:1/-1;border-radius:18px;background:var(--kopuk);padding:4px 18px}
.vol summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;align-items:center;gap:10px}
.vol summary::-webkit-details-marker{display:none}
.vol summary svg{width:20px;height:20px;color:var(--marka)}
.vol__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:16px}
.vol__grid .fld input,.vol__grid .fld select{background:#fff;min-height:48px}
.vol__res{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.vol__res b{font:800 2.2rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:.93rem;color:var(--ink-soft)}
.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--kulvar)}
.form__send{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.form__note{font-size:.85rem;color:var(--ink-soft);margin:12px 0 0}
.form__ok{margin-top:18px;padding:18px 20px;border-radius:16px;background:rgba(43,182,115,.12);color:#11653d;font-weight:600}
.cinfo{display:grid;gap:12px}
.cinfo__card{position:relative;padding:24px 26px;border-radius:22px;background:var(--su-derin);color:var(--on-dark);overflow:hidden;isolation:isolate}
.cinfo__card::before{content:"";position:absolute;inset:0;z-index:-1;background:url(../img/caustics.png) 0 0/360px;opacity:.1}
.cinfo__card h2{font:600 .95rem var(--f-text);color:var(--on-dark-mute);margin:0 0 6px}
.cinfo__card a,.cinfo__card p{display:block;margin:0;font:800 clamp(1.8rem,2.4vw,2.3rem)/1.05 var(--f-display);text-decoration:none;color:#fff;font-variant-numeric:tabular-nums}
.cinfo__card a:hover{color:var(--berrak)}
.cinfo__card a.cinfo__mail{overflow-wrap:anywhere;font-size:clamp(1.5rem,2vw,2rem)}
.cinfo__card .textlink{display:inline-flex;margin-top:14px;font:600 .98rem var(--f-text);color:var(--berrak)}
.cinfo__card p.cinfo__txt{font:500 1.02rem/1.55 var(--f-text);color:var(--on-dark-soft)}
.cinfo__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hours{list-style:none;display:grid;gap:6px;font-variant-numeric:tabular-nums}
.hours li{display:flex;justify-content:space-between;gap:12px;color:var(--on-dark-soft)}
.hours b{color:#fff;font-weight:600}

/* ============================================================ responsive */
@media (max-width:1180px){
  .hdr__tel{display:none}
  .hdr__nav a{padding:10px 11px}
  .ptable{grid-template-columns:minmax(0,1fr)}
  .pdetail{position:relative;top:0;min-height:0}
}
@media (max-width:1024px){
  .hdr__nav,.hdr__act .btn{display:none}
  .burger{display:block}
  .hdr__act{margin-left:auto}
  .hero__grid{grid-template-columns:minmax(0,1fr);padding-top:130px}
  .pano{justify-self:start;max-width:520px}
  .split,.split--rev,.sec-head,.svc-head,.cta__grid,.thermo__top,.phero__in{grid-template-columns:minmax(0,1fr)}
  .lane{grid-template-columns:minmax(0,1fr) 56px;gap:12px 24px}
  .lane__mark{display:none}
  .lane__text{grid-column:1/2}
  .lane__go{grid-row:1/3;grid-column:2}
  .sectors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chem,.lsi,.audit,.plant,.sample,.contact{grid-template-columns:minmax(0,1fr)}
  .plant__panel{border-left:0;border-top:1px solid var(--line-dark)}
  .chem__vis{min-height:460px}
  .dsv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dsv li,.dsv li:not(:nth-child(3n+1)){padding:28px 24px 28px 0;border-left:0}
  .dsv li:nth-child(2n){padding-left:24px;border-left:1px solid var(--line-light)}
  .ftr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr__brand{grid-column:1/-1}
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .flow::before{display:none}
  .regs{grid-template-columns:minmax(0,1fr)}
  .vals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .murk__grid{grid-template-columns:minmax(0,1fr)}
  .murk__meter{text-align:left}
  .thermo__zones{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .swim__track{display:none}
  .swim__steps{grid-template-columns:minmax(0,1fr);gap:0;padding:0;position:relative;margin-top:8px}
  .swim__steps::before{content:"";position:absolute;left:21px;top:12px;bottom:12px;width:6px;border-radius:4px;background:linear-gradient(180deg,var(--berrak) calc(var(--p,0)*100%),rgba(150,210,240,.18) calc(var(--p,0)*100%))}
  .swim__steps li{display:grid;grid-template-columns:48px 1fr;gap:0 18px;padding:18px 0}
  .swim__m{grid-row:span 3;font-size:.92rem;white-space:nowrap;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--su-derin);border:2px solid var(--berrak);position:relative;z-index:1;line-height:1;letter-spacing:0}
  .swim__steps li{grid-template-columns:52px 1fr}
  .swim__steps::before{left:23px}
  .swim__steps h3{margin-top:4px}
  .ways li,.pkgs li{grid-template-columns:minmax(0,1fr)}
  .items{grid-template-columns:minmax(0,1fr)}
  .lsi__grid{grid-template-columns:minmax(0,1fr)}
  .vol__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  :root{--hdr-h:72px}
  .hdr__brand img{height:46px}
  .hdr.is-solid .hdr__brand img{height:42px}
  .hero{min-height:max(640px,100svh)}
  .hero__grid{padding-top:112px}
  .hero__shade{background:linear-gradient(180deg,rgba(2,22,44,.55) 0%,rgba(2,22,44,.35) 30%,rgba(2,22,44,.82) 62%,rgba(4,33,63,.96) 100%)}
  .hero__hint{display:none}
  .pano{padding:16px 16px 12px}
  .pano__v{font-size:2rem}
  .sectors{grid-template-columns:minmax(0,1fr)}
  .sector{display:grid;grid-template-columns:72px 1fr;gap:4px 16px;padding:22px 18px}
  .sector svg{grid-row:span 2;width:72px;height:56px}
  .sector h3{margin:0}
  .form__grid{grid-template-columns:minmax(0,1fr)}
  .cinfo__row{grid-template-columns:minmax(0,1fr)}
  .dsv{grid-template-columns:minmax(0,1fr)}
  .dsv li,.dsv li:nth-child(2n),.dsv li:not(:nth-child(3n+1)){padding:24px 0;border-left:0}
  .vals{grid-template-columns:minmax(0,1fr)}
  .ftr__bottom{padding-right:0;padding-bottom:70px}
  .ftr__grid{grid-template-columns:minmax(0,1fr)}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thermo__zones{grid-template-columns:minmax(0,1fr)}
  .audit__qs li{grid-template-columns:minmax(0,1fr)}
  .faq__a{padding-right:0}
  .chem__read{flex-direction:column-reverse;align-items:flex-start}
  .chem__vial{width:46px;height:110px}
  .regs li{grid-template-columns:minmax(0,1fr);gap:8px}
  .wa{right:16px;bottom:16px;width:54px;height:54px}
  .mosaic{grid-template-columns:repeat(auto-fill,minmax(98px,1fr))}
  .tile__sym{font-size:1.8rem}
  .plant__svg{padding:8px}
  .pl-lbl{display:none}
  .tm-hide{display:none}
  .yn{justify-self:start;flex-wrap:wrap}
}

/* --------------------------------------------------- reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* -------------------------------------------------------------- print */
@media print{
  .hdr,.depth,.wa,.rope,.water,.veil,.mnav,.subnav{display:none!important}
  body{background:#fff;color:#000}
  .hero,.phero,.sec--deep,.sec--water,.sec--abyss,.cta,.ftr{background:#fff!important;color:#000!important}
}

/* Persistent social contacts */
.social-dock{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;gap:12px}
.social-dock .wa,.social-instagram{position:static;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;color:#fff;box-shadow:0 5px 22px #00182d40;transition:transform .2s;flex-shrink:0}
.social-instagram{background:linear-gradient(140deg,#6544bb,#c42c79,#ed773a)}
.social-dock a:hover{transform:translateY(-3px)}
.social-dock a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.social-instagram svg{width:25px;height:25px}
@media(max-width:600px){.social-dock{right:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:10px}.social-dock .wa,.social-instagram{width:50px;height:50px}}
@media print{.social-dock{display:none!important}}

body.at-top .social-dock .wa{opacity:1;transform:none;pointer-events:auto}