*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15171a;background:#f7f7f5;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{background:#111;color:#f4f4f4;font-size:.88rem}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.topbar strong{color:#ffcc31}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e3}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em}.brand-mark{width:46px;height:46px;border-radius:14px;background:#111;display:grid;place-items:center;color:#ffcc31;font-weight:900;font-size:1.2rem;box-shadow:0 9px 24px rgba(0,0,0,.15)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:1.08rem}.brand-copy span{font-size:.72rem;color:#777;letter-spacing:.12em;margin-top:5px}.menu{display:flex;align-items:center;gap:22px;font-weight:700;font-size:.94rem}.menu a:hover{color:#c43b2f}.nav-cta,.btn-primary,.btn-dark,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:900;transition:.2s ease}.nav-cta{background:#111;color:#fff;padding:12px 17px}.nav-cta:hover,.btn-dark:hover{transform:translateY(-1px);background:#2a2a2a}.menu-btn{display:none;border:0;background:#111;color:#fff;border-radius:10px;padding:10px 12px;font-size:1rem}.hero{position:relative;min-height:640px;display:grid;align-items:center;overflow:hidden;background:#181818;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.96) 0%,rgba(10,10,10,.85) 45%,rgba(10,10,10,.25) 78%,rgba(10,10,10,.12) 100%),url('yol-yardim.webp') center/cover no-repeat}.hero .container{position:relative;z-index:2}.hero-copy{max-width:680px;padding:84px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ffcc31;font-weight:900;letter-spacing:.12em;font-size:.79rem;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:3px;background:#ffcc31;border-radius:2px}.hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 20px;max-width:780px}.hero h1 em{font-style:normal;color:#ffcc31}.hero p{font-size:1.14rem;max-width:650px;color:#e8e8e8;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-primary{background:#ffcc31;color:#111;padding:15px 20px}.btn-primary:hover{transform:translateY(-1px);background:#ffd95e}.btn-light{border:1px solid rgba(255,255,255,.35);color:#fff;padding:14px 19px;background:rgba(255,255,255,.07)}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.hero-badges span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);padding:9px 12px;border-radius:999px;font-size:.9rem;font-weight:800}.quick-strip{background:#ffcc31}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.quick-grid div{padding:21px 20px;border-right:1px solid rgba(17,17,17,.16)}.quick-grid div:last-child{border-right:0}.quick-grid b{display:block;font-size:1.05rem}.quick-grid span{font-size:.86rem;color:#46423a}.section{padding:86px 0}.section.white{background:#fff}.section.dark{background:#111;color:#fff}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-head>div{max-width:690px}.kicker{font-size:.8rem;font-weight:900;color:#c43b2f;letter-spacing:.12em;text-transform:uppercase}.dark .kicker{color:#ffcc31}.section h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.045em;line-height:1.05;margin:10px 0 12px}.section-head p{max-width:470px;color:#666;margin:0}.dark .section-head p{color:#bbb}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #e5e5df;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.05)}.service-icon{width:48px;height:48px;border-radius:13px;background:#fff2bf;display:grid;place-items:center;font-size:1.45rem;margin-bottom:28px}.service-card h3{margin:0 0 8px;font-size:1.16rem}.service-card p{margin:0;color:#676767;font-size:.94rem}.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:stretch}.photo-panel{border-radius:24px;overflow:hidden;min-height:470px;position:relative}.photo-panel img{width:100%;height:100%;object-fit:cover}.photo-panel .photo-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(17,17,17,.86);backdrop-filter:blur(8px);color:#fff;padding:18px;border-radius:14px}.photo-caption strong{display:block;color:#ffcc31;font-size:1.15rem}.feature-list{display:grid;gap:12px}.feature{display:flex;gap:14px;padding:18px;border:1px solid #e4e4df;background:#fff;border-radius:16px}.feature-num{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#111;color:#ffcc31;display:grid;place-items:center;font-weight:900}.feature h3{margin:0 0 4px;font-size:1.04rem}.feature p{margin:0;color:#666;font-size:.91rem}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.area-card{padding:18px;border:1px solid #2a2a2a;border-radius:15px;background:#181818;transition:.2s ease}.area-card:hover{border-color:#ffcc31;transform:translateY(-2px)}.area-card b{display:block;color:#fff}.area-card span{font-size:.84rem;color:#9e9e9e}.area-card i{font-style:normal;color:#ffcc31;float:right}.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:240px;gap:14px}.gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#ddd}.gallery figure:first-child{grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover}.cta-band{padding:38px;border-radius:24px;background:#ffcc31;display:flex;justify-content:space-between;align-items:center;gap:26px}.cta-band h2{margin:0 0 6px;font-size:clamp(1.8rem,4vw,3rem)}.cta-band p{margin:0;color:#4e4838}.btn-dark{background:#111;color:#fff;padding:15px 20px;white-space:nowrap}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq details{background:#fff;border:1px solid #e5e5df;border-radius:14px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:900}.faq p{color:#666;margin:12px 0 0}.footer{background:#0c0c0c;color:#d7d7d7;padding:54px 0 120px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer h3{color:#fff;margin-top:0}.footer p,.footer a{color:#9c9c9c}.footer a:hover{color:#ffcc31}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid #242424;margin-top:34px;padding-top:20px;font-size:.84rem;color:#777}.mobile-dock{display:none}.area-hero{padding:90px 0 70px;background:#141414;color:#fff;position:relative;overflow:hidden}.area-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#ffcc31;filter:blur(130px);opacity:.1;right:-100px;top:-120px}.breadcrumbs{font-size:.85rem;color:#999;margin-bottom:18px}.breadcrumbs a{color:#ffcc31}.area-hero h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1;letter-spacing:-.05em;margin:0 0 18px;max-width:920px}.area-hero p{max-width:760px;color:#d0d0d0;font-size:1.08rem}.area-content{display:grid;grid-template-columns:1fr 330px;gap:32px;align-items:start}.content-card{background:#fff;border:1px solid #e6e6e1;border-radius:20px;padding:28px}.content-card h2{font-size:1.8rem;margin-top:0}.content-card h3{margin-top:26px}.content-card ul{padding-left:20px}.side-card{position:sticky;top:98px;background:#111;color:#fff;border-radius:20px;padding:24px}.side-card .phone{display:block;font-size:1.42rem;font-weight:900;color:#ffcc31;margin:12px 0}.side-card .stack{display:grid;gap:10px}.side-card .btn-primary,.side-card .btn-light{width:100%}.nearby{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.nearby a{border:1px solid #e5e5df;border-radius:12px;padding:12px;background:#fff;font-weight:800;font-size:.9rem}.nearby a:hover{border-color:#c43b2f;color:#c43b2f}@media(max-width:980px){.menu{display:none}.menu-btn{display:block}.menu.open{display:flex;position:absolute;left:18px;right:18px;top:82px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #e8e8e3;padding:18px;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.12)}.nav-cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(3,1fr)}.why-grid,.area-content{grid-template-columns:1fr}.side-card{position:static}.gallery{grid-template-columns:1fr 1fr}.gallery figure:first-child{grid-row:auto}.section-head{align-items:start;flex-direction:column}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid div:nth-child(2){border-right:0}.quick-grid div:nth-child(-n+2){border-bottom:1px solid rgba(17,17,17,.16)}}@media(max-width:640px){.container{width:min(100% - 24px,1160px)}.topbar .container{font-size:.78rem;flex-direction:column;gap:2px}.nav{height:68px}.brand-mark{width:40px;height:40px}.hero{min-height:590px}.hero:before{background:linear-gradient(180deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.84) 58%,rgba(10,10,10,.55) 100%),url('yol-yardim.webp') 58% center/cover no-repeat}.hero-copy{padding:70px 0 64px}.hero h1{font-size:2.75rem}.hero p{font-size:1rem}.hero-actions>a{width:100%}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid div{padding:16px 12px}.section{padding:64px 0}.service-grid,.area-grid,.faq{grid-template-columns:1fr}.why-grid{gap:18px}.photo-panel{min-height:340px}.gallery{grid-template-columns:1fr;grid-auto-rows:220px}.cta-band{padding:28px 22px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:24px}.mobile-dock{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#111;padding:10px;gap:8px;box-shadow:0 -8px 30px rgba(0,0,0,.18)}.mobile-dock a{padding:12px 8px;border-radius:10px;text-align:center;font-weight:900}.mobile-dock .call{background:#fff;color:#111}.mobile-dock .wa{background:#25d366;color:#0b2b15}.footer{padding-bottom:110px}.nearby{grid-template-columns:1fr 1fr}}