/* Laphrotech — site.css
   Tasarım dili: geniş boşluk, büyük tipografi, siyah / beyaz / açık gri bölümler, tek vurgu rengi (teal). */

:root{
  --text:#1d1d1f; --text-2:#6e6e73; --text-3:#86868b;
  --bg:#fff; --bg-alt:#f5f5f7; --bg-soft:#fbfbfd; --hair:#d2d2d7; --hair-soft:rgba(0,0,0,.08);
  --dark:#000; --dark-2:#161617; --on-dark:#f5f5f7; --on-dark-2:#a1a1a6; --hair-dark:#424245;
  --accent:#08767c; --accent-hover:#0a8a91; --accent-on-dark:#5fd0cb; --brand:#46beba;
  --nav-h:48px; --local-h:52px;
  --w:980px; --w-wide:1240px; --gutter:20px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.28,.11,.32,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--local-h) + 12px)}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.022em;color:var(--text);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid rgba(8,118,124,.55);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;color:var(--text);padding:10px 16px;border-radius:10px}
.skip:focus{left:8px}

.wrap{width:100%;max-width:calc(var(--w) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.wrap--wide{max-width:calc(var(--w-wide) + var(--gutter)*2)}

/* ---------- Tipografi ---------- */
.t-hero{font-size:clamp(40px,6.2vw,80px);line-height:1.05;font-weight:600;letter-spacing:-.025em}
.t-head{font-size:clamp(32px,4.6vw,56px);line-height:1.07;font-weight:600;letter-spacing:-.02em}
.t-head-s{font-size:clamp(28px,3.4vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.015em}
.t-sub{font-size:clamp(19px,2.2vw,28px);line-height:1.2;font-weight:400;letter-spacing:-.005em}
.t-intro{font-size:clamp(19px,1.7vw,21px);line-height:1.38;font-weight:400;letter-spacing:-.01em}
.t-eyebrow{font-size:clamp(17px,1.6vw,21px);line-height:1.2;font-weight:600;letter-spacing:-.01em}
.t-small{font-size:14px;line-height:1.43;letter-spacing:-.016em}
.t-foot{font-size:12px;line-height:1.34;letter-spacing:-.01em;color:var(--text-2)}
.muted{color:var(--text-2)}
.balance{text-wrap:balance}

/* ---------- Butonlar ve linkler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border-radius:980px;
  font-size:17px;line-height:1.18;letter-spacing:-.022em;white-space:nowrap;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn:hover{text-decoration:none}
.btn--fill{background:var(--accent);color:#fff}
.btn--fill:hover{background:var(--accent-hover)}
.btn--line{border:1px solid var(--accent);color:var(--accent)}
.btn--line:hover{background:var(--accent);color:#fff}
.btn--sm{min-height:0;padding:5px 12px;font-size:12px;letter-spacing:-.01em}
.on-dark .btn--line{border-color:var(--accent-on-dark);color:var(--accent-on-dark)}
.on-dark .btn--line:hover{background:var(--accent-on-dark);color:#000}
.more{display:inline-flex;align-items:baseline;gap:.3em;font-size:inherit}
.more::after{content:"›";font-size:1.15em;line-height:1;transform:translateY(.02em)}
.on-dark a:not(.btn){color:var(--accent-on-dark)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:center;align-items:center}
.cta-row--left{justify-content:flex-start}

/* ---------- Şerit + üst menü ---------- */
.ribbon{background:var(--bg-alt);text-align:center;padding:12px var(--gutter);font-size:14px;line-height:1.43;letter-spacing:-.016em;margin-top:var(--nav-h)}
.ribbon + main{padding-top:0}
main{padding-top:var(--nav-h)}
.globalnav{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,.8);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair-soft)}
.globalnav__in{height:100%;display:flex;align-items:center;gap:8px;max-width:calc(var(--w-wide) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.globalnav__logo{display:flex;align-items:center;gap:9px;margin-right:auto;color:var(--text);font-size:17px;font-weight:600;letter-spacing:-.02em}
.globalnav__logo:hover{text-decoration:none}
.globalnav__logo img{height:24px;width:auto}
.globalnav__links{display:none;align-items:center;gap:clamp(10px,2.1vw,30px);margin:0 clamp(8px,2vw,28px)}
.globalnav .btn{display:none}
.globalnav__links a{font-size:12px;letter-spacing:-.01em;color:rgba(0,0,0,.8);padding:6px 0;transition:color .2s}
.globalnav__links a:hover,.globalnav__links a[aria-current="page"]{color:#000;text-decoration:none}
.globalnav__links a[aria-current="page"]{font-weight:600;position:relative}
.globalnav__links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--accent)}

/* Ürünler acilir menusu (mega menu) */
.navdrop{position:relative}
.navdrop__btn{font:inherit;font-size:12px;letter-spacing:-.01em;color:rgba(0,0,0,.8);padding:6px 0;display:inline-flex;align-items:center;gap:5px;transition:color .2s}
.navdrop__btn::after{content:"";width:6px;height:6px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease)}
.navdrop__btn:hover,.navdrop-open .navdrop__btn,.navdrop__btn[aria-current="page"]{color:#000}
.navdrop__btn[aria-current="page"]{font-weight:600}
.navdrop-open .navdrop__btn::after{transform:rotate(-135deg) translateY(2px)}
.navdrop__panel{position:fixed;left:0;right:0;top:var(--nav-h);background:#fff;
  border-bottom:1px solid var(--hair);box-shadow:0 28px 44px -20px rgba(0,0,0,.22);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;z-index:95}
.navdrop-open .navdrop__panel{opacity:1;visibility:visible;transform:none}
.navdrop__grid{max-width:calc(var(--w-wide) + var(--gutter)*2);margin:0 auto;padding:26px var(--gutter) 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.navdrop__item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 10px;border-radius:16px;color:var(--text);border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}
.navdrop__item:hover{background:var(--bg-alt);border-color:var(--hair);box-shadow:0 6px 16px -8px rgba(0,0,0,.12);text-decoration:none}
.navdrop__thumb{height:60px;display:flex;align-items:center;justify-content:center}
.navdrop__thumb img{max-height:60px;width:auto;max-width:82%;object-fit:contain}
.navdrop__name{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.navdrop__desc{font-size:12.5px;color:#57575c;line-height:1.35}
.navdrop__all{display:block;text-align:center;padding:16px 0;font-size:13px;border-top:1px solid var(--hair);max-width:calc(var(--w-wide) + var(--gutter)*2);margin:6px auto 0}

.globalnav__call{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-right:2px;
  font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}
.globalnav__call:hover{color:var(--accent);text-decoration:none}
.globalnav__toggle{display:block;width:44px;height:44px;margin-right:-10px;position:relative}
.globalnav__toggle span{position:absolute;left:13px;width:18px;height:1.5px;background:#1d1d1f;transition:transform .3s var(--ease),top .3s var(--ease)}
.globalnav__toggle span:first-child{top:18px}.globalnav__toggle span:last-child{top:25px}
.menu-open .globalnav__toggle span:first-child{top:21.5px;transform:rotate(45deg)}
.menu-open .globalnav__toggle span:last-child{top:21.5px;transform:rotate(-45deg)}
.menu{position:fixed;inset:var(--nav-h) 0 0 0;z-index:99;background:#fff;padding:28px 40px 60px;overflow:auto;
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}
.menu-open .menu{opacity:1;visibility:visible}
.menu a{display:block;padding:9px 0;font-size:28px;line-height:1.14;font-weight:600;letter-spacing:-.01em;color:var(--text)}
.menu a.menu__small{font-size:17px;font-weight:400;color:var(--text-2);padding:10px 0}
.menu hr{border:0;border-top:1px solid var(--hair);margin:18px 0}
.menu__cta{width:100%;margin-top:22px;font-size:17px}
.menu-open,.menu-open body{overflow:hidden}

.localnav{position:sticky;top:var(--nav-h);z-index:90;height:var(--local-h);background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair-soft)}
.localnav__in{height:100%;display:flex;align-items:center;gap:22px;max-width:calc(var(--w) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.localnav__title{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-right:auto;white-space:nowrap}
.localnav__title:hover{text-decoration:none}
.localnav__links{display:none;gap:22px}
.localnav__links a{font-size:12px;color:rgba(0,0,0,.8);letter-spacing:-.01em}
.localnav__links a:hover{color:#000;text-decoration:none}

/* ---------- Ana sayfa modülleri ---------- */
.module{position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;
  min-height:clamp(560px,52vw,720px);padding:clamp(44px,5vw,60px) var(--gutter) 0;background:var(--bg-soft);margin-bottom:12px}
.module--dark{background:var(--dark);color:var(--on-dark)}
.module--alt{background:var(--bg-alt)}
.module--white{background:#fff}
.module__sub{margin-top:8px}
.module .cta-row{margin-top:20px}
.module__media{margin-top:auto;padding-top:34px;width:100%;display:flex;justify-content:center;align-items:flex-end}
.module__media img{max-height:clamp(260px,33vw,440px);width:auto;max-width:100%;object-fit:contain}
.module--alt .blend,.tile--alt .blend,.lineup .blend,.bg-alt .blend,.feature__media .blend{mix-blend-mode:multiply}

.tiles{display:grid;grid-template-columns:1fr;gap:12px;padding:0 12px 12px}
.tile{position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;
  min-height:clamp(500px,44vw,620px);padding:clamp(40px,4vw,54px) 24px 0;background:var(--bg-soft);color:var(--text)}
.tile--alt{background:var(--bg-alt)}
.tile--dark{background:var(--dark);color:var(--on-dark)}
.tile--brand{background:linear-gradient(160deg,#0b2f36 0%,#06181c 100%);color:var(--on-dark);justify-content:center;padding-bottom:clamp(40px,4vw,54px)}
.tile__head{font-size:clamp(30px,3.4vw,40px);line-height:1.1;font-weight:600;letter-spacing:-.015em}
.tile__sub{margin-top:6px;font-size:clamp(17px,1.7vw,21px);line-height:1.24;max-width:22em}
.tile .cta-row{margin-top:16px}
.tile__media{margin-top:auto;padding-top:26px;width:100%;display:flex;justify-content:center;align-items:flex-end}
.tile__media img{max-height:clamp(230px,26vw,340px);width:auto;object-fit:contain}
.phero--card{background:var(--dark);color:var(--on-dark);padding-bottom:clamp(40px,5vw,72px)}
.phero--card .phero__eyebrow{color:var(--on-dark-2)}
.phero--card .phero__media img{max-height:none;width:min(100%,1180px);border-radius:28px}
.tile--cover{justify-content:flex-start}
.tile--cover .btn--line{border-color:rgba(255,255,255,.75);color:#fff}
.tile--cover .btn--line:hover{background:#fff;color:#000;border-color:#fff}
.tile--cover > *{position:relative;z-index:1}
.tile__bg{position:absolute;inset:0;z-index:0}
.tile__bg img{width:100%;height:100%;object-fit:cover;object-position:56% 100%}
.tile--bleed .tile__media{justify-content:flex-end;margin-right:-24px;width:calc(100% + 24px)}
.tile--bleed .tile__media img{max-height:none;width:130%;max-width:none}

/* ---------- Genel bölümler ---------- */
.section{padding:clamp(72px,9vw,128px) 0}
.section--tight{padding:clamp(56px,6vw,88px) 0}
.bg-alt{background:var(--bg-alt)}
.bg-dark{background:var(--dark);color:var(--on-dark)}
.bg-dark .muted,.on-dark .muted{color:var(--on-dark-2)}
.section__head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.section__head--center{margin-left:auto;margin-right:auto;text-align:center}
.section__head p{margin-top:16px}

.pagehead{padding:clamp(56px,7vw,96px) 0 clamp(32px,4vw,56px);text-align:center}
.pagehead p{margin:16px auto 0;max-width:34em}

/* ürün sayfası hero */
.phero{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,6vw,84px) var(--gutter) 0}
.phero--dark{background:var(--dark);color:var(--on-dark)}
.phero--alt{background:var(--bg-alt)}
.phero__eyebrow{color:var(--text-2);margin-bottom:10px}
.phero--dark .phero__eyebrow,.phero--cover .phero__eyebrow{color:var(--on-dark-2)}
.phero__sub{margin:18px auto 0;max-width:30em}
.phero .cta-row{margin-top:26px}
.phero__media{margin-top:clamp(32px,4vw,56px);display:flex;justify-content:center}
.phero__media img{max-height:clamp(300px,42vw,620px);width:auto;max-width:min(94%,1180px);object-fit:contain}
.phero--cover{color:var(--on-dark);min-height:clamp(560px,58vw,820px);padding-bottom:40px}
.phero--cover > *{position:relative;z-index:1}
.phero__bg{position:absolute;inset:0;z-index:0}
.phero__bg img{width:100%;height:100%;object-fit:cover}
.phero--wide .phero__media{margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1)}
.phero--wide .phero__media img{width:100%;max-width:none;max-height:none}

/* öne çıkanlar */
.stats{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,32px)}
.stat{border-top:1px solid var(--hair);padding-top:20px}
.bg-dark .stat{border-color:var(--hair-dark)}
.stat__num{font-size:clamp(24px,2.5vw,32px);line-height:1.1;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.stat__label{margin-top:8px;color:var(--text-2);font-size:17px;line-height:1.35}
.bg-dark .stat__label{color:var(--on-dark-2)}

/* özellik satırları */
.feature{display:grid;grid-template-columns:1fr;gap:clamp(32px,6vw,96px);align-items:center}
.feature + .feature{margin-top:clamp(72px,9vw,128px)}
.feature__media{display:flex;justify-content:center;align-items:center;background:var(--bg-alt);border-radius:28px;min-height:clamp(300px,34vw,460px);padding:clamp(24px,4vw,56px);overflow:hidden}
.bg-alt .feature__media{background:#fff}
.bg-dark .feature__media{background:var(--dark-2)}
.feature__media img{max-height:clamp(240px,28vw,380px);width:auto;object-fit:contain}
.feature__media--pair{gap:clamp(16px,3vw,40px)}
.feature__media--pair img{max-width:44%}
.feature__media--photo{padding:0;min-height:0}
.feature__media--photo img{width:100%;height:100%;max-height:none;object-fit:cover;aspect-ratio:1 / 1}
.feature__media--stack{flex-direction:column;gap:12px;padding:12px;min-height:0}
.feature__media--stack figure{width:100%;position:relative}
.feature__media--stack img{width:100%;max-height:none;border-radius:18px;object-fit:cover}
.feature__media--stack figcaption{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;letter-spacing:-.01em;padding:5px 11px;border-radius:980px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.feature__text p{margin-top:16px;color:var(--text-2)}
.bg-dark .feature__text p{color:var(--on-dark-2)}

/* sütunlu metin kartları */
.cols{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,44px)}
.col{border-top:1px solid var(--hair);padding-top:22px}
.bg-dark .col{border-color:var(--hair-dark)}
.col h3{font-size:21px;line-height:1.19;font-weight:600;letter-spacing:-.01em}
.col p{margin-top:10px;color:var(--text-2)}
.col .tags{margin-top:14px;font-size:14px;color:var(--text-2)}
.col a.more{margin-top:14px;font-size:17px}
.bg-dark .col p{color:var(--on-dark-2)}

.steps{display:grid;grid-template-columns:1fr;gap:36px;counter-reset:s}
.step{counter-increment:s}
.step::before{content:counter(s);display:block;font-size:clamp(44px,5vw,64px);line-height:1;font-weight:600;letter-spacing:-.03em;color:var(--accent)}
.bg-dark .step::before{color:var(--accent-on-dark)}
.step h3{margin-top:16px;font-size:21px;line-height:1.19;font-weight:600}
.step p{margin-top:8px;color:var(--text-2)}
.bg-dark .step p{color:var(--on-dark-2)}

/* ürün ızgarası */
.lineup{display:grid;grid-template-columns:1fr;gap:12px}
.card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-alt);border-radius:22px;padding:30px 18px 28px;color:var(--text);transition:transform .4s var(--ease)}
.card:hover{text-decoration:none;transform:scale(1.015)}
.card__media{height:170px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:24px;width:100%}
.card__media img{max-height:170px;max-width:88%;width:auto;object-fit:contain}
.card__media--dark{background:#000;border-radius:16px;align-items:center;padding:14px}
.card__name{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.19}
.card__desc{margin-top:6px;font-size:14px;line-height:1.43;color:var(--text-2);min-height:3em}
.card__more{margin-top:14px;font-size:14px;color:var(--accent)}

/* teknik özellikler */
.specs{border-top:1px solid var(--hair)}
.specs__row{display:grid;grid-template-columns:1fr;gap:6px;padding:22px 0;border-bottom:1px solid var(--hair)}
.specs__row dt{font-weight:600}
.specs__row dd{color:var(--text);margin:0}
.specs__row dd small{display:block;color:var(--text-2);font-size:14px;margin-top:4px}

/* karşılaştırma */
.compare{display:grid;grid-template-columns:1fr;gap:12px}
.compare__col{background:var(--bg-alt);border-radius:22px;padding:34px 28px;text-align:center}
.bg-alt .compare__col{background:#fff}
.compare__col h3{font-size:28px;font-weight:600;letter-spacing:-.015em}
.compare__col ul{margin-top:18px}
.compare__col li{padding:13px 0;border-top:1px solid var(--hair);font-size:17px}
.compare__col li span{display:block;font-size:12px;color:var(--text-2);margin-bottom:2px}
.compare__col .more{margin-top:20px}

/* SSS */
.faq{border-top:1px solid var(--hair);max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font-size:clamp(19px,1.8vw,21px);font-weight:600;letter-spacing:-.01em;line-height:1.24}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;border-right:1.6px solid var(--text-2);border-bottom:1.6px solid var(--text-2);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq details p{padding:0 0 24px 0;color:var(--text-2)}

/* liste çipleri */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{border:1px solid var(--hair);border-radius:980px;padding:9px 18px;font-size:17px;background:#fff}

/* kapanış */
.cta-band{text-align:center}
.cta-band p{margin:16px auto 0;max-width:30em}
.cta-band .cta-row{margin-top:28px}

/* satın al kutusu */
.buy{display:grid;grid-template-columns:1fr;gap:12px}
.buy__box{background:#fff;border-radius:22px;padding:36px 32px}
.buy__box h3{font-size:28px;font-weight:600;letter-spacing:-.015em;line-height:1.14}
.buy__box p{margin-top:10px;color:var(--text-2)}
.buy__box .cta-row{margin-top:22px}

/* ---------- Form ---------- */
.formgrid{display:grid;grid-template-columns:1fr;gap:18px 16px}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1 / -1}
.field label,.field legend{font-size:14px;font-weight:600;letter-spacing:-.016em}
.field .opt{font-weight:400;color:var(--text-2)}
.field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{
  font:inherit;color:var(--text);background:#fff;border:1px solid var(--text-3);border-radius:12px;padding:15px 16px;width:100%;
  transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236e6e73' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(8,118,124,.18)}
fieldset{border:0;margin:0;padding:0;min-width:0}
.checks{display:flex;flex-wrap:wrap;gap:10px}
.check{position:relative}
.check input{position:absolute;opacity:0;inset:0;cursor:pointer}
.check span{display:block;border:1px solid var(--text-3);border-radius:980px;padding:10px 16px;font-size:15px;background:#fff;transition:all .15s}
.check input:checked + span{background:var(--text);border-color:var(--text);color:#fff}
.check input:focus-visible + span{box-shadow:0 0 0 4px rgba(8,118,124,.3)}
.consent{display:flex;gap:12px;align-items:flex-start;min-height:44px;font-size:14px;line-height:1.43;color:var(--text-2)}
.consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--accent);flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}
.form__note{font-size:14px;color:var(--text-2)}
.form__status{display:none;border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.43}
.form__status.is-ok{display:block;background:#e8f6f5;color:#0b4f54}
.form__status.is-err{display:block;background:#fdf0ef;color:#8a1f14}
.panel{background:#fff;border-radius:22px;padding:clamp(24px,4vw,44px)}
.split{display:grid;grid-template-columns:1fr;gap:clamp(28px,5vw,72px);align-items:start}
.contactlist li{padding:18px 0;border-top:1px solid var(--hair)}
.contactlist li:last-child{border-bottom:1px solid var(--hair)}
.contactlist span{display:block;font-size:12px;color:var(--text-2);margin-bottom:3px}
.contactlist a,.contactlist strong{font-size:19px;font-weight:600;color:var(--text);letter-spacing:-.01em}
.contactlist a:hover{color:var(--accent);text-decoration:none}

/* ---------- Metin sayfaları ---------- */
.prose{max-width:720px;margin:0 auto}
.prose h2{font-size:24px;line-height:1.17;font-weight:600;letter-spacing:-.01em;margin:44px 0 12px}
.prose h3{font-size:19px;font-weight:600;margin:28px 0 8px}
.prose p,.prose li{color:#333336}
.prose p + p{margin-top:12px}
.prose ul{list-style:disc;padding-left:22px;margin:10px 0}
.prose li + li{margin-top:6px}
.prose table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.prose th,.prose td{text-align:left;padding:11px 12px 11px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.prose th{font-weight:600}
.todo{background:#fff6dd;border-radius:6px;padding:0 5px}

/* ---------- Alt bilgi ---------- */
.footer{background:var(--bg-alt);color:var(--text-2);font-size:13px;line-height:1.4;letter-spacing:-.01em;
  padding:clamp(40px,5vw,64px) 0 22px;border-top:2px solid var(--accent)}
.footer a{color:#424245}
.footer a:hover{color:var(--accent)}
.footer__notes{padding:0 0 14px;border-bottom:1px solid var(--hair);font-size:12px}
.footer__notes p + p{margin-top:9px}
.footer__dir{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px;padding:8px 0 30px;border-bottom:1px solid var(--hair)}
.footer__dir h3{font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}
.footer__dir a{color:var(--text)}
.footer__dir li + li{margin-top:11px}
.footer__legal{display:flex;flex-wrap:wrap;gap:6px 26px;padding-top:16px;align-items:center;font-size:12px}
.footer__legal ul{display:flex;flex-wrap:wrap;gap:4px 18px}
.footer__legal .sp{margin-left:0}
.footer__logo{height:26px;width:auto;margin-bottom:28px}

/* sahne görseli */
.scene{border-radius:28px;overflow:hidden;background:var(--bg-alt)}
.scene img{width:100%;height:auto}

/* ---------- Taslak yardımcıları ---------- */
.slot{border:1.5px dashed #b7b7bd;border-radius:22px;background:repeating-linear-gradient(135deg,#fafafc 0 14px,#f2f2f5 14px 28px);
  min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--text-2);gap:6px}
.slot b{color:var(--text);font-size:17px}
.slot small{font-size:12px;letter-spacing:0}
.slot__tag{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a05a00;background:#fff1d6;border-radius:980px;padding:4px 10px;margin-bottom:6px}
.bg-dark .slot{background:repeating-linear-gradient(135deg,#121214 0 14px,#19191c 14px 28px);border-color:#4a4a50;color:var(--on-dark-2)}
.bg-dark .slot b{color:var(--on-dark)}
.draft-badge{position:fixed;left:14px;bottom:14px;z-index:300;background:rgba(29,29,31,.86);color:#fff;font-size:11px;letter-spacing:.04em;
  padding:7px 12px;border-radius:980px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* ---------- Hareket ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .card{transition:none}
}

/* ---------- Dokunma alanları (en az 44 × 44 px) ----------
   Görünüm değişmez: küçük bağlantıların tıklanabilir alanı görünmez bir katmanla 44 px'e büyütülür.
   Paragraf içindeki satır içi bağlantılar bu kuralın dışındadır (WCAG 2.5.8 satır içi istisnası). */
.globalnav__logo{min-height:44px}
.localnav__title{display:inline-flex;align-items:center;min-height:44px}
.globalnav__links a,.localnav__links a,.btn--sm,.more,.contactlist a{position:relative}
.globalnav__links a::before,.localnav__links a::before,.btn--sm::before,.more::before,.contactlist a::before{
  content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}
@media (max-width:833px),(pointer:coarse){
  /* Dokunmatik ekranda alt bilgi bağlantıları sıkışık durmasın: her satır 44 px */
  .footer__dir li + li{margin-top:0}
  .footer__dir a,.footer__legal a{display:inline-flex;align-items:center;min-height:44px}
  .footer__dir h3{margin-bottom:4px}
}

/* ---------- Duyarlı (mobil öncelikli) ----------
   Taban kurallar telefon içindir (≤400 px). Genişledikçe aşağıdaki min-width katmanları eklenir:
   401 px küçük telefon üstü · 601 px büyük telefon / küçük tablet · 834 px tablet yatay · 1069 px masaüstü. */
@media (min-width:401px){
  .lineup{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:601px){
  :root{--gutter:22px}
  .lineup{grid-template-columns:repeat(3,1fr)}
  .cols{grid-template-columns:repeat(2,1fr)}
  .cols--3{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr 1fr}
  .formgrid{grid-template-columns:1fr 1fr}
  .module__media img{max-width:min(92%,1100px)}
  .card__media{height:210px}.card__media img{max-height:210px}
  .card__media--dark img{max-height:180px}
  .footer__legal .sp{margin-left:auto}
  .faq details p{padding-right:40px}
  .tile--bleed .tile__media img{width:112%}
}
@media (min-width:834px){
  .globalnav__links{display:flex}
  .globalnav .btn{display:inline-flex}
  .globalnav__call{display:none}
  .globalnav__toggle{display:none}
  .localnav__links{display:flex}
  .tiles{grid-template-columns:1fr 1fr}
  .feature{grid-template-columns:1fr 1fr}
  .feature--flip .feature__media{order:2}
  .steps{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
  .cols--3{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr 1.5fr}
  .buy{grid-template-columns:1.1fr 1fr}
  .footer__dir{grid-template-columns:repeat(4,1fr)}
  .specs__row{grid-template-columns:minmax(160px,1fr) 2.4fr;gap:24px}
}
@media (min-width:1069px){
  .lineup{grid-template-columns:repeat(5,1fr)}
  .stats{grid-template-columns:repeat(4,1fr)}
  .cols{grid-template-columns:repeat(4,1fr)}
  .cols--3{grid-template-columns:repeat(3,1fr)}
  .cols--2{grid-template-columns:repeat(2,1fr)}
}