/* Mavi zeminli, bu siteye özel giriş ve süreç karşılaştırması. */
.hero{background:linear-gradient(115deg,#146597 0%,#2588c8 58%,#3498db 100%);color:white}.hero:before{right:-100px;top:-200px;border-color:#bce7ff20;box-shadow:0 0 0 110px #b8e8ff07,0 0 0 230px #b8e8ff06}.hero-grid{min-height:660px;padding-top:58px;padding-bottom:55px;grid-template-columns:.9fr 1.1fr;gap:70px}.hero h1{font-size:clamp(54px,6.5vw,94px);line-height:1.06;margin-bottom:26px}.hero h1>span:not(.full-stop){color:#afe2ff}.hero .eyebrow{color:#cfebff;font-size:9px;letter-spacing:.13em}.hero .live-dot{background:#b5e7ff;box-shadow:0 0 0 5px #d0f0ff18}.hero-lead{color:#d9effd;font-size:14px;line-height:1.9;max-width:410px}.hero .hero-footnote{color:#c5e5f9}.hero .hero-footnote svg{color:#a8dfff}.hero .primary{background:white;color:#176b9c;box-shadow:0 10px 25px #0b36511a}.hero .primary:hover{background:#edf8ff}.hero .secondary{background:#ffffff0a;color:white;border-color:#ffffff55}.hero .secondary:hover{background:#ffffff15}.hero-visual{padding:27px 0 45px}.hero-image-frame{height:405px;border-radius:24px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 24px 60px #062d4d22;border:7px solid #ffffff20;background:#70b2dc}.hero-main img{object-position:center}.hero-image-frame:after{box-shadow:inset 0 0 0 1px #ffffff20}.visual-tag{color:#d0eeff;top:0;left:18px;font-size:8px}.visual-inset{transform:rotate(1deg);bottom:3px;left:25px;background:#fffffff2;border:1px solid #ffffffaa;border-radius:12px;width:315px;padding:8px;gap:14px;box-shadow:0 16px 40px #072e4b22;color:var(--deep)}.visual-inset picture{width:86px;height:75px;flex-basis:86px}.visual-inset strong{font-size:14px}.visual-inset span{font-size:8px}.vertical-word{color:#d5efff88;right:-25px;top:100px}.hero-bottom{border-top-color:#ffffff25;color:#c6e7fb;font-size:8px}.hero-bottom>a{color:white}.hero-copy{padding-bottom:0}.hero .button{border-radius:8px}.hero .hero-actions{margin-top:27px}
.story-section{background:#f0f7fc}.story-compare-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.story-compare-grid h2 span{color:var(--blue)}.story-compare-grid>div>p{font-size:13px;line-height:1.9}.compare-instruction{font-size:11px!important;margin:25px 0 16px;color:#69899f}.compare-slider-label{font-size:9px;font-weight:700;letter-spacing:.04em;color:#517c9a}.compare-range{display:block;width:100%;accent-color:var(--blue);cursor:ew-resize;margin:14px 0 9px;min-height:26px}.compare-legend{display:flex;justify-content:space-between;font-size:9px;color:#7592a7}.comparison{--reveal:50%;position:relative;aspect-ratio:3/2;border-radius:22px;overflow:hidden;background:#d6e7f1;box-shadow:0 20px 45px #1549690e}.compare-before,.compare-after{position:absolute;inset:0}.comparison picture,.comparison img{height:100%;width:100%}.compare-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-divider{position:absolute;left:var(--reveal);height:100%;top:0;border-left:2px solid #ffffffd9;pointer-events:none;transform:translateX(-1px)}.compare-divider b{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);border-radius:50%;width:36px;height:36px;background:white;color:#308bc3;display:grid;place-items:center;box-shadow:0 2px 12px #143c5b26;font-size:17px;font-weight:400}.compare-badge{position:absolute;top:17px;background:#ffffffeb;backdrop-filter:blur(7px);color:var(--ink);font-size:8px;letter-spacing:.12em;font-weight:700;padding:7px 12px;border-radius:5px}.compare-badge.before{right:17px}.compare-badge.after{left:17px}.comparison .motion-control{font-size:8px;bottom:11px;right:11px}.comparison .water-drop{left:24.8%;top:13%}.comparison .water-drop.d2{left:25.5%}.comparison .water-drop.d3{left:24.1%}.comparison .water-ring{bottom:15%;left:20%}.story-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:65px}.stage-card{display:grid;grid-template-columns:1fr;background:white;border-radius:13px;overflow:hidden;border:1px solid #ddebf5}.stage-card>picture{height:195px}.stage-card>div{padding:22px 24px}.stage-card>div>span{font-size:11px;color:var(--blue);display:block;margin-bottom:12px}.stage-card h3{font-size:22px;margin-bottom:13px}.stage-card p{font-size:12px;line-height:1.9;margin:0}.story-note{font-size:10px;text-align:center;color:#7b97aa;margin:25px 0 0}.story-section+.film-section{padding-top:85px}
@media(min-width:1600px){.hero-grid{min-height:710px}.hero-image-frame{height:440px}.hero h1{font-size:98px}}
@media(max-width:1100px){.hero-grid{gap:45px;min-height:610px}.hero h1{font-size:77px}.hero-image-frame{height:375px}.visual-inset{left:12px;width:290px}.story-compare-grid{gap:45px}.stage-card>picture{height:175px}.story-stages{gap:20px}}
@media(max-width:850px){.hero-grid{gap:35px;padding-top:52px;padding-bottom:52px;min-height:570px}.hero h1{font-size:65px}.hero-lead{font-size:12px}.hero-image-frame{height:330px;border-width:5px;border-radius:18px}.hero-visual{padding-bottom:50px}.visual-inset{left:0;width:255px;gap:12px}.visual-inset picture{width:68px;height:64px;flex-basis:68px}.visual-inset strong{font-size:12px}.visual-inset span{font-size:7px}.vertical-word{right:-18px}.story-compare-grid{grid-template-columns:1fr 1.2fr;gap:35px}.story-compare-grid h2{font-size:34px}.story-compare-grid>div>p{font-size:12px}.stage-card>picture{height:150px}.stage-card>div{padding:20px}.stage-card h3{font-size:20px}.stage-card p{font-size:11px}.story-stages{gap:15px;margin-top:45px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:12px;padding-top:36px;padding-bottom:28px;min-height:auto}.hero h1{font-size:clamp(53px,13.8vw,76px);line-height:1.05;letter-spacing:-.065em;margin-bottom:22px}.hero .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:24px}.hero-lead{font-size:12px;line-height:1.9;max-width:420px}.hero .hero-actions{margin-top:22px}.hero .button{padding:13px 15px;min-height:48px;font-size:11px}.hero .hero-footnote{font-size:8px;margin-top:19px}.hero-copy{padding-bottom:10px}.hero-visual{margin-top:0;padding:24px 8px 54px}.hero-image-frame{height:auto;aspect-ratio:1.38;border-radius:17px;transform:rotate(-1.7deg);border-width:5px}.hero-main,.hero-main img{height:100%;position:absolute;inset:0}.visual-tag{top:0;left:16px;font-size:7px}.visual-inset{bottom:8px;left:21px;width:250px;padding:7px;gap:14px}.visual-inset picture{width:70px;height:61px;flex-basis:70px}.visual-inset strong{font-size:12px}.visual-inset span{font-size:7px}.hero-bottom{padding:15px 0;font-size:7px}.hero-bottom>a{font-size:8px}.hero-bottom>a>span{font-size:17px}.hero:before{width:500px;height:500px;right:-300px;top:-170px;box-shadow:0 0 0 90px #b8e8ff07,0 0 0 180px #b8e8ff06}.story-compare-grid{grid-template-columns:1fr;gap:30px}.story-compare-grid h2{font-size:35px}.story-compare-grid .eyebrow{font-size:9px;margin-bottom:15px}.story-compare-grid>div>p{font-size:12px}.compare-instruction{font-size:11px!important;margin:22px 0 15px}.comparison{border-radius:15px}.compare-badge{font-size:7px;padding:6px 9px;top:12px}.compare-badge.before{right:12px}.compare-badge.after{left:12px}.compare-divider b{width:31px;height:31px;font-size:15px}.story-stages{grid-template-columns:1fr;margin-top:35px;gap:17px}.stage-card{grid-template-columns:100px 1fr}.stage-card>picture{height:100%;min-height:165px}.stage-card>div{padding:20px}.stage-card>div>span{font-size:9px;margin-bottom:8px}.stage-card h3{font-size:20px;margin-bottom:9px}.stage-card p{font-size:11px}.story-note{font-size:9px;line-height:1.9;text-align:left;margin-top:20px}.story-section+.film-section{padding-top:60px}}
@media(max-width:359px){.hero h1{font-size:50px}.hero .eyebrow{font-size:6.4px}.hero .button{font-size:10px;padding:12px}.visual-inset{width:230px;left:15px;gap:12px}.visual-inset strong{font-size:11px}.stage-card{grid-template-columns:85px 1fr}.stage-card>div{padding:17px}.stage-card h3{font-size:18px}}

.landing-editorial{background:#fff;border-top:1px solid #edf3f7}.editorial-row{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.editorial-row+.editorial-row{margin-top:100px}.editorial-row.reverse .editorial-photo{order:2}.editorial-photo{position:relative;align-self:stretch;min-height:490px}.editorial-photo>picture{height:100%;position:absolute;inset:0;border-radius:20px;overflow:hidden}.editorial-photo-tag{position:absolute;left:20px;bottom:20px;right:20px;background:#fffffff0;padding:15px;border-radius:7px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:8px;letter-spacing:.1em;color:#2a719f}.editorial-photo-tag svg{width:18px;height:18px;flex-basis:18px}.editorial-text h2{font-size:40px;line-height:1.16}.editorial-text h2 span{color:var(--blue)}.editorial-text h3{font-size:22px;margin:25px 0 15px;line-height:1.3}.editorial-text p{font-size:12px;line-height:1.95}.editorial-text strong{font-weight:700;color:#466c85}.editorial-text .text-link{font-size:11px;margin-top:10px}@media(max-width:1000px){.editorial-row{gap:45px}.editorial-text h2{font-size:34px}.editorial-photo{min-height:450px}.editorial-row+.editorial-row{margin-top:70px}}@media(max-width:700px){.editorial-row{grid-template-columns:1fr;gap:30px}.editorial-photo{height:275px;min-height:0}.editorial-row.reverse .editorial-photo{order:0}.editorial-photo>picture{border-radius:15px}.editorial-text h2{font-size:33px}.editorial-text h3{font-size:23px;margin-top:24px}.editorial-text p{font-size:12px}.editorial-photo-tag{left:12px;bottom:12px;right:12px;font-size:7px;padding:12px}.editorial-row+.editorial-row{margin-top:55px}}

/* Okunabilirlik: küçük metin ve butonlarda daha yüksek kontrast. */
.primary{background:#187bb8}.primary:hover{background:#126ba3}.text-link{color:#176fa7}.eyebrow{color:#2075aa}.overline{color:#52738c}.hero .primary{background:#fff;color:#176b9c}.hero .eyebrow{color:#cfebff}.process .eyebrow.light{color:#e1f4ff}.area-tabs button.active{background:#187bb8;border-color:#187bb8}.area-note{color:#a5bfd3}.area-tabs button{color:#d7e8f4}.district-grid a{font-size:12px}.hero .hero-footnote{font-size:10px;color:#dbf0ff}.hero-lead{color:#e5f5ff}.footer-bottom{color:#607a8d}.footer-location{color:#607a8d}.hero .vertical-word{color:#e6f7ff}@media(max-width:700px){.hero .hero-footnote{font-size:9px}.district-grid a{font-size:11px}}