*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(53,164,255,.14), transparent 25%),
    radial-gradient(circle at top right, rgba(96,116,255,.14), transparent 26%),
    linear-gradient(180deg,#0b1322 0%, #11192d 48%, #0b1220 100%);
  color:#f2f6ff;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.fluxTop{
  position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);
  background:rgba(11,19,34,.68);border-bottom:1px solid rgba(255,255,255,.08);
}
.fluxTop__row,.afterGlow__grid,.afterGlow__foot{width:min(1240px, calc(100% - 32px));margin:0 auto}
.fluxTop__row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}
.fluxTop__brand{font-size:34px;font-weight:800;letter-spacing:-.03em}
.fluxTop__btn,.beamHero__cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:16px;
  background:linear-gradient(180deg,#8ce0ff,#56adff);color:#071528;font-weight:800;box-shadow:0 12px 30px rgba(86,173,255,.28)
}
.tripKernel,.beamHero,.routeMind,.travelPulse,.smartRoute,.signalFaq,.novaClose{width:min(1240px, calc(100% - 32px));margin:0 auto}
.beamHero{padding:28px 0 18px}
.beamHero__bar,.beamHero__grid,.routeMind__lead,.routeMind__tiles,.travelPulse__head,.travelPulse__matrix,.smartRoute__story,.smartRoute__grid,.signalFaq,.novaClose{
  border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
  border-radius:26px;box-shadow:0 18px 60px rgba(0,0,0,.30)
}
.beamHero__bar{padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.beamHero__title{font-weight:700;color:#ced8ff}
.beamHero__links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.beamHero__links a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.beamHero__copy{width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);cursor:pointer;position:relative}
.beamHero__copy::before,.beamHero__copy::after{content:"";position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:4px}
.beamHero__copy::before{left:14px;top:16px}
.beamHero__copy::after{left:19px;top:11px}
.beamHero__grid{margin-top:18px;padding:28px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.beamHero__text h1{margin:0 0 16px;font-size:clamp(32px,5vw,56px);line-height:1.03;letter-spacing:-.03em}
.beamHero__text p{margin:0 0 18px;font-size:18px;line-height:1.75;color:#d9e2ff}
.beamHero__media{position:relative;padding:18px}
.beamHero__media img{border-radius:24px;width:100%}
.beamHero__halo{position:absolute;inset:auto 8% 8% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(102,180,255,.35), transparent 70%);filter:blur(10px)}
.routeMind,.travelPulse,.smartRoute,.signalFaq,.novaClose{display:grid;gap:20px;padding-bottom:20px}
.routeMind__lead,.travelPulse__head,.smartRoute__story,.signalFaq,.novaClose{padding:28px}
.routeMind__tiles,.travelPulse__matrix,.smartRoute__grid{padding:22px}
.routeMind__lead h2,.travelPulse__head h2,.smartRoute h2,.signalFaq h2,.novaClose h2{margin:0 0 14px;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.02em}
.routeMind__lead p,.smartRoute__story p,.novaClose p,.routeTile p,.mindCard p,.faqNode p,.pulseCard li{color:#d9e2ff;font-size:18px;line-height:1.75}
.routeMind__tiles,.travelPulse__matrix,.smartRoute__grid,.signalFaq__grid,.afterGlow__grid{display:grid;gap:18px}
.routeMind__tiles,.travelPulse__matrix,.smartRoute__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.signalFaq__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.routeTile,.pulseCard,.mindCard,.faqNode{padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.routeTile h3,.pulseCard h3,.mindCard h3,.faqNode h3{margin:0 0 10px;font-size:22px;line-height:1.18}
.pulseCard ul{margin:0;padding-left:18px}
.afterGlow{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.afterGlow__grid{padding:28px 0 18px;grid-template-columns:1.4fr 1fr 1fr 1fr}
.afterGlow__grid strong{display:block;margin-bottom:8px;font-size:20px}
.afterGlow__grid h4{margin:0 0 10px}
.afterGlow__grid p,.afterGlow__grid li,.afterGlow__foot p{color:#cdd7f8}
.afterGlow__grid ul{margin:0;padding-left:18px}
.afterGlow__foot{padding:0 0 24px;border-top:1px solid rgba(255,255,255,.06)}
@media (max-width: 980px){
  .beamHero__grid,.routeMind__tiles,.travelPulse__matrix,.smartRoute__grid,.signalFaq__grid,.afterGlow__grid{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .fluxTop__row,.beamHero__bar{display:grid;grid-template-columns:1fr;justify-items:start}
  .beamHero__grid,.routeMind__lead,.routeMind__tiles,.travelPulse__head,.travelPulse__matrix,.smartRoute__story,.smartRoute__grid,.signalFaq,.novaClose{padding:22px 18px}
  .beamHero__text h1{font-size:32px}
  .routeMind__lead p,.smartRoute__story p,.novaClose p,.routeTile p,.mindCard p,.faqNode p,.pulseCard li,.beamHero__text p{font-size:16px}
}