:root{
  --intl-navy:#062f45;
  --intl-deep:#041f2e;
  --intl-teal:#078b99;
  --intl-cyan:#12c9d7;
  --intl-soft:#eefbfd;
  --intl-line:#d8ebef;
  --intl-muted:#5d7684;
  --intl-white:#fff;
  --intl-shadow:0 24px 70px rgba(6,47,69,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#fff;color:var(--intl-navy);line-height:1.55}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.intl-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,235,239,.8)}
.intl-nav{height:82px;display:flex;align-items:center;gap:28px}
.intl-brand{margin-right:auto;display:flex;align-items:center}
.intl-brand img{width:158px;height:64px;object-fit:contain}
.intl-links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:800}
.intl-links a{text-decoration:none}
.intl-actions{display:flex;gap:10px;align-items:center}
.intl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid var(--intl-line);transition:.2s transform,.2s box-shadow}
.intl-btn:hover{transform:translateY(-1px)}
.intl-btn.primary{background:linear-gradient(135deg,#08b5c3,#34d8e2);border-color:transparent;color:#053247;box-shadow:0 12px 28px rgba(8,181,195,.22)}
.intl-btn.dark{background:var(--intl-navy);border-color:var(--intl-navy);color:#fff}
.intl-btn.ghost{background:#fff}
.lang-pill{font-size:12px;font-weight:900;color:#4e6d79;border:1px solid var(--intl-line);padding:8px 11px;border-radius:999px}
.hero-intl{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#f8feff 52%,#e8f9fb 100%)}
.hero-intl:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-150px;top:-180px;background:radial-gradient(circle,#9cf0f4 0%,rgba(156,240,244,0) 68%);opacity:.65}
.hero-grid{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;padding:70px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #cdebee;border-radius:999px;background:#effbfd;color:#087582;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.hero-copy h1{font-size:clamp(48px,6.6vw,82px);letter-spacing:-.055em;line-height:.95;margin:18px 0 22px;color:var(--intl-deep)}
.hero-copy h1 em{font-style:normal;color:var(--intl-teal)}
.hero-copy>p{max-width:640px;font-size:19px;color:#4c6876;margin:0 0 28px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#496875;font-size:12px;font-weight:800}
.hero-proof span{display:flex;align-items:center;gap:6px}
.hero-visual{position:relative;min-height:510px}
.hero-photo{position:absolute;inset:0 0 32px 64px;border-radius:34px;overflow:hidden;box-shadow:var(--intl-shadow);background:url('/assets/navigam/photos/santorini-20260927.webp') center/cover}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,28,43,.05),rgba(3,28,43,.24))}
.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--intl-line);box-shadow:0 18px 50px rgba(6,47,69,.16);border-radius:20px;padding:16px 18px}
.floating-card.av{left:0;bottom:0;width:250px;display:flex;gap:12px;align-items:center}
.floating-card.av img{width:58px;height:58px;border-radius:50%;background:#e9fbfd}
.floating-card strong,.floating-card span{display:block}
.floating-card strong{font-size:14px}
.floating-card span{font-size:11px;color:var(--intl-muted)}
.floating-card.lang{right:-16px;top:46px}
.floating-card.lang strong{font-size:12px}.floating-card.lang span{font-size:11px}
.trustbar{border-top:1px solid #edf5f6;border-bottom:1px solid #edf5f6;background:#fff}
.trustrow{min-height:78px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center;text-align:center}
.trustrow b{font-size:13px}.trustrow small{display:block;color:#718894;font-size:11px;margin-top:2px}
.section{padding:86px 0}
.section.soft{background:linear-gradient(180deg,#f4fcfd,#fff)}
.section-head{text-align:center;max-width:780px;margin:0 auto 42px}
.section-head span{color:var(--intl-teal);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.section-head h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 12px}
.section-head p{margin:0;color:var(--intl-muted);font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{padding:24px 20px;border:1px solid var(--intl-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(6,47,69,.055)}
.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eafafb;font-size:22px;margin-bottom:16px}
.feature-card h3{margin:0 0 7px;font-size:17px}.feature-card p{margin:0;color:var(--intl-muted);font-size:13px}
.avia-band{margin-top:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;background:linear-gradient(135deg,#053c55,#078d9b);color:#fff;border-radius:28px;padding:34px;overflow:hidden}
.avia-band h3{font-size:32px;letter-spacing:-.03em;margin:8px 0 10px}
.avia-band p{color:#d8f6f8;max-width:650px;margin:0}
.avia-band .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.avia-art{display:flex;justify-content:center;align-items:center}
.avia-art img{width:180px;height:180px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15))}
.product-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}
.phone-wrap{display:flex;justify-content:center}
.phone{width:315px;background:#062838;border:8px solid #062838;border-radius:44px;box-shadow:0 34px 80px rgba(3,35,52,.28);overflow:hidden}
.phone-top{height:47px;background:#07374f;display:flex;align-items:center;justify-content:center}
.phone-top img{width:88px;filter:brightness(0) invert(1)}
.phone-cover{height:155px;background:linear-gradient(180deg,rgba(4,31,49,.08),rgba(4,31,49,.55)),url('/assets/navigam/photos/athens-20260927.webp') center/cover;display:flex;align-items:end;justify-content:center;text-align:center;color:#fff;padding:18px}
.phone-cover small,.phone-cover b,.phone-cover span{display:block}.phone-cover b{font-size:25px}.phone-cover small,.phone-cover span{font-size:10px}
.phone-body{background:linear-gradient(#073a53,#052d43);padding:12px;color:#fff}
.day-card{background:#fff;color:#123d51;border-radius:15px;padding:12px}
.day-card small{color:#66818e}.day-line{display:flex;justify-content:space-between;gap:8px;padding-top:9px;margin-top:9px;border-top:1px solid #e5eef1}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.quick div{background:#fff;color:#19465a;border-radius:10px;text-align:center;padding:10px 4px;font-size:9px;font-weight:900}
.translate{margin-top:8px;border:1px solid #1ac9d8;border-radius:12px;padding:10px;font-size:11px}
.product-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.045em;margin:0 0 18px}
.product-copy>p{font-size:17px;color:var(--intl-muted)}
.tick-list{display:grid;gap:13px;margin:26px 0}
.tick{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.tick i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e7f9fb;color:#067986;font-weight:900}
.tick b{display:block}.tick small{display:block;color:var(--intl-muted)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how-card{padding:28px;border:1px solid var(--intl-line);border-radius:24px;background:#fff}
.how-n{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--intl-navy);color:#fff;font-weight:900;margin-bottom:18px}
.how-card h3{font-size:19px;margin:0 0 8px}.how-card p{color:var(--intl-muted);margin:0;font-size:14px}
.boundary{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.boundary-card{padding:30px;border-radius:26px;border:1px solid var(--intl-line)}
.boundary-card.yes{background:#effbfd}.boundary-card.no{background:#fff}
.boundary-card h3{font-size:24px;margin:0 0 14px}
.boundary-card ul{margin:0;padding-left:20px;color:#466775}.boundary-card li{margin:9px 0}
.pricing-box{display:grid;grid-template-columns:1fr 360px;gap:36px;background:var(--intl-deep);color:#fff;border-radius:32px;padding:42px}
.pricing-copy h2{font-size:44px;line-height:1.02;margin:0 0 14px}.pricing-copy p{color:#c8e6eb;max-width:600px}
.price-card{background:#fff;color:var(--intl-navy);border-radius:25px;padding:26px}
.price-card .label{font-size:12px;color:#6a828d;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.price{font-size:52px;font-weight:950;letter-spacing:-.05em;margin:5px 0}.price small{font-size:14px;font-weight:800;color:#6d838d}
.price-card p{color:#5c7784;font-size:13px}
.price-note{font-size:11px;color:#c6e2e6;margin-top:14px}
.final-cta{text-align:center;padding:98px 20px;background:linear-gradient(140deg,#ecfbfd,#fff)}
.final-cta h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em;line-height:1;margin:0 0 15px}
.final-cta p{color:var(--intl-muted);font-size:17px;max-width:680px;margin:0 auto 26px}
footer{background:#041f2e;color:#a8c4ce;padding:26px 0;text-align:center;font-size:11px}
footer a{color:#d5eef2}
.mobile-cta{display:none}
@media(max-width:980px){
 .intl-links{display:none}
 .hero-grid{grid-template-columns:1fr;min-height:auto;padding:55px 0 75px}
 .hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-ctas,.hero-proof{justify-content:center}
 .hero-visual{min-height:440px;max-width:720px;width:100%;margin:auto}.hero-photo{inset:0 30px 26px 70px}
 .feature-grid{grid-template-columns:repeat(2,1fr)}
 .product-grid{grid-template-columns:1fr;}.phone-wrap{order:2}
 .pricing-box{grid-template-columns:1fr}
 .avia-band{grid-template-columns:1fr auto}
}
@media(max-width:680px){
 .shell{width:min(100% - 24px,1180px)}
 .intl-nav{height:74px}.intl-brand img{width:145px}.intl-actions .ghost,.lang-pill{display:none}
 .hero-grid{padding-top:36px}.hero-copy h1{font-size:52px}.hero-copy>p{font-size:16px}
 .hero-visual{min-height:330px}.hero-photo{inset:0 0 25px 25px;border-radius:25px}
 .floating-card.lang{display:none}.floating-card.av{width:215px;padding:12px;left:0}.floating-card.av img{width:48px;height:48px}
 .trustrow{grid-template-columns:repeat(2,1fr);padding:13px 0}
 .section{padding:62px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:18px 13px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px}
 .avia-band{grid-template-columns:1fr;padding:24px}.avia-art img{width:135px;height:135px}.avia-band h3{font-size:27px}
 .how-grid,.boundary{grid-template-columns:1fr}
 .pricing-box{padding:26px 20px;border-radius:25px}.pricing-copy h2{font-size:34px}
 .price{font-size:46px}
 .mobile-cta{display:block;position:fixed;z-index:40;bottom:12px;left:12px;right:12px}
 body{padding-bottom:76px}
}

/* International demo + on-site Avia onboarding */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.demo-section{background:#fff}
.demo-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
.demo-copy h2,.avia-start-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 16px}
.demo-copy>p,.avia-start-copy>p{color:var(--intl-muted);font-size:16px}
.demo-points{display:grid;gap:11px;margin-top:24px;color:#315d6d;font-weight:800;font-size:13px}
.video-stage{border-radius:30px;background:#062f45;padding:10px;box-shadow:var(--intl-shadow)}
.video-poster{position:relative;min-height:370px;border-radius:23px;overflow:hidden;background:url('/assets/navigam/photos/athens-20260927.webp') center/cover}
.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,27,42,.05),rgba(3,27,42,.64))}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.93);color:#063247;font-size:29px;cursor:pointer;box-shadow:0 15px 45px rgba(0,0,0,.22)}
.video-play:hover{transform:translate(-50%,-50%) scale(1.04)}
.video-caption{position:absolute;left:24px;right:24px;bottom:22px;color:#fff}.video-caption b,.video-caption span{display:block}.video-caption b{font-size:20px}.video-caption span{font-size:12px;opacity:.86;margin-top:3px}
.video-note{padding:11px 9px 4px;color:#b8d8df;font-size:10.5px;text-align:center}
.tour-modal[hidden]{display:none}.tour-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}.tour-backdrop{position:absolute;inset:0;background:rgba(1,20,31,.72);backdrop-filter:blur(5px)}
.tour-dialog{position:relative;z-index:2;width:min(570px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.tour-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eff7f9;font-size:24px;color:#365f6d;cursor:pointer}
.tour-step-label{font-size:11px;color:#07818e;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.tour-dialog h2{font-size:36px;letter-spacing:-.04em;line-height:1.05;margin:12px 0}.tour-dialog p{color:var(--intl-muted);font-size:16px;min-height:70px}
.tour-progress{height:7px;background:#e6f1f3;border-radius:999px;overflow:hidden;margin:22px 0}.tour-progress span{display:block;height:100%;background:linear-gradient(90deg,#08a7b6,#38d9e2);width:33%;transition:.25s}
.tour-actions{display:flex;justify-content:space-between;gap:10px}
.avia-start-section{background:linear-gradient(145deg,#052d42,#074d62);color:#fff}
.avia-start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.avia-start-copy .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.avia-start-copy>p{color:#cce6eb}
.avia-channel-note{margin-top:26px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06);display:grid;gap:3px;max-width:460px}
.avia-channel-note b{font-size:13px}.avia-channel-note span{font-size:11px;color:#bfdce2}.avia-channel-note a{font-size:12px;color:#7ce8ef;font-weight:900;margin-top:7px}
.avia-chat-card{background:#fff;color:var(--intl-navy);border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.22);overflow:hidden}
.avia-chat-head{display:flex;gap:12px;align-items:center;padding:18px 20px;border-bottom:1px solid #e4eef1}.avia-chat-head img{width:46px;height:46px;border-radius:50%;background:#e9fbfd}.avia-chat-head b,.avia-chat-head span{display:block}.avia-chat-head b{font-size:15px}.avia-chat-head span{font-size:10px;color:#6c858e}
.avia-chat-body{min-height:290px;max-height:360px;overflow:auto;padding:20px;background:linear-gradient(#f6fbfc,#fff);display:flex;flex-direction:column;gap:10px}
.chat-bubble{max-width:82%;padding:11px 14px;border-radius:17px;font-size:13px;line-height:1.45}.chat-bubble.avia{align-self:flex-start;background:#e9f8fa;border-bottom-left-radius:5px}.chat-bubble.user{align-self:flex-end;background:#073c54;color:#fff;border-bottom-right-radius:5px}.chat-bubble.success{align-self:flex-start;background:#eafaf2;color:#17613d}
.avia-chat-form{display:grid;grid-template-columns:1fr 50px;gap:8px;padding:12px;border-top:1px solid #e5eef1}.avia-chat-form input{width:100%;border:1px solid #d7e7eb;border-radius:999px;padding:13px 16px;font-size:14px;outline:none}.avia-chat-form input:focus{border-color:#25c6d2;box-shadow:0 0 0 3px rgba(37,198,210,.12)}.avia-chat-form button{border:0;border-radius:50%;background:#09b7c5;color:#063247;font-size:22px;font-weight:900;cursor:pointer}
.avia-chat-status{padding:0 18px 14px;color:#738b94;font-size:10px;text-align:center}
@media(max-width:900px){.demo-grid,.avia-start-grid{grid-template-columns:1fr}.demo-copy,.avia-start-copy{text-align:center}.avia-channel-note{margin-left:auto;margin-right:auto}.video-poster{min-height:330px}}
@media(max-width:600px){.video-poster{min-height:270px}.video-play{width:68px;height:68px;font-size:23px}.tour-dialog{padding:28px 20px}.tour-dialog h2{font-size:30px}.avia-chat-body{min-height:300px}.demo-copy h2,.avia-start-copy h2{font-size:34px}}

/* Accessibility baseline */
.skip-link{position:fixed;left:12px;top:10px;z-index:120;transform:translateY(-180%);background:#fff;color:#062f45;border:2px solid #0a8996;border-radius:10px;padding:10px 14px;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #16c7d5;outline-offset:4px}
.intl-btn:focus-visible,.video-play:focus-visible,.avia-chat-form button:focus-visible{box-shadow:0 0 0 5px rgba(22,199,213,.22)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Hero v2 — Avia starts the international experience immediately */
.hero-grid-chat{grid-template-columns:minmax(0,.94fr) minmax(390px,.86fr);gap:68px;min-height:690px;padding:58px 0 72px}
.hero-grid-chat .hero-copy{align-self:center}
.hero-grid-chat .hero-copy h1{font-size:clamp(50px,6vw,78px)}
.hero-phone-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-phone{width:min(390px,100%);background:#061f2c;border:9px solid #061f2c;border-radius:48px;box-shadow:0 38px 100px rgba(4,31,46,.27);overflow:hidden;position:relative}
.hero-phone-notch{position:absolute;z-index:4;top:0;left:50%;transform:translateX(-50%);width:118px;height:21px;border-radius:0 0 15px 15px;background:#061f2c}
.hero-phone-screen{min-height:590px;background:#f8fcfd;display:flex;flex-direction:column;overflow:hidden}
.hero-app-head{min-height:76px;padding:20px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,#06354d,#073e58);color:#fff}
.hero-app-identity{display:flex;align-items:center;gap:10px;min-width:0}
.hero-app-icon{width:42px;height:42px;border-radius:13px;background:#fff;object-fit:contain;padding:5px}
.hero-app-identity b,.hero-app-identity span{display:block}
.hero-app-identity b{font-size:14px;line-height:1.2}
.hero-app-identity span{margin-top:3px;color:#c8e7ec;font-size:9.5px;white-space:nowrap}
.hero-app-identity i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55e29a;margin-right:3px}
.hero-wordmark{width:76px;height:36px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.hero-chat-body{flex:1;min-height:355px;max-height:400px;overflow-y:auto;padding:20px 15px 12px;background:linear-gradient(180deg,#eff9fb,#fff);display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
.hero-phone .chat-bubble{font-size:12px;line-height:1.45;max-width:84%;padding:10px 13px}
.hero-quick-replies{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;margin-top:2px;max-width:100%}
.hero-quick-reply{border:1px solid #b9dfe5;background:#fff;color:#07596d;border-radius:999px;padding:8px 11px;font-size:10.5px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(6,47,69,.05)}
.hero-quick-reply:hover{background:#e9f9fb;border-color:#61cbd4}
.hero-chat-form{display:grid;grid-template-columns:1fr 45px;gap:7px;padding:10px 11px;background:#fff;border-top:1px solid #dcecef}
.hero-chat-form input{width:100%;min-width:0;border:1px solid #d5e8ec;border-radius:999px;background:#f9fcfd;color:#113f52;font-size:12px;padding:11px 14px;outline:none}
.hero-chat-form input:focus{border-color:#15bdca;box-shadow:0 0 0 3px rgba(21,189,202,.12)}
.hero-chat-form button{border:0;border-radius:50%;background:linear-gradient(135deg,#08b8c6,#39d8e1);color:#063247;font-weight:950;font-size:20px;cursor:pointer}
.hero-chat-status{text-align:center;background:#fff;color:#758c95;font-size:9px;padding:0 10px 9px}
.hero-chat-status a{color:#087b88;font-weight:900}
.hero-app-dock{height:58px;background:#052e43;color:#aac8d1;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px 4px}
.hero-app-dock span{display:grid;justify-items:center;gap:2px;font-size:15px}
.hero-app-dock small{font-size:7px;font-weight:800;white-space:nowrap}
.hero-app-dock .active{color:#1bd1df}
.hero-app-dock .active img{width:31px;height:31px;border-radius:50%;margin-top:-14px;background:#dffafd;border:2px solid #fff;box-shadow:0 0 0 3px #14b7c5}
.hero-phone-note{font-size:10.5px;color:#6c838d;text-align:center;margin-top:12px;max-width:360px}
@media(max-width:980px){
  .hero-grid-chat{grid-template-columns:1fr;gap:36px;padding:46px 0 66px}
  .hero-grid-chat .hero-copy{text-align:center}
  .hero-grid-chat .hero-copy>p{margin-left:auto;margin-right:auto}
  .hero-grid-chat .hero-ctas,.hero-grid-chat .hero-proof{justify-content:center}
  .hero-phone{width:min(390px,92vw)}
}
@media(max-width:560px){
  .hero-grid-chat{padding-top:28px;gap:26px}
  .hero-grid-chat .hero-copy h1{font-size:46px}
  .hero-grid-chat .hero-copy>p{font-size:15px;margin-bottom:21px}
  .hero-grid-chat .hero-proof{display:grid;grid-template-columns:1fr;gap:7px;margin-top:18px}
  .hero-phone{width:min(365px,94vw);border-width:7px;border-radius:40px}
  .hero-phone-screen{min-height:570px}
  .hero-chat-body{min-height:335px}
  .hero-app-head{padding-inline:13px}.hero-wordmark{width:67px}.hero-app-identity span{font-size:8.5px}
}

/* Premium hero polish — international v3 */
.intl-header{box-shadow:0 1px 0 rgba(6,47,69,.05)}
.intl-nav{height:76px}
.intl-brand img{width:150px;height:58px}
.intl-links{gap:30px;font-size:13px}
.intl-actions .intl-btn{min-height:42px;padding-inline:18px}

.hero-intl{
  background:
    radial-gradient(circle at 88% 13%,rgba(18,201,215,.13),transparent 25%),
    radial-gradient(circle at 72% 68%,rgba(7,139,153,.07),transparent 30%),
    linear-gradient(118deg,#ffffff 0%,#fbfeff 48%,#eefbfd 100%);
}
.hero-intl:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:radial-gradient(rgba(7,139,153,.14) .75px,transparent .75px);
  background-size:22px 22px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.22) 55%,rgba(0,0,0,.8));
}
.hero-intl:after{width:620px;height:620px;right:-230px;top:-260px;opacity:.46}
.hero-grid-chat{grid-template-columns:minmax(0,1fr) minmax(410px,.86fr);gap:72px;min-height:700px;padding:60px 0 76px}
.hero-grid-chat .hero-copy{max-width:590px}
.hero-grid-chat .hero-copy h1{font-size:clamp(54px,5.9vw,79px);line-height:.98;margin:17px 0 20px;letter-spacing:-.058em}
.hero-grid-chat .hero-copy>p{font-size:18px;line-height:1.65;max-width:570px;color:#526c78;margin-bottom:24px}
.hero-grid-chat .eyebrow{background:rgba(255,255,255,.8);box-shadow:0 6px 20px rgba(6,47,69,.055);backdrop-filter:blur(8px)}
.hero-grid-chat .hero-ctas{align-items:center}
.hero-grid-chat .intl-btn.primary{min-height:50px;padding:0 23px;box-shadow:0 15px 34px rgba(8,181,195,.22)}
.hero-grid-chat .intl-btn.ghost{min-height:50px;border-color:#d7e8eb;color:#315867;background:rgba(255,255,255,.75)}
.hero-grid-chat .hero-proof{gap:10px 18px;margin-top:22px;font-size:11.5px;color:#607985}
.hero-grid-chat .hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:#19bcca;box-shadow:0 0 0 4px rgba(25,188,202,.09)}
.hero-grid-chat .hero-proof span{gap:8px}
.hero-grid-chat .hero-proof span::first-letter{font-size:0}

.hero-phone-wrap:before{
  content:"";position:absolute;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(20,202,216,.18),rgba(20,202,216,0) 70%);
  filter:blur(3px);z-index:-1;
}
.hero-phone{width:min(412px,100%);border:8px solid #061d29;border-radius:50px;background:#061d29;box-shadow:0 44px 110px rgba(4,31,46,.28),0 0 0 1px rgba(255,255,255,.7) inset}
.hero-phone:after{content:"";position:absolute;inset:7px;border-radius:40px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.hero-phone-notch{width:112px;height:20px;border-radius:0 0 14px 14px;background:#061d29}
.hero-phone-screen{min-height:615px;background:#f7fbfc}
.hero-phone-statusbar{height:24px;background:#06354d;color:#d9edf1;display:flex;align-items:end;justify-content:space-between;padding:0 17px 3px;font-size:7.5px;font-weight:900;letter-spacing:.03em}
.hero-app-head{min-height:67px;padding:10px 15px 11px;background:linear-gradient(180deg,#06354d,#073c55);border-top:1px solid rgba(255,255,255,.04)}
.hero-app-icon{width:40px;height:40px;border-radius:12px;padding:4px;box-shadow:0 4px 15px rgba(0,0,0,.13)}
.hero-app-identity{gap:9px}
.hero-app-identity b{font-size:14.5px}
.hero-app-identity span{font-size:9px;color:#c7e6ea}
.hero-wordmark{width:74px;height:34px}

.hero-chat-body{min-height:385px;max-height:418px;padding:19px 16px 14px;gap:9px;background:
  radial-gradient(circle at 100% 0,rgba(21,191,204,.06),transparent 28%),
  linear-gradient(180deg,#f0fafb 0%,#fbfefe 45%,#fff 100%)}
.hero-phone .chat-bubble{font-size:12.5px;line-height:1.5;max-width:86%;padding:11px 14px}
.hero-phone .chat-bubble.avia{background:#fff;border:1px solid #dcecef;box-shadow:0 5px 16px rgba(6,47,69,.055);color:#164658}
.hero-phone .chat-bubble.user{background:linear-gradient(135deg,#073b53,#086f7d);box-shadow:0 5px 16px rgba(5,50,70,.14)}
.hero-phone .chat-bubble.success{background:#eaf9f1;border:1px solid #ccebd9}
.hero-quick-replies{gap:8px;margin-top:5px}
.hero-quick-reply{min-height:39px;padding:8px 13px;font-size:11.5px;border-color:#c7e3e7;box-shadow:0 5px 14px rgba(6,47,69,.045);transition:.18s ease}
.hero-quick-reply:hover,.hero-quick-reply:focus-visible{transform:translateY(-1px);background:#e9fafb;border-color:#58c8d2}
.hero-chat-form{grid-template-columns:1fr 46px;gap:8px;padding:11px 12px 8px;background:#fff}
.hero-chat-form input{height:46px;font-size:13px;padding:0 16px;background:#f8fcfd}
.hero-chat-form button{width:46px;height:46px;align-self:center;box-shadow:0 8px 18px rgba(10,183,197,.2)}
.hero-chat-status{font-size:9.5px;padding:0 12px 10px;color:#778d95}
.hero-app-dock{height:61px;padding:6px 5px 5px}
.hero-app-dock span{font-size:16px}
.hero-app-dock small{font-size:8.2px;letter-spacing:.01em}
.hero-app-dock .active img{width:34px;height:34px;margin-top:-17px}
.hero-phone-note{font-size:11px;color:#758992;margin-top:14px;letter-spacing:.01em}

.trustbar{background:rgba(255,255,255,.94)}
.trustrow-premium{grid-template-columns:repeat(3,1fr);min-height:82px}
.trustrow-premium>div{position:relative;padding:8px 22px}
.trustrow-premium>div+div:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:#e2eef0}
.trustrow-premium b{font-size:13.5px;color:#153e50}
.trustrow-premium small{font-size:10.5px;color:#78909a;margin-top:3px}

@media(max-width:980px){
  .hero-grid-chat{gap:34px;min-height:auto;padding:48px 0 66px}
  .hero-grid-chat .hero-copy{max-width:700px;margin:auto}
  .hero-phone{width:min(410px,92vw)}
  .trustrow-premium{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:680px){
  .intl-nav{height:70px}
  .intl-brand img{width:138px;height:54px}
  .intl-actions .intl-btn{min-height:40px;padding:0 15px;font-size:12px}
  .hero-grid-chat{padding:28px 0 52px;gap:24px}
  .hero-grid-chat .hero-copy h1{font-size:45px;line-height:1}
  .hero-grid-chat .hero-copy>p{font-size:15px;line-height:1.62}
  .hero-grid-chat .hero-ctas{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  .hero-grid-chat .intl-btn{padding-inline:12px;font-size:12px}
  .hero-grid-chat .hero-proof{display:flex;justify-content:center;gap:8px 13px;font-size:10px}
  .hero-phone{width:min(378px,95vw);border-width:7px;border-radius:42px}
  .hero-phone-screen{min-height:590px}
  .hero-phone-statusbar{height:22px}
  .hero-app-head{min-height:63px}
  .hero-chat-body{min-height:365px;max-height:390px}
  .hero-phone .chat-bubble{font-size:12px}
  .hero-quick-reply{font-size:11px;min-height:38px}
  .hero-phone-note{font-size:10px}
  .trustrow-premium{grid-template-columns:1fr;padding:8px 0 11px}
  .trustrow-premium>div{padding:9px 8px}
  .trustrow-premium>div+div:before{left:20%;right:20%;top:0;bottom:auto;width:auto;height:1px}
}

/* Product story — premium video section */
.story-demo{padding:96px 0;background:
  radial-gradient(circle at 12% 12%,rgba(18,201,215,.07),transparent 24%),
  linear-gradient(180deg,#fff,#f7fcfd)}
.story-demo-head{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end;margin-bottom:34px}
.story-demo-head h2{font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-.05em;margin:12px 0 0;color:var(--intl-deep)}
.story-demo-head>p{margin:0 0 4px;color:var(--intl-muted);font-size:16px;line-height:1.7;max-width:540px}
.story-demo-stage{background:#051f2d;border-radius:34px;padding:12px;box-shadow:0 32px 90px rgba(4,31,46,.18);overflow:hidden}
.story-demo-frame{border-radius:26px;overflow:hidden;background:#0b3b50}
.story-demo-media{position:relative;min-height:510px;overflow:hidden;background:
  linear-gradient(90deg,rgba(3,26,40,.90) 0%,rgba(3,26,40,.62) 38%,rgba(3,26,40,.08) 68%),
  url('/assets/navigam/photos/santorini-20260927.webp') center 48%/cover no-repeat}
.story-demo-gradient{position:absolute;inset:0;background:
  radial-gradient(circle at 75% 45%,rgba(18,201,215,.14),transparent 28%),
  linear-gradient(180deg,rgba(2,19,30,.05),rgba(2,19,30,.25))}
.story-demo-brand{position:absolute;top:24px;left:26px;z-index:2}
.story-demo-brand img{width:124px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}
.story-demo-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.96);color:#063247;font-size:31px;cursor:pointer;box-shadow:0 22px 58px rgba(0,0,0,.25);transition:.2s ease}
.story-demo-play:hover{transform:translate(-50%,-50%) scale(1.045);box-shadow:0 25px 70px rgba(0,0,0,.3)}
.story-demo-copy{position:absolute;z-index:3;left:28px;bottom:32px;color:#fff;max-width:510px}
.story-demo-copy span{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}
.story-demo-copy strong{display:block;font-size:clamp(27px,3.1vw,42px);line-height:1.06;letter-spacing:-.035em;text-shadow:0 4px 22px rgba(0,0,0,.22)}
.story-demo-phone{position:absolute;z-index:3;right:34px;bottom:-38px;width:215px;height:330px;border:7px solid #061c29;border-radius:34px;background:#f8fcfd;box-shadow:0 25px 60px rgba(0,0,0,.28);padding:18px 11px 14px;transform:rotate(3deg)}
.story-demo-phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:72px;height:14px;border-radius:0 0 10px 10px;background:#061c29}
.story-mini-head{display:grid;grid-template-columns:31px auto 1fr;align-items:center;gap:6px;background:#063a53;color:#fff;border-radius:13px;padding:8px;margin-bottom:12px}
.story-mini-head img{width:29px;height:29px;border-radius:8px;background:#fff;padding:3px}.story-mini-head b{font-size:10px}.story-mini-head span{font-size:7px;color:#72e3aa;justify-self:end}
.story-mini-bubble,.story-mini-reply{font-size:9px;line-height:1.35;padding:9px 10px;border-radius:12px;margin:7px 0;max-width:84%}
.story-mini-bubble{background:#eaf7f9;color:#16485a}.story-mini-reply{background:#073d55;color:#fff;margin-left:auto}
.story-mini-app{margin-top:13px;border-radius:14px;background:linear-gradient(180deg,#f0fafb,#fff);border:1px solid #d9e9ed;padding:12px}
.story-mini-app b,.story-mini-app span{display:block}.story-mini-app b{font-size:11px;color:#103d51}.story-mini-app span{font-size:8px;color:#6d858f;margin-top:3px}
.story-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#061f2d;color:#fff}
.story-step{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:22px 24px;border-top:1px solid rgba(255,255,255,.08);position:relative}
.story-step+ .story-step{border-left:1px solid rgba(255,255,255,.08)}
.story-step>span{font-size:11px;color:#64dce5;font-weight:950;letter-spacing:.08em}
.story-step b,.story-step small{display:block}.story-step b{font-size:13.5px}.story-step small{font-size:9.5px;color:#a9cbd3;line-height:1.45;margin-top:3px}
.story-step.active:before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,#17c5d2,#66e2e9)}
.story-demo-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:center;padding:24px 8px 0}
.story-demo-footer b,.story-demo-footer span{display:block}.story-demo-footer b{font-size:13px;color:#164355}.story-demo-footer span{font-size:10.5px;color:#78909a;margin-top:2px}
@media(max-width:900px){
  .story-demo-head{grid-template-columns:1fr;gap:14px;text-align:center}.story-demo-head>p{margin:auto}
  .story-demo-media{min-height:450px}
  .story-demo-phone{right:22px;width:190px;height:300px}
  .story-demo-footer{grid-template-columns:1fr 1fr}.story-demo-footer .intl-btn{grid-column:1/-1;justify-self:center}
}
@media(max-width:650px){
  .story-demo{padding:66px 0}
  .story-demo-head h2{font-size:36px}
  .story-demo-stage{border-radius:25px;padding:8px}
  .story-demo-frame{border-radius:19px}
  .story-demo-media{min-height:420px;background:
    linear-gradient(180deg,rgba(3,26,40,.08) 0%,rgba(3,26,40,.32) 42%,rgba(3,26,40,.91) 100%),
    url('/assets/navigam/photos/santorini-mobile-20260927.webp') center/cover no-repeat}
  .story-demo-brand{top:18px;left:18px}.story-demo-brand img{width:104px}
  .story-demo-play{width:76px;height:76px;font-size:25px;top:40%}
  .story-demo-copy{left:18px;right:18px;bottom:22px;max-width:none}
  .story-demo-copy strong{font-size:27px}
  .story-demo-phone{display:none}
  .story-steps{grid-template-columns:1fr}
  .story-step{padding:16px 18px;grid-template-columns:35px 1fr}
  .story-step+.story-step{border-left:0}
  .story-step.active:before{left:18px;right:18px}
  .story-demo-footer{grid-template-columns:1fr;text-align:center;gap:14px;padding-top:20px}
  .story-demo-footer .intl-btn{grid-column:auto}
}

/* Capabilities bento */
.capabilities-section{background:linear-gradient(180deg,#f7fcfd 0%,#fff 100%)}
.capabilities-head{max-width:820px}
.capability-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.capability-card{position:relative;min-height:245px;border:1px solid #dbecef;border-radius:25px;background:#fff;padding:24px;box-shadow:0 12px 34px rgba(6,47,69,.055);overflow:hidden}
.capability-card h3{font-size:21px;line-height:1.15;letter-spacing:-.025em;margin:8px 0 9px;color:#113d50}.capability-card p{font-size:12.5px;color:#69818b;margin:0;line-height:1.6}
.capability-kicker{font-size:10px;color:#07828f;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.capability-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#eaf9fb;color:#067986;font-size:20px;font-weight:950;margin-bottom:16px}
.capability-main{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center;min-height:325px;background:linear-gradient(135deg,#fff,#f0fbfc)}
.capability-main h3{font-size:31px}.capability-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.capability-tags span{font-size:9.5px;font-weight:900;color:#35606d;border:1px solid #d3e8eb;background:#fff;border-radius:999px;padding:7px 10px}
.mini-itinerary{background:#062f45;color:#fff;border-radius:22px;padding:17px;box-shadow:0 20px 45px rgba(5,44,62,.18)}
.mini-itinerary-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 11px;border-bottom:1px solid rgba(255,255,255,.1)}.mini-itinerary-head b{font-size:12px}.mini-itinerary-head span{font-size:9px;color:#8edfe6}
.mini-stop{display:grid;grid-template-columns:43px 1fr;gap:9px;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.07)}.mini-stop:last-child{border-bottom:0}.mini-stop time{font-size:9px;color:#80dce4;font-weight:900}.mini-stop b,.mini-stop small{display:block}.mini-stop b{font-size:11px}.mini-stop small{font-size:8px;color:#afcbd2;margin-top:2px}.mini-stop.active{background:rgba(19,197,211,.11);margin:4px -5px;padding-inline:8px;border-radius:11px;border-bottom:0}
.capability-dark{background:linear-gradient(145deg,#052e43,#075e6d);border-color:transparent;color:#fff}.capability-dark .capability-icon{background:rgba(255,255,255,.1);color:#65e0e8}.capability-dark .capability-kicker{color:#6ce1e8}.capability-dark h3{color:#fff}.capability-dark p{color:#c3e0e5}.capability-dark a{display:inline-block;color:#7ee7ed;font-size:11px;font-weight:900;margin-top:18px}
.capability-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 180px;gap:20px;align-items:center}
.live-context-card{background:linear-gradient(145deg,#eaf9fb,#fff);border:1px solid #cfe8ec;border-radius:20px;padding:20px;text-align:center}.live-context-card span,.live-context-card strong,.live-context-card small{display:block}.live-context-card span{font-size:8px;color:#66828d;font-weight:900;letter-spacing:.08em}.live-context-card strong{font-size:44px;line-height:1;margin:8px 0;color:#0b6070}.live-context-card small{font-size:9px;color:#6e8993}

/* Interactive product preview */
.product-premium-section{background:#fff}
.product-premium{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;background:linear-gradient(145deg,#f6fcfd,#fff);border:1px solid #deedf0;border-radius:36px;padding:58px 64px;box-shadow:0 25px 75px rgba(6,47,69,.07)}
.product-premium-copy h2{font-size:clamp(41px,4.3vw,60px);line-height:1.01;letter-spacing:-.05em;margin:13px 0 17px}.product-premium-copy>p{color:#617b86;font-size:16px;line-height:1.7;max-width:520px}
.product-switcher{display:grid;gap:8px;margin:28px 0}
.product-switch{display:grid;grid-template-columns:34px 1fr;gap:11px;text-align:left;align-items:center;border:1px solid transparent;background:transparent;border-radius:16px;padding:10px 12px;color:#617b86;cursor:pointer}
.product-switch>span{font-size:9px;color:#0a8996;font-weight:950}.product-switch b,.product-switch small{display:block}.product-switch b{font-size:13px;color:#214a5b}.product-switch small{font-size:9.5px;margin-top:2px}.product-switch.active{background:#fff;border-color:#d9e9ed;box-shadow:0 8px 22px rgba(6,47,69,.06)}
.product-device-wrap{position:relative;display:flex;justify-content:center}.product-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(19,198,212,.18),transparent 68%);top:50%;left:50%;transform:translate(-50%,-50%)}
.product-device{position:relative;width:330px;border:8px solid #061e2b;border-radius:46px;background:#061e2b;box-shadow:0 38px 90px rgba(4,31,46,.27);overflow:hidden}.product-device-notch{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:96px;height:18px;background:#061e2b;border-radius:0 0 12px 12px}
.product-device-screen{position:relative;min-height:585px;background:#f8fcfd;display:flex;flex-direction:column;overflow:hidden}.product-status{height:50px;background:#06354d;color:#dceff2;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 13px 8px;font-size:7px}.product-status img{width:73px;height:31px;object-fit:contain;filter:brightness(0) invert(1)}.product-status span:last-child{text-align:right}
.product-view{display:none;flex:1;min-height:474px}.product-view.active{display:block}.product-trip-cover{height:145px;background:linear-gradient(180deg,rgba(3,25,39,.05),rgba(3,25,39,.58)),url('/assets/navigam/photos/athens-20260927.webp') center 42%/cover;display:flex;align-items:end;justify-content:center;text-align:center;color:#fff;padding:17px}.product-trip-cover small,.product-trip-cover b,.product-trip-cover span{display:block}.product-trip-cover small{font-size:8px}.product-trip-cover b{font-size:22px;line-height:1.05}.product-trip-cover span{font-size:8px;margin-top:3px}
.product-view-body{padding:14px}.product-day-title{background:#fff;border:1px solid #ddebee;border-radius:15px;padding:12px}.product-day-title span{font-size:8px;color:#098894;font-weight:950}.product-day-title b,.product-day-title small{display:block}.product-day-title b{font-size:13px;margin-top:2px}.product-day-title small{font-size:8px;color:#7a919a}
.product-timeline{margin-top:9px;background:#fff;border:1px solid #e1edef;border-radius:15px;overflow:hidden}.product-timeline>div{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:11px;border-bottom:1px solid #edf3f4}.product-timeline>div:last-child{border-bottom:0}.product-timeline time{font-size:8px;color:#078b98;font-weight:900}.product-timeline b,.product-timeline small{display:block}.product-timeline b{font-size:10px;color:#17475a}.product-timeline small{font-size:7px;color:#8298a0}.product-timeline .active{background:#eefafb}
.product-screen-title small,.product-screen-title b{display:block}.product-screen-title small{font-size:8px;color:#078b98;font-weight:900}.product-screen-title b{font-size:19px;color:#153f51;margin-top:2px}
.explore-view,.translate-view{padding:22px 15px;background:linear-gradient(180deg,#effafb,#fff);min-height:474px}.explore-search{margin-top:17px;background:#fff;border:1px solid #dbeaec;border-radius:999px;padding:10px 12px;font-size:8px;color:#78919a}.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.explore-tile{min-height:86px;border-radius:13px;padding:12px;display:flex;flex-direction:column;justify-content:end;color:#fff;background:#0b5367}.explore-tile span{font-size:7px;opacity:.82}.explore-tile b{font-size:10px;margin-top:2px}.explore-tile.food{background:linear-gradient(135deg,#8e5838,#cb8150)}.explore-tile.culture{background:linear-gradient(135deg,#405b70,#718da1)}.explore-tile.night{background:linear-gradient(135deg,#382c61,#72569b)}.explore-tile.shop{background:linear-gradient(135deg,#3d6b66,#6a9b91)}.nearby-row{display:flex;justify-content:space-between;margin-top:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid #dcecee;font-size:7.5px;color:#54717c}
.language-pair{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0 18px}.language-pair span{border:1px solid #d3e7ea;background:#fff;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;color:#1b5264}.language-pair b{color:#09a9b7}.mic-orb{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;margin:0 auto;border:8px solid #d9f5f7;background:linear-gradient(145deg,#08b8c6,#41dce4);color:#fff;font-size:32px;box-shadow:0 15px 34px rgba(9,173,187,.22)}.translate-prompt{display:block;text-align:center;margin-top:11px;font-size:12px;color:#144659}.translate-view>p{text-align:center;font-size:8.5px;color:#78909a;max-width:220px;margin:5px auto 16px}.translate-sample{background:#fff;border:1px solid #dcebee;border-radius:14px;padding:12px}.translate-sample small,.translate-sample b,.translate-sample span{display:block}.translate-sample small{font-size:7px;color:#7c949d}.translate-sample b{font-size:10px;color:#183f50;margin:3px 0}.translate-sample span{font-size:8px;color:#07828e}
.product-dock{height:61px;background:#052f44;color:#aecbd3;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px}.product-dock span{text-align:center;font-size:14px}.product-dock small{display:block;font-size:6.8px;margin-top:2px}.product-dock .active{color:#1dd0dd}.product-dock .avia img{width:31px;height:31px;border-radius:50%;background:#e2fbfc;border:2px solid #fff;margin-top:-14px}

/* How premium */
.how-premium-section{background:linear-gradient(180deg,#f6fcfd,#fff)}
.how-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.how-premium-grid:before{content:"";position:absolute;left:14%;right:14%;top:32px;height:1px;background:#cfe5e9;z-index:0}
.how-premium-grid article{position:relative;z-index:1;background:#fff;border:1px solid #dae9ed;border-radius:24px;padding:24px;min-height:235px;box-shadow:0 10px 28px rgba(6,47,69,.045)}.how-premium-grid article>span{font-size:9px;color:#0a8996;font-weight:950;letter-spacing:.1em}.how-premium-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#eaf9fb;color:#087d8b;font-size:23px;margin:16px 0}.how-premium-grid h3{font-size:18px;margin:0 0 8px}.how-premium-grid p{font-size:12px;color:#6e858f;line-height:1.55}.how-premium-grid small{position:absolute;bottom:20px;left:24px;font-size:8.5px;color:#07909c;font-weight:900}

/* Pricing premium */
.pricing-premium-section{background:#fff}
.pricing-premium{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;background:linear-gradient(135deg,#052c40,#074b5d);color:#fff;border-radius:34px;padding:48px 52px;box-shadow:0 30px 75px rgba(4,31,46,.17)}
.pricing-premium-copy .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}.pricing-premium-copy h2{font-size:clamp(37px,4vw,52px);line-height:1.02;letter-spacing:-.045em;margin:14px 0}.pricing-premium-copy>p{font-size:14px;line-height:1.7;color:#c9e5ea;max-width:600px}.pricing-trust{display:grid;gap:8px;margin:22px 0 26px;font-size:11px;color:#d9f1f3}
.pricing-flow-card{background:#fff;color:#153f51;border-radius:25px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.pricing-flow-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e3edef}.pricing-flow-top span{font-size:10px;color:#738b95;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.pricing-flow-top b{font-size:9px;color:#078894;background:#e9f9fb;border-radius:999px;padding:6px 9px}
.pricing-flow{list-style:none;padding:0;margin:13px 0 0;display:grid}.pricing-flow li{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf3f4}.pricing-flow li:last-child{border-bottom:0}.pricing-flow li>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf9fb;color:#078894;font-size:9px;font-weight:950}.pricing-flow b,.pricing-flow small{display:block}.pricing-flow b{font-size:11px}.pricing-flow small{font-size:8.5px;color:#7b929a;margin-top:2px}.pricing-flow-note{margin-top:12px;padding:11px 12px;border-radius:12px;background:#f5fafb;color:#718991;font-size:8.5px}.pricing-flow-note b{color:#295263}
@media(max-width:980px){.capability-bento{grid-template-columns:1fr 1fr}.capability-main,.capability-wide{grid-column:span 2}.product-premium{grid-template-columns:1fr;padding:44px 36px}.product-device-wrap{order:-1}.pricing-premium{grid-template-columns:1fr}.how-premium-grid:before{display:none}}
@media(max-width:650px){.capability-bento{grid-template-columns:1fr}.capability-main,.capability-wide{grid-column:auto;grid-template-columns:1fr}.capability-card{min-height:auto}.capability-main h3{font-size:26px}.live-context-card{max-width:190px}.product-premium{padding:28px 16px;border-radius:25px}.product-premium-copy{text-align:center}.product-switch{text-align:left}.product-device{width:min(322px,92vw)}.how-premium-grid{grid-template-columns:1fr}.how-premium-grid article{min-height:210px}.pricing-premium{padding:28px 18px;border-radius:25px}.pricing-premium-copy{text-align:center}.pricing-trust{text-align:left;max-width:270px;margin-inline:auto}.pricing-premium-copy .intl-btn{width:100%}}

/* Final interaction polish for capabilities, product preview and pricing */
.capability-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.capability-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(6,47,69,.085);border-color:#cfe5e9}
.capability-dark:hover{border-color:rgba(104,228,236,.28);box-shadow:0 22px 50px rgba(4,48,65,.18)}
.capability-dark a{text-underline-offset:4px}
.capability-dark a:hover{text-decoration:underline}
.product-switch{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.product-switch:hover{background:rgba(255,255,255,.7);border-color:#e1edef;transform:translateX(2px)}
.product-switch.active{transform:none}
.product-switch:focus-visible{outline:3px solid rgba(22,199,213,.3);outline-offset:2px}
.product-view{opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
.product-view.active{opacity:1;transform:none}
.product-device{transition:transform .25s ease,box-shadow .25s ease}
.product-device-wrap:hover .product-device{transform:translateY(-3px);box-shadow:0 44px 105px rgba(4,31,46,.30)}
.how-premium-grid article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.how-premium-grid article:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(6,47,69,.075);border-color:#cfe4e8}
.pricing-premium{position:relative;overflow:hidden}
.pricing-premium:before{content:"";position:absolute;right:-160px;top:-190px;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(39,208,220,.15),transparent 68%);pointer-events:none}
.pricing-premium>*{position:relative;z-index:1}
.pricing-flow li{transition:background .18s ease,padding-inline .18s ease}
.pricing-flow li:hover{background:#f7fbfc;padding-inline:8px;border-radius:12px}
.pricing-premium-copy .intl-btn{box-shadow:0 14px 30px rgba(21,200,211,.17)}
@media(prefers-reduced-motion:reduce){
  .capability-card,.product-switch,.product-view,.product-device,.how-premium-grid article,.pricing-flow li{transition:none!important}
  .capability-card:hover,.product-switch:hover,.product-device-wrap:hover .product-device,.how-premium-grid article:hover{transform:none!important}
}

/* Premium close — final CTA + footer */
.final-cta-premium{
  padding:0 0 88px;
  background:linear-gradient(180deg,#fff,#f7fcfd);
  text-align:left;
}
.final-cta-shell{
  border-radius:32px;
  padding:46px 50px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:38px;
  align-items:center;
  background:
    radial-gradient(circle at 92% 18%,rgba(30,207,219,.16),transparent 24%),
    linear-gradient(135deg,#052d42,#073f55 58%,#075d69);
  color:#fff;
  box-shadow:0 28px 70px rgba(4,31,46,.15);
}
.final-cta-shell .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}
.final-cta-shell h2{font-size:clamp(38px,4.2vw,58px);line-height:1.02;letter-spacing:-.05em;margin:13px 0 12px;color:#fff}
.final-cta-shell p{margin:0;color:#cce7eb;font-size:15px;line-height:1.65;max-width:620px}
.final-cta-actions{display:grid;gap:12px;justify-items:end}
.final-cta-actions .intl-btn{min-width:210px}
.final-demo-link{font-size:11px;font-weight:900;color:#c8e8ec;text-underline-offset:4px}
.final-demo-link:hover{text-decoration:underline}

.intl-footer{background:#041f2e;color:#9db7c0;padding:34px 0 38px;text-align:left}
.intl-footer-grid{display:grid;grid-template-columns:1.15fr .8fr 1.35fr;gap:38px;align-items:center}
.intl-footer-brand img{width:126px;height:48px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.intl-footer-brand p{font-size:10.5px;line-height:1.55;max-width:310px;margin:7px 0 0;color:#9bb8c0}
.intl-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}
.intl-footer-links a{font-size:10.5px;color:#d5e7eb;text-decoration:none}
.intl-footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.intl-footer-legal{font-size:9.5px;line-height:1.65;color:#7f9da7;text-align:right}
@media(max-width:820px){
  .final-cta-premium{padding-bottom:64px}
  .final-cta-shell{grid-template-columns:1fr;text-align:center;padding:38px 28px}
  .final-cta-shell p{margin:auto}
  .final-cta-actions{justify-items:center}
  .intl-footer-grid{grid-template-columns:1fr;text-align:center;gap:20px}
  .intl-footer-brand p{margin:7px auto 0}
  .intl-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px}
  .intl-footer-legal{text-align:center}
}
@media(max-width:560px){
  .final-cta-shell{padding:32px 20px;border-radius:25px}
  .final-cta-shell h2{font-size:35px}
  .final-cta-actions{width:100%}
  .final-cta-actions .intl-btn{width:100%}
  .intl-footer{padding-bottom:92px}
}

/* Control / legal positioning */
.control-section{background:#fff}
.control-panel{border:1px solid #dbeaed;border-radius:34px;padding:48px;background:
  radial-gradient(circle at 85% 15%,rgba(18,201,215,.07),transparent 26%),
  linear-gradient(145deg,#fbfeff,#f4fbfc);box-shadow:0 20px 60px rgba(6,47,69,.06)}
.control-copy{max-width:760px;margin-bottom:30px}.control-copy h2{font-size:clamp(37px,4vw,54px);line-height:1.04;letter-spacing:-.045em;margin:13px 0}.control-copy p{color:#647d87;font-size:15px;line-height:1.7}
.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.control-card{border-radius:24px;padding:26px;border:1px solid #dcebee;background:#fff}.control-card h3{font-size:21px;margin:8px 0 16px}.control-label{font-size:9px;font-weight:950;letter-spacing:.12em;color:#078894}.control-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.control-card li{position:relative;padding-left:21px;font-size:12px;color:#617a85}.control-card li:before{content:"✓";position:absolute;left:0;color:#0a9da9;font-weight:950}.navigam-side{background:linear-gradient(145deg,#f1fbfc,#fff)}.traveler-side{background:#fff}
.final-cta-premium{padding:70px 0;background:linear-gradient(145deg,#052c40,#07566a);color:#fff}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta-premium .eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}.final-cta-premium h2{font-size:clamp(38px,4.6vw,60px);margin:12px 0 8px;color:#fff}.final-cta-premium p{margin:0;color:#c8e4e9;max-width:620px}.final-cta-premium .intl-btn{flex:0 0 auto}
footer a{margin-inline:3px}
@media(max-width:760px){.control-panel{padding:28px 18px;border-radius:25px}.control-columns{grid-template-columns:1fr}.final-cta-inner{display:grid;text-align:center}.final-cta-premium .intl-btn{width:100%}}

/* Owner polish: larger NAVIGAM header logo */
.intl-brand img{width:188px;height:68px;object-fit:contain}
@media(max-width:680px){
  .intl-brand img{width:158px;height:58px}
}

/* MOBILE-FIRST STABILIZATION — GoNAVIGAM
   Keep mobile as its own composition, not a shrunken desktop layout. */
@media(max-width:680px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:0!important}

  /* Header */
  .intl-header{position:sticky;top:0;z-index:60}
  .intl-nav{
    height:66px!important;
    gap:8px!important;
    padding:0!important;
  }
  .intl-brand{min-width:0;flex:1 1 auto}
  .intl-brand img{
    width:132px!important;
    height:50px!important;
    max-width:100%;
  }
  .intl-actions{flex:0 0 auto}
  .intl-actions .intl-btn{
    min-height:38px!important;
    padding:0 13px!important;
    font-size:11px!important;
    white-space:nowrap;
  }

  /* Remove the floating bottom CTA that covers the chat */
  .mobile-cta{display:none!important}

  /* Hero becomes a strict vertical flow */
  .hero-intl{overflow:hidden}
  .hero-intl:before{opacity:.2}
  .hero-intl:after{width:340px;height:340px;right:-180px;top:-150px}
  .hero-grid,
  .hero-grid-chat{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    min-height:auto!important;
    gap:24px!important;
    padding:24px 0 44px!important;
  }
  .hero-grid-chat .hero-copy{
    order:1!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 2px!important;
    text-align:center!important;
    position:relative!important;
    z-index:3!important;
  }
  .hero-grid-chat .eyebrow{
    max-width:100%;
    white-space:normal;
    justify-content:center;
    text-align:center;
    font-size:9px!important;
    line-height:1.25;
    padding:7px 10px;
  }
  .hero-grid-chat .hero-copy h1{
    font-size:40px!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    margin:14px 0 14px!important;
  }
  .hero-grid-chat .hero-copy>p{
    font-size:14px!important;
    line-height:1.55!important;
    margin:0 auto 18px!important;
    max-width:335px!important;
  }
  .hero-grid-chat .hero-ctas{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
  }
  .hero-grid-chat .hero-ctas .intl-btn{
    width:100%!important;
    min-height:44px!important;
    font-size:12px!important;
  }
  .hero-grid-chat .hero-ctas .ghost{
    min-height:auto!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:7px 10px!important;
  }
  .hero-grid-chat .hero-proof{
    display:flex!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:7px 12px!important;
    margin-top:14px!important;
    font-size:9.5px!important;
  }

  /* Phone/chat */
  .hero-phone-wrap{
    order:2!important;
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
    overflow:visible!important;
  }
  .hero-phone-wrap:before{
    width:280px!important;
    height:280px!important;
  }
  .hero-phone{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-width:6px!important;
    border-radius:34px!important;
    transform:none!important;
    box-shadow:0 24px 55px rgba(4,31,46,.22)!important;
  }
  .hero-phone:after{inset:5px;border-radius:28px}
  .hero-phone-notch{
    width:92px!important;
    height:17px!important;
    border-radius:0 0 11px 11px!important;
  }
  .hero-phone-screen{
    min-height:500px!important;
    height:auto!important;
  }
  .hero-phone-statusbar{
    height:21px!important;
    padding:0 14px 3px!important;
    font-size:7px!important;
  }
  .hero-app-head{
    min-height:60px!important;
    padding:9px 12px 9px!important;
  }
  .hero-app-icon{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
  }
  .hero-app-identity{gap:8px!important}
  .hero-app-identity b{font-size:13px!important}
  .hero-app-identity span{
    font-size:8px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  .hero-wordmark{
    width:54px!important;
    height:28px!important;
  }
  .hero-chat-body{
    min-height:285px!important;
    max-height:315px!important;
    padding:15px 12px 10px!important;
    gap:8px!important;
  }
  .hero-phone .chat-bubble{
    max-width:88%!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    padding:10px 12px!important;
    border-radius:15px!important;
  }
  .hero-quick-replies{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    align-self:stretch!important;
  }
  .hero-quick-reply{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:8px 7px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .hero-chat-form{
    grid-template-columns:minmax(0,1fr) 44px!important;
    gap:7px!important;
    padding:9px 10px 7px!important;
  }
  .hero-chat-form input{
    min-width:0!important;
    height:44px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
  .hero-chat-form button{
    width:44px!important;
    height:44px!important;
    font-size:19px!important;
  }
  .hero-chat-status{
    padding:0 12px 8px!important;
    font-size:8px!important;
    line-height:1.35!important;
  }
  .hero-app-dock{
    height:56px!important;
    padding:5px 3px!important;
  }
  .hero-app-dock span{font-size:14px!important}
  .hero-app-dock small{font-size:7px!important}
  .hero-app-dock .active img{
    width:30px!important;
    height:30px!important;
    margin-top:-13px!important;
  }
  .hero-phone-note{
    margin:10px auto 0!important;
    padding:0 12px!important;
    font-size:9px!important;
    line-height:1.35!important;
    max-width:320px!important;
  }

  /* The rest of the page stays single-column and within viewport */
  .trustrow-premium{grid-template-columns:1fr!important}
  .story-demo,
  .capabilities-section,
  .product-premium-section,
  .how-premium-section,
  .control-section,
  .pricing-premium-section{overflow:hidden}
  .story-demo-stage,
  .product-premium,
  .control-panel,
  .pricing-premium{max-width:100%}
  .capability-bento,
  .how-premium-grid,
  .control-columns{grid-template-columns:1fr!important}
  .capability-main,
  .capability-wide{grid-column:auto!important;grid-template-columns:1fr!important}
  .product-premium{
    grid-template-columns:1fr!important;
    padding:26px 14px!important;
  }
  .product-device{width:min(310px,92vw)!important}
}

/* Extra-small Android / embedded browsers */
@media(max-width:390px){
  .shell{width:calc(100% - 20px)!important}
  .intl-brand img{width:120px!important;height:46px!important}
  .intl-actions .intl-btn{padding:0 11px!important;font-size:10.5px!important}
  .hero-grid-chat .hero-copy h1{font-size:36px!important}
  .hero-grid-chat .hero-copy>p{font-size:13.5px!important}
  .hero-phone-wrap{max-width:350px!important}
  .hero-phone{border-radius:31px!important}
  .hero-app-head{padding-inline:10px!important}
  .hero-wordmark{width:48px!important}
  .hero-chat-body{min-height:275px!important;max-height:300px!important}
}