:root{--yellow:#f7c600;--yellow2:#ffd83d;--ink:#121212;--muted:#646464;--soft:#f5f5f3;--line:#e7e7e2;--white:#fff;--green:#19a463;--radius:22px;--shadow:0 18px 50px rgba(0,0,0,.12)}
*{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;background:#fff;color:var(--ink);line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}.container{width:min(1160px,calc(100% - 34px));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:10px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--yellow);border:2px solid #111;font-size:28px;font-weight:950;line-height:1}.brand strong{display:block;font-size:15px;letter-spacing:.6px}.brand small{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;color:#6f6f6f;margin-top:1px}.desktop-nav{display:flex;align-items:center;gap:25px;font-weight:750;font-size:14px}.desktop-nav a:hover{color:#8a6e00}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:13px;font-weight:900;border:1px solid transparent;transition:.2s transform,.2s filter;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-dark{background:#111;color:#fff}.btn-yellow{background:var(--yellow);color:#111;border-color:#e1b600}.btn-whatsapp{background:var(--green);color:#fff}.btn-lg{min-height:56px;padding:0 24px;font-size:16px}.header-call{min-height:44px}
.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:#111}.hero-bg{position:absolute;inset:0;background:url('/assets/images/taksim-taksi-talas-2.webp') center 48%/cover no-repeat;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.70) 43%,rgba(0,0,0,.19) 75%,rgba(0,0,0,.08) 100%)}.hero-content{position:relative;z-index:2;padding:84px 0}.hero-copy{max-width:700px;color:white}.eyebrow{display:inline-block;font-size:12px;font-weight:950;letter-spacing:2px;color:var(--yellow);margin-bottom:14px}.eyebrow.dark{color:#7d6500}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-2.6px;margin:0 0 22px;max-width:760px}.hero h1 span{color:var(--yellow)}.hero p{font-size:19px;color:#eeeeeb;max-width:680px;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:26px;font-size:14px;font-weight:800;color:#e7e7e2}.quick-strip{background:var(--yellow);border-bottom:1px solid #dcb200}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid>div{padding:21px 22px;border-right:1px solid rgba(0,0,0,.15)}.quick-grid>div:last-child{border-right:0}.quick-grid strong{display:block;font-size:20px;line-height:1.2}.quick-grid span{display:block;font-size:12px;font-weight:700;margin-top:3px;color:#4c4000}
.section{padding:92px 0}.section-heading{text-align:center;max-width:790px;margin:0 auto 46px}.section-heading.left{text-align:left;margin:0}.section-heading h2{font-size:clamp(32px,4.8vw,52px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 13px}.section-heading p{font-size:17px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:250px}.card .icon{font-size:29px}.card h3{font-size:21px;margin:18px 0 8px}.card p{margin:0;color:var(--muted)}
.section-dark{background:#121212;color:white}.area-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.area-layout h2{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-1.8px;margin:0 0 18px}.area-layout p{font-size:17px;color:#cececa;margin:0 0 24px}.area-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.area-tags span{padding:9px 12px;border:1px solid #444;border-radius:999px;background:#1b1b1b;font-size:13px;font-weight:800}.feature-photo{margin:0;overflow:hidden;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.35);aspect-ratio:4/5}.feature-photo img{width:100%;height:100%;object-fit:cover}
.gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:280px 280px;gap:14px}.gallery figure{margin:0;overflow:hidden;border-radius:18px;background:#eee}.gallery figure.gallery-main{grid-row:1/3}.gallery figure:last-child{grid-column:2/4}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery figure:hover img{transform:scale(1.025)}
.section-soft{background:var(--soft)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefits>div{padding:30px;background:#fff;border-radius:var(--radius);border:1px solid #ecece7}.benefits strong{font-size:14px;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--yellow)}.benefits h3{font-size:22px;margin:20px 0 8px}.benefits p{margin:0;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;font-size:18px;font-weight:850;padding:22px 38px 22px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:17px;font-size:28px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);margin:0 0 22px;padding-right:40px}
.contact-section{padding-top:50px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.contact-card,.map-card{border-radius:28px;overflow:hidden;min-height:470px}.contact-card{background:var(--yellow);padding:42px}.contact-card h2{font-size:42px;line-height:1;margin:2px 0 14px}.contact-card .lead{font-size:17px;max-width:500px}.contact-line{display:flex;flex-direction:column;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.18)}.contact-line span{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:1.2px}.contact-line strong{font-size:20px;margin-top:3px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.map-card iframe{width:100%;height:100%;min-height:470px;border:0}.final-cta{padding:38px 0 60px}.final-cta-inner{background:#111;color:#fff;border-radius:28px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.final-cta span{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--yellow)}.final-cta h2{font-size:32px;line-height:1.08;margin:8px 0 0;max-width:600px}.final-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.site-footer{background:#0d0d0d;color:#fff;padding:38px 0 24px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.footer-inner strong{font-size:19px}.footer-inner p{margin:4px 0 0;color:#a9a9a6;font-size:13px}.footer-links{display:flex;gap:18px;font-weight:800;font-size:14px}.copyright{border-top:1px solid #292929;margin-top:24px;padding-top:18px;color:#8c8c89;font-size:12px}.mobile-bar{display:none}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{height:68px}.header-call{display:none}.hero{min-height:680px}.hero-bg{background-position:57% center}.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.78) 55%,rgba(0,0,0,.92) 100%)}.hero-content{align-self:flex-end;padding:200px 0 58px}.hero h1{font-size:46px}.hero p{font-size:17px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{border-bottom:1px solid rgba(0,0,0,.14)}.cards{grid-template-columns:1fr 1fr}.area-layout{grid-template-columns:1fr;gap:38px}.feature-photo{max-height:560px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 220px 220px}.gallery figure.gallery-main{grid-column:1/3;grid-row:auto}.gallery figure:last-child{grid-column:1/3}.benefits{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr}.final-cta-inner{flex-direction:column;align-items:flex-start}.final-actions{justify-content:flex-start}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:120;left:12px;right:12px;bottom:12px;border-radius:15px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.25)}.mobile-bar a{display:grid;place-items:center;min-height:54px;font-weight:950;font-size:14px}.mobile-bar .call{background:var(--yellow);color:#111}.mobile-bar .wa{background:var(--green);color:#fff}.site-footer{padding-bottom:88px}}
@media(max-width:560px){.container{width:min(100% - 24px,1160px)}.brand-mark{width:40px;height:40px}.brand strong{font-size:13px}.brand small{font-size:9px}.hero{min-height:650px}.hero-content{padding-bottom:42px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .btn{width:100%}.trust-row{gap:10px 14px;font-size:12px}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid>div{padding:17px 13px}.quick-grid strong{font-size:17px}.section{padding:70px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:35px}.cards{grid-template-columns:1fr}.card{min-height:auto}.area-layout h2{font-size:38px}.gallery{grid-template-columns:1fr;grid-template-rows:310px 250px 250px 250px}.gallery figure.gallery-main,.gallery figure:last-child{grid-column:auto}.contact-card{padding:30px 22px}.contact-card h2{font-size:34px}.contact-line strong{font-size:17px}.final-cta{padding-top:16px}.final-cta-inner{padding:28px 22px}.final-cta h2{font-size:27px}.final-actions{width:100%;display:grid;grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-direction:column;gap:8px}}