/* BOOBOT launch update: preserve the night brand, reserve glass for navigation.
   Dials: variance 6, motion 5 (controlled atmosphere, feedback and chart entry), density 4.
   Layers: header 20, native dialog top layer. Atmosphere isolated to the hero; visitors can pause it. */
:root { --control-line:#8c789f; }
[hidden] { display:none !important; }
.eyebrow { color:var(--accent); font-size:.875rem; font-weight:700; margin-bottom:18px; }
.launch-page .hero { gap:clamp(28px,5vw,72px); padding-block:64px 52px; }
.launch-page .hero h1 { font-size:clamp(2.8rem,4.6vw,4.75rem); max-width:16ch; }
.launch-page .hero-description { max-width:43ch; font-size:1.125rem; }
.launch-page .platform-note { font-size:.875rem; }
.launch-status { display:grid; gap:7px; padding-top:22px; margin-top:24px; border-top:1px solid var(--line); max-width:46ch; }
.launch-status strong { color:var(--accent); font-size:.9rem; }
.launch-status span { color:var(--muted); font-size:.875rem; line-height:1.55; }
.launch-page .capture-demo { padding:30px; border:1px solid #d4c5ff30; box-shadow:0 18px 48px #100b2180; }
.launch-page .capture-demo-heading h2 { font-size:1.65rem; max-width:15ch; }
.launch-page .capture-demo-heading img { width:76px; height:76px; }
.launch-page .capture-demo-heading p { margin-top:8px; }
.capture-mode { display:flex; gap:4px; padding:5px; margin-top:22px; border:1px solid var(--control-line); border-radius:14px; background:var(--bg); }
.capture-mode button { flex:1; min-height:46px; padding:11px 16px; background:transparent; color:var(--muted); border:0; border-radius:9px; font-size:1rem; }
.capture-mode [aria-pressed=true] { background:var(--accent); color:#302442; font-weight:700; }
.mode-description { color:var(--muted); font-size:.875rem; margin-top:14px; min-height:2.9em; line-height:1.5; }
.launch-page .profile-switch { margin-block:16px 20px; border:1px solid #d4c5ff35; }
.launch-page .profile-rules { gap:15px 20px; margin-bottom:20px; }
.launch-page .profile-rules span { font-size:.875rem; }
.launch-page .profile-rules strong { font-size:1rem; }
.express-example { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; margin-block:18px 22px; }
.express-example label { color:var(--muted); font-size:.875rem; line-height:1.5; min-width:0; }
.express-example input { display:block; margin-top:7px; padding:10px 12px; border:1px solid var(--control-line); border-radius:10px; background:var(--raised); font-size:1rem; min-height:46px; }
.express-station,.express-example>p { grid-column:1/-1; }
.express-example>p { color:var(--muted); font-size:.875rem; line-height:1.5; }
.launch-page .sample-offer { padding-block:18px; }
.launch-page .sample-offer>p,.launch-page .demo-note { font-size:.875rem; }
.launch-page .offer-verdict { min-height:96px; }
.launch-page .offer-verdict>span { font-size:.875rem; }
.launch-page .feature-strip { padding-block:22px; gap:20px; }
.feature-strip a { min-height:44px; display:inline-flex; align-items:center; color:var(--accent); font-size:.95rem; }
.launch-page .section-heading { gap:60px; }
.launch-page .section-heading h2 { max-width:16ch; }
.launch-page .how-section { padding-block:86px 72px; }
.launch-page .steps { gap:40px; }
.launch-page .steps h3 { font-size:1.3rem; }
.modes-section { padding-block:36px 78px; }
.mode-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:64px; }
.mode-comparison article { padding-block:22px; border-top:1px solid var(--line); }
.mode-comparison .eyebrow { margin-bottom:13px; }
.mode-comparison h3 { font-size:1.65rem; }
.mode-comparison article>p:not(.eyebrow) { color:var(--muted); margin-top:15px; max-width:47ch; }
.mode-comparison .mode-example { font-size:.9rem; color:var(--accent) !important; }
.section-note { color:var(--muted); font-size:.9rem; margin-top:26px; max-width:75ch; }
.control-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:64px; padding:40px 0 70px; border-top:1px solid var(--line); }
.control-intro h2 { font-size:clamp(2.2rem,3.5vw,3.3rem); max-width:15ch; }
.control-intro p { color:var(--muted); margin-top:24px; max-width:43ch; }
.control-options { display:grid; gap:24px; }
.control-options article { padding-bottom:24px; border-bottom:1px solid var(--line); }
.control-options h3 { color:var(--accent); font-size:1.3rem; }
.control-options p { color:var(--muted); margin-top:12px; }
.launch-page .product-tour { padding-block:38px 90px; }
.launch-page .tour-display { min-height:420px; border:1px solid #d4c5ff26; padding:30px; }
.launch-page .tour-preview>h3 { font-size:1.7rem; }
.launch-page .tour-choice small { font-size:.9rem; }
.launch-page .preview-pair:first-of-type strong { font-size:1.45rem; }
.launch-page .week-section { padding-block:78px; }
.launch-page .report-note,.launch-page .report-heading p { font-size:.875rem; }
.launch-page .legend-row { grid-template-columns:46px minmax(0,1fr) auto; }
.launch-page .legend-row>span:nth-child(2) { min-width:0; }
.launch-page .days-pane>.demo-note { font-size:.875rem; }
.launch-page .week-explanation p { font-size:.95rem; }
.secondary-tools { padding-block:60px 86px; }
.secondary-tools-heading { display:flex; justify-content:space-between; gap:28px; align-items:end; margin-bottom:28px; flex-wrap:wrap; }
.secondary-tools-heading h2 { font-size:clamp(1.9rem,3vw,2.7rem); max-width:20ch; }
.secondary-tools details { border-bottom:1px solid var(--line); }
.secondary-tools summary { cursor:pointer; padding-block:21px; font-size:1.1rem; min-height:60px; color:var(--accent); }
.secondary-tools .rule-demo { border-top:0; margin-top:0; padding-block:14px 30px; }
.secondary-tools .profit-section { width:100%; padding-block:14px 30px; }
.secondary-tools .profit-copy h2 { font-size:2rem; }
.input-unit { border-color:var(--control-line); }
.profit-inputs input { border-color:var(--control-line); }
.launch-page .compatibility-section { padding-block:0 88px; }
.launch-page .requirements dl>div { padding-block:17px; }
.launch-page .requirements>p { font-size:.9rem; }
/* The price remains part of the same night identity; a tinted surface marks its hierarchy. */
.launch-page .price-section { background:#1e172d; color:var(--text); padding-block:80px; border-block:1px solid var(--line); }
.launch-page .price-layout { gap:80px; align-items:start; }
.launch-page .price-intro { padding-block:20px; }
.launch-page .price-intro p { color:var(--muted); max-width:38ch; }
.launch-page .price-intro .eyebrow { color:var(--accent); font-size:.875rem; margin:0 0 20px; }
.launch-page .price-intro .price-access { font-size:.95rem; margin-top:25px; }
.launch-page .price-intro .text-link { color:var(--accent); margin-top:24px; }
.launch-page .plan { background:var(--surface); color:var(--text); border:1px solid var(--control-line); box-shadow:0 14px 40px #100b2180; }
.launch-page .price>span:last-child,.launch-page .plan-note,.launch-page .plan-proposal { color:var(--muted); }
.launch-page .plan-features { margin-block:26px; }
.launch-page .plan-features li { padding:15px 0; border-bottom:1px solid var(--line); }
.launch-page .plan-features li:before { display:none; }
.plan-features strong,.plan-features span { display:block; }
.plan-features strong { color:var(--text); font-size:1rem; }
.plan-features span { margin-top:5px; color:var(--muted); font-size:.95rem; }
.launch-page .plan .button { background:var(--accent); color:#302442; }
.launch-page .plan .button:hover { background:#eee7ff; }
.launch-page .plan-note { font-size:.9rem; line-height:1.6; }
.launch-page .coming-soon { color:var(--accent); font-size:1rem; margin-top:20px; }
.launch-page .faq-section { padding-block:80px; }
.guide-end-link { color:var(--accent); margin-top:24px; }
.launch-page .footer-legal,.launch-page .footer-legal p { font-size:.875rem; }
.guide-page .guide-article .guide-example { overflow-wrap:anywhere; }
@media (max-width:1080px) {
  .launch-page .hero { gap:32px; }
  .launch-page .hero h1 { font-size:clamp(2.75rem,4.6vw,4.4rem); }
  .launch-page .capture-demo { padding:24px; }
  .mode-comparison,.control-section { gap:40px; }
  .launch-page .price-layout { gap:48px; }
}
@media (max-width:780px) {
  .launch-page .hero { padding-block:42px; gap:32px; }
  .launch-page .hero h1 { font-size:clamp(2.6rem,9vw,4rem); }
  .launch-page .hero-description { font-size:1.06rem; }
  .launch-page .hero-actions { margin-top:26px; }
  .launch-page .capture-demo { padding:24px; }
  .launch-page .capture-demo-heading img { width:68px; height:68px; }
  .launch-page .capture-demo-heading h2 { font-size:1.55rem; }
  .launch-page .feature-strip { display:grid; gap:3px; }
  .launch-page .how-section { padding-block:58px 48px; }
  .launch-page .section-heading { gap:18px; }
  .modes-section { padding-block:20px 52px; }
  .mode-comparison,.control-section { grid-template-columns:minmax(0,1fr); gap:18px; }
  .mode-comparison h3 { font-size:1.5rem; }
  .control-section { padding-block:32px 46px; gap:28px; }
  .control-intro p { margin-top:18px; }
  .launch-page .product-tour { padding-block:24px 58px; }
  .launch-page .tour-display { min-height:0; padding:24px; }
  .launch-page .week-section { padding-block:58px; }
  .secondary-tools { padding-block:46px 58px; }
  .secondary-tools-heading { gap:8px; }
  .secondary-tools summary { font-size:1rem; }
  .launch-page .compatibility-section { padding-bottom:60px; }
  .launch-page .price-section { padding-block:48px; }
  .launch-page .price-layout { gap:24px; }
  .launch-page .price-intro { padding-top:0; }
  .launch-page .price-intro p { max-width:48ch; }
  .launch-page .faq-section { padding-block:56px; }
}
@media (max-width:360px) {
  .launch-page .capture-demo,.launch-page .tour-display { padding:20px; }
  .launch-page .capture-demo-heading img { width:54px; height:54px; }
  .launch-page .capture-demo-heading h2 { font-size:1.4rem; }
  .capture-mode button { padding-inline:10px; }
  .express-example { grid-template-columns:minmax(0,1fr); }
  .launch-page .legend-row { grid-template-columns:39px minmax(0,1fr); }
  .launch-page .legend-row>strong { grid-column:2; }
  .launch-page .legend-track { grid-column:2; }
}
@media (prefers-reduced-transparency:reduce) {
  .header-shell,.profile-switch { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--surface); }
}
@media (prefers-reduced-motion:no-preference) {
  .launch-page .hero-copy { animation:launch-entry .6s cubic-bezier(.16,1,.3,1) both; }
  .launch-page .capture-demo { animation:launch-entry .7s cubic-bezier(.16,1,.3,1) .1s both; }
  @keyframes launch-entry { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
}