:root{--bg:#020816;--panel:#071428;--panel2:#0c1b33;--border:#234369;--blue:#006cff;--bright:#1688ff;--text:#f7f9ff;--muted:#aabbd6;--shadow:0 20px 80px #0009;--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.48}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8acaff;outline-offset:3px}.wrap{max-width:1510px;margin:auto;padding-left:4.5%;padding-right:4.5%}.blue{color:var(--blue)}.skip{position:absolute;left:-1000px;top:0;background:white;color:black;z-index:100}.skip:focus{left:15px}.global-header{height:64px;display:flex;align-items:center;gap:35px;justify-content:space-between;padding:0 4.5%;background:linear-gradient(95deg,#031020,#08182c 58%,#0b203c);border-bottom:1px solid #34557e88;position:relative;z-index:8}.logo{display:flex;align-items:center;gap:11px;font-weight:830;font-size:26px;white-space:nowrap;letter-spacing:-1.2px}.logo-mark{color:#0875ff;font-size:31px;line-height:1;transform:rotate(-25deg);display:inline-block}.topnav{display:flex;align-items:center;justify-content:center;gap:21px;flex:1;white-space:nowrap;height:100%}.topnav a{height:100%;display:flex;align-items:center;color:#e0eaff;font-size:13px;border-bottom:2px solid transparent;transition:.2s}.topnav a:hover,.topnav a.active{color:#fff;border-color:#168dff}.language-switch{display:flex;align-items:center;gap:3px;border:1px solid #426083;border-radius:100px;padding:4px;background:#020a1c;white-space:nowrap}.lang-btn{background:none;color:#b9cee4;border:0;border-radius:40px;padding:5px 9px;font-size:12px;font-weight:700}.lang-btn.selected{background:#132a46;color:white}.mobile-menu-btn{display:none;border:1px solid #365b80;border-radius:12px;background:#071a33;color:white;font-size:25px;padding:2px 11px}.hero{position:relative;min-height:520px;background:linear-gradient(95deg,#010b1d,#00142b 70%,#082144);overflow:hidden;border-bottom:2px solid #113e6d}.hero-scenery{position:absolute;inset:0;background:linear-gradient(90deg,#020b1cfa 0%,#041327bb 34%,#07172a70 63%,#07122664 100%),url("./assets/reise-kueste.webp") center center/cover no-repeat;opacity:1}.hero-content{position:relative;display:grid;grid-template-columns:43% 57%;height:100%;min-height:520px;align-items:center}.hero-copy{padding:29px 0 30px;position:relative;z-index:2}.eyebrow{font-size:12px;color:#70c8ff;font-weight:750;letter-spacing:2.2px;margin:0 0 13px}.hero h1{font-size:clamp(44px,5vw,74px);line-height:1.02;letter-spacing:-3.4px;margin:0 0 17px;font-weight:850}.hero-text{font-size:clamp(14px,1.38vw,19px);line-height:1.46;max-width:550px;color:#e8ecf6;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:14px;min-height:51px;padding:12px 25px;font-size:15px;font-weight:740;transition:transform .2s,filter .2s,background .2s}.btn:hover,.large-cta:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn-primary{background:#006dff;box-shadow:0 5px 26px #0078ff44;color:#fff}.btn-outline{border:1px solid #c8d8ef;background:#04172a88}.features-hero{display:flex;gap:17px;margin-top:23px;max-width:565px}.feature-hero{display:flex;align-items:center;flex-direction:column;width:25%;text-align:center;gap:7px}.feature-icon{width:84px;height:79px;border:1.6px solid currentColor;border-radius:14px;background:#030916af;display:flex;justify-content:center;align-items:center;font-size:37px;font-weight:700;line-height:1}.feature-hero b{color:white;font-size:14px}.feature-hero small{color:#d4deef;font-size:11px;line-height:1.25}.green{color:#20f348}.amber{color:#ffae1e}.purple{color:#a159ff}.cyan{color:#00aeff}.hero-devices{position:absolute;right:0;top:50%;transform:translateY(-50%);width:61.5%;height:92%;display:flex;align-items:center;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 11%,black 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 11%,black 100%)}.hero-devices img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 22px #0007)}.preview-section{padding-top:34px;padding-bottom:43px;background:linear-gradient(180deg,#041327 0%,#020918 100%)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:24px}.section-heading h2{font-size:clamp(24px,2.45vw,37px);letter-spacing:-1.4px;line-height:1.15;margin:0}.section-heading p{color:#adbad0;line-height:1.5;max-width:600px;font-size:14px;margin:0}.screen-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.screen-card{text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .2s}.screen-card:hover{transform:translateY(-5px)}.screen-card img{width:100%;aspect-ratio:200/261;object-fit:fill;border:1px solid #305a88;border-radius:18px;box-shadow:0 9px 30px #000a}.screen-card strong{font-size:14px;margin-top:7px}.screen-card span{font-size:11px;color:#a5b6d0}.large-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.large-cta{display:flex;align-items:center;gap:19px;padding:14px 18px;background:linear-gradient(125deg,#07142a,#0d2545);border:1px solid #3568a2;border-radius:20px;min-height:90px;transition:.2s}.cta-icon{display:grid;place-items:center;flex:none;width:59px;height:59px;border-radius:50%;background:#006cff;box-shadow:inset 0 0 0 2px #329aff;font-size:30px}.large-cta b,.large-cta small{display:block}.large-cta b{font-size:16px}.large-cta small{font-size:12px;color:#b7c7de;max-width:230px}.cta-arrow{font-size:33px;margin-left:auto;font-weight:200}.investor-cta{display:flex;gap:25px;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:48px;border-top:1px solid #213e5a}.investor-cta h2{margin:7px 0;font-size:26px}.investor-cta p{color:#b4c4d7;margin:0;max-width:760px}.pill{display:inline-flex;color:#80c5ff;border:1px solid #245f9b;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:1px}.footer{border-top:1px solid #244468;padding-top:20px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a4b5cb}.footer div{display:flex;gap:21px;flex-wrap:wrap}.footer a:hover{color:#fff}
/* Preview application */
.demo-page{min-height:100vh;background:radial-gradient(circle at 40% 0,#0a1c3b 0,#020816 55%)}.app-topbar{height:66px;padding:0 4%;border-bottom:1px solid #203a5a;background:#020a18;display:flex;align-items:center;gap:30px;justify-content:space-between}.app-header-actions{display:flex;align-items:center;gap:13px}.mini-btn{border:1px solid #43628a;border-radius:12px;padding:8px 13px;background:#0a1d35;color:#fff;font-size:13px}.app-shell{max-width:1400px;min-height:calc(100vh - 66px);margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr)}.side-panel{border-right:1px solid #1d385d;background:#030d1ef0;padding:24px 15px;display:flex;flex-direction:column;gap:7px}.side-panel p{font-size:11px;color:#7b9cbd;letter-spacing:1.5px;margin:6px 10px 12px}.side-panel a{display:flex;gap:15px;align-items:center;padding:12px 14px;border-radius:11px;color:#bac8e0;font-size:14px}.side-panel a:hover,.side-panel a.active{background:#075bd8;color:#fff}.side-panel a .nav-ico{font-size:18px;width:22px;text-align:center}.side-panel .small-label{margin-top:20px;font-size:11px;color:#7598bc;padding-left:12px}.app-main{padding:26px 32px 65px;min-width:0}.demo-notice{background:#0b2c55;border:1px solid #2260a0;border-radius:12px;padding:10px 14px;color:#c8defa;font-size:12px;display:flex;align-items:center;gap:9px;margin-bottom:20px}.demo-hdr{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.demo-hdr h1{font-size:clamp(24px,3.2vw,38px);margin:0;font-weight:800;letter-spacing:-1px}.demo-hdr p{margin:3px 0 0;color:#9eb4ce;font-size:13px}.demo-search{min-width:210px;display:flex;align-items:center;gap:10px;background:#07182d;border:1px solid #24496e;border-radius:13px;padding:11px 13px;font-size:12px;color:#889eb9}.demo-twobuttons{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 0 25px}.demo-twobuttons a{display:grid;place-items:center;border-radius:15px;background:#0864ed;font-size:19px;font-weight:750;min-height:63px;text-align:center;padding:8px}.demo-twobuttons a:nth-child(2){background:white;color:#050b16}.demo-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.demo-feature-grid a{background:#050d1a;border:2px solid;border-radius:16px;height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;text-align:center}.demo-feature-grid span{font-size:32px}.demo-feature-grid .green{border-color:#36ee26}.demo-feature-grid .amber{border-color:#f3a725}.demo-feature-grid .purple{border-color:#994aeb}.demo-feature-grid .cyan{border-color:#03bbff}.demo-feature-grid b{color:white}.demo-feature-grid a:hover{background:#0f2645}.demo-slider-control{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 16px;color:#9daec8}.demo-slider-control .dots{color:#1674fc;letter-spacing:6px}.demo-travel-banner{min-height:240px;background:linear-gradient(0deg,#000d 3%,#020b1a33 80%),url('./assets/travel-landscape.svg') center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:20px;overflow:hidden;border:1px solid #24486e;box-shadow:0 15px 35px #0007}.demo-travel-banner h2{font-size:clamp(29px,4vw,50px);line-height:1.13;margin:0;font-weight:850}.demo-travel-banner .destination{font-size:12px;color:#c9d5e6}.demo-travel-banner small{color:#d3e2ef}.guide-button{display:block;background:#086afa;text-align:center;border-radius:12px;font-size:18px;font-weight:750;padding:13px;margin-top:14px}.demo-info-panel,.demo-panel{background:linear-gradient(145deg,#0a1528,#08182d);border:1px solid #294267;border-radius:18px;padding:22px;margin-top:21px}.demo-panel h2{margin:0 0 10px;font-size:24px}.demo-panel p{color:#aebed5;font-size:14px}.demo-info-panel strong{display:block;margin-bottom:5px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.demo-tile{min-height:150px;border-radius:17px;border:1px solid #305177;background:#0b1b34;padding:18px;display:flex;flex-direction:column;gap:10px}.demo-tile .symbol{font-size:28px;color:#45a1ff}.demo-tile strong{font-size:16px}.demo-tile p{font-size:12px;line-height:1.45;color:#adc2d9;margin:0}.demo-form{display:grid;gap:13px;max-width:520px}.demo-form label{font-size:12px;color:#b1c5df}.demo-form input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #35577f;color:white;border-radius:11px;background:#0c2139}.demo-form input:disabled{opacity:.7;cursor:not-allowed}.demo-form .btn{border:0}.demo-form .btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.demo-lock-note{background:#122b4b;border:1px solid #315f92;border-radius:12px;padding:15px;color:#c7dbf4;font-size:13px}.back-to-site{display:flex;align-items:center;gap:8px;color:#8abfff;font-size:13px}.app-bottomnav{display:none}.side-overlay{display:none}
@media(min-width:1500px){.hero-devices{right:0;width:58%}.hero-content{min-height:610px}.hero{min-height:610px}}
@media(max-width:1200px){.global-header{gap:16px;padding:0 3%}.logo{font-size:22px}.topnav{gap:13px}.topnav a{font-size:11px}.wrap{padding-left:3%;padding-right:3%}.hero-content{grid-template-columns:45% 55%}.hero-devices{width:59%}.hero h1{font-size:53px}.features-hero{gap:10px}.feature-icon{width:67px;height:64px;font-size:30px}.feature-hero b{font-size:12px}.hero-text{font-size:15px}.section-heading p{max-width:415px}}
@media(max-width:900px){.mobile-menu-btn{display:block;margin-left:auto}.global-header{gap:12px;height:62px}.topnav{position:absolute;top:62px;left:0;right:0;background:#04152e;padding:10px 18px 18px;display:none;flex-direction:column;align-items:stretch;height:auto;z-index:20;box-shadow:var(--shadow);border-bottom:1px solid #224770;gap:3px}.topnav.open{display:flex}.topnav a{height:auto;padding:11px;border-bottom:0;border-radius:10px;font-size:14px}.topnav a.active{background:#0d3a69}.hero-content{grid-template-columns:1fr;min-height:760px;align-items:start}.hero{min-height:760px}.hero-copy{padding:35px 0 0;width:min(650px,100%)}.hero h1{font-size:clamp(46px,7vw,67px)}.hero-text{max-width:560px}.hero-devices{width:95%;top:auto;bottom:-25px;right:-3%;height:48%;transform:none;mask-image:none;-webkit-mask-image:none}.features-hero{max-width:480px}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.screen-card img{width:100%;max-width:230px}.section-heading{align-items:start}.section-heading p{font-size:12px}.large-cta-grid{grid-template-columns:1fr}.large-cta{min-height:85px}.app-shell{grid-template-columns:225px 1fr}.app-main{padding:21px}.demo-search{display:none}}
@media(max-width:590px){.wrap{padding-left:17px;padding-right:17px}.global-header{padding:0 15px}.logo{font-size:22px}.logo-mark{font-size:25px}.language-switch{padding:2px}.lang-btn{font-size:11px;padding:4px 7px}.hero{min-height:815px}.hero-content{min-height:815px}.hero-scenery{background-position:60% center}.hero-copy{padding:40px 0 0}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:clamp(42px,9vw,56px);letter-spacing:-2.6px;margin-bottom:17px}.hero-text{font-size:14px;max-width:390px}.btn{min-height:46px;padding:10px 16px;font-size:13px;border-radius:12px}.features-hero{gap:9px;margin-top:26px}.feature-icon{width:100%;height:62px;font-size:29px}.feature-hero b{font-size:11px}.feature-hero small{font-size:9px}.hero-devices{bottom:-10px;right:0;width:100%;height:34%;mask-image:linear-gradient(0deg,black 0%,black 87%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,black 0%,black 87%,transparent 100%)}.hero-devices img{object-fit:contain;object-position:center bottom}.preview-section{padding-top:29px}.section-heading{display:block}.section-heading h2{font-size:25px;margin-bottom:10px}.section-heading p{max-width:100%;font-size:13px}.screen-grid{grid-template-columns:repeat(2,1fr);gap:19px 15px}.screen-card img{border-radius:15px}.screen-card strong{font-size:13px}.screen-card span{font-size:10px}.investor-cta{display:block}.investor-cta h2{font-size:23px}.investor-cta .btn{margin-top:18px}.footer{display:block}.footer div{margin-top:13px;gap:15px}.app-topbar{height:60px;padding:0 14px;gap:9px}.app-topbar .logo{font-size:22px}.app-header-actions{gap:7px}.app-header-actions .mini-btn:nth-child(1){display:none}.app-shell{display:block;min-height:calc(100vh - 60px)}.side-panel{display:none;position:fixed;top:60px;bottom:0;left:0;width:265px;z-index:30;overflow:auto;box-shadow:var(--shadow)}.side-panel.open{display:flex}.side-overlay.open{position:fixed;display:block;inset:60px 0 0;background:#0009;z-index:25}.app-main{padding:17px 15px 95px}.demo-hdr h1{font-size:25px}.demo-hdr p{font-size:11px}.demo-notice{font-size:11px}.demo-twobuttons a{font-size:14px;min-height:49px}.demo-feature-grid{gap:7px}.demo-feature-grid a{min-height:94px;height:94px;border-radius:12px;font-size:10px;gap:5px}.demo-feature-grid span{font-size:25px}.demo-travel-banner{min-height:260px}.demo-travel-banner h2{font-size:38px}.demo-grid{grid-template-columns:1fr}.app-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:#031125;border-top:1px solid #2c5075;justify-content:space-around;align-items:center;z-index:24}.app-bottomnav a{display:grid;place-items:center;gap:0;font-size:10px;color:#bfd2e6}.app-bottomnav a span{font-size:20px}.app-bottomnav a.active{color:#208dff}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Stable brand mark for desktop and mobile */
.logo-mark{display:inline-flex;align-items:center;justify-content:center;transform:none;width:35px;height:35px}.logo-mark img{display:block;width:100%;height:100%}


/* ---------------------------------------------------------
   YourTravel mobile experience (2026-10-10)
   Desktop layout remains untouched above 900px.
   The original composite background picture contained text
   from an earlier mock-up. Never use it behind mobile copy.
   --------------------------------------------------------- */
:root { color-scheme: dark; }
.mobile-showcase { display: none; }
/* Preserve brand colors if a mobile browser forces its own theme. */
.logo > span:last-child { color: #f8fbff; }
.logo > span:last-child .blue { color: #318aff; }

@media (max-width:900px) {
  body.landing-page { overflow-x: clip; }
  .landing-page .hero {
    min-height: 0;
    overflow: hidden;
    background: #03112a;
    isolation: isolate;
    border-bottom: 1px solid #1c4f85;
  }
  .landing-page .hero-scenery {
    background:
      radial-gradient(ellipse 65% 40% at 82% 61%, rgba(23,117,255,.17), transparent 75%),
      radial-gradient(ellipse 74% 31% at 7% 9%, rgba(0,110,250,.25), transparent 78%),
      linear-gradient(160deg,#030b1b 1%,#071e3d 53%,#030b1b 100%);
    opacity:1;
  }
  .landing-page .hero-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
    align-items: stretch;
    padding-bottom: 44px;
  }
  .landing-page .hero-copy {
    width: 100%;
    max-width: 670px;
    margin-inline: auto;
    padding: 43px 0 0;
  }
  .landing-page .hero h1 {
    font-size: clamp(44px,7vw,66px);
    line-height:1.055;
    letter-spacing:-2.3px;
    margin-bottom:20px;
  }
  .landing-page .hero-text { font-size:16px; line-height:1.65; max-width:590px; color:#d8e6f8; }
  .landing-page .hero-actions { gap:12px; }
  .landing-page .features-hero {
    max-width:620px;
    margin:32px auto 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
  }
  .landing-page .feature-hero {
    width:100%; min-width:0; min-height:155px;
    padding:16px 10px 14px;
    justify-content:center;
    border:1px solid rgba(84,139,209,.32);
    border-radius:19px;
    background:linear-gradient(145deg,rgba(13,38,74,.95),rgba(3,14,35,.92));
    box-shadow: 0 12px 35px rgba(0,0,0,.2);
    text-align:center;
    gap:6px;
    transition:transform .2s,border-color .2s;
  }
  .landing-page .feature-hero:active { transform:scale(.985); }
  .landing-page .feature-hero.green { border-color:rgba(39,255,78,.58); }
  .landing-page .feature-hero.amber { border-color:rgba(255,174,30,.55); }
  .landing-page .feature-hero.purple { border-color:rgba(161,89,255,.56); }
  .landing-page .feature-hero.cyan { border-color:rgba(0,174,255,.60); }
  .landing-page .feature-icon {
    flex:none;
    width:57px; height:56px;
    font-size:30px;
    background:#030c1f;
    border-radius:13px;
  }
  .landing-page .feature-hero b {
    font-size:15px;
    line-height:1.15;
    font-weight:780;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .landing-page .feature-hero small { font-size:11px; line-height:1.35; max-width:155px; color:#b4c5dd; }
  .landing-page .hero-devices {
    position:relative;
    display:block;
    top:auto;bottom:auto;left:auto;right:auto;
    width:100%;height:auto;
    max-width:700px;
    margin:22px auto 0;
    transform:none;
    overflow:visible;
    mask-image:none;-webkit-mask-image:none;
  }
  .landing-page .hero-devices .hero-device-image { display:none; }
  .landing-page .mobile-showcase {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:27px 0 4px;
    isolation:isolate;
  }
  .mobile-showcase-glow {
    position:absolute;
    width:min(540px,110%);height:360px;
    left:50%;top:45%;transform:translate(-50%,-50%);
    background:radial-gradient(ellipse,rgba(25,114,244,.32),rgba(8,44,88,.14) 46%,transparent 75%);
    z-index:-1;
  }
  .mobile-phone {
    position:relative;
    width:min(320px,88vw);
    padding:21px 11px 12px;
    border:5px solid #273b59;
    border-radius:35px;
    background:#01050e;
    box-shadow: 0 0 0 2px #7186a288,0 24px 56px #000c,0 0 70px #1677ff22;
    color:white;
  }
  .mobile-phone-notch {
    position:absolute;top:5px;left:50%;transform:translateX(-50%);
    width:60px;height:5px;border-radius:5px;background:#1c2c43;
  }
  .mobile-phone-head {
    display:flex;align-items:center;justify-content:space-between;
    height:36px;padding:0 5px 9px;border-bottom:1px solid #203653;
  }
  .mobile-phone-brand {display:flex;align-items:center;gap:5px;font-size:15px;line-height:1}
  .mobile-phone-brand img {width:21px;height:21px;object-fit:contain}
  .mobile-phone-brand strong span{color:#318aff}
  .mobile-moon{font-size:21px;color:#e0f0ff}
  .mobile-phone-top {display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;}
  .mobile-phone-top span {background:#0669f6;border-radius:8px;text-align:center;padding:9px 3px;font-weight:730;font-size:11px;}
  .mobile-phone-top span+span {background:#f8fbff;color:#10192b;}
  .mobile-phone-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 12px}
  .mobile-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:76px;gap:5px;padding:6px 2px;border:1px solid currentColor;border-radius:8px;text-align:center;background:#071020}
  .mobile-cat b{font-size:21px;line-height:1.1}
  .mobile-cat span{font-size:7.6px;font-weight:800;color:#fff;line-height:1.16;overflow-wrap:anywhere;}
  .mobile-cat.deal{color:#34f94c}.mobile-cat.hotel{color:#ffb332}.mobile-cat.trip{color:#b474ff}.mobile-cat.flight{color:#3abaff}
  .mobile-phone-destination{
    height:150px;
    background:linear-gradient(0deg,#020c1dde 0%,transparent 80%),url('./assets/travel-landscape.svg') center/cover no-repeat;
    border-radius:14px;overflow:hidden;padding:18px;
    display:flex;flex-direction:column;justify-content:space-between;
  }
  .mobile-phone-destination strong {font-size:26px;letter-spacing:-.7px;line-height:1.03;text-shadow:0 3px 9px #0009}
  .mobile-phone-destination span{font-size:10px;font-weight:700}
  .mobile-phone-guide {margin:10px 0 0;background:#086bf8;text-align:center;border-radius:9px;padding:10px;color:#fff;font-size:13px;font-weight:780}
  .mobile-phone-bottom {display:flex;justify-content:space-around;padding:9px 0 0;color:#9dbde7;font-size:17px}
  .mobile-showcase-note{
    display:flex;align-items:center;gap:8px;
    margin-top:28px;color:#bedbff;font-size:11px;font-weight:750;letter-spacing:1.3px;
    padding:10px 16px;border:1px solid #36658f;border-radius:100px;background:#091e38;
  }
  .mobile-showcase-dot{height:8px;width:8px;border-radius:50%;background:#188aff;box-shadow:0 0 0 4px #1b85ff24}
  .landing-page .preview-section {padding-top:35px;padding-bottom:45px;}
  .landing-page .section-heading{display:block;max-width:700px;margin-inline:auto;margin-bottom:23px}
  .landing-page .section-heading h2{margin-bottom:12px}
  .landing-page .section-heading p{max-width:650px;font-size:14px;line-height:1.6}
  .landing-page .screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
  .landing-page .screen-card img{object-fit:contain;max-width:240px;background:#050d1b;border-radius:16px}
  .landing-page .screen-card strong{font-size:14px}
  .landing-page .screen-card span{font-size:11px}
  /* Demo becomes readable on narrow devices as well. */
  .demo-page .demo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .demo-page .demo-feature-grid a{min-height:114px;height:auto;padding:12px 8px;font-size:14px;border-radius:15px}
  .demo-page .demo-feature-grid b{line-height:1.18;overflow-wrap:anywhere}
}
@media (max-width:590px) {
  .landing-page .global-header {
    min-height:70px;height:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    padding:10px 12px;
  }
  .landing-page .logo {font-size:clamp(18px,5vw,22px);gap:7px;min-width:0;letter-spacing:-.7px}
  .landing-page .logo-mark {width:29px;height:29px;flex:none}
  .landing-page .mobile-menu-btn {margin:0;padding:3px 9px;font-size:22px;line-height:1.1;min-height:37px}
  .landing-page .language-switch {padding:2px;gap:0}
  .landing-page .lang-btn {padding:5px 6px;font-size:11px}
  .landing-page .topnav {top:100%;}
  .landing-page .hero-content {min-height:0;padding-bottom:37px;}
  .landing-page .hero-copy {padding-top:34px;}
  .landing-page .eyebrow {font-size:10px;line-height:1.5;letter-spacing:1.5px;margin:0 0 13px;}
  .landing-page .hero h1 {font-size:clamp(39px,10vw,53px);line-height:1.08;letter-spacing:-1.7px;margin-bottom:20px}
  .landing-page .hero-text {font-size:15px;line-height:1.62;margin-bottom:22px;max-width:none}
  .landing-page .hero-actions {display:grid;grid-template-columns:1fr;gap:10px;}
  .landing-page .hero-actions .btn {width:100%;min-height:50px;font-size:14px;justify-content:center;}
  .landing-page .features-hero {gap:11px;margin-top:27px;max-width:100%;}
  .landing-page .feature-hero {min-height:155px;padding:13px 8px;border-radius:16px;gap:6px;}
  .landing-page .feature-icon{width:56px;height:53px;font-size:27px}
  .landing-page .feature-hero b{font-size:13px}
  .landing-page .feature-hero small{font-size:10px;line-height:1.3}
  .landing-page .hero-devices {margin-top:20px;}
  .landing-page .mobile-showcase{padding-top:24px}
  .landing-page .section-heading h2{font-size:27px;line-height:1.16}
  .landing-page .screen-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}
  .landing-page .screen-card img{max-width:210px}
  .landing-page .screen-card strong{font-size:14px}
  .landing-page .screen-card span{font-size:11px}
  .landing-page .large-cta-grid {gap:12px;margin-top:27px}
  .landing-page .large-cta {padding:13px;gap:12px;min-height:84px}
  .landing-page .cta-icon {height:46px;width:46px;font-size:24px}
  .landing-page .large-cta b{font-size:15px}
  .landing-page .large-cta small{font-size:11px;line-height:1.4}
  .landing-page .investor-cta{padding-top:30px;padding-bottom:35px}
  .landing-page .investor-cta h2{font-size:25px;line-height:1.2}
  .landing-page .investor-cta p{font-size:14px;line-height:1.6}
  .landing-page .footer{padding-top:18px;padding-bottom:40px}
  .demo-page .demo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .demo-page .demo-feature-grid a{font-size:13px;min-height:115px;padding:12px 5px}
  .demo-page .demo-feature-grid span{font-size:29px}
  .demo-page .demo-hdr h1{overflow-wrap:anywhere}
  .demo-page .app-bottomnav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
}
@media (max-width:355px){
  .landing-page .global-header {gap:5px;padding-inline:9px}
  .landing-page .logo{font-size:17px;gap:5px}
  .landing-page .logo-mark{width:25px;height:25px}
  .landing-page .lang-btn{padding:4px;font-size:10px}
  .landing-page .hero h1{font-size:38px}
  .landing-page .feature-hero b{font-size:12px}
}