:root{--bg-dark: #111111;--bg-light: #f7f7f7;--text-white: #ffffff;--text-dark: #111111;--accent: #ffffff;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #dddddd;--font-primary: "Outfit", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:#fff;color:var(--text-dark);line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{width:100%;height:100vh;position:relative;overflow:hidden;z-index:2}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);pointer-events:none;z-index:3}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:0 0 8rem 6rem;background-size:cover;background-position:center;color:#fff;z-index:1}.hero-slide.active{opacity:1;visibility:visible}.slide-hs{background-image:url(/mg-trabzon-hs-hybrid.png?v=3)}.slide-zs{background-image:url(/mg-trabzon-zs-hybrid.png?v=3)}.slider-dots{position:absolute;bottom:4rem;right:6rem;display:flex;align-items:center;gap:1rem;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;width:30px;border-radius:10px}.site-navbar{position:fixed;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 2rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;z-index:1000;background:#111111f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:all .3s ease}.site-navbar a{color:#fff}.site-navbar.scrolled{border-bottom:1px solid rgba(255,255,255,.1)}.nav-links{display:flex;gap:3rem}.nav-left{justify-self:end;display:flex}.nav-right{justify-self:start;display:flex}.nav-links a{opacity:.7;transition:opacity .3s}.nav-links a:hover{opacity:1}.dropdown{position:relative}.dropdown-content{visibility:hidden;opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#111c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);min-width:220px;box-shadow:0 20px 40px #0006;border-radius:16px;padding:.8rem 0;margin-top:1.5rem;z-index:100;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.165,.84,.44,1);pointer-events:none}.dropdown-content:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(17,17,17,.8)}.dropdown:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:240px;height:2rem}.dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.dropdown-content a{padding:.8rem 2rem!important;font-size:.85rem;text-transform:none;letter-spacing:.02em;opacity:.6!important;transition:all .3s ease;display:flex!important;align-items:center;justify-content:space-between}.dropdown-content a:hover{opacity:1!important;background:#ffffff0d;padding-left:2.3rem!important}.dropdown-content a:after{content:"→";opacity:0;transform:translate(-10px);transition:all .3s ease}.dropdown-content a:hover:after{opacity:1;transform:translate(0)}.nav-link-with-icon{display:flex;align-items:center;gap:.4rem;cursor:pointer}.nav-link-with-icon svg{transition:transform .3s ease}.dropdown:hover .nav-link-with-icon svg{transform:rotate(180deg)}.nav-logo{width:45px;height:45px;filter:brightness(0) invert(1);display:block}.footer-logo-img{width:40px;height:40px;filter:brightness(0) invert(1)}.logo-container{position:relative;margin:0 4rem;display:flex;justify-content:center;justify-self:center}.hero-content{position:relative;z-index:5;max-width:600px;text-align:left}.hero-title{font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:.5rem;letter-spacing:-.02em;text-transform:none}.hero-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:2rem;opacity:.9;display:block}.hero-btns{display:flex;gap:1rem}.btn-pill{display:inline-block;padding:.8rem 2.5rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:none;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.btn-pill.primary{background:#fff;color:#111}.btn-pill.secondary{background:transparent;color:#fff;border:1px solid #fff}.btn-pill:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.discovery-section{min-height:100vh;display:flex;align-items:center;padding:100px 0 60px;background:radial-gradient(circle at top right,#fdfdfd,#fff);overflow:hidden}.discovery-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.discovery-badge{font-size:.8rem;font-weight:700;color:#888;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem}.discovery-main-title{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:3rem}.model-selector-horizontal{display:flex;gap:1.5rem;background:#f5f5f5;padding:.5rem;border-radius:100px}.model-tab{padding:.8rem 2rem;font-size:.85rem;font-weight:700;border-radius:100px;cursor:pointer;transition:all .3s ease;color:#666}.model-tab.active{background:#111;color:#fff;box-shadow:0 10px 20px #0000001a}.showroom-stage{position:relative;width:100%;min-height:500px}.showroom-main{display:grid;grid-template-columns:1fr 400px;align-items:center;position:relative;z-index:5;gap:2rem}.car-presentation{width:100%;display:flex;justify-content:center}.car-image-container{width:100%;max-width:720px;transition:all .8s cubic-bezier(.165,.84,.44,1);will-change:transform,opacity}.car-image-container img{width:100%;height:auto;filter:drop-shadow(0 40px 60px rgba(0,0,0,.12))}.showroom-content{padding-left:2rem}.info-box{background:#fffc;backdrop-filter:blur(10px);padding:2.5rem;border-radius:30px;border:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px #00000008;will-change:transform,opacity}.info-box h3{font-size:1.8rem;font-weight:800;margin-bottom:1rem}.info-box p{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:2rem}.btn-discovery{display:block;text-align:center;background:#111;color:#fff;padding:1rem;border-radius:15px;font-weight:600;font-size:.9rem;transition:all .3s ease}.btn-discovery:hover{background:#333;transform:translateY(-3px)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:#11111108;padding:1.5rem;border-radius:24px;margin-top:3rem;position:relative;z-index:10}.dash-stat{display:flex;flex-direction:column;padding:0 1rem;border-left:1px solid rgba(0,0,0,.08)}.dash-stat:first-child{border-left:none}.dash-lbl{font-size:.65rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.dash-val{font-size:1.25rem;font-weight:800;color:#111}@media(max-width:1024px){.showroom-main{grid-template-columns:1fr}.showroom-content{padding-left:0;margin-top:2rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.bg-model-name{font-size:30vw}}@media(max-width:1200px){.discovery-container{flex-direction:column}.model-selector{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid #eee;padding:2rem;overflow-x:auto}.discovery-info-panel{position:static;width:100%;padding:2rem}.bg-model-name{font-size:40vw;top:30%}}.features{padding:5rem 0}.features-intro{text-align:center;max-width:800px;margin:0 auto 5rem}.features-intro h2{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.features-intro p{color:#888;font-size:1.1rem}.features-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(2,400px);gap:1.5rem}.feature-box{background:#f5f5f5;border-radius:30px;overflow:hidden;position:relative}.feature-box.large{grid-row:span 2}.feature-image{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.feature-box:hover .feature-image{transform:scale(1.05)}.feature-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.4) 0%,transparent 100%);color:#fff}.feature-content .feature-desc{margin-top:.45rem;margin-bottom:.9rem;font-size:.9rem;line-height:1.45;opacity:.95;max-width:90%}.feature-content .feature-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .9rem;border:1px solid rgba(255,255,255,.92);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.feature-placeholder{width:100%;height:100%;background:#eee}.values{padding:5rem 0;background:#fff}.values-title{text-align:center;margin-bottom:5rem}.values-title h2{font-size:2.5rem;margin-bottom:1rem}.values-title p{color:#888}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.value-card{background:#f9f9f9;padding:2.5rem;border-radius:20px;display:flex;flex-direction:column;gap:1.5rem}.value-card.highlight{background:#eee;transform:translateY(-20px)}.value-number{font-size:.9rem;font-weight:600;opacity:.5}.value-card h3{font-size:1.2rem;font-weight:600}.value-card p{font-size:.85rem;color:#666;line-height:1.6}.community-cta{margin:5rem 0;height:600px;background:#111;border-radius:40px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.cta-content{z-index:2;max-width:600px}.cta-content h2{font-size:3rem;margin-bottom:1.5rem}.cta-content p{font-size:1rem;opacity:.7;margin-bottom:2rem}.btn-white{background:#fff;color:#000;padding:1rem 2rem;border-radius:50px;display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.home-contact-cta{position:relative;overflow:hidden;background:#000;margin-top:2rem}.home-contact-bg{position:absolute;inset:0;background:linear-gradient(#00000061,#00000061),url(https://cdn.mg-turkey.com/asset/images/cont-back2.webp?001) center/cover no-repeat;opacity:.9}.home-contact-inner{position:relative;z-index:2;padding-top:3.5rem;padding-bottom:3.5rem}.home-contact-content{max-width:760px}.home-contact-text{color:#fff;font-size:1.125rem;line-height:1.6;margin-bottom:1rem}.home-contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}.home-contact-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.9);border-radius:999px;color:#fff;font-size:1rem;font-weight:500;padding:.55rem 1rem}.home-contact-btn:hover{background:#ffffff1a}.footer{background:#000;color:#fff;padding:8rem 0 4rem;position:relative;overflow:hidden}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6rem;position:relative;z-index:2}.footer-socials{display:flex;gap:1.5rem}.footer-nav{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem;position:relative;z-index:2}.footer-links{display:flex;gap:3rem;font-size:.9rem;opacity:.8}.footer-bottom-links{display:flex;gap:1.5rem;font-size:.7rem;opacity:.4}.icon{width:20px;height:20px}@media(max-width:1024px){.hero-title{font-size:3rem}.values-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr;grid-template-rows:auto}.discovery-main-title{font-size:2.5rem}}@media(max-width:768px){.site-navbar{padding:1.5rem 2rem}.nav-links{display:none}.values-grid{grid-template-columns:1fr}.dashboard-stats{padding:1.5rem;gap:1.5rem}}
