body.dashboard-viewer-open {overflow:hidden;}
#dashboard-viewer {position:fixed;inset:0;margin:auto;width:min(1550px,96vw);max-width:96vw;max-height:94dvh;padding:18px;border:1px solid #42555f;border-radius:18px;background:#080f15;color:#f2f8fb;}
#dashboard-viewer::backdrop {background:#000d;}
.viewer-toolbar {display:flex;align-items:center;justify-content:space-between;gap:15px;}
.viewer-toolbar h2 {font-size:18px;line-height:1.4;margin:0;}
.viewer-toolbar button {padding:12px 18px;white-space:nowrap;background:#21342f;color:#ceffed;border:1px solid #56756a;border-radius:10px;font:inherit;cursor:pointer;}
.viewer-toolbar button:focus-visible,.viewer-image-scroll:focus-visible {outline:2px solid #8aefd4;outline-offset:2px;}
.viewer-hint {font-size:12px;color:#b7c4cf;margin:12px 0;}
.viewer-image-scroll {overflow:auto;max-height:calc(94dvh - 140px);overscroll-behavior:contain;}
.viewer-image-scroll img {display:block;width:1450px;max-width:none;height:auto;}
/* A single content grid, isolated from the signed-in application. */
.landing-page {--layout-page:1248px;--page-gutter:32px;--page-gutter-mobile:20px;--section-spacing:72px;background:radial-gradient(ellipse at 50% 4%,#102128 0,transparent 36%),#080d11;}
.landing-page .landing-header {max-width:1248px;padding:20px 32px;}
.landing-page .logo {max-width:150px;}
.landing-page .eyebrow {font-size:11px;font-weight:600;letter-spacing:.13em;line-height:1.5;}
.landing-page .marketing-hero {display:block;width:100%;max-width:1248px;margin:0 auto;padding:76px 32px 44px;text-align:center;}
.landing-page .marketing-hero>section {width:100%;max-width:1040px;margin:0 auto;}
.landing-page .marketing-hero h1 {max-width:1040px;margin:18px auto 20px;font-size:clamp(42px,5.3vw,76px);font-weight:650;line-height:1.08;letter-spacing:-.055em;text-wrap:balance;}
.landing-page .marketing-hero .hero-copy {max-width:680px;margin:0 auto 28px;font-size:19px;line-height:1.6;color:#aebcc5;text-wrap:balance;}
.landing-page .marketing-hero .hero-actions {width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0;}
.landing-page .hero-cta-note {font-size:11px;font-weight:500;letter-spacing:.01em;text-transform:none;color:#9aabb6;}
.landing-page .primary-btn {box-shadow:none;font-size:12px;letter-spacing:.04em;}
.landing-page .primary-btn:hover {box-shadow:0 4px 24px #2fffc71a;}
.landing-page .product-showcase {width:100%;max-width:1248px;margin:0 auto;padding:0 32px 64px;}
.landing-page figure {margin:0;}
.landing-page .dashboard-caption {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;color:#99adb9;font-size:12px;}
.landing-page .dashboard-caption a {color:#b5eddd;}
.landing-page .dashboard-image-link {display:block;overflow:hidden;border:1px solid #2c3c45;border-radius:16px;box-shadow:0 24px 70px #0005;cursor:zoom-in;}
.landing-page .dashboard-image-link img {display:block;width:100%;height:auto;}
.landing-page .product-showcase figcaption {font-size:11px;color:#8298a5;line-height:1.6;margin-top:14px;}
.landing-page .product-showcase figcaption a,.landing-page .faq-list a {color:#b5eddd;text-decoration:underline;text-underline-offset:4px;}
.landing-page .product-callouts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px;}
.landing-page .product-callouts article {border-top:1px solid #2a3942;padding-top:20px;}
.landing-page .product-callouts span {font-size:11px;color:#83b9ac;}
.landing-page .product-callouts h2 {font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:10px 0;}
.landing-page .product-callouts p {font-size:14px;color:#a7b7c2;line-height:1.6;}
.landing-page .founder-section {width:calc(100% - 64px);max-width:1184px;margin:0 auto 72px;padding:36px;border:1px solid #293b42;border-radius:18px;background:linear-gradient(110deg,#112321,#10191f);}
.landing-page .founder-strip {display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:48px;width:100%;max-width:none;margin:0;padding:0;}
.landing-page .founder-strip h2 {font-size:clamp(28px,3vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1.18;margin:12px 0 14px;}
.landing-page .founder-strip p {max-width:430px;font-size:14px;line-height:1.65;color:#a7bbc4;margin:0;}
.landing-page .founder-numbers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:2px;}
.landing-page .founder-numbers>div {padding:20px;border:1px solid #30423f;border-radius:12px;background:#ffffff03;}
.landing-page .founder-numbers>div>span {display:block;white-space:nowrap;color:#a9bfca;font-size:12px;}
.landing-page .founder-numbers strong {display:block;font-size:clamp(25px,2.7vw,36px);font-weight:600;line-height:1.4;letter-spacing:-.035em;margin-top:8px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.landing-page .founder-numbers strong span {font-size:12px;color:#98b1ba;font-weight:400;letter-spacing:0;margin-left:3px;}
.landing-page .founder-numbers>div:nth-child(2) strong {color:#8de4c8;}
.landing-page .founder-numbers p {grid-column:1/-1;font-size:12px;max-width:none;}
.landing-page .case-details {max-width:none;padding:0;margin:26px 0 0;border-top:1px solid #2c423f;border-bottom:0;}
.landing-page details {border-bottom:1px solid #25363f;}
.landing-page summary {cursor:pointer;padding:22px 0;font-size:16px;font-weight:550;line-height:1.5;}
.landing-page .case-details summary {padding:20px 0 0;font-size:13px;color:#b5eddd;}
.landing-page .case-details[open] summary {padding-bottom:18px;}
.landing-page details p {font-size:14px;line-height:1.7;color:#a7bbc4;margin:0 0 20px;max-width:900px;}
.landing-page .table-scroll {overflow-x:auto;margin:20px 0;}
.landing-page table {width:100%;border-collapse:collapse;font-size:14px;}
.landing-page caption {text-align:left;color:#9aafbd;padding:0 0 16px;}
.landing-page th,.landing-page td {text-align:left;padding:13px 10px;border-bottom:1px solid #26333d;font-weight:400;}
.landing-page thead th,.landing-page tfoot th,.landing-page tfoot td {font-weight:650;}
.landing-page td {font-variant-numeric:tabular-nums;white-space:nowrap;}
.landing-page .dashboard-story,.landing-page .pricing-section {max-width:1248px;margin:0 auto;padding:64px 32px;}
.landing-page .dashboard-story-header,.landing-page .pricing-header {max-width:760px;margin:0 0 32px;}
.landing-page .dashboard-story-header h2,.landing-page .pricing-header h2,.landing-page .how-header h2 {font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.14;letter-spacing:-.04em;}
.landing-page .pricing-header p {font-size:16px;line-height:1.6;max-width:600px;}
.landing-page .info-card {background:#0d171d;box-shadow:none;border-radius:14px;padding:26px;}
.landing-page .how-step-card {min-height:0;}
.landing-page .how-step-card h2 {font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.03em;}
.landing-page .info-card p {font-size:15px;line-height:1.6;}
.landing-page .how-header {max-width:1248px;padding:0 32px;margin:0 auto 30px;}
.landing-page .testimonial-grid {max-width:1248px;padding:0 32px 64px;}
.landing-page .testimonial-card {min-height:190px;}
.landing-page .testimonial-card p {font-size:17px;}
.landing-page .pricing-card {border-radius:16px;box-shadow:none;backdrop-filter:none;}
.landing-page .pricing-card:hover {transform:none;}
.landing-page .pricing-note {font-size:10px;line-height:1.6;letter-spacing:.02em;font-weight:500;}
.landing-page .faq-section {padding-top:64px;}
.landing-page .faq-list {width:100%;max-width:1248px;margin:0 auto;padding:0 32px;}
.landing-page .closing-cta {max-width:850px;margin:0 auto;text-align:center;padding:80px 24px;}
.landing-page .closing-cta h2 {font-size:clamp(30px,3.4vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.04em;margin-bottom:25px;text-wrap:balance;}
.landing-page .closing-cta p {color:#9aafbd;font-size:12px;margin-top:15px;}
.landing-page [id] {scroll-margin-top:24px;}
@media(max-width:1000px){
 .landing-page .founder-strip {gap:28px;grid-template-columns:1fr;}
 .landing-page .founder-numbers {max-width:600px;}
 .landing-page .founder-strip p {max-width:600px;}
}
@media(max-width:700px){
 .landing-page .landing-header {padding:16px 20px;}
 .landing-page .marketing-hero {padding:44px 20px 36px;}
 .landing-page .marketing-hero h1 {font-size:44px;}
 .landing-page .marketing-hero .hero-copy {font-size:17px;}
 .landing-page .product-showcase {padding:0 20px 40px;}
 .landing-page .dashboard-caption {font-size:10px;gap:10px;}
 .landing-page .dashboard-caption a {white-space:nowrap;}
 .landing-page .product-callouts {grid-template-columns:1fr;gap:20px;margin-top:26px;}
 .landing-page .product-callouts article {padding-top:16px;}
 .landing-page .product-callouts h2 {font-size:22px;margin:6px 0;}
 .landing-page .founder-section {width:calc(100% - 40px);padding:24px;margin-bottom:40px;}
 .landing-page .founder-strip {gap:24px;}
 .landing-page .founder-numbers {gap:12px;}
 .landing-page .founder-numbers>div {padding:14px 10px;}
 .landing-page .founder-numbers strong {font-size:25px;}
 .landing-page .founder-numbers>div>span {font-size:10px;}
 .landing-page .dashboard-story,.landing-page .pricing-section {padding:40px 20px;}
 .landing-page .how-header {padding:0 20px;}
 .landing-page .testimonial-grid {padding:0 20px 40px;}
 .landing-page .testimonials-section,.landing-page .faq-section {padding-top:40px;}
 .landing-page .faq-list {padding:0 20px;}
 .landing-page .closing-cta {padding:56px 20px;}
 .viewer-toolbar h2 {font-size:14px;}
 #dashboard-viewer {padding:12px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}