:root{--navy:#003b7a;--dark:#002c62;--blue:#005eb8;--pale:#eaf4ff;--yellow:#ffc400;--text:#102a54;--gray:#f5f7fa;--white:#fff;--shadow:0 16px 40px rgba(0,44,98,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 44px));margin:auto}.topbar{height:40px;background:linear-gradient(110deg,#004c93,#00295d);color:#fff;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.top-social{display:flex;gap:26px}.topbar a:hover{color:var(--yellow)}
.header{height:100px;background:#fff;position:sticky;top:0;z-index:50;transition:.3s;box-shadow:0 1px 0 #eee}.header.scrolled{height:82px;box-shadow:0 7px 24px rgba(0,44,98,.13)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{margin-right:auto;animation:fadeLogo .8s both}.brand img{width:180px;height:90px;object-fit:contain}.nav{display:flex;align-items:center;gap:29px;height:100%;font-size:12px;font-weight:600}.nav a{position:relative;white-space:nowrap}.nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--yellow);transition:.3s}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:16px 26px;font-size:13px;font-weight:800;transition:.3s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,44,98,.2)}.btn-navy{background:var(--navy);color:#fff}.btn-yellow{background:var(--yellow);color:#071e42}.nav-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0}
.hero{height:620px;position:relative;background:radial-gradient(circle at 25% 15%,#075eb8 0,#004488 30%,#002d67 72%);color:#fff;overflow:hidden}.hero:after,.stats:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.35) 0 2px,transparent 3px);background-size:80px 100px;opacity:.18;pointer-events:none}.hero-photo{position:absolute;right:0;inset-block:0;width:53%;background:url(../assets/images/sofa.webp) center/cover no-repeat;clip-path:ellipse(73% 85% at 74% 50%);animation:heroPhoto .9s both}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,94,184,.3),transparent 35%)}.hero-inner{height:100%;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{width:52%;padding-bottom:75px}.eyebrow{font-weight:800;color:var(--yellow);font-size:16px;margin:0 0 14px}.hero h1{font-size:60px;line-height:1.05;margin:0 0 12px;letter-spacing:-2px}.hero-lead{max-width:520px;font-size:14px;line-height:1.65;margin:0}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0 26px}.hero-features div{border-right:1px solid rgba(255,255,255,.45);padding:0 14px}.hero-features div:first-child{padding-left:0}.hero-features div:last-child{border:0}.hero-features b{display:block;color:var(--yellow);font-size:31px;height:42px}.hero-features span{font-weight:700;font-size:12px;line-height:1.4}.hero-actions{display:flex;gap:18px}.btn-outline{border:1px solid #fff;color:#fff}.hero-anim{opacity:0;animation:fadeUp .75s forwards}.d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}.d4{animation-delay:.46s}.d5{animation-delay:.58s}
.service-overlap{position:relative;z-index:5;margin-top:-108px;padding-bottom:24px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid #dfe5ec;border-radius:18px;overflow:hidden;text-align:center;padding-bottom:18px;box-shadow:0 7px 18px rgba(0,44,98,.07);transition:.35s}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow)}.card-image{height:188px;margin:5px;border-radius:14px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.service-card:hover img{transform:scale(1.06)}.round-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:-30px auto 12px;position:relative;background:var(--navy);border:3px solid white;color:#fff;font-size:27px}.service-card h2{font-size:15px;line-height:1.35;margin:0 8px 8px}.service-card p{font-size:11px;line-height:1.6;color:#4a5261;margin:0 18px}
.section{padding:74px 0}.section-heading{text-align:center;margin-bottom:38px}.section-heading .eyebrow{font-size:13px}.section-heading h2{font-size:30px;margin:0}.why{padding-top:18px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.why-card{text-align:center;border:1px solid #edf0f4;border-radius:44px;padding:0 14px 22px;min-height:160px}.why-card span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,44,98,.1);font-size:29px;margin:-28px auto 10px;color:var(--dark)}.why-card h3{font-size:13px;margin:0 0 8px}.why-card p{font-size:10.5px;line-height:1.55;color:#535d70;margin:0}
.stats{background:linear-gradient(105deg,#0050a0,#002b61);color:#fff;position:relative;padding:27px 0;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.stat{display:flex;align-items:center;justify-content:center;gap:16px}.stat-icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid #fff;border-radius:50%;font-size:28px}.stat strong{display:block;color:var(--yellow);font-size:27px}.stat small{font-size:11px}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:62px;align-items:center}.about{background:#fff}.about-image{position:relative}.about-image:before{content:"";position:absolute;inset:28px -18px -18px 28px;background:var(--yellow);border-radius:24px}.about-image img{height:480px;width:100%;object-fit:cover;border-radius:24px;position:relative}.about-copy h2{font-size:34px;margin:0 0 20px}.about-copy p{font-size:13px;line-height:1.8;color:#4c5668}.about-copy ul{display:grid;grid-template-columns:1fr 1fr;padding:0;list-style:none;gap:12px;font-weight:700;font-size:13px}.about-copy li:before{content:"✓";color:var(--yellow);background:var(--navy);border-radius:50%;padding:2px 5px;margin-right:8px}
.details{background:var(--gray)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail-card{display:grid;grid-template-columns:43% 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,44,98,.07)}.detail-card img{width:100%;height:100%;object-fit:cover}.detail-card div{padding:24px}.detail-card span{font-size:26px;color:var(--blue)}.detail-card h2{font-size:16px;margin:8px 0}.detail-card p{font-size:11px;line-height:1.6;color:#566071}.detail-card a{font-size:12px;font-weight:800;color:var(--blue)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{border:0;padding:0;border-radius:17px;overflow:hidden;cursor:pointer;height:250px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.08)}.lightbox{position:fixed;inset:0;background:rgba(0,20,48,.92);z-index:100;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-height:88vh;border-radius:12px}.lightbox button{position:absolute;right:28px;top:18px;color:#fff;background:none;border:0;font-size:42px;cursor:pointer}
.cta{background:linear-gradient(110deg,#003f82,#00275a);color:#fff;padding:28px 0}.cta-inner{display:flex;align-items:center;gap:28px}.phone-orb{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff;color:var(--navy);font-size:38px;animation:pulse 2s infinite}.cta h2{font-size:22px;margin:0 0 8px}.cta p{font-size:12px;margin:0}.cta-button{margin-left:auto}
.contact{background:#f7f9fc}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px}.contact-card{padding:34px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.contact-card h3{font-size:22px}.contact-card p{font-size:13px;line-height:1.8}.contact-card a:hover{color:var(--blue)}.map{width:100%;min-height:350px;border:0;border-radius:18px;box-shadow:var(--shadow)}
.footer{background:#fff;padding-top:34px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr 1.3fr;gap:55px;padding-bottom:30px}.footer img{width:180px}.footer h3{font-size:13px;margin:14px 0 18px}.footer p,.footer a{display:block;font-size:11px;line-height:1.8;color:#4e5767}.footer a:hover{color:var(--blue)}.footer-bottom{background:var(--dark);color:#fff;padding:15px 0;font-size:10px}.mobile-actions{display:none}
.fade-up,.fade-left,.fade-right,.zoom-in{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.fade-up{transform:translateY(35px)}.fade-left{transform:translateX(-35px)}.fade-right{transform:translateX(35px)}.zoom-in{transform:scale(.94)}.revealed{opacity:1;transform:none}.services-grid>*:nth-child(2),.why-grid>*:nth-child(2),.gallery-grid>*:nth-child(2){transition-delay:.1s}.services-grid>*:nth-child(3),.why-grid>*:nth-child(3),.gallery-grid>*:nth-child(3){transition-delay:.2s}.services-grid>*:nth-child(4),.why-grid>*:nth-child(4),.gallery-grid>*:nth-child(4){transition-delay:.3s}.why-grid>*:nth-child(5),.gallery-grid>*:nth-child(5){transition-delay:.4s}.gallery-grid>*:nth-child(6){transition-delay:.5s}
@keyframes fadeUp{to{opacity:1;transform:none}}@keyframes fadeLogo{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes heroPhoto{from{opacity:0;transform:translateX(40px) scale(1.03)}to{opacity:1;transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(255,255,255,.08)}}
@media(max-width:1100px){.nav{gap:14px;font-size:10px}.nav-cta{padding:14px}.hero h1{font-size:52px}.services-grid{gap:10px}.container{width:min(960px,calc(100% - 32px))}}
@media(max-width:900px){.topbar{height:auto;padding:9px 0}.topbar-inner{gap:8px}.top-social{gap:12px}.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto}.menu-toggle span{width:26px;height:2px;background:var(--dark)}.nav{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:100%;left:0;right:0;height:auto;background:#fff;max-height:0;overflow:hidden;transition:.35s;box-shadow:0 15px 20px rgba(0,44,98,.1)}.nav.open{max-height:390px;padding:10px 24px}.nav a{padding:14px}.hero{height:auto;min-height:740px;padding:60px 0 330px}.hero-copy{width:72%;padding:0}.hero-photo{width:100%;height:330px;top:auto;clip-path:ellipse(85% 90% at 55% 100%)}.service-overlap{margin-top:-70px}.services-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:repeat(3,1fr);gap:44px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:26px}.split{gap:30px}.detail-card{grid-template-columns:1fr}.detail-card img{height:220px}.footer-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 28px)}.topbar-inner{justify-content:center;text-align:center}.top-social{display:none}.header{height:78px}.brand img{width:145px;height:70px}.hero{padding:48px 0 275px;min-height:720px}.hero-copy{width:100%}.hero h1{font-size:40px}.hero-lead{font-size:13px}.hero-features{grid-template-columns:1fr 1fr;gap:18px}.hero-features div:nth-child(2){border:0}.hero-photo{height:270px}.hero-actions .btn{padding:14px 16px}.service-overlap{margin-top:-35px}.services-grid,.why-grid,.detail-grid,.gallery-grid,.contact-grid,.split{grid-template-columns:1fr}.card-image{height:230px}.why-grid{gap:44px}.stats-grid{grid-template-columns:1fr 1fr}.stat{justify-content:flex-start}.stat-icon{width:46px;height:46px;font-size:22px}.stat strong{font-size:17px}.stat small{font-size:9px}.section{padding:58px 0}.section-heading h2{font-size:25px}.about-image img{height:330px}.about-copy h2{font-size:27px}.about-copy ul{grid-template-columns:1fr}.gallery-item{height:240px}.cta-inner{flex-direction:column;text-align:center}.cta-button{margin:0}.footer-grid{grid-template-columns:1fr;gap:22px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60}.mobile-actions a{padding:14px;background:var(--yellow);color:var(--dark);font-size:12px;font-weight:800;text-align:center}.mobile-actions a:last-child{background:#0aa54a;color:#fff}.footer-bottom{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.fade-up,.fade-left,.fade-right,.zoom-in{opacity:1;transform:none}}

/* Dar ekranlarda uzun, sonradan değiştirilebilir placeholder değerlerinin taşmasını önler. */
html,body{max-width:100%;overflow-x:hidden}.stat,.stat>div,.split>*{min-width:0}.stat strong{overflow-wrap:anywhere}
@media(max-width:620px){.stats-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stat{gap:9px}.stat strong{font-size:13px;line-height:1.15}}

/* Çok sayfalı görünüm */
.inner-page main{min-height:55vh}.inner-page main>section{display:none}.inner-page.page-about #hakkimizda,.inner-page.page-services #hizmetler,.inner-page.page-services .details,.inner-page.page-why #neden-biz,.inner-page.page-gallery #galeri,.inner-page.page-contact #iletisim{display:block}.inner-page .service-overlap{margin:0;padding:74px 0}.inner-page .why{padding-top:90px;padding-bottom:90px}.inner-page .gallery,.inner-page .contact,.inner-page .about{padding-top:90px}.inner-page .header{box-shadow:0 7px 24px rgba(0,44,98,.1)}

/* Sağ alt hızlı iletişim araçları */
.floating-contact{position:fixed;right:18px;bottom:26px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.floating-contact a{display:flex;align-items:center;justify-content:flex-start;width:48px;height:48px;border-radius:24px;color:#fff;overflow:hidden;box-shadow:0 8px 20px rgba(0,31,70,.22);transition:width .3s ease,transform .3s ease}.floating-contact a:hover,.floating-contact a:focus-visible{width:142px;transform:translateX(-3px)}.floating-contact span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;font-size:22px;font-weight:800}.floating-contact b{padding-right:16px;font-size:11px;white-space:nowrap}.float-whatsapp{background:#18a957}.float-phone{background:var(--blue)}.float-instagram{background:linear-gradient(135deg,#7147c7,#df305e,#f2a13a)}.float-facebook{background:#1877f2}.mobile-actions{display:none!important}
@media(max-width:620px){.floating-contact{right:10px;bottom:14px;gap:6px}.floating-contact a{width:44px;height:44px}.floating-contact a:hover,.floating-contact a:focus-visible{width:44px;transform:none}.floating-contact span{width:44px;height:44px;flex-basis:44px}.floating-contact b{display:none}.inner-page .service-overlap,.inner-page .why,.inner-page .gallery,.inner-page .contact,.inner-page .about{padding-top:58px}}
.nav a.active:after{width:100%}
.floating-contact span img{width:24px;height:24px;object-fit:contain;filter:none}.float-phone span img{filter:brightness(0) invert(1)}

/* Gerçek uygulama videoları */
.video-gallery{margin-top:54px}.video-heading{text-align:center;margin-bottom:26px}.video-heading .eyebrow{font-size:12px;margin-bottom:8px}.video-heading h3{margin:0;font-size:25px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.video-card{margin:0;background:#fff;border:1px solid #e1e7ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(0,44,98,.1);transition:transform .35s ease,box-shadow .35s ease}.video-card:hover{transform:translateY(-7px);box-shadow:0 18px 36px rgba(0,44,98,.17)}.video-card video{display:block;width:100%;aspect-ratio:9/14;max-height:520px;background:#001a3b;object-fit:contain}.video-card p{margin:0;padding:16px 18px;text-align:center;font-size:12px;font-weight:700;color:var(--text)}
@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card:last-child{grid-column:1/-1;width:calc(50% - 10px);justify-self:center}}
@media(max-width:620px){.video-gallery{margin-top:40px}.video-grid{grid-template-columns:1fr}.video-card:last-child{grid-column:auto;width:100%}.video-card video{max-height:none}.video-heading h3{font-size:22px}}