:root{--base:#050810;--base2:#080d18;--surface:#0d1422;--surface2:#111c2d;--sapphire:#2452d6;--electric:#4d80ff;--line:rgba(178,198,234,.14);--line2:rgba(178,198,234,.23);--white:#f6f8fc;--muted:#a1abc0;--dim:#717e96;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope','DM Sans',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--base);color:var(--white);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#2855af;color:#fff}.shell{width:min(100% - 112px,1360px);margin-inline:auto}p,h1,h2,h3{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #86aaff;outline-offset:4px}.skip-link{position:fixed;z-index:2000;background:white;color:#000;padding:14px;left:12px;top:-80px}.skip-link:focus{top:12px}
.topline{height:36px;position:relative;z-index:80;border-bottom:1px solid rgba(255,255,255,.06);background:#05070d;font-size:10px;letter-spacing:1.55px;font-weight:700;color:#a6aec1}.topline-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.topline a{margin-left:9px;color:#eff3fd}.topline a b{font-size:14px;color:var(--electric)}.live-point{display:inline-block;height:6px;width:6px;background:#4168c1;border-radius:50%;box-shadow:0 0 12px #437eff;margin-right:10px;vertical-align:middle}
.site-header{position:absolute;top:36px;left:0;right:0;z-index:100;border-bottom:1px solid rgba(231,238,255,.12);transition:background .4s,border-color .4s,box-shadow .4s}.site-header.scrolled{position:fixed;top:0;background:rgba(5,8,16,.92);backdrop-filter:blur(22px);box-shadow:0 12px 35px rgba(0,0,0,.13)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:flex;align-items:center;width:186px;flex:none}.brand img{width:100%;height:auto;max-height:53px;object-fit:contain;filter:brightness(1.32)}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.desktop-nav a{font-size:10px;letter-spacing:1.2px;font-weight:800;transition:color .25s;white-space:nowrap;color:#b5bdcc}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a.active:after{display:block;content:'';height:2px;width:17px;background:var(--electric);margin:8px auto -10px}.nav-actions{display:flex;align-items:center;gap:12px}.header-call{border:1px solid var(--line2);height:44px;width:44px;display:grid;place-items:center;font-size:17px;color:#c1cff3}.header-call:hover{border-color:#5487ef}.nav-book{background:#1d49c4;font-size:10px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:33px;justify-content:space-between;padding:16px 20px;white-space:nowrap;transition:background .3s,transform .3s}.nav-book:hover{background:#3168e2;transform:translateY(-2px)}.nav-book span{font-size:17px}.menu-toggle{display:none;border:1px solid var(--line2);background:transparent;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle i{display:block;width:19px;height:1px;background:#fff;transition:transform .3s}.menu-toggle.is-open i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.is-open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:none}
.hero{min-height:780px;height:min(880px,calc(100svh - 36px));position:relative;display:flex;align-items:center;overflow:hidden;background:#03060b}.hero-photo{position:absolute;inset:0 0 0 25%;background-image:url('img/safir-vip-mercedes-vito-gece-arac.webp');background-position:58% 47%;background-size:cover;opacity:.82;transform:scale(1.04);animation:hero-enter 2.1s var(--ease) both;filter:saturate(.58) contrast(1.13)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04070e 2%,#04070e 20%,rgba(4,7,14,.94) 38%,rgba(4,7,14,.48) 60%,rgba(4,7,14,.14) 79%,rgba(4,7,14,.50) 100%),linear-gradient(0deg,#050810 2%,transparent 21%,transparent 75%,rgba(5,8,16,.35) 100%)}.hero-beam{position:absolute;right:-18%;top:-50%;width:82%;height:135%;background:radial-gradient(ellipse at 50% 50%,rgba(26,70,167,.20),transparent 67%);mix-blend-mode:screen;pointer-events:none}.hero-contours{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 110px);mask-image:linear-gradient(90deg,white,transparent 50%);opacity:.32}.hero-shell{position:relative;z-index:2;padding-top:122px;padding-bottom:100px}.hero-copy{max-width:680px}.micro-label,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;color:#9aafd9;gap:12px}.micro-bar{height:1px;width:33px;background:#537bd2}.hero-est{font-size:10px;color:#667a9a;border-left:1px solid var(--line2);margin-left:7px;padding-left:19px}.hero h1{font-size:clamp(76px,8vw,127px);font-weight:700;letter-spacing:-8px;line-height:.97;margin:30px 0 28px;text-shadow:0 10px 44px rgba(0,0,0,.1)}.hero h1>span{font-weight:500}.hero h1 em,.intro-section h2 em,.section-top h2 em,.experience-section h2 em,.difference-intro h2 em,.quote-section h2 em,.experience-sidebar h3 em{font-family:var(--serif);font-size:1.18em;letter-spacing:-3px;font-weight:500;color:#7b9cff;font-style:italic}.hero h1 em{color:#7f9eff}.hero-lede{max-width:470px;color:#b6c0d4;font:400 15px/1.92 var(--sans);letter-spacing:.08px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button-primary{background:#2959d1;display:inline-flex;gap:37px;align-items:center;justify-content:space-between;padding:10px 10px 10px 25px;min-height:58px;transition:background .4s,transform .35s;font-size:11px;letter-spacing:1.15px;font-weight:800}.button-primary:hover{transform:translateY(-4px);background:#3d70ed}.button-arrow{display:grid;place-items:center;width:40px;height:39px;background:rgba(255,255,255,.16);font-size:19px}.button-ghost{font-size:10px;font-weight:800;letter-spacing:1.35px;color:#c9d0df;display:flex;gap:14px;align-items:center}.button-ghost span,.text-link span{font-size:19px;color:#6390ff;transition:transform .3s}.button-ghost:hover span,.text-link:hover span{transform:translate(3px,-3px)}.hero-side-mark{position:absolute;right:0;top:48%;display:flex;align-items:center;gap:20px;transform:rotate(90deg) translateX(40%);transform-origin:100% 50%;color:#a4b3d3;font-size:10px;letter-spacing:3px;opacity:.6}.hero-side-mark span+span{font-size:8px;letter-spacing:2px}.hero-bottom{position:absolute;z-index:2;bottom:29px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:end;gap:20px}.hero-trust{display:flex;align-items:center;gap:22px}.hero-trust>div{display:flex;flex-direction:column;gap:5px}.hero-trust strong{font-size:15px;letter-spacing:.45px}.hero-trust>div span{font-size:9px;letter-spacing:1.3px;color:#8693b2}.hero-trust i{height:26px;width:1px;background:rgba(255,255,255,.16)}.scroll-cue{font-size:9px;letter-spacing:1.3px;color:#a3aec3;display:flex;gap:17px;align-items:center;font-weight:700}.scroll-cue span{font-size:23px;color:#a5b9ef;animation:scroll-down 2s ease-in-out infinite}
.prestige-ribbon{height:52px;background:#0e1930;border-top:1px solid #223255;border-bottom:1px solid #223255;overflow:hidden;display:flex;align-items:center}.ribbon-track{display:flex;align-items:center;width:max-content;gap:36px;white-space:nowrap;animation:marquee 55s linear infinite;color:#c8d4f0;font-size:10px;letter-spacing:2.5px;font-weight:800}.ribbon-track b{font-size:16px;color:#4072db;font-weight:400}.section-pad{padding:132px 0}.intro-section{background:radial-gradient(ellipse at 23% 20%,rgba(22,42,80,.22),transparent 58%),#080c15}.intro-grid{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:90px}.section-kicker{color:#8295bc;margin:0 0 30px}.section-kicker span{color:#5890ff;font-size:12px}.intro-section h2,.section-top h2,.experience-section h2,.difference-intro h2,.quote-section h2,.journal-section h2{font-size:clamp(47px,4.6vw,74px);line-height:1.09;letter-spacing:-3.3px;font-weight:600;margin:0 0 28px}.intro-section h2 em{color:#d8e1fa}.intro-left>p{font-size:14px;color:#a6b1c8;line-height:1.95;max-width:500px;margin-bottom:34px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#dce6fd;border-bottom:1px solid #526998;padding-bottom:13px;transition:border-color .3s}.text-link:hover{border-color:#88abff}.intro-right{padding:6px 0 0 26px;border-left:1px solid var(--line)}.intro-photo{height:455px;overflow:hidden;position:relative;background:#101624}.intro-photo:after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 70%,rgba(4,8,18,.6)),linear-gradient(90deg,rgba(1,9,23,.13),transparent)}.intro-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.75)}.intro-corner{position:absolute;z-index:1;top:22px;left:26px;font-family:var(--serif);font-size:34px;color:#e7eaf4;opacity:.9}.intro-note{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:9px;letter-spacing:1.55px;color:#91a0bb}.intro-note strong{font-size:13px;letter-spacing:2px;color:#e6ecf7}.intro-note i{color:#4e76bf;font-style:normal}
.services-section{background:#080e1a;position:relative}.services-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 30%,rgba(36,73,143,.14),transparent 55%);pointer-events:none}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-top h2{margin:0}.section-top h2 em{color:#cbd9f5}.top-support{max-width:306px;padding-bottom:12px}.top-support p{font-size:13px;line-height:1.8;color:#9caac2;margin-bottom:20px}.service-mosaic{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:360px 287px;gap:16px}.mosaic-tile{position:relative;overflow:hidden;border:1px solid rgba(190,207,244,.19);background:#141a25;isolation:isolate;transition:border-color .35s,transform .55s var(--ease)}.mosaic-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.07) brightness(.8);transition:transform .95s var(--ease),filter .9s}.mosaic-tile:hover{border-color:rgba(121,163,255,.85)}.mosaic-tile:hover img{transform:scale(1.065);filter:saturate(.92) brightness(.93)}.mosaic-main{grid-column:1;grid-row:1}.mosaic-side{grid-column:2;grid-row:1}.mosaic-wide{grid-column:1;grid-row:2}.mosaic-small{grid-column:2;grid-row:2}.mosaic-dark{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,15,.88) 0%,rgba(2,6,15,.24) 52%,rgba(2,6,15,.25) 100%);transition:opacity .5s}.mosaic-index{position:absolute;top:23px;left:27px;z-index:2;font-size:10px;letter-spacing:1.7px;color:#d2dbef;font-weight:800;display:flex;align-items:center;gap:10px}.mosaic-index:before{content:'';width:19px;height:1px;background:#80a8ff}.mosaic-info{position:absolute;bottom:30px;left:29px;right:27px;display:flex;align-items:end;justify-content:space-between;gap:16px;z-index:2}.mosaic-info h3{font-size:clamp(25px,2.45vw,37px);letter-spacing:-1.6px;line-height:1.14;font-weight:600;margin:0}.mosaic-side .mosaic-info h3{font-size:32px}.mosaic-small .mosaic-info h3{font-size:27px}.tile-arr{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);font-size:20px;transition:background .35s,color .35s,transform .35s}.mosaic-tile:hover .tile-arr{background:#fff;color:#102653;transform:rotate(45deg)}.mosaic-main .mosaic-info{bottom:66px}.mosaic-micro{position:absolute;z-index:2;bottom:23px;left:29px;margin:0;font-size:12px;color:#bfc9db}
.experience-section{background:radial-gradient(ellipse at 78% 50%,rgba(23,55,111,.15),transparent 60%),#050910}.experience-header{margin-bottom:48px}.experience-head-row{display:flex;justify-content:space-between;align-items:end;gap:60px}.experience-section h2{margin:0}.experience-section h2 em{color:#e6ebfa}.experience-head-row>p{max-width:290px;font-size:14px;color:#9dacc7;line-height:1.9;padding-bottom:9px;margin:0}.experience-showcase{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);min-height:535px;border:1px solid var(--line2);background:#0c1321}.experience-image-wrap{position:relative;min-height:535px;overflow:hidden}.experience-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(5,9,17,.3)),linear-gradient(0deg,rgba(3,8,15,.42),transparent 45%);pointer-events:none}.experience-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;filter:saturate(.76) contrast(1.02);transition:opacity .35s,transform .9s var(--ease)}.experience-image-wrap img.is-changing{opacity:.06;transform:scale(1.025)}.image-watermark{position:absolute;z-index:2;left:33px;bottom:20px;color:rgba(244,245,250,.3);font-size:35px;font-weight:800;letter-spacing:10px}.image-sequence{position:absolute;z-index:2;right:32px;top:26px;color:#fff;font-size:15px;letter-spacing:2px}.image-sequence span{color:#a6b5d3}.experience-sidebar{padding:38px 34px 30px;display:flex;flex-direction:column}.experience-sidebar-head{display:flex;justify-content:space-between;align-items:center;color:#83a1dc;font-size:10px;letter-spacing:1.7px;font-weight:800}.experience-sidebar-head>span+span{font-size:25px;color:#7b98e1}.experience-sidebar h3{font-size:40px;line-height:1.1;letter-spacing:-1.2px;font-weight:600;margin:50px 0 25px}.experience-sidebar h3 em{color:#99b0e2}.experience-tabs{margin-top:auto}.gallery-tab{background:none;border:none;border-top:1px solid var(--line);width:100%;text-align:left;display:flex;align-items:center;gap:15px;padding:21px 0;color:#99a8c1;transition:color .3s}.gallery-tab span:first-child{color:#5d7ebd;font-size:10px;letter-spacing:1px;min-width:27px}.gallery-tab span:nth-child(2){font-size:11px;letter-spacing:.8px;font-weight:800}.gallery-tab b{margin-left:auto;font-size:21px;font-weight:400;transition:transform .35s}.gallery-tab.selected{color:#fff}.gallery-tab.selected span:first-child{color:#80a2ff}.gallery-tab.selected b{transform:rotate(45deg);color:#82a6ff}.side-explore{display:flex;justify-content:space-between;align-items:center;background:#1c3d88;margin:14px -34px -30px;padding:24px 34px;font-size:10px;font-weight:800;letter-spacing:1px;transition:background .25s}.side-explore:hover{background:#2759c1}.side-explore span{font-size:21px}
.difference-section{background:#08101e;position:relative}.difference-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.difference-intro h2{font-size:clamp(40px,3.7vw,63px)}.difference-intro h2 em{color:#d2dcf4}.difference-intro>p{font-size:13px;color:#a6b2c8;line-height:1.9;max-width:270px;margin:0 0 23px}.difference-lines{border-top:1px solid var(--line2)}.difference-line{border-bottom:1px solid var(--line2);padding:30px 0;display:grid;grid-template-columns:55px 1fr 32px;gap:16px;align-items:start}.difference-index{color:#5e86e7;font-size:12px}.difference-line h3{font-size:22px;letter-spacing:-.7px;font-weight:600;margin:0 0 10px}.difference-line p{color:#93a2bc;font-size:13px;line-height:1.7;margin:0}.difference-symbol{font-family:var(--serif);font-size:30px;color:#6d91e0;font-weight:400}
.routes-section{background:#060b14}.route-layout{display:grid;grid-template-columns:1fr .76fr;gap:39px;align-items:stretch}.route-list{border-top:1px solid var(--line2)}.route-item{min-height:111px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line2);position:relative;transition:padding .35s,background .35s,color .35s}.route-item:hover,.route-item.active{padding-left:14px;background:linear-gradient(90deg,rgba(39,83,175,.17),transparent 65%)}.route-index{font-size:11px;color:#6c8ece;width:23px;flex:none}.route-text{font-weight:600;letter-spacing:-.6px;font-size:22px;line-height:1.3;display:flex;flex-direction:column;gap:9px}.route-text small{font-size:9px;color:#7889a6;letter-spacing:1.8px;font-weight:800}.route-arrow{font-size:27px;color:#8198bf;margin-left:auto;transition:transform .3s}.route-item:hover .route-arrow{transform:translate(4px,-4px);color:#88aaff}.route-preview{min-height:443px;position:relative;overflow:hidden;background:#101726;border:1px solid var(--line2)}.route-preview img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.7) brightness(.73);transition:opacity .35s,transform .6s}.route-preview img.is-changing{opacity:0;transform:scale(1.035)}.route-preview-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,14,.9),transparent 60%)}.route-preview>span{position:absolute;top:27px;left:30px;font-size:10px;letter-spacing:1.4px;color:#edf0fa;font-weight:700}.route-preview>strong{position:absolute;bottom:30px;left:30px;right:25px;font-size:24px;letter-spacing:-.7px;font-weight:600}
.quote-section{background:#070d18;position:relative;overflow:hidden}.quote-image{position:absolute;inset:0 0 0 50%;background:url('img/safir-vip-gece-arac-siluet.webp') center/cover no-repeat;filter:saturate(.43) brightness(.58);opacity:.35}.quote-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070d18 20%,rgba(7,13,24,.95) 43%,rgba(7,13,24,.6) 72%,#070d18),radial-gradient(ellipse at 80% 30%,rgba(38,82,181,.2),transparent 54%)}.quote-layout{position:relative;display:grid;grid-template-columns:1fr 1.04fr;gap:90px;align-items:center}.quote-copy h2{font-size:clamp(54px,5.1vw,79px);line-height:1.05;margin-bottom:28px}.quote-copy h2 em{color:#91afff}.quote-copy>p{font-size:14px;line-height:1.9;color:#a7b5cb;max-width:410px}.quote-contact{display:flex;flex-direction:column;border-left:2px solid #2f5fcf;padding:5px 0 6px 17px;margin-top:68px;gap:7px}.quote-contact span{color:#8599c1;font-size:9px;letter-spacing:1.6px}.quote-contact a{font-size:20px;letter-spacing:-.3px;font-weight:650}.quote-form{background:rgba(11,20,37,.96);border:1px solid rgba(137,170,245,.24);padding:36px 38px 31px;box-shadow:0 25px 85px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.form-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line2);padding-bottom:28px;margin-bottom:13px;font-size:11px;font-weight:800;letter-spacing:1.7px;color:#d6e0f4}.form-numeral{font:italic 26px var(--serif);letter-spacing:-2px;color:#739bfa}.form-field{padding:12px 0 9px}.form-field label{font-size:9px;font-weight:800;letter-spacing:1.45px;color:#8498ba;display:block;margin-bottom:10px}.form-field input,.form-field select{width:100%;border:1px solid rgba(163,184,221,.18);background:#121d30;color:#f1f4fa;border-radius:0;padding:15px 13px;min-width:0;height:49px;font-size:13px;color-scheme:dark}.form-field input::placeholder{color:#8491a7}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%2393b1f8' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 14px center;padding-right:32px}.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#2756cb;color:#fff;padding:18px 19px;border:0;width:100%;margin-top:22px;text-align:left;font-size:11px;letter-spacing:1.2px;font-weight:800;transition:background .3s,transform .3s}.form-submit:hover{background:#3c70e7;transform:translateY(-2px)}.form-submit span+span{font-size:22px}.form-note{font-size:10px;line-height:1.75;color:#7d8ca8;margin:15px 0 0}
.journal-section{background:#0a101b}.journal-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:20px}.journal-primary,.journal-secondary{display:flex;flex-direction:column;min-width:0}.journal-img{height:275px;position:relative;overflow:hidden;border:1px solid var(--line)}.journal-primary .journal-img{height:320px}.journal-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.79);transition:transform .8s var(--ease),filter .8s}.journal-grid>a:hover img{transform:scale(1.065);filter:saturate(.9) brightness(.95)}.journal-arrow{position:absolute;right:16px;bottom:16px;width:38px;height:38px;background:#244cb1;display:grid;place-items:center;font-size:21px}.journal-grid a>p{margin:21px 0 10px;font-size:9px;letter-spacing:1.6px;color:#7093df;font-weight:800}.journal-grid h3{font-size:22px;font-weight:600;line-height:1.42;letter-spacing:-.7px;margin:0;max-width:400px}.journal-primary h3{font-size:27px}
.site-footer{background:#03060c;border-top:1px solid var(--line);padding-top:80px}.footer-top{display:flex;justify-content:space-between;gap:70px;padding-bottom:95px}.footer-brand-block img{max-width:235px;max-height:65px;width:auto;filter:brightness(1.28)}.footer-brand-block p{color:#8594b1;font:italic 25px var(--serif);margin:15px 0 24px}.footer-number{font-size:22px;font-weight:600}.footer-number span{color:#6d99fd}.footer-menu{display:flex;gap:95px;padding-right:7%}.footer-menu>div{display:flex;flex-direction:column;gap:15px}.footer-menu>div span{font-size:9px;letter-spacing:1.5px;color:#6189e8;font-weight:800;margin-bottom:10px}.footer-menu a{font-size:13px;color:#9eacc4;transition:color .25s}.footer-menu a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:23px 0 30px;color:#7c8aa5;font-size:9px;letter-spacing:1.15px;font-weight:700}.footer-bottom a{color:#c4d1eb}.floating-whatsapp{z-index:90;position:fixed;bottom:25px;right:25px;display:flex;align-items:center;gap:13px;padding:12px 18px;background:#1e4abb;color:#fff;box-shadow:0 10px 35px #0006;font-size:10px;font-weight:800;letter-spacing:1.1px;transition:background .3s,transform .3s}.floating-whatsapp:hover{background:#346ae0;transform:translateY(-3px)}.floating-whatsapp>span:first-child{font-size:20px}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes hero-enter{from{transform:scale(1.16);opacity:.3}to{transform:scale(1.04);opacity:.82}}@keyframes scroll-down{50%{transform:translateY(6px)}}.js .reveal{opacity:0;transform:translateY(31px);transition:opacity .95s var(--ease),transform .95s var(--ease)}.js .reveal.in-view{opacity:1;transform:translateY(0)}.service-mosaic .reveal:nth-child(2),.difference-line:nth-child(2){transition-delay:.08s}.service-mosaic .reveal:nth-child(3),.difference-line:nth-child(3){transition-delay:.12s}.service-mosaic .reveal:nth-child(4){transition-delay:.16s}
@media(max-width:1200px){.shell{width:min(100% - 72px,1200px)}.desktop-nav{gap:16px}.desktop-nav a{font-size:9px}.brand{width:163px}.header-inner{gap:15px}.nav-book{gap:13px}.hero h1{font-size:95px}.intro-grid{gap:40px}.quote-layout{gap:46px}.experience-showcase{grid-template-columns:1.5fr .8fr}.experience-sidebar{padding-inline:27px}.side-explore{margin-left:-27px;margin-right:-27px;padding-inline:27px}}
@media(max-width:950px){.shell{width:min(100% - 54px,900px)}.desktop-nav,.header-call,.nav-book{display:none}.menu-toggle{display:flex}.header-inner{height:74px}.site-header{top:36px}.mobile-nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:#070d19;border-bottom:1px solid var(--line2);padding:14px 28px 24px;gap:0;transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .35s,opacity .35s,visibility .35s;box-shadow:0 30px 50px #0006}.mobile-nav.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:650}.mobile-nav .menu-book{color:#8eaefa;border-bottom:0}.hero{min-height:760px}.hero-photo{inset:0 0 0 17%;background-position:58% 50%}.hero-shade{background:linear-gradient(90deg,#04070e 2%,rgba(4,7,14,.96) 35%,rgba(4,7,14,.35) 75%,rgba(4,7,14,.6)),linear-gradient(0deg,#050810 3%,transparent 45%)}.hero h1{font-size:clamp(65px,11vw,93px);letter-spacing:-5px}.hero-side-mark{display:none}.section-pad{padding:96px 0}.intro-grid{grid-template-columns:1fr 1fr;gap:34px}.intro-section h2,.section-top h2,.experience-section h2,.difference-intro h2,.quote-section h2,.journal-section h2{font-size:clamp(40px,5vw,58px)}.intro-photo{height:340px}.service-mosaic{grid-template-rows:315px 260px}.experience-showcase{grid-template-columns:1fr}.experience-image-wrap{min-height:435px}.experience-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;padding:26px}.experience-sidebar h3{margin:7px 0 0}.experience-tabs{grid-column:2;grid-row:1 / span 2;margin-top:0}.side-explore{margin:0 -26px -26px;grid-column:1 / -1;padding:18px 26px}.experience-sidebar-head{align-self:start}.difference-layout{gap:40px}.route-layout{gap:24px}.quote-layout{gap:30px;grid-template-columns:1fr 1.1fr}.quote-form{padding:26px}.form-duo{grid-template-columns:1fr;gap:0}.journal-grid{grid-template-columns:1.3fr 1fr;row-gap:38px}.journal-grid a:last-child{grid-column:2}.journal-grid a:first-child{grid-row:span 2}.journal-primary .journal-img{height:410px}.journal-secondary .journal-img{height:235px}.footer-menu{gap:55px;padding:0}}
@media(max-width:700px){.shell{width:calc(100% - 38px)}.topline{height:34px}.topline-inner span:first-child{font-size:8px;letter-spacing:.5px}.topline-inner span:last-child{font-size:0}.topline-inner span:last-child a{font-size:11px;letter-spacing:0}.site-header{top:34px}.site-header.scrolled{top:0}.header-inner{height:69px}.brand{width:164px}.hero{height:auto;min-height:735px;display:flex;align-items:stretch}.hero-photo{inset:0;background-position:65% 31%;background-size:auto 90%;background-repeat:no-repeat;opacity:.9}.hero-shade{background:linear-gradient(180deg,rgba(4,7,14,.32) 5%,rgba(4,7,14,.65) 27%,rgba(4,7,14,.92) 46%,#050810 96%),linear-gradient(90deg,rgba(4,7,14,.4),transparent)}.hero-shell{padding-top:235px;padding-bottom:135px;display:flex;align-items:end}.hero-copy{width:100%}.hero-overline{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:clamp(58px,13.5vw,84px);letter-spacing:-3.6px;margin:18px 0 20px}.hero h1 em{letter-spacing:-1px}.hero-lede{font-size:13px;line-height:1.82;max-width:360px;margin-bottom:25px}.hero-actions{gap:17px}.button-primary{width:100%;min-height:52px}.button-ghost{font-size:9px;padding:6px 0}.hero-bottom{bottom:20px;align-items:center}.hero-trust{gap:11px}.hero-trust>div span{font-size:7px;letter-spacing:.6px}.hero-trust strong{font-size:12px}.hero-trust i{height:22px}.scroll-cue{display:none}.prestige-ribbon{height:45px}.ribbon-track{font-size:9px}.section-pad{padding:77px 0}.section-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:25px}.intro-grid{grid-template-columns:1fr;gap:38px}.intro-section h2,.section-top h2,.experience-section h2,.difference-intro h2,.quote-section h2,.journal-section h2{font-size:clamp(43px,10.2vw,58px);letter-spacing:-2.5px}.intro-left>p{font-size:13px}.intro-right{padding:0;border:0}.intro-photo{height:340px}.section-top{align-items:start;flex-direction:column;gap:20px}.top-support{max-width:100%;padding:0}.top-support p{margin-bottom:15px}.service-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:365px 260px 230px;gap:11px}.mosaic-main{grid-column:1 / 3;grid-row:1}.mosaic-side{grid-column:1 / 3;grid-row:2}.mosaic-wide{grid-column:1;grid-row:3}.mosaic-small{grid-column:2;grid-row:3}.mosaic-index{font-size:8px;letter-spacing:.9px;top:18px;left:17px}.mosaic-index:before{width:10px}.mosaic-info{bottom:20px;left:18px;right:14px;gap:6px}.mosaic-info h3{font-size:30px}.mosaic-side .mosaic-info h3{font-size:28px}.mosaic-small .mosaic-info h3,.mosaic-wide .mosaic-info h3{font-size:19px;letter-spacing:-.6px}.mosaic-main .mosaic-info{bottom:55px}.mosaic-micro{bottom:18px;left:18px;font-size:10px}.tile-arr{width:34px;height:34px;font-size:17px}.mosaic-small .tile-arr,.mosaic-wide .tile-arr{height:28px;width:28px;font-size:14px}.experience-head-row{display:block}.experience-head-row>p{margin-top:20px;max-width:100%;font-size:13px}.experience-showcase{display:block}.experience-image-wrap{min-height:280px;aspect-ratio:4 / 3}.image-watermark{font-size:19px;letter-spacing:4px;bottom:16px;left:14px}.image-sequence{right:16px;top:16px}.experience-sidebar{padding:24px;display:block}.experience-sidebar h3{font-size:37px;margin:25px 0 21px}.gallery-tab{padding:17px 0}.side-explore{margin:18px -24px -24px;padding:20px 24px}.difference-layout{grid-template-columns:1fr;gap:38px}.difference-intro>p{max-width:100%}.difference-line{padding:23px 0;grid-template-columns:32px 1fr 20px}.difference-line h3{font-size:19px}.difference-line p{font-size:12px}.route-layout{grid-template-columns:1fr}.route-item{min-height:91px}.route-text{font-size:18px}.route-preview{min-height:220px}.route-preview>strong{font-size:18px;bottom:18px;left:18px}.route-preview>span{top:18px;left:18px}.quote-image{inset:0;opacity:.16}.quote-layout{grid-template-columns:1fr;gap:40px}.quote-copy h2{font-size:58px}.quote-contact{margin-top:28px}.quote-form{padding:25px 20px}.form-duo{grid-template-columns:1fr;gap:0}.journal-grid{grid-template-columns:1fr 1fr;gap:22px 13px}.journal-grid a:first-child{grid-column:1 / 3;grid-row:auto}.journal-grid a:last-child{grid-column:auto}.journal-primary .journal-img{height:265px}.journal-secondary .journal-img{height:167px}.journal-grid h3,.journal-primary h3{font-size:18px}.journal-grid a>p{font-size:8px}.site-footer{padding-top:58px}.footer-top{display:block;padding-bottom:47px}.footer-brand-block img{max-width:214px}.footer-number{font-size:21px}.footer-menu{display:flex;gap:50px;margin-top:50px}.footer-bottom{flex-wrap:wrap;gap:15px;padding-bottom:88px;line-height:1.8}.footer-bottom span:first-child{width:100%}.floating-whatsapp{right:16px;bottom:16px;padding:11px 12px}.floating-whatsapp span:last-child{display:none}.floating-whatsapp>span:first-child{font-size:23px}}
@media(max-width:390px){.hero h1{font-size:56px}.hero-lede{font-size:12px}.intro-photo{height:300px}.mosaic-info h3{font-size:26px}.mosaic-small .mosaic-info h3,.mosaic-wide .mosaic-info h3{font-size:16px}.mosaic-index{font-size:7px}.journal-secondary .journal-img{height:133px}.journal-grid h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}
/* Final visual polish — prevent mobile overhang and retain the van above the fold */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:700px){
.hero{min-height:800px}
.hero-photo{inset:108px 0 auto;height:303px;background-size:125% auto;background-position:50% 7px;background-repeat:no-repeat;opacity:1;filter:saturate(.63) contrast(1.12);transform:none;animation:none}
.hero-shade{background:linear-gradient(180deg,rgba(4,7,14,.03) 0%,rgba(4,7,14,.03) 29%,rgba(4,7,14,.96) 53%,#050810 94%)}
.hero-shell{padding-top:340px;padding-bottom:133px}
.hero-beam{display:none}
.hero h1{font-size:clamp(55px,12.9vw,80px)}
}
@media(max-width:700px){.experience-image-wrap{min-height:0;width:100%;aspect-ratio:4 / 3}.experience-showcase{width:100%;min-width:0}}

:root {
  --gold: #C9A86A;
  --gold-light: #E4C991;
}

/* Üst bilgilendirme bandı yok; navbar ekranın en üstünde */
.topline { display: none !important; }
.site-header,
.site-header.scrolled { top: 0; }
.site-header { border-bottom-color: rgba(201,168,106,.20); }

/* SOL: logo | ORTA: menü | SAĞ: rezervasyon */
.header-inner {
  height: 80px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 18px;
}
.brand { justify-self: start; width: 178px; }
.desktop-nav {
  margin-left: 0;
  justify-self: center;
  gap: clamp(15px,1.7vw,27px);
}
.nav-actions { justify-self: end; }
.desktop-nav a:hover { color: var(--gold-light); }
.desktop-nav a.active:after { background: var(--gold); }
.header-call { border-color: rgba(201,168,106,.35); }
.header-call:hover { border-color: var(--gold); color: var(--gold-light); }
.nav-book { background: #244FC4; border: 1px solid rgba(201,168,106,.35); }
.nav-book:hover { background: #3263D2; border-color: var(--gold); }

/* HERO tam ekran; metin boyu kontrollü */
.hero {
  height: 100svh;
  min-height: 620px;
  position: relative;
  align-items: center;
}
.hero-shell {
  padding-top: clamp(100px,13vh,130px);
  padding-bottom: clamp(74px,9vh,90px);
}
.hero-copy { max-width: 590px; }
.hero-overline { color: var(--gold-light); font-size: 10px; }
.hero .micro-bar { background: var(--gold); }
.hero-est { color: var(--gold); }
.hero h1 {
  font-size: clamp(56px,5.1vw,82px);
  line-height: 1.015;
  letter-spacing: -.057em;
  margin: 18px 0 20px;
}
.hero h1 em {
  font-size: 1.06em;
  letter-spacing: -.025em;
  color: var(--gold-light);
}
.hero-lede {
  max-width: 445px;
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 26px;
}
.hero-actions { gap: 25px; }
.hero .button-primary {
  min-height: 52px;
  padding: 8px 8px 8px 20px;
  font-size: 10px;
  border-bottom: 2px solid var(--gold);
}
.hero .button-arrow { width: 36px; height: 35px; }
.hero .button-ghost span { color: var(--gold-light); }

/* Alt istatistikleri ve sağdaki dikey yazıyı gizle */
.hero-trust, .hero-side-mark { display: none; }
.hero-bottom { justify-content: flex-end; bottom: 28px; }
.scroll-cue span { color: var(--gold); }

/* Hafif gold detaylar */
.section-kicker span,
.ribbon-track b { color: var(--gold); }

/* WhatsApp: sadece marka ikonu, dairesel buton */
.floating-whatsapp {
  width: 56px;
  height: 56px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  gap: 0;
  background: #101B2D;
  border: 1px solid var(--gold);
  color: #fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
.floating-whatsapp svg { display: block; width: 29px; height: 29px; fill: currentColor; }
.floating-whatsapp:hover { background: #168B4D; border-color: #168B4D; }

/* Tablet: menü hamburger olur */
@media (max-width: 950px) {
  .header-inner { height: 72px; display: flex; justify-content: space-between; }
  .brand { width: 170px; }
  .nav-actions { margin-left: auto; }
  .site-header { top: 0; }
  .hero h1 { font-size: clamp(54px,7.1vw,72px); }
}

/* Telefon: araç yukarıda, metin aşağıda, hiçbir buton kesilmez */
@media (max-width: 700px) {
  .header-inner { height: 68px; }
  .brand { width: 158px; }
  .hero { height: auto; min-height: min(790px,100svh); align-items: stretch; }
  .hero-photo {
    inset: 72px 0 auto;
    height: 270px;
    background-size: 125% auto;
    background-position: center 7px;
    background-repeat: no-repeat;
    opacity: 1;
    transform: none;
    animation: none;
  }
  .hero-shade {
    background: linear-gradient(180deg,
      rgba(4,7,14,.10) 0%,
      rgba(4,7,14,.20) 25%,
      rgba(4,7,14,.90) 41%,
      #050810 70%);
  }
  .hero-shell { padding-top: 305px; padding-bottom: 70px; display: block; }
  .hero-overline { font-size: 8px; letter-spacing: 1px; gap: 7px; }
  .hero-est { display: none; }
  .hero h1 {
    font-size: clamp(43px,10.9vw,63px);
    letter-spacing: -.05em;
    line-height: 1.02;
    margin: 15px 0 16px;
  }
  .hero h1 em { letter-spacing: -.025em; }
  .hero-lede { font-size: 12.5px; line-height: 1.65; margin-bottom: 20px; }
  .hero-actions { gap: 14px; align-items: stretch; }
  .hero .button-primary { width: 100%; max-width: 350px; min-height: 47px; }
  .hero-bottom { display: none; }
  .floating-whatsapp { right: 16px; bottom: 16px; width: 52px; height: 52px; }
  .floating-whatsapp svg { width: 27px; height: 27px; }
}

/* Küçük ekran veya kısa laptop: hero rahat nefes alsın */
@media (min-width: 701px) and (max-height: 720px) {
  .hero { min-height: 600px; }
  .hero-shell { padding-top: 92px; padding-bottom: 57px; }
  .hero h1 { font-size: clamp(50px,4.7vw,70px); margin: 14px 0; }
  .hero-lede { margin-bottom: 18px; }
}

@media (max-width: 700px) and (max-height: 740px) {
  .hero-photo { height: 225px; }
  .hero-shell { padding-top: 258px; padding-bottom: 42px; }
  .hero h1 { font-size: clamp(40px,10.3vw,54px); }
  .hero-lede { margin-bottom: 15px; }
}
/* =====================================================
   SAFIR VIP - HERO / NAVBAR FINAL FIX
===================================================== */

/* Genel */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Gold / sarı detayları butonlardan kaldır */
.button-primary,
.nav-book {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.button-primary:hover,
.nav-book:hover {
    box-shadow: none !important;
}

.button-arrow,
.button-ghost span,
.nav-book span {
    color: #ffffff !important;
}

/* İstersen hero içindeki gold tonunu da biraz nötrleştirelim */
.hero h1 em {
    color: #d9e4ff !important;
}

.hero-overline,
.hero-est {
    color: #c8d3ea !important;
}

.micro-bar {
    background: #4d80ff !important;
}

/* Üst bar kapalı kalsın */
.topline {
    display: none !important;
}

/* Header konumu */
.site-header,
.site-header.scrolled {
    top: 0 !important;
}

/* Navbar hizalama */
.header-inner {
    height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

/* Logo biraz küçülsün */
.brand {
    width: 155px;
    justify-self: start;
}

.brand img {
    max-height: 42px;
    width: 100%;
    object-fit: contain;
}

/* Menü tam ortada */
.desktop-nav {
    justify-self: center;
    margin-left: 0 !important;
    gap: 28px;
}

.desktop-nav a {
    font-size: 10px;
    letter-spacing: 1.15px;
}

/* Sağ aksiyonlar */
.nav-actions {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Eskisini gizle */
.header-call {
    display: none !important;
}

/* Yeni WhatsApp ikonu butonu */
.header-whatsapp {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(178,198,234,.23);
    color: #f6f8fc;
    background: transparent;
    transition: .28s ease;
}

.header-whatsapp svg {
    width: 21px;
    height: 21px;
    display: block;
}

.header-whatsapp:hover {
    background: #1d49c4;
    border-color: #3b6fff;
    transform: translateY(-2px);
}

/* Rezervasyon butonu */
.nav-book {
    background: #2452d6 !important;
    padding: 15px 19px !important;
    gap: 28px !important;
}

.nav-book:hover {
    background: #3267e4 !important;
    transform: translateY(-2px);
}

/* HERO alanı */
.hero {
    height: min(840px, 100svh);
    min-height: 620px;
    align-items: center;
}

.hero-shell {
    padding-top: clamp(92px, 11vh, 118px);
    padding-bottom: clamp(74px, 8vh, 88px);
}

.hero-copy {
    max-width: 520px;
}

.hero h1 {
    font-size: clamp(54px, 5vw, 78px);
    line-height: 1.02;
    letter-spacing: -0.055em;
    margin: 18px 0 18px;
}

.hero-lede {
    max-width: 470px;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 24px;
}

.hero-actions {
    gap: 22px;
}

.button-primary {
    min-height: 54px;
    padding: 10px 10px 10px 21px;
}

.button-arrow {
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,.14);
}

.button-ghost {
    color: #d9e2f3;
}

/* Hero içindeki gereksiz alanlar */
.hero-trust,
.hero-side-mark {
    display: none !important;
}

.hero-bottom {
    justify-content: flex-end;
    bottom: 26px;
}

.scroll-cue {
    color: #aab4c8;
}

.scroll-cue span {
    color: #d9e2f3;
}

/* Floating WhatsApp - ikonlu */
.floating-whatsapp {
    z-index: 90;
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 58px;
    height: 58px;
    padding: 0 !important;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(10, 18, 33, .95);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 10px 28px rgba(0,0,0,.28);
    transition: .28s ease;
}

.floating-whatsapp svg {
    width: 27px;
    height: 27px;
    display: block;
}

.floating-whatsapp span {
    display: none !important;
}

.floating-whatsapp:hover {
    background: #1d49c4;
    border-color: #3b6fff;
    transform: translateY(-3px);
}

/* Masaüstü biraz daha dengeli olsun */
@media (max-width: 1280px) {
    .brand {
        width: 148px;
    }

    .desktop-nav {
        gap: 20px;
    }

    .hero h1 {
        font-size: clamp(50px, 5.2vw, 72px);
    }
}

/* Tablet */
@media (max-width: 950px) {
    .desktop-nav,
    .header-whatsapp,
    .nav-book {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    .header-inner {
        display: flex;
        justify-content: space-between;
        height: 72px;
    }

    .brand {
        width: 150px;
    }

    .hero {
        min-height: 700px;
        height: auto;
    }

    .hero-shell {
        padding-top: 250px;
        padding-bottom: 90px;
    }

    .hero-copy {
        max-width: 480px;
    }

    .hero h1 {
        font-size: clamp(48px, 8vw, 66px);
    }
}

/* Mobil düzeltme */
@media (max-width: 700px) {
    html,
    body {
        overflow-x: hidden;
    }

    .site-header,
    .site-header.scrolled {
        top: 0 !important;
    }

    .header-inner {
        height: 68px;
    }

    .brand {
        width: 144px;
    }

    /* Hero mobile tam otursun */
    .hero {
        min-height: 100svh;
        height: auto;
        display: flex;
        align-items: stretch;
        overflow: hidden;
    }

    /* Arka plan görseli mobile full yayılsın */
    .hero-photo {
        inset: 68px 0 0 0 !important;
        height: 285px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        opacity: .95;
        transform: none !important;
        animation: none !important;
        filter: saturate(.66) contrast(1.06);
    }

    .hero-shade {
        background:
            linear-gradient(
                180deg,
                rgba(4,7,14,.08) 0%,
                rgba(4,7,14,.20) 18%,
                rgba(4,7,14,.62) 38%,
                rgba(4,7,14,.92) 57%,
                #050810 100%
            ) !important;
    }

    .hero-shell {
        padding-top: 315px !important;
        padding-bottom: 105px !important;
        display: flex;
        align-items: flex-end;
    }

    .hero-copy {
        max-width: 100%;
    }

    .hero-overline {
        font-size: 9px;
        letter-spacing: 1.25px;
    }

    .hero h1 {
        font-size: clamp(44px, 11.6vw, 58px) !important;
        line-height: 1.02;
        letter-spacing: -0.05em;
        margin: 14px 0 16px;
    }

    .hero-lede {
        max-width: 100%;
        font-size: 13px;
        line-height: 1.72;
        margin-bottom: 22px;
    }

    .hero-actions {
        gap: 14px;
    }

    .button-primary {
        width: 100%;
        min-height: 52px;
        padding: 10px 10px 10px 18px;
    }

    .button-ghost {
        font-size: 9px;
        padding: 0;
    }

    .hero-bottom {
        display: none !important;
    }

    .prestige-ribbon {
        height: 42px;
    }

    .ribbon-track {
        font-size: 8px;
        gap: 28px;
    }

    .floating-whatsapp {
        right: 14px;
        bottom: 14px;
        width: 54px;
        height: 54px;
    }

    .floating-whatsapp svg {
        width: 25px;
        height: 25px;
    }
}

/* Çok küçük ekran */
@media (max-width: 390px) {
    .hero {
        min-height: 100svh;
    }

    .hero-photo {
        height: 260px !important;
    }

    .hero-shell {
        padding-top: 292px !important;
        padding-bottom: 98px !important;
    }

    .hero h1 {
        font-size: 42px !important;
    }

    .hero-lede {
        font-size: 12px;
    }
}


/* ====================================
   SAFIR VIP - SERVICES GRID V6
   Kompakt asimetrik kart tasarimi
==================================== */

/* Genel bölüm boyutları */
.services-section.section-pad {
    padding: 70px 0 78px;
}

.services-section .section-top {
    margin-bottom: 27px;
    align-items: end;
    gap: 35px;
}

.services-section .section-kicker {
    margin-bottom: 14px;
    font-size: 10px;
    letter-spacing: 1.6px;
}

.services-section .section-top h2 {
    font-size: clamp(33px, 3.3vw, 50px);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 0;
}

.services-section .section-top h2 em {
    color: #2452D6 !important;
}

.services-section .top-support {
    max-width: 315px;
    padding-bottom: 3px;
}

.services-section .top-support p {
    font-size: 12px;
    line-height: 1.75;
    margin-bottom: 12px;
}

/* Yeni asimetrik grid */
.services-section .service-mosaic {
    display: grid;
    grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr);
    grid-template-rows: 152px 84px 94px;
    gap: 11px;
}

/* Sol büyük kart */
.services-section .mosaic-main {
    grid-column: 1;
    grid-row: 1 / 3;
}

/* Sağ üst kart */
.services-section .mosaic-side {
    grid-column: 2;
    grid-row: 1;
}

/* Sol alt yatay kart */
.services-section .mosaic-wide {
    grid-column: 1;
    grid-row: 3;
}

/* Sağ alt dikey kart */
.services-section .mosaic-small {
    grid-column: 2;
    grid-row: 2 / 4;
}

/* Kartların genel görünümü */
.services-section .mosaic-tile {
    min-width: 0;
    min-height: 0;
    border: 1px solid rgba(90, 124, 185, .24);
    overflow: hidden;
    position: relative;
}

.services-section .mosaic-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.78) brightness(.82);
}

.services-section .mosaic-dark {
    background: linear-gradient(
        0deg,
        rgba(3, 7, 17, .92) 0%,
        rgba(3, 7, 17, .35) 48%,
        rgba(3, 7, 17, .20) 100%
    );
}

/* Küçük kategori yazıları */
.services-section .mosaic-index {
    top: 15px;
    left: 18px;
    font-size: 9px;
    letter-spacing: 1.05px;
    color: #E1EAFB;
}

.services-section .mosaic-index::before {
    background: #2452D6 !important;
    width: 17px;
}

/* Kart başlıkları */
.services-section .mosaic-info {
    left: 19px;
    right: 19px;
    bottom: 18px;
    gap: 12px;
}

.services-section .mosaic-info h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: -.9px;
    margin: 0;
}

.services-section .mosaic-main .mosaic-info {
    bottom: 44px;
}

.services-section .mosaic-main .mosaic-info h3 {
    font-size: 29px;
}

.services-section .mosaic-side .mosaic-info h3 {
    font-size: 22px;
}

.services-section .mosaic-wide .mosaic-info {
    bottom: 14px;
}

.services-section .mosaic-wide .mosaic-info h3 {
    font-size: 21px;
}

.services-section .mosaic-small .mosaic-info h3 {
    font-size: 23px;
}

.services-section .mosaic-micro {
    left: 19px;
    bottom: 17px;
    font-size: 10px;
}

/* Küçük ok butonları */
.services-section .tile-arr {
    width: 31px;
    height: 31px;
    font-size: 16px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
}

.services-section .mosaic-tile:hover {
    border-color: #2452D6;
}

.services-section .mosaic-tile:hover .tile-arr {
    background: #2452D6;
    border-color: #2452D6;
    color: #fff;
    transform: none;
}

/* Tablet */
@media (max-width: 950px) {

    .services-section.section-pad {
        padding: 58px 0 65px;
    }

    .services-section .service-mosaic {
        grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
        grid-template-rows: 145px 80px 95px;
        gap: 9px;
    }

    .services-section .mosaic-main .mosaic-info h3 {
        font-size: 26px;
    }

    .services-section .mosaic-wide .mosaic-info h3 {
        font-size: 18px;
    }
}

/* Telefon */
@media (max-width: 700px) {

    .services-section.section-pad {
        padding: 52px 0 58px;
    }

    .services-section .section-top {
        gap: 13px;
        margin-bottom: 22px;
    }

    .services-section .section-kicker {
        font-size: 9px;
        margin-bottom: 12px;
    }

    .services-section .section-top h2 {
        font-size: clamp(32px, 8vw, 42px);
        letter-spacing: -1.4px;
    }

    .services-section .top-support {
        max-width: 100%;
    }

    .services-section .top-support p {
        font-size: 11px;
        margin-bottom: 8px;
    }

    /* Mobilde kartlar okunabilir kalsın */
    .services-section .service-mosaic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 220px 160px 114px;
        gap: 9px;
    }

    .services-section .mosaic-main {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .services-section .mosaic-side {
        grid-column: 1;
        grid-row: 2;
    }

    .services-section .mosaic-small {
        grid-column: 2;
        grid-row: 2;
    }

    .services-section .mosaic-wide {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .services-section .mosaic-index {
        font-size: 7px;
        left: 10px;
        top: 11px;
        letter-spacing: .45px;
        gap: 5px;
    }

    .services-section .mosaic-index::before {
        width: 9px;
    }

    .services-section .mosaic-info {
        left: 12px;
        right: 10px;
        bottom: 13px;
    }

    .services-section .mosaic-main .mosaic-info {
        bottom: 35px;
    }

    .services-section .mosaic-main .mosaic-info h3 {
        font-size: 24px;
    }

    .services-section .mosaic-side .mosaic-info h3,
    .services-section .mosaic-small .mosaic-info h3 {
        font-size: 17px;
        letter-spacing: -.4px;
    }

    .services-section .mosaic-wide .mosaic-info h3 {
        font-size: 18px;
    }

    .services-section .mosaic-micro {
        bottom: 12px;
        left: 12px;
        font-size: 9px;
    }

    .services-section .tile-arr {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }
}