/* Clear chapter rhythm, real-screen guidance, and a useful inquiry handoff. */
.index-nav{margin-top:10px}
.index-nav .index-group{font-size:9px;letter-spacing:.14em;color:#6c7f9c;margin:13px 0 1px;font-weight:800}
.index-nav a{padding:7px 0}
#mobile-menu{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
#mobile-menu .index-group{font-size:10px;color:#efc765;letter-spacing:.12em;margin:12px 0 2px}
.menu-toggle{width:44px;min-width:44px;height:44px;padding:10px}
.menu-toggle span{margin:6px auto}
.hero-product{display:table;margin:0 auto 15px;padding:5px 13px;border:1px solid #466b9b;border-radius:100px;background:#f4f7fc;color:#1b4075;font-size:11px;font-weight:800;letter-spacing:.04em}
.hero-product strong{font-size:13px;color:#123e92}
.app-user{margin:9px 0 12px!important;display:table;border-bottom:2px solid #d6b559;color:#244b7f!important;font-size:11px!important;font-weight:800}
.fineprint,.feature-demo-note,.data-sample-note{font-size:11px;line-height:1.9;color:#58687f}
.contact-note{font-size:12px;line-height:1.9;color:#c6d4eb}
.footer>small{font-size:10px;color:#566779}
.footer nav a{font-size:11px;padding:5px 0}
.tabletop-context{display:none}
[data-device="order"] .tabletop-context{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;margin:3px auto 13px;font-size:11px;color:#b7ccef;font-weight:800;letter-spacing:.08em}
.tabletop-context:before,.tabletop-context:after{content:"";height:1px;width:28px;background:#ba9b57}
[data-device="order"] .cast-device-panel{background:radial-gradient(ellipse at 50% 92%,#ad894328,transparent 65%),#0b254e}
[data-device="order"] .cast-device-frame{box-shadow:0 16px 0 -8px #9b7c45,0 18px 0 -8px #e8ca82,0 28px 35px -15px #000a}
[data-device="order"] .cast-device-copy{position:relative;margin-top:23px}
.core-flow{margin:26px 0 12px;border:1px solid #b3c6df;background:#edf3fc;border-radius:12px;padding:16px 12px}
.core-flow>p{font-size:11px;font-weight:800;color:#2b4f7f;display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px}
.core-flow>p>span{font:800 12px var(--display);color:#7c632d;letter-spacing:.08em}
.core-flow>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;margin-top:12px}
.core-flow button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b0c6e4;background:#fff;color:#1c4378;min-height:49px;padding:8px 3px;border-radius:8px;transition:background .2s,color .2s,transform .2s}
.core-flow button[aria-pressed="true"]{background:#174ca7;color:#fff;border-color:#174ca7;box-shadow:0 3px 0 #c3a35b;transform:translateY(-2px)}
.core-flow button b{font:800 14px var(--display)}
.core-flow button span{font-size:10px;font-weight:800}
.core-flow i{font-style:normal;font-size:12px;color:#8d7540}
.core-flow+.screen-tabs{margin-top:20px}
.screen-focus-points{list-style:none;display:grid;gap:9px;padding:16px 5px 23px}
.screen-focus-points li{display:flex;align-items:flex-start;gap:10px}
.screen-focus-points li>span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#183f83;color:#f5d584;font:800 12px var(--display)}
.screen-focus-points strong{display:block;font-size:12px;color:#173b6e}
.screen-focus-points p{font-size:11px;color:#65758a;line-height:1.7;margin-top:2px}
.screen-gallery>.screen-focus-points{padding-bottom:12px}
.case-story{text-align:left;margin-top:27px;border-top:1px solid #b9cbe4;padding-top:23px}
.case-tag{font-size:10px;color:#345b8c;font-weight:800;background:#e3ebf6;padding:5px 9px;border-radius:4px}
.case-story h4{font-size:19px;line-height:1.7;letter-spacing:-.04em;margin:14px 0 10px;color:#123d7c}
.case-story p{font-size:12px;line-height:2;color:#49617c}
.case-story small{font-size:10px;display:block;line-height:1.8;color:#66758a;margin-top:10px}
.plan-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:28px}
.plan-overview button{min-width:0;text-align:left;border:1.5px solid #b3c5df;border-radius:10px;padding:13px 10px;background:#fff;color:#1d447e;transition:box-shadow .2s,transform .2s,border-color .2s}
.plan-overview button:hover,.plan-overview button.is-selected{border-color:#b18d3d;box-shadow:0 4px 0 #dfc684;transform:translateY(-2px)}
.plan-overview button>small{font-size:9px;font-weight:800;color:#657992;display:block}
.plan-overview button>strong{display:block;font:800 clamp(13px,2.7vw,18px)/1.3 var(--display);margin:7px 0 12px;letter-spacing:.01em}
.plan-overview button>b{font:800 22px/1.1 var(--display);display:block;white-space:nowrap}
.plan-overview button>b>span{display:block;font:600 9px/1.5 var(--sans);margin-top:5px}
.plan-overview button>p{font-size:10px;line-height:1.7;color:#516b8d;margin-top:9px;overflow-wrap:anywhere}
.price-tax{font-size:10px;line-height:1.8;color:#60728b;margin-top:12px}
.plan-matrix-wrap{margin-top:32px;background:#fff;border:1px solid #becde0;border-radius:12px;overflow:hidden}
.plan-matrix{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px;color:#2d4d75;line-height:1.6}
.plan-matrix caption{text-align:left;background:#163f87;color:#fff;font-size:14px;font-weight:800;padding:16px 13px}
.plan-matrix th,.plan-matrix td{padding:12px 3px;border-bottom:1px solid #e0e7f0;text-align:center;overflow-wrap:anywhere}
.plan-matrix thead th{font:800 12px var(--display);padding-top:14px;padding-bottom:14px;background:#eff4fb}
.plan-matrix th:first-child{width:34%;text-align:left;padding-left:12px;font-family:var(--sans);font-size:10px}
.plan-matrix tbody th{font-weight:800}
.plan-matrix tbody td:last-child{color:#173f87;background:#f7f1df;font-weight:800}
.plan-matrix-wrap>p{padding:12px;font-size:10px;color:#68798f;line-height:1.8}
.setup-examples{margin-top:38px}
.setup-eyebrow{font:800 12px/1.4 var(--display);letter-spacing:.1em;color:#8a692d}
.setup-examples>h3,.support-details>h3{font-size:23px;line-height:1.6;letter-spacing:-.03em;color:#153f7b;margin:9px 0 19px}
.setup-examples article{background:#fff;border:1.5px solid #c6d3e5;border-radius:12px;padding:18px;margin-top:13px;position:relative;overflow:hidden}
.setup-examples article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2456ad}
.setup-examples article:nth-of-type(3):before{background:#bf9b48}
.setup-examples article>div>span{color:#9d7a32;font-size:10px;font-weight:800}
.setup-examples h4{font-size:16px;line-height:1.7;letter-spacing:-.025em;color:#163f7d;margin:5px 0}
.setup-examples article>div>p{font:700 10px/1.7 var(--sans);color:#617794}
.setup-examples dl{display:flex;gap:26px;margin:18px 0 13px}
.setup-examples dt{font-size:10px;color:#687b94}
.setup-examples dd{margin:4px 0 0;font:800 30px/1 var(--display);color:#164693;white-space:nowrap}
.setup-examples dd small{font:700 11px var(--sans);margin-left:4px}
.setup-examples article>a{display:block;text-align:right;font-size:11px;font-weight:800;color:#25518b;padding:8px 0 1px}
.setup-conditions{font-size:11px;line-height:1.95;color:#5f7087;margin-top:16px}
.switch-offer small{font-size:11px;line-height:1.85}
.support-details{margin-top:29px;border-top:1px solid #b9cbe4;padding-top:28px}
.support-details ul{list-style:none;border-top:1px solid #d7e1ee}
.support-details li{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #d7e1ee;font-size:12px;line-height:1.9}
.support-details li>b{color:#244a7c;font-size:11px}
.support-details li>span{color:#5a708f}
.support-details>p{font-size:11px;color:#63748b;line-height:1.9;margin-top:15px}
.support-details>a{display:inline-block;font-size:11px;font-weight:800;padding:12px 0;color:#214c91}
.inquiry-builder{background:#f3f7ff;color:#183c75;border:1px solid #adc2e0;border-radius:15px;padding:24px 20px;margin:26px 0 23px;text-align:left;box-shadow:0 12px 30px #020d2626}
.inquiry-builder .setup-eyebrow{font-size:10px;color:#8e6e31}
.inquiry-builder h3{font-size:18px;line-height:1.7;letter-spacing:-.03em;margin-top:8px}
.inquiry-builder>p{font-size:11px;line-height:1.9;margin-top:8px;color:#5d7391}
.inquiry-plan-label{display:block;font-size:11px;font-weight:800;margin:19px 0 8px}
.inquiry-builder select{width:100%;min-height:45px;background:#fff;border:1px solid #aabfda;border-radius:6px;color:#23487e;font:500 13px var(--sans);padding:9px 10px;max-width:100%}
.inquiry-builder fieldset{margin:20px 0 0;border:0;padding:0;min-width:0}
.inquiry-builder legend{font-size:11px;font-weight:800;margin-bottom:10px}
.inquiry-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.inquiry-options label{min-width:0;display:flex;gap:7px;align-items:center;border:1px solid #c6d4e8;border-radius:6px;background:#fff;padding:10px 7px;min-height:44px;font-size:10px;font-weight:700;cursor:pointer}
.inquiry-options input{accent-color:#214fa7;width:16px;height:16px;min-width:16px;margin:0}
.inquiry-options label:has(input:checked){border-color:#2157b1;background:#e5edff}
.inquiry-builder textarea{display:block;width:100%;max-width:100%;min-height:120px;resize:vertical;padding:12px;border:1px solid #c2d1e5;border-radius:7px;background:#fff;color:#365376;font:400 11px/1.9 var(--sans)}
#copy-inquiry{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:45px;background:#163f87;color:#fff;border-radius:7px;font-size:12px;font-weight:800;margin-top:10px}
#inquiry-status{min-height:3.8em;font-size:10px;color:#667892}
.inquiry-builder :is(select,textarea,input):focus-visible{outline:3px solid #bd9440;outline-offset:3px}
.body-cta-visible .mobile-sticky:not(:focus-within),.image-viewing .mobile-sticky,.night-theater-open .mobile-sticky{transform:translate(-50%,140%);visibility:hidden;pointer-events:none}
.hero-offscreen #top *, .hero-offscreen #top *::before,.hero-offscreen #top *::after{animation-play-state:paused!important}
.image-viewing .left-rail *,.image-viewing .page *,.image-viewing .page *::before,.image-viewing .page *::after,.night-theater-open .left-rail *{animation-play-state:paused!important}
.review-panel{position:fixed;right:12px;bottom:85px;z-index:110;max-width:min(290px,calc(100vw - 24px));border:1px solid #9db4d6;border-radius:10px;padding:12px;background:#f6f9ff;color:#1a407b;box-shadow:0 5px 30px #061b4b35;font-size:11px;line-height:1.6}
.review-panel summary{font-weight:800;cursor:pointer;min-height:24px}
.review-panel p{font-size:10px;color:#59708f;margin:8px 0}
.review-panel button{background:#174b9d;color:#fff;padding:8px 10px;border-radius:5px;font-size:10px;margin:4px 6px 0 0;min-height:36px}
.review-panel output{display:block;font-size:10px;white-space:pre-line;margin-top:8px}
.image-viewer .dialog-close{min-width:44px;min-height:44px;height:44px}
.image-viewer-controls button{min-width:44px;min-height:44px}
.night-theater-top button{min-height:44px}
@media (max-width:1000px){
  .mobile-sticky{bottom:0!important;height:auto!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));transition:transform .3s,visibility .3s;will-change:auto}
  .mobile-sticky a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:380px){
  .hero-product{font-size:10px;padding:4px 10px;margin-bottom:12px}
  .plan-overview{gap:5px}
  .plan-overview button{padding:12px 7px}
  .plan-overview button>b{font-size:21px}
  .plan-overview button>strong{font-size:13px}
  .plan-overview button>small{font-size:8px}
  .plan-overview button>p{font-size:9px}
  .plan-matrix thead th{font-size:10px}
  .plan-matrix th:first-child{width:33%;padding-left:8px;font-size:9px}
  .plan-matrix{font-size:10px}
  .setup-examples article{padding:16px 13px}
  .setup-examples h4{font-size:15px}
  .setup-examples dl{gap:20px}
  .setup-examples dd{font-size:27px}
  .inquiry-builder{padding:22px 14px}
  .inquiry-builder h3{font-size:16px}
  .support-details li{grid-template-columns:75px 1fr;gap:8px}
  .core-flow{padding:13px 9px}
  .core-flow>div{gap:4px}
  .core-flow button{gap:4px}
  .core-flow button span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.plan-overview button,.core-flow button,.mobile-sticky{transition:none}}