/* BusinessAtNight / AtNightX — Canva fidelity pass 1. 2026-11-06.
   White website canvas; original Canva video files remain unmodified. */
:root{--night:#fff;--night2:#fff;--ink:#102840;--soft:#526978;--dim:#6b7f8b;--line:rgba(11,81,103,.13);--line-cyan:rgba(26,209,226,.28);--glass:rgba(244,251,253,.90);--glass-deep:rgba(244,251,253,.97);--cyan:#44eded;--mint:#64f8e9}
html{background:#fff}
body{background:#fff!important;color:#102840;font-family:Poppins,Arial,"Helvetica Neue",sans-serif}
.canvas-backdrop{display:none!important}
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dceaf0;box-shadow:0 6px 28px rgba(13,53,74,.04)}
.main-nav{background:#fff;color:#102840}
.main-nav>a:not(.header-cta){color:#18384b}
.wordmark{color:#102840}
.nav-toggle span{background:#102840}
body h1,body h2,body h3{color:#102840;font-weight:700}
body h1 .accent,body h2 .accent,body h3 .accent,body .accent{color:#65eeee}
body .eyebrow,body .small-uppercase,body .stat-label{color:#1bb7c7}
body p,body .hero-lead,body .section-heading p{color:#526978}
body .hero-lead strong{color:#102840}
body .outline-title{-webkit-text-stroke:1px rgba(18,54,75,.8);color:transparent;text-shadow:none}
body .glass,body .feature-card,body .product-card,body .end-inner,body .stat-band,body .experience-copy,body .contact-card{background:rgba(245,250,252,.95);border-color:#d8eaf0;color:#102840;box-shadow:0 19px 50px rgba(14,53,66,.07)}
body .hero-rail{background:rgba(245,251,254,.93)}
body .rail-flow>div,body .rail-note,body .hero-proof,body .feature-card p,body .feature-foot,body .band-middle,body .band-middle b,body .product-card p{color:#526978}
body .panel-dark{background:#fff;border-color:#e0f1f4}
body .btn-secondary{color:#125062;border-color:#81dfe6;background:#f6fdfe}
body .site-footer{background:#fff;border-top:1px solid #d7eaf0;color:#102840}
body .site-footer p,body .footer-bottom{color:#657989}
body .main-nav.is-open{background:#fff}
body .end-inner{background:rgba(245,251,254,.96)}
/* Purposeful dark UI/mock screenshots may remain dark; do not recolor screenshots or original art. */
body .preview-stack,body .preview-header,body .preview-caption{color:#e5fbff}
body .preview-header span,body .preview-caption{color:#d1fbff}
body .preview-stack img{background:#f2fcff}
/* True edge-to-edge original Canva video sections — never cover/crop. */
.ban-full-video{position:relative;width:100vw;max-width:100vw;margin:0 0 68px calc(50% - 50vw);padding:0!important;overflow:hidden;background:#fff;line-height:0;isolation:isolate}
.ban-full-video video{display:block;width:100%;height:auto;max-width:none;object-fit:contain;background:#fff;border:0}
.ban-full-video .ban-video-loading{display:block;position:absolute;inset:0;pointer-events:none;z-index:-1;background:#fff}
.ban-full-video video:not([poster]){aspect-ratio:16/9}
/* Globe section: white website overflow outside the dedicated living Canva blue stage. */
body .globe-stage{background:#e8fcff!important;border-block:1px solid #cbeef5}
body .globe-stage .globe-panel,body .globe-stage .globe-panel h1,body .globe-stage .globe-panel h2{color:#f6ffff}
body .globe-stage .globe-panel p,body .globe-stage .globe-panel .globe-caption{color:#cae6ed}
.globe-stage .globe-map{background:transparent!important;z-index:2!important;pointer-events:auto}
.globe-stage .globe-local-canvas{background:transparent!important;display:block;touch-action:none}
.globe-video-layer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#096ca6 url('atnightx-globe-motion-poster.webp') center center/cover no-repeat;pointer-events:none}
.globe-video-layer video{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.12) contrast(1.05);opacity:.94}
.globe-video-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,52,90,.45),rgba(4,100,149,.12) 42%,rgba(0,50,95,.4));pointer-events:none}
.globe-video-layer .globe-video-fallback{position:absolute;inset:0;background:url('atnightx-globe-motion-poster.webp') center/cover no-repeat;pointer-events:none;z-index:-1}
body .globe-stage .globe-vignette{z-index:3;background:linear-gradient(90deg,rgba(0,25,45,.5),transparent 31%,transparent 70%,rgba(0,26,55,.54));pointer-events:none}
body .globe-stage .globe-panel{z-index:6}
body .globe-stage .globe-action-buttons{z-index:7}
body .globe-stage .globe-topline{z-index:6}
body .globe-stage .globe-foot{z-index:6}
body .globe-stage .globe-fallback{z-index:2;pointer-events:none;background:transparent!important;color:#fff}
body .globe-stage .globe-fallback[hidden]{display:none!important}
/* The budget car is a real range input thumb (mouse, touch, keyboard), not a static picture. */
.ban-budget-feature{width:min(calc(100% - 64px),1210px);margin:60px auto 95px;padding:0;color:#102840}
.ban-budget-heading{display:grid;grid-template-columns:1.15fr .55fr;align-items:end;gap:30px;margin-bottom:22px}
.ban-budget-heading small{font-size:10px;font-weight:800;letter-spacing:.17em;color:#1fb3c5}
.ban-budget-heading h2{font-size:clamp(27px,3.3vw,54px);line-height:1.08;margin:9px 0 0;letter-spacing:-.052em;max-width:790px}
.ban-budget-heading h2 span{color:#6bf5ee}
.ban-budget-heading p{font-size:13px;line-height:1.6;max-width:330px;color:#526978}
.ban-budget-feature .budget-card{background:#f5fbfd!important;border:1px solid #cbe6ee!important;border-radius:7px;box-shadow:0 18px 35px rgba(14,45,58,.07);padding:28px 30px}
.ban-budget-feature .budget-head>span{font-size:10px;color:#88b6c0;letter-spacing:.16em}
.ban-budget-feature .budget-value{font-size:clamp(32px,3.2vw,52px);color:#5cefe7}
.ban-budget-feature input[type="range"]{width:100%;height:10px;border:0;border-radius:0;margin:56px 0 30px;background:linear-gradient(90deg,#79ffff 0%,#79ffff var(--budget-progress,4%),#dceff2 var(--budget-progress,4%),#dceff2 100%);position:relative;cursor:ew-resize}
.ban-budget-feature input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:transparent url('atnightx-budget-car.webp') center center/contain no-repeat;width:100px;height:60px;border:0;border-radius:0;box-shadow:none;cursor:grab}
.ban-budget-feature input[type="range"]::-moz-range-thumb{background:transparent url('atnightx-budget-car.webp') center center/contain no-repeat;width:100px;height:60px;border:0;border-radius:0;box-shadow:none;cursor:grab}
.ban-budget-feature input[type="range"]:focus-visible{outline:2px solid #00bfca;outline-offset:7px}
.ban-budget-feature .budget-labels{color:#7698a5;font-size:11px}
.ban-budget-feature .budget-under{border-color:#d5e6ec}
.ban-budget-feature .budget-personal{color:#476777}
.ban-budget-feature .budget-footnote,.ban-budget-feature .budget-quick{color:#7895a3}
.ban-budget-feature .budget-action{background:#60eeee;color:#102840}
.ban-budget-feature .budget-action:hover{background:#3cd1d4;color:#082a3d}
@media(max-width:760px){.ban-full-video{margin-bottom:40px}.ban-budget-feature{width:calc(100% - 28px);margin:30px auto 70px}.ban-budget-heading{grid-template-columns:1fr;gap:8px}.ban-budget-feature .budget-card{padding:22px 16px}.ban-budget-feature input[type="range"]::-webkit-slider-thumb{width:70px;height:45px}.ban-budget-feature input[type="range"]::-moz-range-thumb{width:70px;height:45px}}
@media(prefers-reduced-motion:reduce){.globe-video-layer video,.ban-full-video video{animation:none!important}}