*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102342;background:#fff}a{text-decoration:none;color:inherit}header{height:76px;padding:0 max(4%,calc((100% - 1300px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf5;gap:20px}.brand{font-size:20px;font-weight:800;white-space:nowrap}.brand b{display:inline-grid;place-items:center;background:#145bd7;color:white;border-radius:50%;width:36px;height:36px;margin-right:8px}.brand span,footer span{color:#1762d8}.brand small{font-size:10px;color:#75839a}nav{display:flex;gap:22px;font-size:13px;font-weight:600}nav a:hover{color:#145bd7}.contact,.btn{padding:13px 18px;border-radius:9px;background:#145bd7;color:white;font-weight:700;font-size:13px}.mobile{display:none}.container{max-width:1300px;margin:auto;padding:0 22px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding:70px 30px;min-height:460px;background:linear-gradient(110deg,#f3f8ff,#fff,#edf8ff);border-radius:0 0 32px 32px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#2676ca}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.1;letter-spacing:-2px;margin:18px 0}.hero h1 span{color:#145bd7}.hero p{color:#617087;line-height:1.8;max-width:540px}.btn{display:inline-block;margin:18px 8px 8px 0}.light{background:white;color:#102342;border:1px solid #e4eaf2}.disclaimer{display:block;color:#8793a5;font-size:10px;margin-top:12px}.hero-art{height:320px;display:grid;place-items:center;background:radial-gradient(circle,#d6edff,#eef7ff 65%,transparent 66%)}.glass{width:310px;padding:28px;border-radius:22px;background:#ffffffdf;box-shadow:0 20px 60px #173b6820;transform:rotate(-3deg)}.bars{height:90px;display:flex;align-items:end;gap:12px;padding:10px;background:#f4f8ff;border-radius:12px}.bars i{flex:1;background:linear-gradient(#35c8d6,#2464dc);border-radius:5px 5px 0 0}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:60%}.bars i:nth-child(4){height:52%}.bars i:nth-child(5){height:82%}.bars i:nth-child(6){height:100%}.glass h2{font-size:24px}.glass p{font-size:12px}.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:22px 0}.tiles a{min-height:130px;border:1px solid #e7edf5;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 5px 18px #12345c08}.tiles b{font-size:27px;color:#1762d8}.tiles strong{font-size:13px}.tiles small{color:#1762d8}.panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:35px 0 65px}.panels article{padding:30px;border-radius:18px;background:#f1f6ff}.panels article+article{background:#effaf7}.panels article>span{font-size:10px;letter-spacing:1px;color:#2676ca;font-weight:800}.panels h2{margin:10px 0}.panels p{color:#64738a;font-size:13px;line-height:1.7}.panels a{color:#145bd7;font-weight:800;font-size:13px}footer{background:#0b1d3a;color:#dce6f3;padding:35px max(5%,calc((100% - 1250px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p,footer small{color:#9aabc0;font-size:12px}footer a{font-size:12px}.page{padding:55px 0;min-height:60vh}.card{padding:28px;border:1px solid #e7edf5;border-radius:15px;line-height:1.8;color:#5c6b80}.notice{padding:13px;background:#fff8e8;border:1px solid #f0dfb7;border-radius:9px;font-size:12px;color:#735b28}@media(max-width:950px){nav{gap:10px;font-size:11px}.tiles{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{height:66px;padding:0 15px}.mobile{display:block;border:0;background:none;font-size:24px}nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:20px;z-index:10;flex-direction:column}nav.open{display:flex}.contact{display:none}.hero{grid-template-columns:1fr;padding:40px 20px}.hero-art{height:260px}.tiles{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}footer{flex-direction:column}}

.inner-hero{margin:0 -22px;padding:48px 7% 55px;background:linear-gradient(115deg,#f0f6ff,#f9fcff 60%,#eaf7fb);border-radius:0 0 28px 28px}
.crumb{font-size:11px;color:#8b98aa;margin-bottom:27px}.crumb a{color:#236bc9}.crumb span{padding:0 8px;color:#b3bfcd}
.inner-hero h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.8px;margin:12px 0}.inner-hero>p{color:#64738a;font-size:15px;line-height:1.8;max-width:650px}
.inner-content{padding:32px 0 65px}.intro-card{padding:25px 28px;background:white;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 8px 25px #16345c08}.intro-card h2{font-size:20px;margin:0 0 9px}.intro-card p{color:#65748a;font-size:13px;line-height:1.8;margin:0}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.detail-card{padding:23px;border:1px solid #e6edf5;border-radius:15px;background:#fff;min-height:160px}.detail-card span{display:inline-block;color:#1b6bd2;background:#edf5ff;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:800}.detail-card h3{font-size:15px;margin:15px 0 7px}.detail-card p{font-size:12px;line-height:1.75;color:#6a788d;margin:0}
.disclaimer-box{padding:18px 22px;border:1px solid #d9e8f7;background:#f4f9ff;border-radius:13px;margin-top:20px}.disclaimer-box strong{font-size:13px;color:#174d91}.disclaimer-box p{font-size:12px;color:#65748a;line-height:1.7;margin:6px 0 0}
@media(max-width:760px){.inner-hero{padding:35px 22px}.detail-grid{grid-template-columns:1fr}.inner-content{padding-top:22px}}

.contact-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;margin:45px 0;padding:38px;border:1px solid #e5edf7;border-radius:22px;background:linear-gradient(120deg,#f3f8ff,#fff);box-shadow:0 12px 35px #16345c0a}
.contact-copy h2{font-size:30px;letter-spacing:-.8px;margin:12px 0}.contact-copy p{max-width:560px;color:#64738a;line-height:1.8;font-size:14px}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.action-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;border-radius:10px;font-weight:800;font-size:13px;color:white}.action-btn.whatsapp{background:#168b58}.action-btn.call{background:#145bd7}
.callback-form{background:#fff;padding:25px;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 10px 30px #173b680c}.callback-form h3{margin:0 0 18px;font-size:20px}.callback-form label{display:block;font-size:12px;font-weight:700;margin:12px 0 6px;color:#30435f}.callback-form input,.callback-form textarea{width:100%;border:1px solid #dce5f0;border-radius:8px;padding:12px;font:inherit;font-size:13px;outline:none}.callback-form input:focus,.callback-form textarea:focus{border-color:#3478d4}.callback-form button{width:100%;border:0;border-radius:9px;background:#145bd7;color:white;padding:14px;font-weight:800;margin-top:15px;cursor:pointer}.callback-form small{display:block;color:#8b98aa;font-size:10px;margin-top:10px}.form-success,.form-error{padding:10px;border-radius:8px;font-size:12px;margin-bottom:12px}.form-success{background:#eaf8ef;color:#17633a}.form-error{background:#fff0ef;color:#a52a20}
@media(max-width:760px){.contact-cta{grid-template-columns:1fr;padding:23px;margin:28px 0}.contact-copy h2{font-size:25px}}

/* Sağ kenarda sayfayla birlikte sabit kalan yuvarlak hızlı iletişim simgeleri */
.floating-contact{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:12px}
.float-contact{width:112px;height:112px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-align:center;font-weight:800;font-size:15px;line-height:1.12;border:4px solid #fff;outline:1px solid #e4eaf1;box-shadow:0 5px 12px #10234240,0 2px 3px #10234220;text-shadow:0 1px 2px #0003;transition:transform .18s ease,box-shadow .18s ease}
.float-contact:hover{transform:scale(1.06);box-shadow:0 8px 18px #10234255}
.float-contact svg{width:40px;height:40px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.float-contact span{display:block}.float-contact small{display:block;font-size:10px;margin-top:4px;white-space:nowrap}
.float-callback{background:linear-gradient(145deg,#ff9417,#ff5b00)}
.float-whatsapp{background:linear-gradient(145deg,#55d83a,#16a820)}
.float-call{background:linear-gradient(145deg,#1684f5,#034bb7)}
@media(max-width:700px){
 .floating-contact{right:7px;top:auto;bottom:18px;transform:none;gap:8px}
 .float-contact{width:76px;height:76px;border-width:3px;font-size:10px;gap:1px}
 .float-contact svg{width:27px;height:27px;stroke-width:2.5}
 .float-contact small{font-size:7px;margin-top:2px}
}

#sizi-arayalim{scroll-margin-top:28px}

/* ===== Ana sayfa v2 (tasarım görseline göre) ===== */
header{position:relative;z-index:50;background:#fff}
nav .has-sub{position:relative}nav .has-sub>a{display:inline-flex;align-items:center;gap:6px}
.chev{width:7px;height:7px;border-right:2px solid #102342;border-bottom:2px solid #102342;transform:rotate(45deg) translateY(-2px);display:inline-block}
nav .sub{display:none;position:absolute;top:100%;left:-14px;min-width:190px;padding:8px;background:#fff;border:1px solid #e4ebf4;border-radius:12px;box-shadow:0 14px 34px #12345c1f;flex-direction:column;gap:2px;z-index:60}
nav .has-sub:hover .sub,nav .has-sub:focus-within .sub{display:flex}
nav .sub a{padding:10px 12px;border-radius:8px;font-weight:600}nav .sub a:hover{background:#f0f6ff}
.contact{display:inline-flex;align-items:center;gap:8px;font-size:14px;padding:15px 20px;border-radius:10px}.contact svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-4px;margin-right:9px}
.btn.ok{background:#16803c;color:#fff}
.arr{display:inline-block;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg) scale(.8);vertical-align:1px;margin-left:6px}
.arr.w{border-color:#fff}
.home-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:20px;margin:0 -22px;padding:46px max(4%,calc((100% - 1300px)/2)) 36px;min-height:460px;background:linear-gradient(100deg,#f4f8ff 0%,#fff 55%,#eef6ff 100%);position:relative;overflow:hidden}
.home-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-70px;height:120px;border-radius:50%;background:linear-gradient(90deg,#e8f0fb,#fff 50%,#1b5fe0);opacity:.25;z-index:0}
.hh-copy{position:relative;z-index:2}
.home-hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.05;letter-spacing:-2.2px;margin:16px 0 22px;color:#0b1b36}
.home-hero h1 span{color:#145bd7;position:relative}
.home-hero h1 span:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;border-bottom:3px solid #2d7cf0;border-radius:50%;opacity:.55}
.home-hero p{font-size:17px;line-height:1.65;color:#3b4a63;max-width:520px}
.hh-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.hh-actions .btn{margin:14px 0 6px;padding:16px 22px;font-size:15px}
.btn.light{box-shadow:0 4px 14px #12345c14}
.hh-photo{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.hh-photo img{display:block;flex:1 1 0;min-width:0;width:100%;max-width:520px;height:auto;border-radius:26px;box-shadow:0 22px 50px #12345c26;}
.hh-cards{flex:none;width:240px;display:flex;flex-direction:column;gap:12px}
.hh-card{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#ffffffe6;border-radius:14px;box-shadow:0 10px 30px #12345c1f;backdrop-filter:blur(4px)}
.hh-card b{display:block;font-size:14px;color:#0b1b36}.hh-card small{display:block;font-size:11px;color:#5d6b82;line-height:1.35;margin-top:2px}
.ci{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eef4ff}.ci.green{background:#e7f6ec}
.ci svg{width:24px;height:24px;fill:none;stroke:#1a62dd;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ci.green svg{stroke:#1f9b4d}.ci svg:first-child path{fill:none}
.ci.blue:first-child svg{fill:#1a62dd}
.tiles.v2{margin:24px 0}
.tiles.v2 a{min-height:140px;gap:12px;background:#fff;transition:transform .15s,box-shadow .15s}
.tiles.v2 a:hover{transform:translateY(-3px);box-shadow:0 14px 28px #12345c14}
.tiles.v2 svg{width:44px;height:44px;fill:none;stroke:#1762d8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tiles.v2 strong{font-size:15px}.tiles.v2 .arr{border-color:#1762d8;transform:rotate(45deg) scale(.7);margin:-2px 0 0}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}
.tool{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 34px;border-radius:20px;min-height:210px}
.tool.blue{background:linear-gradient(110deg,#eef4fd,#f5f9ff)}.tool.green{background:linear-gradient(110deg,#e9f7f1,#f2fbf7)}
.tool h2{font-size:24px;letter-spacing:-.6px;margin:0 0 10px;display:flex;align-items:center;gap:10px;color:#0b1b36}
.tool p{font-size:14.5px;line-height:1.6;color:#4a5a73;max-width:340px;margin:0 0 6px}
.tool .btn{margin:14px 0 0;padding:14px 20px}
.tool .tbars{flex:none;width:30px;height:30px;fill:#1f9b4d;stroke:none}
.tool-art{position:relative;flex:none;width:170px;height:150px;display:grid;place-items:center}
.tool-art svg{width:120px;height:120px;fill:none;stroke:#6f7f9c;stroke-width:1.2;stroke-linecap:round;filter:drop-shadow(0 12px 14px #12345c2e);transform:rotate(-12deg)}
.tool-art svg rect{fill:#fff}.tool-art span{position:absolute;right:6px;top:2px;width:56px;height:56px;border-radius:50%;background:#2d8cf5;color:#fff;font-weight:800;font-size:28px;display:grid;place-items:center;box-shadow:0 8px 16px #1a62dd55}
.tool-art.calc{order:-1}
.tool.blue{justify-content:flex-start;gap:36px}
.gauge{flex:none;position:relative;width:220px;padding:16px 14px 12px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 12px 30px #12345c14}
.gauge svg{width:100%;height:auto;display:block}.gauge b{display:block;font-size:34px;letter-spacing:-1px;margin-top:-34px;position:relative;color:#0b1b36}.gauge small{display:block;font-size:11px;color:#7b889c;margin-top:4px}
.guide-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:40px 0 18px}
.guide-head h2{font-size:30px;letter-spacing:-.8px;margin:0 0 6px;color:#0b1b36}.guide-head p{margin:0;color:#5d6b82;font-size:15px}
.guide-head a{color:#145bd7;font-weight:700;font-size:14px;white-space:nowrap}.guide-head .arr{border-color:#145bd7}
.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 50px}
.guide-cards a{display:block;padding:24px;border:1px solid #e6edf5;border-radius:16px;background:#fff;box-shadow:0 6px 20px #12345c0a;transition:transform .15s}
.guide-cards a:hover{transform:translateY(-3px)}
.guide-cards span{display:inline-block;color:#1b6bd2;background:#edf5ff;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800}
.guide-cards h3{font-size:16px;margin:14px 0 8px;color:#0b1b36}.guide-cards p{font-size:13px;line-height:1.7;color:#64738a;margin:0}

/* Sağ kenarda sabit hızlı iletişim: daha küçük yuvarlak butonlar, üzerine gelince yazı açılır */
.floating-contact{right:14px;top:auto;bottom:22px;transform:none;gap:10px;align-items:flex-end}
.float-contact{width:62px;height:62px;border-width:3px;gap:0;font-size:0;overflow:visible;position:relative}
.float-contact svg{width:30px;height:30px;stroke-width:2.3}
.float-contact span{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;white-space:nowrap;background:#0b1d3a;color:#fff;font-size:13px;font-weight:700;padding:8px 12px;border-radius:9px;text-shadow:none;transition:.18s}
.float-contact:hover span,.float-contact:focus span{opacity:1;transform:translateY(-50%) translateX(0)}
.float-contact small{display:inline;font-size:12px;margin:0 0 0 6px}
.float-contact span br{display:none}
@media(max-width:950px){.home-hero{grid-template-columns:1fr;padding:34px 20px 30px}.hh-photo{min-height:0;margin-top:8px}.hh-photo img{margin:0 auto}.hh-photo{flex-direction:column;align-items:stretch}.hh-cards{width:100%;flex-direction:row;flex-wrap:wrap}.hh-card{flex:1 1 180px}.tools{grid-template-columns:1fr}.guide-cards{grid-template-columns:1fr}.tool{padding:24px}.nav .sub{position:static}}
@media(max-width:700px){nav .has-sub .sub{position:static;border:0;box-shadow:none;padding:0 0 0 12px}nav .has-sub:hover .sub{display:flex}.contact{display:none}.floating-contact{right:10px;bottom:14px}.float-contact{width:54px;height:54px}.float-contact svg{width:26px;height:26px}.float-contact span{display:none}.tool{flex-direction:column;align-items:flex-start}.tool.blue .tool-art{order:0}.gauge{width:100%;max-width:240px}.guide-head{flex-direction:column;align-items:flex-start}.hh-photo img{-webkit-mask-image:none;mask-image:none}}