@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
html{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}
:root{font-family:Manrope,Arial,sans-serif;color:#f7f9fc;background:#061d37;font-synthesis:none;--bg:#082a50;--panel:#103456;--line:#ffffff1a;--muted:#a8bdd1;--ink:#fff;--accent:#a8c2dd}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);transition:background .5s,color .5s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #daa453;outline-offset:4px}button:disabled{cursor:wait}svg{width:22px;height:22px;display:block}i{display:inline-flex;font-style:normal}header{height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.app{max-width:520px;margin:auto;position:relative;overflow:hidden}.wordmark{font-size:10px;letter-spacing:2px;font-weight:800}.wordmark span{display:block;font-size:8px;letter-spacing:3px;margin-top:3px;color:var(--muted)}.language{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:10px;font-weight:800}.language span{margin-left:7px;color:var(--muted)}.brands{display:flex;gap:4px;border:1px solid var(--line);background:#00000012;margin:5px 24px 0;padding:4px;border-radius:13px;position:relative;z-index:4}.brands button{flex:1;background:none;border:0;border-radius:9px;padding:12px 5px;color:var(--muted);font-weight:800;font-size:14px;transition:all .35s}.brands button span{font-size:8px;letter-spacing:1px;margin-left:4px;font-weight:600}.brands button.active{background:#fff;color:#082a50;box-shadow:0 3px 10px #0002}.hero{position:relative;padding:44px 24px 0;isolation:isolate}.hero-content{position:relative;z-index:2;text-align:center;pointer-events:none}.logo-wrap{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.logo-wrap img{width:76%;max-width:310px;max-height:105px;object-fit:contain;filter:drop-shadow(0 5px 20px #0001);transition:opacity .2s,transform .5s}.hero .eyebrow{font-size:8px;letter-spacing:3px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--muted)}h1{font-size:32px;line-height:1.2;letter-spacing:-1.3px;font-weight:800;margin:13px 0}p{font-size:12px;line-height:1.8;color:var(--muted)}.hero p{margin:0}.flag{position:absolute;z-index:1;width:170px;height:300px;top:13px;pointer-events:none;filter:drop-shadow(0 8px 15px #0003)}.flag-left{left:-98px;transform:rotate(-16deg)}.flag-right{right:-98px;transform:rotate(16deg)}#world{position:absolute;left:-15%;width:130%;height:260px;top:20px;z-index:0;opacity:.18;pointer-events:none}.transport-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);margin-top:28px;padding:0 12px 25px}.transport-line span{display:flex;align-items:center;gap:7px;color:var(--accent)}.transport-line svg{width:19px;height:19px}.transport-line b{font-size:10px;font-weight:600}.transport-line em{height:3px;width:3px;background:var(--accent);border-radius:50%;opacity:.5}.contact-section{padding:29px 24px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{font-size:22px;letter-spacing:-.8px;margin:7px 0 0;font-weight:750}.arrow-mark{font-size:32px;color:var(--muted);font-weight:400}.contact-card{border:1px solid var(--line);background:linear-gradient(120deg,#ffffff09,#ffffff03);border-radius:15px;padding:18px;margin-bottom:12px}.contact-top{display:flex;align-items:center;justify-content:space-between}.country{font-size:17px;font-weight:800;letter-spacing:-.3px}.country-code{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.phone-line{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px}.phone-number{font-size:22px;letter-spacing:-.55px;font-weight:700;white-space:nowrap}.copy{border:0;color:var(--muted);background:none;padding:6px}.copy svg{width:16px;height:16px}.actions{display:flex;gap:7px}.actions a{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;height:42px;flex:1;font-size:10px;font-weight:700;transition:background .2s}.actions a:hover{background:#ffffff13}.actions svg{width:17px;height:17px}.actions a:first-child{background:var(--ink);color:var(--bg);border-color:var(--ink)}.contact-note{text-align:center;font-size:10px;margin:17px 0 0}.gallery{padding:35px 24px 0}.gallery-scroll{display:flex;gap:12px;overflow:auto;margin-right:-24px;padding-right:24px;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery figure{flex:0 0 88%;margin:0;scroll-snap-align:start;border-radius:12px;overflow:hidden;background:var(--panel)}.gallery img{width:100%;height:170px;object-fit:cover;display:block}.gallery figcaption{display:flex;justify-content:space-between;padding:13px;font-size:10px;font-weight:700}.gallery figcaption span:last-child{color:var(--muted);font-size:8px;letter-spacing:1px}.gallery-note{font-size:9px;margin-top:10px}footer{padding:25px 24px 116px;display:flex;flex-direction:column;gap:8px;text-align:center;border-top:1px solid var(--line);margin-top:25px}footer span:first-child{font-size:10px;font-weight:800;letter-spacing:2px}footer span:last-child{font-size:10px;color:var(--muted)}.save-bar{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:13px 24px max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 22%)}.save-bar button{display:flex;align-items:center;gap:10px;width:100%;padding:16px 18px;background:#fff;color:#082a50;border:0;border-radius:12px;box-shadow:0 5px 30px #0003;font-size:13px;font-weight:800}.button-arrow{margin-left:auto;font-size:23px;line-height:15px}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%,20px);background:#fff;color:#082a50;padding:12px 18px;border-radius:12px;box-shadow:0 5px 25px #0003;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:all .2s;z-index:20;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}body[data-brand=xatlon]{--bg:#f8f7fc;--ink:#36258c;--panel:#eeeaf7;--line:#49319823;--muted:#7b7499;--accent:#57469b}body[data-brand=xatlon] .brands button.active{background:#3d2ba7;color:white}body[data-brand=xatlon] .contact-card{background:#fff}body[data-brand=xatlon] .save-bar button{background:#3d2ba7;color:white}body[data-brand=xatlon] #world{opacity:.13}body[data-brand=xatlon] .logo-wrap img{width:85%}body[data-brand=xatlon] .gallery{display:none}@media(min-width:521px){.app{min-height:100vh;box-shadow:0 0 80px #0002}}@media(max-width:360px){header,.contact-section{padding-left:18px;padding-right:18px}.brands{margin-left:18px;margin-right:18px}.phone-number{font-size:20px}.actions{gap:4px}.flag-left{left:-110px}.flag-right{right:-110px}h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
