*{box-sizing:border-box} :root{--bg:#080d17;--panel:#101827;--panel2:#141f31;--text:#f3f6fb;--muted:#9aa8bc;--yellow:#ffd629;--green:#17d887;--line:#202d40;--blue:#4ba3ff}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.header{height:78px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:#080c14;border-bottom:1px solid #1b2636;position:sticky;top:0;z-index:8}.logo{display:flex;align-items:center;gap:10px;min-width:max-content}.logo-icon{width:37px;height:37px;background:var(--yellow);color:#111827;display:grid;place-items:center;border-radius:8px;font-weight:900;font-size:13px;box-shadow:0 0 25px #ffd62919}.logo strong{display:block;font-size:13px;letter-spacing:.5px;line-height:1.4}.logo small{display:block;font-size:8px;color:#8391a5;letter-spacing:1.4px;font-weight:700}.header nav{display:flex;gap:23px;align-items:center}.header nav a{font-size:11px;color:#c2ccda;font-weight:600;white-space:nowrap}.header nav a:hover{color:var(--yellow)}.head-actions{display:flex;gap:8px}.btn{min-height:39px;padding:0 15px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-green{background:var(--green);color:#042014}.btn-yellow{background:var(--yellow);color:#17180c}.btn-outline{border-color:#34445c;background:#111a29;color:#eef3fb}.btn.large{min-height:48px;padding:0 20px;font-size:12px}.btn.full{width:100%}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:23px}.hero{position:relative;min-height:510px;display:flex;align-items:center;padding:72px clamp(22px,8vw,120px);overflow:hidden;background:radial-gradient(ellipse at 82% 35%,#172b45 0%,transparent 40%),linear-gradient(105deg,#080d17 0%,#0c1422 64%,#101d2f 100%)}.hero:after{content:"";position:absolute;right:-60px;top:45px;width:44%;height:390px;border:1px solid #263951;border-radius:48% 15% 40% 12%;transform:skewY(-9deg);background:linear-gradient(140deg,#1b2a3d99,#070b13cc);box-shadow:inset 0 0 70px #03060a;opacity:.7}.hero-bg{position:absolute;right:0;top:70px;width:58%;height:440px;background:url('images/ana-gorsel-arac.png') center/cover no-repeat;border-radius:22px;opacity:.9;filter:none;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.75) 12%,#000 28%,#000 100%);box-shadow:0 24px 80px rgba(0,0,0,.45)}.hero-content{max-width:720px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--yellow);font-size:9px;letter-spacing:1.7px;font-weight:900}.eyebrow span{width:6px;height:6px;background:var(--yellow);border-radius:2px;display:inline-block;box-shadow:0 0 12px #ffd62955}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.1;letter-spacing:-2.3px;margin:22px 0 16px;font-weight:900}.hero h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-content>p{max-width:620px;color:#aebbd0;font-size:14px;line-height:1.9}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.hero-points{display:flex;gap:20px;flex-wrap:wrap;color:#aebbd0;font-size:10px}.hero-points span:first-letter{color:var(--green)}.hero-stats{position:absolute;right:7%;bottom:35px;display:flex;gap:10px;z-index:2}.hero-stats div{padding:13px 16px;background:#0c1422e8;border:1px solid #293950;border-radius:7px;min-width:104px}.hero-stats b{display:block;color:var(--yellow);font-size:14px}.hero-stats span{display:block;color:#93a2b8;font-size:9px}.section{padding:76px clamp(18px,6vw,90px)}.gallery-section{background:#0a101c}.section-title{text-align:center;max-width:730px;margin:0 auto 32px}.section-title .eyebrow{justify-content:center}.section-title h2,.why-copy h2,.contact-section h2{font-size:clamp(26px,3.5vw,38px);line-height:1.2;letter-spacing:-1.4px;margin:12px 0}.section-title p{color:var(--muted);font-size:12px;margin:0 auto;max-width:640px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1200px;margin:auto}.gallery-card{text-align:left;padding:0;overflow:hidden;background:var(--panel);border:1px solid #202c3f;border-radius:8px;color:inherit;cursor:zoom-in;transition:border-color .2s,transform .2s}.gallery-card:hover{transform:translateY(-3px);border-color:#796d2a}.photo{position:relative;background:#060a11;overflow:hidden}.photo img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .4s}.gallery-card:hover .photo img{transform:scale(1.035)}.pill{position:absolute;top:10px;left:10px;background:#080d17e8;border:1px solid #37465b;color:var(--yellow);font-size:8px;font-weight:900;letter-spacing:.8px;border-radius:4px;padding:5px 7px}.card-copy{padding:15px 16px 17px}.card-copy h3{font-size:13px;margin:0 0 6px}.card-copy p{color:#93a2b7;font-size:10px;min-height:31px;margin:0 0 12px}.card-link{color:var(--green);font-size:10px;font-weight:800}.gallery-cta{max-width:1200px;margin:20px auto 0;border:1px solid #26364a;background:#101a2a;padding:16px 19px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#c7d0df;font-size:12px}.services-section{background:#080d17}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:1200px;margin:auto}.service{padding:22px 19px;background:var(--panel);border:1px solid #1e2a3d;border-radius:8px;min-height:180px}.service-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;font-size:19px;margin-bottom:16px;background:#242a3a}.service-icon.yellow{color:var(--yellow);background:#332e1a}.service-icon.green{color:var(--green);background:#12332c}.service-icon.blue{color:#63b8ff;background:#172d44}.service-icon.purple{color:#c6a3ff;background:#2b2140}.service h3{font-size:12px;margin:0 0 8px}.service p{font-size:10px;line-height:1.8;color:#96a5b9;margin:0}.why-section{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;background:#0d1422}.why-copy h2{max-width:650px}.why-copy>p{color:var(--muted);font-size:12px;max-width:600px}.why-list{display:grid;gap:10px;margin-top:22px}.why-list>div{display:flex;gap:13px;padding:13px;background:#131e2e;border:1px solid #1e2d41;border-radius:6px}.why-list>div>b{color:var(--yellow);font-size:12px}.why-list strong{display:block;font-size:11px}.why-list small{display:block;color:#93a2b8;font-size:10px;margin-top:3px}.compare{background:#131e2e;border:1px solid #26374e;border-radius:9px;padding:22px}.compare h3{font-size:14px;margin:0 0 15px}.compare-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #27354a;font-size:10px}.compare-row b{font-size:10px}.good{color:var(--green)}.bad{color:#ff8181}.compare-note{color:#9eacc0;font-size:10px;padding:14px 0 17px}.quote-section{background:#080d17}.quote-box{max-width:650px;margin:auto;padding:27px;background:#111b2b;border:1px solid #29374c;border-radius:10px;text-align:center}.quote-icon{margin:auto auto 13px;width:44px;height:44px;border-radius:10px;background:#2e2a17;color:var(--yellow);display:grid;place-items:center;font-size:22px}.quote-box h3{font-size:16px;margin:0 0 8px}.quote-box p{color:var(--muted);font-size:11px;max-width:490px;margin:0 auto 20px}.call-link{display:block;margin-top:14px;color:#aab8ca;font-size:10px}.call-link strong{color:var(--yellow)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:#0c1320}.contact-section>div>p{color:var(--muted);font-size:12px}.contact-info{display:grid;gap:10px;margin-top:22px}.contact-info>a,.contact-info>div{display:flex;align-items:center;gap:13px;padding:12px 14px;background:#141f30;border:1px solid #223147;border-radius:6px}.contact-info>a>span,.contact-info>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#282919;color:var(--yellow);font-size:17px}.contact-info small{display:block;color:#8f9eb4;font-size:8px;letter-spacing:1.1px;font-weight:800}.contact-info strong{display:block;font-size:11px;margin-top:3px}.map-card{min-height:255px;padding:30px;border:1px solid #28374c;border-radius:9px;background:radial-gradient(circle at 70% 10%,#263650,#151f30 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.map-symbol{font-size:28px;color:var(--yellow)}.map-card h3{font-size:17px;margin:8px 0}.map-card p{font-size:11px;color:#9eacc0;margin:0 0 18px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px clamp(18px,5vw,76px);background:#070b12;border-top:1px solid #1b2636}footer p,footer>a:last-child{font-size:10px;color:#8998ad}.floating-wa{position:fixed;right:19px;bottom:20px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#032013;font-size:27px;font-weight:900;box-shadow:0 5px 25px #0008;z-index:7}.lightbox{display:none;position:fixed;inset:0;background:#02050aee;z-index:20;align-items:center;justify-content:center;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:10px;background:none;color:white;border:0;font-size:42px;cursor:pointer}
@media(max-width:1000px){.header{padding:0 18px;gap:12px}.header nav{gap:12px}.header nav a{font-size:10px}.head-actions .btn{padding:0 10px;font-size:10px}.hero-stats{right:4%}.services{grid-template-columns:repeat(2,1fr)}.photo img{height:160px}}
@media(max-width:760px){.header{height:70px}.menu-toggle{display:block;order:3}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0a101b;border-bottom:1px solid var(--line);padding:18px;flex-direction:column;align-items:flex-start}.header nav.open{display:flex}.head-actions{margin-left:auto}.head-actions .btn-yellow{display:none}.logo strong{font-size:11px}.hero{min-height:570px;padding:65px 22px 125px}.hero:after{right:-35%;top:80px;width:85%;opacity:.32}.hero-bg{right:0;top:190px;width:88%;height:300px;opacity:.42}.hero h1{font-size:40px;letter-spacing:-1.6px}.hero-stats{left:22px;right:22px;bottom:20px;justify-content:space-between}.hero-stats div{flex:1;min-width:0;padding:10px}.hero-stats b{font-size:12px}.hero-stats span{font-size:8px}.hero-points{flex-direction:column;gap:7px}.section{padding:58px 18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo img{height:145px}.card-copy{padding:12px}.card-copy h3{font-size:11px}.card-copy p{font-size:9px}.gallery-cta{align-items:flex-start;flex-direction:column}.why-section,.contact-section{grid-template-columns:1fr;gap:25px}.why-section{padding-top:60px;padding-bottom:60px}.quote-box{padding:22px 16px}}
@media(max-width:420px){.head-actions .btn-green{font-size:9px;padding:0 9px}.logo{gap:7px}.logo-icon{width:32px;height:32px}.logo small{font-size:7px}.hero h1{font-size:34px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.gallery{grid-template-columns:1fr}.photo img{height:210px}.services{grid-template-columns:1fr}.service{min-height:0}.section-title h2,.why-copy h2,.contact-section h2{font-size:27px}footer{align-items:flex-start;flex-direction:column}}
\n
/* Müşteri yorumları bölümü — mevcut siyah/kırmızı? değil, mevcut siyah/sarı/yeşil temaya uyumlu */
.reviews-section{background:#0b111d}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1200px;margin:0 auto}
.review-card{position:relative;padding:20px;background:var(--panel);border:1px solid #26364b;border-radius:9px;min-height:210px}
.review-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.review-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#332e1a;color:var(--yellow);font-weight:900;font-size:15px}
.review-top h3{font-size:12px;margin:0 0 4px}
.review-type{font-size:9px;color:#96a5b9}
.review-stars{margin-left:auto;color:var(--yellow);letter-spacing:1px;font-size:12px;white-space:nowrap}
.review-card>p{font-size:11px;line-height:1.85;color:#c0cada;margin:0 0 15px}
.review-label{display:inline-block;padding:4px 7px;border:1px solid #5a4b24;border-radius:4px;color:var(--yellow);font-size:8px;font-weight:800;letter-spacing:.8px}
.reviews-note{max-width:1200px;margin:14px auto 0;color:#8998ad;font-size:9px;line-height:1.7}
@media(max-width:760px){.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}}

/* Online ön değerlendirme formu */
.quote-form{max-width:760px;margin:0 auto;padding:22px;background:var(--panel,#101827);border:1px solid #24344a;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-field{min-width:0;display:flex;flex-direction:column;gap:9px}.full-field{grid-column:1/-1}
.form-field>label{font-size:10px;font-weight:900;letter-spacing:.45px;color:#dce5f2}
.form-field input[type=text],.form-field select,.form-field textarea{width:100%;box-sizing:border-box;background:#172235;color:#f4f7fb;border:1px solid #2b3b52;border-radius:7px;padding:12px;font:inherit;font-size:12px;outline:none}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#facc15}
.form-field select option{background:#172235;color:#fff}
.part-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.part-option{cursor:pointer;position:relative}.part-option input{position:absolute;opacity:0;pointer-events:none}
.part-option span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:38px;padding:6px;background:#172235;border:1px solid transparent;border-radius:7px;color:#dce5f2;font-size:10px;font-weight:700}
.part-option input:checked+span{border-color:#facc15;color:#facc15;background:#25291f}
.part-option input:focus-visible+span{outline:2px solid #facc15}
.form-hint{font-size:10px;color:#94a3b8;text-align:center;margin:0;line-height:1.6}
@media(max-width:650px){.quote-form{grid-template-columns:1fr;padding:16px}.full-field{grid-column:auto}.part-options{grid-template-columns:repeat(2,minmax(0,1fr))}}