.hero-demo-layout{max-width:1152px;margin:0 auto 56px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:center;text-align:left}.hero-demo-copy h1{font-size:clamp(38px,5.4vw,76px);margin:0 0 30px}.hero-demo-copy .hero-description{margin:0 0 30px}.hero-demo-copy .hero-cta{justify-content:flex-start;gap:12px;flex-wrap:wrap}.hero-demo-copy .hero-action{padding:16px 22px}.hero-phone-demo{text-align:center}.hero-phone-demo>p{margin:20px 0 4px;font-weight:700;color:var(--ink)}.hero-phone-demo>span,.demo-preview-caption{color:var(--muted);font-size:12px}.demo-phone-preview{position:relative;margin:auto;width:234px;height:472px;border:7px solid #1d1c1b;border-radius:35px;overflow:hidden;background:radial-gradient(ellipse at 95% 100%,#ffcc89 0,transparent 54%),radial-gradient(ellipse at 5% 40%,#ff7f49 0,transparent 70%),#d83912;color:#fff7ec;box-shadow:0 22px 46px #22190f26,inset 0 0 0 1px #fff3;font-family:inherit}.demo-phone-preview:before{content:"";position:absolute;width:58px;height:15px;background:#1d1c1b;border-radius:0 0 12px 12px;left:calc(50% - 29px);top:0}.demo-preview-status{display:flex;justify-content:space-between;padding:14px 16px;font-size:10px;font-weight:700}.demo-preview-clock{margin:58px 0 0;text-align:center;font-size:72px;font-weight:300;letter-spacing:-5px;line-height:.95}.demo-preview-clock span{display:block}.demo-preview-date{text-align:center;font-size:11px;margin:15px 0;opacity:.95}.demo-preview-apps{position:absolute;display:flex;justify-content:space-between;bottom:32px;left:16px;right:16px}.demo-preview-apps span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff4dfdf;color:#87330c;font-size:22px}.demo-preview-home{position:absolute;left:80px;right:80px;bottom:10px;height:3px;background:#fff4df;border-radius:8px}.phone-demo[data-demo-bootstrap-state]{box-sizing:border-box;width:min(1360px,calc(100vw / var(--site-scale,1) - 48px));height:min(860px,calc(100dvh / var(--site-scale,1) - 40px));max-height:none;padding:40px 48px 18px;border:1px solid #ffffff26;border-radius:36px;color:#f7f8fa;background:radial-gradient(ellipse at 0 0,#ff572215,transparent 40%),radial-gradient(#ffffff12 1px,transparent 1px) 0 0/24px 24px,#171b20;box-shadow:0 25px 70px #0009;font-family:var(--font-body,Inter,system-ui,sans-serif)}.phone-demo[data-demo-bootstrap-state]::backdrop{background:#121619bd;backdrop-filter:blur(6px)}.phone-demo[data-demo-bootstrap-state][open]{display:block;margin:auto}.phone-demo[data-demo-bootstrap-state]>:not([data-demo-loader]){display:none!important}.demo-loading-shell[hidden],.demo-loading-shell [hidden]{display:none!important}.demo-loading-shell{position:static;padding-right:32px}.demo-loading-shell h2{margin:0 0 18px;font-family:var(--font-heading,Montserrat,system-ui,sans-serif);font-size:clamp(26px,3.1vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.15}.demo-loading-eyebrow{margin:0 0 14px;color:#ff7344;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.demo-loading-shell [role=status]{color:#a0a6b0;font-size:14px;line-height:1.7}.demo-loading-shell button{min-height:44px;font:inherit;color:inherit;cursor:pointer}.demo-loading-shell button:focus-visible{outline:3px solid #ff8b61;outline-offset:4px}.demo-loading-close{position:absolute;right:30px;top:28px;width:44px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0d;font-size:28px!important}.demo-loading-retry,.demo-loading-reload{margin:16px 12px 0 0;padding:10px 18px;border:1px solid #ff734466;border-radius:14px;background:#ff572220}@media(max-height:700px){.phone-demo[data-demo-bootstrap-state]{padding:20px 24px 16px}.demo-loading-shell h2{font-size:24px}}@media(max-height:600px)and (min-width:600px){.demo-loading-close{right:10px;top:8px;width:32px;min-height:32px!important}}@media(max-width:760px){.phone-demo[data-demo-bootstrap-state]{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;border:0;border-radius:0;box-shadow:none;padding:max(28px,calc(env(safe-area-inset-top,0px) + 12px)) max(20px,env(safe-area-inset-right,0px)) max(20px,calc(env(safe-area-inset-bottom,0px) + 12px)) max(20px,env(safe-area-inset-left,0px))}.phone-demo[data-demo-bootstrap-state][open]{margin:0}.demo-loading-close{top:calc(12px + env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));width:44px;min-height:44px!important}.hero-demo-layout{grid-template-columns:1fr;gap:30px;text-align:center}.hero-demo-copy .hero-description{margin-inline:auto}.hero-demo-copy .hero-cta{justify-content:center}.hero-phone-demo .demo-phone-preview{width:194px;height:376px}.hero-phone-demo .demo-preview-clock{margin-top:30px;font-size:60px}.hero-phone-demo .demo-preview-apps span{width:31px;height:31px}}.diagnostic-copy{position:relative;display:inline-flex;flex:0 0 auto}.diagnostic-copy>button:not(.btn-outline){appearance:none;min-width:114px;border:1px solid var(--border, #e5e7eb);border-radius:6px;background:#fff;color:var(--ink, #111827);font:500 12px/20px system-ui,sans-serif;padding:6px 10px;white-space:nowrap;cursor:pointer}.diagnostic-copy>button:not(.btn-outline):hover{background:#f9fafb;border-color:currentColor}.diagnostic-copy>button:focus-visible{outline:2px solid var(--focus, #fc4505);outline-offset:3px}.diagnostic-copy>button:disabled,.diagnostic-copy>button[aria-disabled=true]{opacity:.5;cursor:default}.diagnostic-copy__feedback{position:absolute;z-index:1;top:calc(100% + 8px);right:0;width:max-content;max-width:min(260px,calc(100vw - 32px));padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;box-shadow:0 4px 12px #0001;font:12px/1.5 system-ui,sans-serif}.diagnostic-copy__feedback:empty{display:none}.global-header .diagnostic-copy__feedback{right:auto;left:0}.dashboard-header .diagnostic-copy{margin-left:auto}.public-header:has(.diagnostic-copy) .public-nav-desktop{gap:14px}@media(min-width:1024px){.public-header:has(.diagnostic-copy) .nav-inner{gap:16px}.public-header:has(.diagnostic-copy) .public-nav-desktop{white-space:nowrap}}@media(min-width:1024px)and (max-width:1199px){.public-header:has(.diagnostic-copy) .brand-wordmark{display:none}.public-header:has(.diagnostic-copy) .brand-lockup img{width:64px;height:64px;flex-basis:64px}}@media(max-width:760px){.global-header:has(.diagnostic-copy) .header-inner{flex-wrap:wrap}.global-header:has(.diagnostic-copy) .header-links{margin-left:auto}}@media(max-width:480px){.dashboard-header:has(.diagnostic-copy) .dashboard-brand--mobile .brand-wordmark,.dashboard-header:has(.diagnostic-copy) .dashboard-header__crumbs{display:none}}