/* Night Bot — product-led, dark navy presentation */
.home { background:#050b15; color:#f0f5ff; }
.home .container { width:min(100% - 64px,1200px); }
.home .site-header { background:rgba(5,11,21,.93); border-bottom:1px solid #142238; }
.home .nav { height:80px; }
.home .brand { font-size:19px; letter-spacing:-.06em; gap:5px; }
.home .brand-mark { background:none; box-shadow:none; width:32px; margin-right:5px; }
.home .brand-mark svg { fill:#00b7ff; }
.home .brand b { color:#00b7ff; }
.home .btn { border-radius:8px; }
.home .btn-primary { background:linear-gradient(115deg,#158fff,#1760e5); box-shadow:0 5px 22px #005ad626,inset 0 1px 0 #ffffff20; }
.home .btn-primary:hover { box-shadow:0 6px 28px #008cff40; }
.home .hero { min-height:0; padding:100px 0 88px; overflow:visible; background:radial-gradient(ellipse at 83% 35%,#0c244148,transparent 54%); }
.hero-layout { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:50px; }
.availability { display:inline-flex; align-items:center; gap:9px; color:#99b1ce; font-size:10px; letter-spacing:.12em; font-weight:800; }
.availability .dot,.product-label .dot { width:5px; height:5px; animation:none; }
.home .hero h1 { font-size:clamp(40px,4.5vw,64px); line-height:1.08; margin-top:23px; letter-spacing:-.05em; text-shadow:none; }
.home .hero h1>span { color:#319eff; }
.home .lead { font-size:16px; line-height:1.8; color:#94a9c7; max-width:410px; margin-top:24px; }
.home .cta-row { gap:24px; align-items:center; margin-top:30px; }
.home .btn-lg { min-height:49px; padding-inline:22px; font-size:14px; }
.demo-link { font-size:13px; font-weight:700; color:#b7c7dd; display:flex; gap:12px; align-items:center; }
.demo-link:hover,.text-link:hover { color:#45b8ff; }
.hero-note { margin-top:23px; color:#7187a6; font-size:10px; line-height:1.8; }
.hero-note span { margin-inline:5px; color:#2c4a6e; }
.hero-product { min-width:0; position:relative; }
.hero-product>img { width:100%; height:auto; border:1px solid #294464; border-radius:9px; box-shadow:0 28px 70px #0007,0 0 60px #007dff0c; }
.product-label { display:flex; justify-content:space-between; gap:12px; color:#647e9f; font-size:9px; letter-spacing:.11em; font-weight:700; margin-bottom:13px; }
.product-label>span:first-child { display:flex; align-items:center; gap:7px; }
.product-caption { display:flex; justify-content:space-between; gap:15px; padding-top:16px; font-size:11px; color:#96adcb; }
.product-caption a { color:#49b3ff; }
.preview-note { margin-top:12px; font-size:10px; color:#667e9e; }
.module-strip { border-block:1px solid #142238; background:#07101c; }
.module-strip>.container { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:25px; }
.module-strip span { color:#617c9e; font-size:9px; letter-spacing:.15em; font-weight:800; }
.module-strip p { display:flex; flex-wrap:wrap; gap:23px; align-items:center; color:#b0c2da; font-size:12px; }
.module-strip b { color:#276498; font-weight:400; }
.home .section { padding:100px 0; }
.home .section-head { max-width:none; margin-bottom:40px; }
.home .eyebrow { font-size:10px; color:#30aaff; letter-spacing:.16em; }
.home .section-head h2,.home .final h2 { font-size:clamp(28px,3.1vw,40px); line-height:1.2; letter-spacing:-.045em; margin-top:15px; }
.home h2>span { color:#7b94b7; }
.split-head { display:flex; align-items:flex-end; justify-content:space-between; gap:36px; }
.home .split-head>p { max-width:330px; font-size:13px; line-height:1.8; color:#849bb9; }
.showcase-layout { display:grid; grid-template-columns:300px 1fr; gap:40px; align-items:start; }
.module-picker { display:flex; flex-direction:column; gap:9px; }
.module-tab { padding:20px 17px; display:flex; text-align:left; align-items:center; gap:14px; border:1px solid transparent; border-radius:8px; width:100%; transition:background .2s,border-color .2s; }
.module-tab>.ic { width:20px; height:20px; color:#718dad; }
.module-tab strong { font-size:14px; display:block; font-weight:700; }
.module-tab small { display:block; font-size:11px; color:#7d94b2; margin-top:4px; }
.module-tab .tab-arrow { margin-left:auto; color:#526e91; }
.module-tab:hover { background:#0a1626; }
.module-tab[aria-selected="true"] { border-color:#1a4775; background:linear-gradient(100deg,#0b2745,#0a182a); }
.module-tab[aria-selected="true"]>.ic,.module-tab[aria-selected="true"] strong,.module-tab[aria-selected="true"] .tab-arrow { color:#37afff; }
.module-view { min-width:0; padding:13px; border:1px solid #1d314c; background:#08121f; border-radius:12px; }
.module-view img { width:100%; height:auto; border:1px solid #1d314c; border-radius:5px; }
.module-description { display:flex; align-items:center; gap:25px; justify-content:space-between; padding:20px 8px 8px; }
.module-description p { font-size:12px; line-height:1.8; color:#94aaca; max-width:520px; }
.zoom-button { white-space:nowrap; color:#51b9ff; font-size:11px; padding:10px 0 10px 10px; }
.module-view>.preview-note { padding:0 8px 4px; }
.home .benefits { border-block:1px solid #122139; background:#060e19; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.benefit-grid article { border-top:1px solid #23374f; padding:25px 0 0; }
.benefit-number { display:block; font-size:9px; letter-spacing:.13em; color:#56779f; margin-bottom:26px; }
.benefit-grid .ic { width:25px; height:25px; color:#269fff; }
.benefit-grid h3 { font-size:18px; line-height:1.4; margin-top:16px; }
.benefit-grid p { font-size:13px; color:#849bb9; line-height:1.9; margin-top:12px; max-width:320px; }
.start-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.text-link { display:inline-block; margin-top:25px; font-size:12px; color:#4db5ff; }
.steps { margin:0; padding:0; list-style:none; }
.steps li { display:flex; gap:25px; padding:24px 0; border-bottom:1px solid #19283d; }
.steps li:first-child { padding-top:0; }
.steps li>span { color:#2b97e9; font-size:12px; padding-top:2px; }
.steps h3 { font-size:16px; line-height:1.4; }
.steps p { margin-top:8px; color:#849bb9; font-size:13px; line-height:1.9; }
.home .section-alt { background:#07101c; border-color:#17263c; }
.home .plans { gap:16px; grid-template-columns:repeat(4,1fr); }
.home .plan { padding:26px; border-radius:10px; background:#0a1524; border-color:#1b2e46; }
.home .plan h3 { color:#d7e5f7; font-size:13px; letter-spacing:0; text-transform:none; }
.plan-caption { color:#728bab; font-size:11px; margin-top:6px; }
.home .price { font-size:44px; margin-top:26px; }
.home .price small { font-size:13px; vertical-align:19px; }
.home .price span { font-size:20px; }
.home .per-day { font-size:11px; font-weight:500; }
.plan-includes { display:flex; gap:7px; align-items:center; margin-top:25px; padding-top:20px; border-top:1px solid #1b2e46; color:#91a9c8; font-size:11px; }
.plan-includes .ic { width:14px; height:14px; color:#37c99a; }
.plan-action { display:flex; justify-content:space-between; align-items:center; margin-top:21px; border:1px solid #274262; padding:12px 15px; border-radius:6px; font-size:12px; color:#c5d9f3; }
.home .plan-hot { background:linear-gradient(155deg,#0c2a49,#0a1524 60%); border-color:#237ac0; box-shadow:none; }
.home .plan-hot .plan-action { background:#1768db; border-color:#2682f4; color:white; }
.slots { display:inline-flex; align-items:center; gap:9px; margin:-10px 0 26px; padding:8px 14px; border:1px solid #6b4a1c; border-radius:999px; background:#22190c; color:#ffc46b; font-size:12px; font-weight:600; }
.slots-dot { width:8px; height:8px; border-radius:50%; background:#ffad33; box-shadow:0 0 0 4px rgba(255,173,51,.18); }
.slots.out { border-color:#5a2633; background:#1f0f14; color:#ff8fa3; }
.slots.out .slots-dot { background:#ff5c7a; box-shadow:0 0 0 4px rgba(255,92,122,.18); }
.plan-soon { opacity:.6; cursor:default; }
.plan-soon:hover { transform:none; border-color:#1b2e46; }
.home .plan-soon .plan-badge { background:#1d3049; border-color:#35506f; color:#a9bfd9; }
.home .plan-badge { background:#145697; border:1px solid #2b82c8; border-radius:4px; font-size:9px; letter-spacing:.04em; }
.pricing-note { color:#7087a5; font-size:10px; line-height:1.9; margin-top:23px; text-align:center; }
.home .faq { grid-template-columns:1fr 1.1fr; gap:90px; }
.home .faq-list details { background:transparent; border-width:0 0 1px; border-color:#1b2e46; border-radius:0; }
.home .faq-list summary { padding:21px 0; font-size:13px; }
.home .faq-list details p { padding:0 30px 22px 0; font-size:12px; line-height:1.9; }
.home .faq-list summary::after { border-radius:4px; }
.home .final { padding:85px 0; background:radial-gradient(ellipse at 50% 110%,#0b2b4d77,transparent 70%),#07101c; border-color:#17263c; }
.home .final p { color:#849bb9; font-size:13px; margin-top:20px; }
.home .footer { background:#050b15; border-color:#17263c; font-size:11px; padding:30px 0; }
.home .footer .brand { font-size:16px; }
.home .footer .brand b { margin-left:-5px; }
.image-dialog { max-width:min(1100px,96vw); width:100%; max-height:95vh; border:1px solid #294c74; padding:18px; background:#07101c; color:#a6bbd6; border-radius:12px; }
.image-dialog::backdrop { background:#010611e8; backdrop-filter:blur(7px); }
.dialog-close { display:block; margin:0 0 15px auto; padding:8px 12px; border:1px solid #294c74; border-radius:6px; font-size:13px; }
.image-dialog img { width:100%; max-height:75vh; object-fit:contain; }
.image-dialog p { font-size:11px; margin-top:12px; text-align:center; }
@media(min-width:1500px) { .home .hero { padding-block:120px; } }
@media(max-width:1050px) { .hero-layout { gap:28px; grid-template-columns:1fr 1.1fr; } .home .hero h1 { font-size:48px; } .home .cta-row { gap:17px; } .showcase-layout { grid-template-columns:250px 1fr; gap:25px; } .module-tab { padding:17px 12px; } .module-tab small { font-size:10px; } .module-strip p { gap:13px; } .start-layout,.home .faq { gap:45px; } }
@media(max-width:860px) { .home .container { width: min(100% - 40px,680px); } .home .nav { height:70px; } .home .menu { top:70px; } .hero-layout { grid-template-columns:1fr; gap:45px; } .home .hero { padding:60px 0; } .home .hero h1 { font-size:56px; } .home .lead { max-width:490px; } .hero-product { max-width:680px; } .home .section { padding:70px 0; } .split-head { display:block; } .home .split-head>p { max-width:480px; margin-top:20px; } .showcase-layout { grid-template-columns:1fr; gap:22px; } .module-picker { flex-direction:row; overflow-x:auto; gap:8px; padding-bottom:4px; } .module-tab { width:auto; flex:none; padding:12px; gap:8px; } .module-tab small,.tab-arrow { display:none; } .module-tab strong { font-size:12px; } .module-tab>.ic { width:17px; height:17px; } .module-strip>.container { flex-direction:column; align-items:flex-start; gap:12px; } .module-strip p { font-size:11px; gap:12px; } .benefit-grid { gap:24px; } .benefit-grid h3 { font-size:16px; } .start-layout,.home .faq { grid-template-columns:1fr; gap:22px; } .home .plans { grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px) { .home .container { width:calc(100% - 36px); } .home .hero { padding:45px 0; } .home .hero h1 { font-size:46px; } .availability { font-size:8px; } .home .lead { font-size:14px; } .home .btn-lg { flex:0 1 auto; font-size:12px; padding:0 17px; } .demo-link { font-size:12px; } .hero-note { font-size:9px; } .product-label { font-size:8px; } .product-caption { font-size:9px; gap:8px; } .module-strip p { gap:8px; font-size:10px; } .module-strip span { font-size:8px; } .home .section-head h2,.home .final h2 { font-size:29px; } .module-view { padding:7px; } .module-description { gap:10px; padding:15px 5px 6px; } .module-description p { font-size:11px; } .zoom-button { font-size:10px; } .benefit-grid { grid-template-columns:1fr; gap:32px; } .benefit-number { margin-bottom:17px; } .benefit-grid h3 { font-size:19px; } .benefit-grid p { max-width:none; } .home .plans { gap:12px; } .home .plan { padding:20px 14px; } .home .price { font-size:33px; } .home .price small { vertical-align:13px; font-size:11px; } .home .price span { font-size:16px; } .plan-caption { min-height:32px; font-size:10px; } .plan-includes { font-size:9px; gap:3px; } .plan-action { padding:10px; font-size:11px; } .home .plan-badge { right:10px; } .home .footer-row { flex-direction:row; align-items:center; } .home .footer nav { width:100%; margin-top:8px; } }

/* Illustrated opening: the real interface is shown only in the gallery. */
.home .hero { overflow:hidden; background:#050b15; }
.hero-layout { grid-template-columns:.85fr 1.15fr; gap:20px; }
.hero-art { min-width:0; position:relative; margin:-50px -90px -50px -40px; pointer-events:none; }
.hero-art img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.hero-art::after { content:""; position:absolute; inset:-1px; background:linear-gradient(90deg,#050b15 0%,transparent 18%,transparent 85%,#050b15 100%),linear-gradient(0deg,#050b15,transparent 24%,transparent 78%,#050b15); }
.hero-text { position:relative; z-index:1; }
@media(max-width:860px) { .hero-layout { grid-template-columns:1fr; gap:15px; } .hero-art { margin:-5px -40px -35px; } }
@media(max-width:520px) { .hero-art { margin:0 -28px -25px; } }

.video-frame { width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #203b5b; border-radius:12px; background:#030811; box-shadow:0 25px 60px #0004; }
.video-frame iframe { display:block; width:100%; height:100%; border:0; }
.video-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:17px; font-size:12px; color:#8199b9; }
.video-caption a { color:#46adff; }
@media(max-width:520px) { .video-frame { border-radius:8px; } .video-caption { font-size:10px; } }