@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/62492e45f348cf87-s.0vqmbwhmasd3s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/8f9704ed0c18c9e0-s.3z3r2tlv4w3ci.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/c73d4b34880585a8-s.1kfk2fgmve45d.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/f00b8cc54454926d-s.279r3nznpjtnk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/741805f5bd1ef272-s.11fkykdv8-rjr.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/ea3421846039b7f3-s.p.0l4a8qxfzwpm8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/62492e45f348cf87-s.0vqmbwhmasd3s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/8f9704ed0c18c9e0-s.3z3r2tlv4w3ci.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/c73d4b34880585a8-s.1kfk2fgmve45d.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/f00b8cc54454926d-s.279r3nznpjtnk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/741805f5bd1ef272-s.11fkykdv8-rjr.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/ea3421846039b7f3-s.p.0l4a8qxfzwpm8.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/20aee433927f7d4b-s.22-vwy_zcz7be.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/256e1f7f180674ba-s.3_q_pmj-3v7pv.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/be3bf58b83159894-s.0kupvvif_223v.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/753b6407f468151f-s.11jlrhjosin9v.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/292081311a6a8abc-s.3z1vcboutudqk.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/68d403cf9f2c68c5-s.p.012bmydply3go.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/20aee433927f7d4b-s.22-vwy_zcz7be.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/256e1f7f180674ba-s.3_q_pmj-3v7pv.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/be3bf58b83159894-s.0kupvvif_223v.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/753b6407f468151f-s.11jlrhjosin9v.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/292081311a6a8abc-s.3z1vcboutudqk.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/68d403cf9f2c68c5-s.p.012bmydply3go.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4 Fallback"; src: local("Times New Roman"); ascent-override: 87.87%; descent-override: 28.41%; line-gap-override: 0%; size-adjust: 117.91%; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2"); unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist Mono Fallback"; src: local("Arial"); ascent-override: 74.67%; descent-override: 21.92%; line-gap-override: 0%; size-adjust: 134.59%; }
:root{--tw-backdrop-sepia:;
--m-paper:#f5f1ea;
--tw-ring-shadow:0 0 #0000;
--tw-sepia:;
--tw-ordinal:;
--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
--tw-contain-style:;
--brand:#c56a3a;
--bg-elevated:#242428;
--cookie-banner-space:168px;
--success:#9bb07f;
--m-muted:#68635e;
--m-canvas:#f5f1ea;
--tw-backdrop-invert:;
--severity-low:#9bb07f;
--space-xl:2rem;
--tw-border-spacing-x:0;
--color-text-secondary:#a8a8ae;
--density-card-pad-md:1.25rem;
--density-sidebar-w:18rem;
--color-text-tertiary:#9c9ca2;
--tw-backdrop-grayscale:;
--tw-hue-rotate:;
--font-mono:"Geist Mono", "Geist Mono Fallback";
--tw-pan-y:;
--m-violet:#7c5cff;
--m-amber:#efb96b;
--mobile-tabbar-space:0px;
--tw-ring-color:#3b82f680;
--color-surface-secondary:#242428;
--stripe-coach:#7a9598;
--warning:#c39559;
--density-card-pad-sm:1rem;
--tw-rotate:0;
--space-2xl:3rem;
--tw-ring-offset-color:#fff;
--density-grid-gap-loose:1.5rem;
--stripe-insights:#9b7fae;
--brand-deep:#8a4a28;
--m-c:#d17f50;
--radius-sm:.375rem;
--font-sans:"Inter", "Inter Fallback";
--shadow-sm:0 1px 2px 0 #0000000d;
--severity-high:#c77a4a;
--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
--border-hover:#46464c;
--danger:#b66a52;
--bg-hover:#2d2d32;
--tw-ring-offset-width:0px;
--tw-gradient-via-position:;
--tw-saturate:;
--m-shadow:0 28px 80px color-mix(in srgb,#0e0e12 16%,transparent);
--tw-scroll-snap-strictness:proximity;
--tw-grayscale:;
--bg-inverse:#f5f1ea;
--cat-strategic:#6366f1;
--m-gradient:linear-gradient(110deg,#8a4a28,#c56a3a 35%,#d17f50 65%,#efb96b);
--tw-backdrop-hue-rotate:;
--tw-shadow-colored:0 0 #0000;
--tw-gradient-to-position:;
--brand-deep-hover:#7c4124;
--tw-numeric-fraction:;
--density-grid-gap-tight:.75rem;
--tw-skew-y:0;
--radius-md:.5rem;
--density-section-gap-default:1.5rem;
--tw-slashed-zero:;
--radius-lg:.75rem;
--color-text-primary:#ececee;
--tw-backdrop-opacity:;
--tw-gradient-from-position:;
--tw-pinch-zoom:;
--tw-contain-paint:;
--tw-ring-offset-shadow:0 0 #0000;
--m-radius:calc(1rem + 8px);
--text-secondary:#a8a8ae;
--m-cool:#9b7fae;
--accent:#9b7fae;
--density-grid-gap-default:1rem;
--tw-backdrop-saturate:;
--density-section-gap-loose:2rem;
--cat-interested:#818cf8;
--tw-ring-inset:;
--text-muted:#9c9ca2;
--cat-knows-team:#a78bfa;
--brand-hover:#d17f50;
--tw-numeric-spacing:;
--stripe-pipeline:#9c9ca2;
--m-indigo:#4f46e5;
--background:#15151a;
--bg-base:#15151a;
--tw-brightness:;
--m-a:#8a4a28;
--density-section-gap-tight:1rem;
--tw-scale-y:1;
--m-ink:#1a1612;
--m-white:#fff;
--tw-backdrop-contrast:;
--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
--tw-drop-shadow:;
--density-card-pad-xs:.75rem;
--tw-backdrop-brightness:;
--stripe-focus:#c56a3a;
--density-card-pad-lg:1.5rem;
--stripe-ai:#9b7fae;
--tw-pan-x:;
--tw-translate-y:0;
--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
--bg-base-hover:#34343a;
--space-lg:1.5rem;
--tw-contain-size:;
--tw-contrast:;
--severity-medium:#c39559;
--color-surface:#1c1c20;
--space-xs:.5rem;
--border-default:#34343a;
--tw-skew-x:0;
--tw-backdrop-blur:;
--text-primary:#ececee;
--tw-shadow:0 0 #0000;
--bg-deep:#0e0e12;
--cat-change-mgmt:#ec4899;
--color-border:#34343a;
--m-orange:#fb923c;
--m-ease:cubic-bezier(.22,1,.36,1);
--tw-translate-x:0;
--space-md:1rem;
--m-pink:#f472b6;
--severity-critical:#b66a52;
--tw-scale-x:1;
--font-serif:"Source Serif 4", "Source Serif 4 Fallback";
--tw-border-spacing-y:0;
--m-card:#fff;
--bg-surface:#1c1c20;
--stripe-upgrade:#c56a3a;
--radius-xl:1rem;
--tw-blur:;
--tw-invert:;
--foreground:#ececee;
--m-app-line:color-mix(in srgb,#ececee 10%,transparent);
--brand-ink:#1a1612;
--m-line:color-mix(in srgb, #1a1612 12%, transparent);
--tw-numeric-figure:;
--space-sm:.75rem;
--m-b:#c56a3a;
--tw-contain-layout:;
--m-d:#efb96b;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button:disabled{opacity:.65;cursor:wait}svg{display:inline-block;vertical-align:middle}form{margin:0}a{color:inherit}button{cursor:pointer}
/* EXE-2299 positioning reference. Every selector is confined to this route. */
.mockup-root {
  --m-paper: var(--bg-inverse); --m-white: #fff; --m-amber: #efb96b;
  --m-indigo: #4F46E5; --m-violet: #7C5CFF; --m-pink: #F472B6; --m-orange: #FB923C;
  --m-canvas: var(--m-paper); --m-card: var(--m-white); --m-ink: var(--brand-ink);
  --m-muted: #68635e; --m-line: color-mix(in srgb, var(--brand-ink) 12%, transparent);
  --m-a: var(--brand-deep); --m-b: var(--brand); --m-c: var(--brand-hover); --m-d: var(--m-amber); --m-cool: var(--accent);
  --m-gradient: linear-gradient(110deg,var(--m-a),var(--m-b) 35%,var(--m-c) 65%,var(--m-d));
  --m-radius: calc(var(--radius-xl) + 8px); --m-ease: cubic-bezier(.22,1,.36,1);
  --m-shadow: 0 28px 80px color-mix(in srgb,var(--bg-deep) 16%,transparent);
  --m-app-line: color-mix(in srgb,var(--text-primary) 10%,transparent);
  background:var(--m-canvas);color:var(--m-ink);font-family:var(--font-sans),sans-serif;isolation:isolate;overflow:clip;line-height:1.6;
}
.mockup-root[data-theme="Vivid"] {--m-a:var(--m-indigo);--m-b:var(--m-violet);--m-c:var(--m-pink);--m-d:var(--m-orange);--m-cool:var(--m-indigo)}
.mockup-root[data-canvas="Dark-led"] {--m-canvas:var(--bg-base);--m-card:var(--bg-surface);--m-ink:var(--text-primary);--m-muted:var(--text-secondary);--m-line:var(--border-default)}
.mockup-root *, .mockup-root *::before, .mockup-root *::after {box-sizing:border-box}
.mockup-root h1,.mockup-root h2,.mockup-root h3,.mockup-root h4,.mockup-root h5,.mockup-root p {margin:0;font-family:inherit}
.mockup-root h1,.mockup-root h2 {font-weight:600;letter-spacing:-.035em;line-height:1.02}
.mockup-root h3 {font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:600}
.mockup-root a {color:inherit;text-decoration:none}
.mockup-root button,.mockup-root input {font:inherit}
.mockup-root button {cursor:pointer}
.mockup-root button:focus-visible,.mockup-root a:focus-visible,.mockup-root input:focus-visible {outline:3px solid var(--m-cool);outline-offset:5px}
.mockup-root button {color:inherit}
.mockup-root [id] {scroll-margin-top:110px}
.mockup-root .m-container {max-width:1240px;padding-inline:40px;margin-inline:auto}
.mockup-root .m-section {padding-block:112px}
.mockup-root .m-eyebrow,.mockup-root .m-tiny {font-family:var(--font-mono),monospace;font-size:10px;font-weight:400;letter-spacing:.07em;line-height:1.5}
.mockup-root .m-eyebrow {font-family:var(--font-sans),sans-serif;font-size:11px;font-weight:500;letter-spacing:.025em;text-transform:uppercase;margin-bottom:25px}
.mockup-root .m-section-heading {max-width:820px;margin-bottom:56px}
.mockup-root .m-section-heading h2 {font-size:clamp(38px,4.8vw,64px);text-wrap:balance}
.mockup-root .m-section-heading h2>span {color:var(--m-muted)}
.mockup-root .m-intro {font-size:17px;line-height:1.7;color:var(--m-muted);max-width:650px;margin-top:24px}
.mockup-root .m-button {display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--m-a);color:var(--text-primary);padding:15px 23px;border-radius:9px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-sm);transition:transform .3s var(--m-ease),box-shadow .3s var(--m-ease)}
.mockup-root .m-button:hover {transform:translateY(-2px);box-shadow:0 7px 20px color-mix(in srgb,var(--m-a) 22%,transparent)}
.mockup-root .m-button-secondary {background:color-mix(in srgb,var(--m-card) 60%,transparent);color:var(--m-ink);border:1px solid var(--m-line);box-shadow:none}
.mockup-root .m-arrow {width:18px;position:relative;display:inline-flex;align-items:center;justify-content:flex-end;transition:transform .3s var(--m-ease);font-size:24px;font-weight:400;line-height:.8}
.mockup-root .m-arrow i {position:absolute;right:3px;width:0;height:1px;background:currentColor;transition:width .3s var(--m-ease)}
.mockup-root a:hover .m-arrow,.mockup-root button:hover .m-arrow {transform:translateX(3px)}
.mockup-root a:hover .m-arrow i,.mockup-root button:hover .m-arrow i {width:15px}
.mockup-root .m-brand {font-family:var(--font-serif),serif;font-size:28px;letter-spacing:-.06em;white-space:nowrap;line-height:1}
.mockup-root .m-brand i {font-weight:400;border-bottom:2px solid var(--m-b)}
.mockup-root .m-nav {position:sticky;top:0;z-index:80;margin-bottom:-80px;height:80px;transition:background .4s,border .4s;border-bottom:1px solid transparent}
.mockup-root .m-nav[data-scrolled="true"] {background:color-mix(in srgb,var(--m-canvas) 86%,transparent);backdrop-filter:blur(24px);border-color:var(--m-line)}
.mockup-root .m-nav-inner {max-width:1380px;margin:auto;padding:20px 40px;height:80px;display:flex;align-items:center;gap:60px}
.mockup-root .m-nav-links {display:flex;align-items:center;gap:28px;font-size:12px}
.mockup-root .m-nav-links button {border:0;background:transparent;display:flex;align-items:center;gap:6px;padding:10px 0}
.mockup-root .m-nav-actions {margin-left:auto;display:flex;align-items:center;gap:28px;font-size:12px}
.mockup-root .m-nav-actions .m-button {padding:11px 16px;font-size:11px;gap:15px}
.mockup-root .m-mobile-menu {display:none}
.mockup-root .m-dropdown {position:absolute;top:72px;left:max(40px,calc((100vw - 1160px)/2 + 150px));width:660px;border:1px solid var(--m-line);background:color-mix(in srgb,var(--m-card) 95%,transparent);backdrop-filter:blur(25px);border-radius:20px;box-shadow:var(--m-shadow);padding:18px;transform-origin:top left;transition:width .4s var(--m-ease),opacity .25s,transform .35s var(--m-ease);opacity:0;transform:translateY(-5px) rotateX(-5deg);pointer-events:none}
.mockup-root .m-dropdown[data-open="true"] {opacity:1;transform:none;pointer-events:auto}
.mockup-root .m-dropdown[data-menu="Modes"] {width:360px}
.mockup-root .m-feature-menu {display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mockup-root .m-dropdown a {display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:10px;font-size:12px;line-height:1.4}
.mockup-root .m-dropdown a:hover {background:color-mix(in srgb,var(--m-b) 10%,transparent)}
.mockup-root .m-dropdown a svg {margin-left:auto;flex-shrink:0}
.mockup-root .m-menu-number {font:500 10px var(--font-sans),sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--m-muted)}
.mockup-root .m-mode-menu a {font-size:17px}
.mockup-root .m-mode-descriptor {display:block;font:11px var(--font-sans),sans-serif;color:var(--m-muted);margin-top:5px}
.mockup-root .m-mode-detail-link {display:block;width:fit-content;margin-top:18px;font-size:13px;border-bottom:1px solid var(--m-b);padding-bottom:4px}
.mockup-root .m-hero {position:relative;padding-top:150px}
.mockup-root .m-mesh {position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 90%,color-mix(in srgb,var(--m-d) 85%,transparent),transparent 42%),radial-gradient(ellipse at 100% 35%,color-mix(in srgb,var(--m-cool) 45%,transparent),transparent 55%),radial-gradient(ellipse at 5% 95%,color-mix(in srgb,var(--m-b) 75%,transparent),transparent 55%);background-size:120% 120%;animation:m-mesh 15s ease-in-out infinite alternate}
.mockup-root .m-hero-mesh {height:1000px;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);opacity:.72}
.mockup-root .m-hero-copy {position:relative;text-align:center;z-index:1}
.mockup-root .m-hero-copy .m-eyebrow {display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;margin-bottom:24px}
.mockup-root .m-live-dot {height:6px;width:6px;border-radius:50%;background:var(--m-b);box-shadow:0 0 0 4px color-mix(in srgb,var(--m-b) 12%,transparent)}
.mockup-root .m-hero h1 {font-size:clamp(64px,6.15vw,88px);line-height:1.02;font-weight:600}
.mockup-root .m-gradient-text {background:linear-gradient(95deg,var(--m-a),var(--m-b) 65%,var(--m-cool));color:transparent;background-clip:text}
.mockup-root[data-canvas="Dark-led"] .m-gradient-text {background-image:linear-gradient(95deg,var(--m-c),var(--m-d) 65%,var(--m-b))}
.mockup-root .m-headline-muted {color:var(--m-muted)}
.mockup-root .m-hero-subhead {font-size:19px;margin-top:26px;font-weight:500}
.mockup-root .m-hero-description {font-size:14px;line-height:1.7;max-width:550px;color:var(--m-muted);margin:10px auto 25px;text-wrap:balance}
.mockup-root .m-hero-actions {display:flex;justify-content:center;gap:12px}
.mockup-root .m-trust {display:flex;justify-content:center;gap:22px;margin-top:24px;font-size:10px;color:var(--m-muted)}
.mockup-root .m-trust>span {display:flex;align-items:center;gap:6px}
.mockup-root .m-trust svg {color:var(--m-a)}
.mockup-root .m-hero-showcase {position:relative;margin-top:60px;perspective:1500px;z-index:2}
.mockup-root .m-hero-tabs-row {display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}
.mockup-root .m-tabs {display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.mockup-root .m-tabs button {flex-shrink:0;border:0;border-radius:8px;background:transparent;padding:12px 20px;position:relative;font-size:12px;white-space:nowrap;transition:background .3s,color .3s}
.mockup-root .m-tabs button[aria-selected="true"] {background:var(--m-card);box-shadow:var(--shadow-sm)}
.mockup-root .m-hero-tabs {padding:5px;border:1px solid var(--m-line);border-radius:14px;background:color-mix(in srgb,var(--m-canvas) 30%,transparent);backdrop-filter:blur(20px)}
.mockup-root .m-tab-progress {position:absolute;bottom:2px;left:12px;right:12px;height:2px;background:var(--m-gradient);transform-origin:left;animation:m-tab 5s linear forwards}
.mockup-root .m-motion-button {border:1px solid var(--m-line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:var(--m-card);flex-shrink:0}
.mockup-root .m-hero-window {position:relative;transform-origin:center top;border-radius:16px;box-shadow:0 45px 110px color-mix(in srgb,var(--m-a) 20%,transparent),var(--m-shadow)}
.mockup-root .m-app-stack {position:absolute;inset:20px -12px -15px;background:color-mix(in srgb,var(--m-cool) 20%,var(--m-card));border:1px solid var(--m-line);border-radius:20px;transform:rotate(-1.5deg);z-index:-1}
.mockup-root .m-hero-panel {grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .65s var(--m-ease),visibility .65s}
.mockup-root .m-hero-window {display:grid}
.mockup-root .m-hero-panel[data-active="true"] {opacity:1;visibility:visible;z-index:1}
.mockup-root .m-demo-caption {display:flex;align-items:center;justify-content:center;gap:7px;color:var(--m-muted);font:10px var(--font-mono);margin:34px 0 0}
.mockup-root .m-float-card {position:absolute;z-index:5;background:color-mix(in srgb,var(--m-card) 94%,transparent);backdrop-filter:blur(20px);border:1px solid var(--m-line);box-shadow:var(--m-shadow);border-radius:18px}
.mockup-root .m-float-score {left:-36px;top:130px;width:168px;display:flex;align-items:center;flex-direction:column;padding:18px;transform:rotate(-5deg)}
.mockup-root .m-float-top {display:flex;align-items:center;gap:7px;font:8px var(--font-mono);margin-bottom:12px}
.mockup-root .m-spark {display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--m-b) 15%,transparent);color:var(--m-a);width:28px;height:28px;flex-shrink:0}
.mockup-root .m-float-score b {font-size:14px;margin-top:10px}
.mockup-root .m-float-score small {font-size:9px;color:var(--m-muted)}
.mockup-root .m-float-score .m-score {width:86px;height:86px;background:conic-gradient(var(--m-b) var(--score),var(--m-line) 0)}
.mockup-root .m-float-score .m-score:before {background:var(--m-card)}
.mockup-root .m-float-score .m-score span {color:var(--m-ink);font-size:29px}
.mockup-root .m-float-score .m-score small {font-size:9px}
.mockup-root .m-float-toast {right:-24px;bottom:55px;padding:16px 20px;display:flex;align-items:center;gap:12px;transform:rotate(3deg)}
.mockup-root .m-float-toast b {display:block;font-size:12px}
.mockup-root .m-float-toast small {display:block;font-size:9px;color:var(--m-muted)}
.mockup-root .m-float-toast .m-tiny {align-self:flex-start;font-size:8px;margin-left:20px;color:var(--m-muted)}
/* Product UI: graphite surfaces, sienna stripes, actual navigation hierarchy. */
.mockup-root .m-media {position:relative;width:100%;overflow:hidden;border-radius:inherit}
.mockup-root .m-recorded {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--bg-base)}
/* EXE-2299: preserve complete real screens at every review width. */
.mockup-root .m-media[data-recorded="video"] {aspect-ratio:8/5}
.mockup-root .m-media[data-recorded="image"] {aspect-ratio:87/44}
.mockup-root .m-media[data-recorded]>.m-fallback {position:absolute;inset:0}
.mockup-root .m-fallback[aria-hidden="true"] {visibility:hidden}
.mockup-root .m-hero-window:has(.m-media[data-recorded])>.m-float-card {display:none}
.mockup-root .m-mode-panel>.m-media[data-recorded] {max-width:100%;transform:none}
.mockup-root .wl-window:has(.m-media[data-recorded]) {width:100%;transform:none}
.mockup-root .m-product {position:relative;background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-hover);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:178px minmax(0,1fr);font-size:10px;text-align:left;min-height:480px}
.mockup-root .m-window-chrome {height:38px;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--m-app-line);font:8px var(--font-mono);color:var(--text-secondary)}
.mockup-root .m-window-chrome>span {display:flex;gap:6px;align-items:center}
.mockup-root .m-window-dots i {height:6px;width:6px;border-radius:50%;background:var(--border-hover)}
.mockup-root .m-window-dots i:first-child {background:var(--m-b)}
.mockup-root .m-product-sidebar {position:relative;padding:22px 14px;border-right:1px solid var(--m-app-line);grid-column:1;grid-row:2}
.mockup-root .m-app-wordmark {font-family:var(--font-serif);font-size:20px;letter-spacing:-.05em;margin:0 8px 25px}
.mockup-root .m-app-wordmark i {border-bottom:1px solid var(--m-b)}
.mockup-root .m-product-sidebar>.m-tiny {color:var(--text-muted);font-size:8px;padding-left:8px}
.mockup-root .m-product-sidebar>div:not(.m-app-wordmark) {display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:6px;font-size:10px;color:var(--text-secondary)}
.mockup-root .m-product-sidebar>div.is-selected {background:color-mix(in srgb,var(--m-b) 16%,transparent);color:var(--text-primary);border-left:2px solid var(--m-b)}
.mockup-root .m-product-sidebar .m-sidebar-bottom {position:absolute;bottom:18px;font-size:8px!important}
.mockup-root .m-product-main {padding:18px 26px 16px;grid-column:2;min-width:0;display:flex;flex-direction:column}
.mockup-root .m-product-breadcrumb {display:flex;align-items:center;gap:8px;font-size:8px;color:var(--text-muted);margin-bottom:24px}
.mockup-root .m-product-breadcrumb>svg:last-child {margin-left:auto}
.mockup-root .m-product-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}
.mockup-root .m-product-heading .m-tiny {font-size:7px;color:var(--text-muted);margin-bottom:5px}
.mockup-root .m-product-heading h3 {font-size:23px;font-weight:500;line-height:1.15}
.mockup-root .m-product-heading p:not(.m-tiny) {font-size:9px;color:var(--text-secondary);margin-top:6px}
.mockup-root .m-app-action {display:flex;align-items:center;gap:6px;background:var(--m-a);border:1px solid color-mix(in srgb,var(--m-c) 30%,transparent);padding:9px 10px;border-radius:6px;white-space:nowrap;font-size:8px}
.mockup-root .m-ui-card {background:var(--bg-surface);border:1px solid var(--m-app-line);border-radius:10px;padding:16px;box-shadow:var(--shadow-sm)}
.mockup-root .m-ui-card h4 {font-size:15px;line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:8px 0}
.mockup-root .m-ui-card p {font-size:9px;line-height:1.6;color:var(--text-secondary)}
.mockup-root .m-direction-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mockup-root .m-direction-card {border-top:2px solid var(--m-b);position:relative;animation:m-card-update 10s infinite;animation-delay:calc(var(--i)*2s)}
.mockup-root .m-direction-card .m-tiny {font-size:7px;color:var(--text-muted);margin-top:18px}
.mockup-root .m-card-top {display:flex;align-items:center;gap:8px}
.mockup-root .m-card-top>svg {margin-left:auto;color:var(--text-muted)}
.mockup-root .m-mini-icon {width:30px;height:30px;background:color-mix(in srgb,var(--m-b) 17%,transparent);color:var(--m-c);display:grid;place-items:center;border-radius:8px}
.mockup-root .m-tag {display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font:7px var(--font-mono);white-space:nowrap}
.mockup-root .m-fit {display:flex;gap:12px;align-items:center;margin:18px 0 9px}
.mockup-root .m-fit>strong {font-size:31px;letter-spacing:-.04em;font-weight:500;line-height:1}
.mockup-root .m-fit>strong>span {font-size:13px;color:var(--text-muted)}
.mockup-root .m-fit>span {font-size:8px}
.mockup-root .m-fit small {display:block;font-size:6px;color:var(--text-muted);margin-top:4px}
.mockup-root .m-meter {height:4px;background:var(--bg-hover);border-radius:4px;overflow:hidden}
.mockup-root .m-meter i {height:100%;display:block;background:var(--m-gradient);border-radius:4px;transform-origin:left;animation:m-meter 10s var(--m-ease) infinite}
.mockup-root .m-card-bottom {display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--text-secondary);border-top:1px solid var(--m-app-line);padding-top:13px;margin-top:18px}
.mockup-root .m-product-footer {display:flex;align-items:center;justify-content:space-between;padding-top:22px;margin-top:auto;color:var(--text-muted);font-size:7px}
.mockup-root .m-product-footer span {display:flex;align-items:center;gap:5px}
.mockup-root .m-product-footer span:last-child svg {color:var(--success)}
.mockup-root .m-avatar {display:inline-grid;place-items:center;width:23px;height:23px;background:color-mix(in srgb,var(--m-cool) 30%,var(--bg-elevated));border:1px solid var(--m-app-line);border-radius:50%;font-size:8px;color:var(--text-primary)}
.mockup-root .m-agent {position:absolute;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;filter:drop-shadow(0 3px 5px var(--bg-deep));animation:m-cursor 10s var(--m-ease) infinite}
.mockup-root .m-agent>span {font-size:25px;color:var(--m-c);line-height:1;transform:rotate(-25deg)}
.mockup-root .m-agent b {display:flex;gap:5px;align-items:center;margin-left:14px;background:var(--m-gradient);color:var(--m-white);border:1px solid color-mix(in srgb,var(--m-white) 35%,transparent);border-radius:5px;padding:5px 8px;font-size:8px;font-weight:500}
.mockup-root .m-agent-one {left:43%;top:58%}
.mockup-root .m-agent-two {left:76%;top:76%;animation-delay:-5s}
.mockup-root .m-agent-two b {background:var(--m-cool)}
.mockup-root .m-cv-layout {display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.mockup-root .m-paper {background:var(--bg-inverse);color:var(--brand-ink);padding:22px 26px;border-radius:3px;box-shadow:var(--shadow-lg);transform:rotate(-1deg)}
.mockup-root .m-paper h4 {font-family:var(--font-serif);font-size:26px;margin:8px 0}
.mockup-root .m-paper p {font-size:9px;line-height:1.7}
.mockup-root .m-paper h5 {font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 5px}
.mockup-root .m-paper b {font-size:9px}
.mockup-root hr {border:0;border-top:1px solid var(--m-app-line);margin:14px 0}
.mockup-root .m-paper hr {border-color:color-mix(in srgb,var(--brand-ink) 20%,transparent)}
.mockup-root .m-score-panel {display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px}
.mockup-root .m-score-panel>strong {font-size:11px;font-weight:500}
.mockup-root .m-score {position:relative;border-radius:50%;width:105px;height:105px;background:conic-gradient(var(--m-c) var(--score),var(--bg-hover) 0);display:grid;place-items:center;flex-shrink:0}
.mockup-root .m-score::before {content:'';position:absolute;inset:6px;background:var(--bg-base);border-radius:50%}
.mockup-root .m-score span {position:relative;font-size:34px;letter-spacing:-.06em;color:var(--text-primary);line-height:1}
.mockup-root .m-score b {font-weight:inherit}
.mockup-root .m-score small {display:block;text-align:center;font:8px var(--font-mono);color:var(--text-muted);margin-top:4px}
.mockup-root .m-dimension-bars {display:flex;align-items:flex-end;gap:5px;height:50px;width:100%}
.mockup-root .m-dimension-bars i {flex:1;background:var(--m-gradient);height:var(--bar);border-radius:3px 3px 0 0;transform-origin:bottom;animation:m-meter 8s var(--m-ease) infinite;animation-delay:calc(var(--i)*.1s)}
.mockup-root .m-document-lines {display:grid;gap:6px;margin-top:10px}
.mockup-root .m-document-lines i {height:3px;border-radius:2px;background:color-mix(in srgb,var(--brand-ink) 13%,transparent)}
.mockup-root .m-document-lines i:last-child {width:75%}
.mockup-root .m-kanban {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mockup-root .m-kanban>div {background:var(--bg-deep);padding:10px;border-radius:9px}
.mockup-root .m-kanban-heading {display:flex;align-items:center;gap:5px;color:var(--text-secondary);margin-bottom:12px;font-size:9px}
.mockup-root .m-kanban-heading i {width:5px;height:5px;border-radius:50%;background:var(--m-cool)}
.mockup-root .m-kanban-heading span {margin-left:auto;color:var(--text-muted)}
.mockup-root .m-job {padding:12px;margin-bottom:8px;animation:m-card-update 8s infinite}
.mockup-root .m-job h4 {font-size:12px}
.mockup-root .m-job-fit {display:flex;justify-content:space-between;gap:5px;margin:15px 0;font-size:7px;color:var(--text-muted)}
.mockup-root .m-job-fit strong {color:var(--success);font-weight:400}
.mockup-root .m-avatar-line {display:flex;align-items:center;gap:6px;border-top:1px solid var(--m-app-line);padding-top:10px}
.mockup-root .m-avatar-line>span {border-radius:50%;width:19px;height:19px;background:var(--bg-hover);display:grid;place-items:center;font-size:6px}
.mockup-root .m-avatar-line small {font-size:6px;color:var(--text-muted)}
.mockup-root .m-company-banner {display:flex;gap:15px;align-items:center;margin-bottom:20px}
.mockup-root .m-company-banner h4 {font-size:23px;font-weight:500}
.mockup-root .m-company-banner p {font-size:10px;color:var(--text-muted)}
.mockup-root .m-company-banner>.m-tag {margin-left:auto}
.mockup-root .m-company-monogram {display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--m-gradient);font-size:22px;color:var(--text-primary)}
.mockup-root .m-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mockup-root .m-detail-grid .m-tiny {font-size:7px;color:var(--m-c)}
.mockup-root .m-detail-grid p {font-size:12px;margin-top:9px;color:var(--text-primary)}
.mockup-root .m-interview h4 {font-size:23px;line-height:1.3;font-weight:500;max-width:520px;margin:14px 0}
.mockup-root .m-answer {padding:18px;background:var(--bg-surface);border:1px solid var(--m-app-line);border-radius:10px}
.mockup-root .m-answer p {font-size:11px;margin-top:8px;color:var(--text-secondary)}
.mockup-root .m-wave {display:flex;height:42px;align-items:center;gap:4px;margin-top:10px}
.mockup-root .m-wave i {background:var(--m-cool);width:3px;height:var(--bar);max-height:35px;border-radius:3px;animation:m-wave 1.3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.13s)}
.mockup-root .m-feedback {display:flex;align-items:center;gap:12px;margin-top:15px;font-size:10px;color:var(--success)}
.mockup-root .m-feedback p {color:var(--text-secondary);font-size:9px}
.mockup-root .m-feedback strong {font-size:30px;margin-left:auto}
.mockup-root .m-feedback strong span {font-size:10px;color:var(--text-muted)}
.mockup-root .m-offers {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mockup-root .m-offers .m-ui-card:first-child {border-color:var(--m-b)}
.mockup-root .m-salary {font-size:27px;display:block;margin-top:20px;letter-spacing:-.04em}
.mockup-root .m-offers small {font-size:8px;color:var(--text-muted)}
.mockup-root .m-offers .m-tag {margin-top:12px;font-size:6px}
.mockup-root .m-tree {text-align:center;padding:18px 10px}
.mockup-root .m-tree-root {display:inline-flex;align-items:center;gap:7px;background:var(--m-a);color:var(--text-primary);padding:8px 18px;border-radius:6px;font-size:11px}
.mockup-root .m-tree-branches {display:flex;justify-content:center;gap:12px;padding-top:24px;position:relative}
.mockup-root .m-tree-branches:before {content:'';position:absolute;height:12px;width:68%;left:16%;top:12px;border:1px solid var(--m-b);border-bottom:0}
.mockup-root .m-tree-branches:after {content:'';position:absolute;width:1px;height:12px;top:0;background:var(--m-b)}
.mockup-root .m-tree-branches>div {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mockup-root .m-tree-branches span {position:relative;display:block;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:5px;padding:6px;font-size:8px;width:100%;transition:opacity .5s,transform .5s}
.mockup-root .m-tree-branches span+span:before {content:'';position:absolute;top:-11px;height:10px;width:1px;background:var(--m-b);left:50%}
.mockup-root .m-tree-hidden {opacity:.15;transform:scale(.9)}
.mockup-root .m-assets {height:240px;position:relative;display:grid;place-items:center}
.mockup-root .m-assets .m-ui-card {position:absolute;width:150px;height:155px;top:20px;transform:translateX(calc((var(--i) - 2)*42px)) rotate(calc((var(--i) - 2)*9deg));transform-origin:bottom;animation:m-fan 8s var(--m-ease) infinite}
.mockup-root .m-assets h4 {font-size:13px}
.mockup-root .m-assets>strong {position:absolute;bottom:0;font-size:12px;font-weight:400}
.mockup-root .m-voice {display:flex;flex-direction:column;align-items:center;gap:8px}
.mockup-root .m-voice .m-ui-card {width:90%}
.mockup-root .m-voice .m-ui-card p {font-size:11px;margin-top:6px}
.mockup-root .m-voice .m-tag {margin-top:10px}
.mockup-root .m-transfer {font-size:24px;line-height:1;transform:rotate(90deg);color:var(--m-c)}
.mockup-root .m-network {display:grid;gap:12px}
.mockup-root .m-network .m-ui-card {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px}
.mockup-root .m-network h4 {font-size:12px;margin:0}
.mockup-root .m-network .m-tag {margin-left:auto}
.mockup-root .m-network .m-meter {width:100%;height:2px}
.mockup-root .m-story {padding:6px}
.mockup-root .m-story h4 {font-size:24px;line-height:1.15;margin:16px 0}
.mockup-root .m-story p {display:flex;gap:12px;align-items:center;font-size:9px;margin:9px 0;color:var(--text-secondary)}
.mockup-root .m-story p b {font:11px var(--font-mono);color:var(--m-c);padding:3px 7px;background:var(--bg-elevated);border-radius:4px}
.mockup-root .m-gaps {display:flex;gap:22px;align-items:center;padding-block:20px}
.mockup-root .m-gaps h4 {font-size:18px;margin:5px 0 12px}
.mockup-root .m-gaps p {font-size:9px;margin:8px 0}
.mockup-root .m-gaps .m-tiny {font-size:7px}
.mockup-root .m-plan-header {margin-bottom:20px}
.mockup-root .m-plan-header h4 {font-size:27px;letter-spacing:-.03em;margin-top:14px}
.mockup-root .m-plan>.m-ui-card {display:flex;align-items:center;gap:14px;margin-top:10px}
.mockup-root .m-plan .m-tiny {margin-left:auto;color:var(--text-muted)}
.mockup-root .m-check {border-radius:50%;display:grid;place-items:center;width:28px;height:28px;background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}
/* Story sections */
.mockup-root .m-seniority {margin-top:85px;padding:40px 0 45px;border-block:1px solid var(--m-line);text-align:center}
.mockup-root .m-seniority .m-eyebrow {color:var(--m-muted);font-size:9px;margin-bottom:28px}
.mockup-root .m-marquee {overflow:hidden;mask-image:linear-gradient(90deg,transparent,var(--bg-base) 12%,var(--bg-base) 88%,transparent)}
.mockup-root .m-marquee>div {display:flex;width:max-content;animation:m-marquee 45s linear infinite}
.mockup-root .m-marquee>div>div {display:flex;align-items:center}
.mockup-root .m-marquee span {font-size:22px;letter-spacing:-.03em;white-space:nowrap;margin-right:40px}
.mockup-root .m-marquee i {margin-left:40px;color:var(--m-b);font-style:normal;font-size:16px}
.mockup-root .m-tour {display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;position:relative}
.mockup-root .m-tour-step {min-height:65vh;display:flex;flex-direction:column;justify-content:center;padding:35px 0;border-top:1px solid var(--m-line)}
.mockup-root .m-tour-step:last-child {min-height:75vh}
.mockup-root .m-step-number {font:11px var(--font-mono);color:var(--m-muted);margin-bottom:24px}
.mockup-root .m-tour-step[data-active="true"] .m-step-number {color:var(--m-a)}
.mockup-root .m-tour-step h3 {font-size:29px;max-width:340px;line-height:1.15;margin-bottom:20px}
.mockup-root .m-tour-step p {color:var(--m-muted);font-size:15px;line-height:1.8;max-width:330px}
.mockup-root .m-tour-visual {align-self:start;min-width:0;padding-top:15px}
.mockup-root .m-tour-app {display:grid;border-radius:15px;box-shadow:var(--m-shadow)}
.mockup-root .m-tour-panel {grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.mockup-root .m-tour-panel[data-active="true"] {opacity:1;visibility:visible}
.mockup-root .m-tour .m-product {grid-template-columns:100px minmax(0,1fr);min-height:350px}
.mockup-root .m-tour .m-product-sidebar {padding:16px 5px}
.mockup-root .m-tour .m-app-wordmark {font-size:14px}
.mockup-root .m-tour .m-product-sidebar>div:not(.m-app-wordmark) {font-size:7px;padding:9px 4px;gap:5px}
.mockup-root .m-tour .m-product-sidebar svg {width:10px}
.mockup-root .m-tour .m-product-main {padding:15px}
.mockup-root .m-tour .m-product-heading h3 {font-size:18px}
.mockup-root .m-tour .m-app-action {display:none}
.mockup-root .m-tour .m-direction-grid {gap:7px}
.mockup-root .m-tour .m-direction-card {padding:10px}
.mockup-root .m-tour .m-direction-card h4 {font-size:12px}
.mockup-root .m-tour .m-fit {gap:7px}
.mockup-root .m-tour .m-fit>strong {font-size:24px}
.mockup-root .m-tour .m-fit small {display:none}
.mockup-root .m-tour .m-card-top>.m-tag {display:none}
.mockup-root .m-tour .m-cv-layout {gap:10px}
.mockup-root .m-tour .m-paper {padding:16px}
.mockup-root .m-tour .m-score-panel {padding:5px;gap:8px}
.mockup-root .m-tour .m-score {width:80px;height:80px}
.mockup-root .m-tour .m-paper h4 {font-size:22px}
.mockup-root .m-tour-bottom {display:flex;align-items:center;gap:25px;margin-top:16px}
.mockup-root .m-tour-bottom .m-tree {flex:1;max-width:400px;margin-left:auto}
.mockup-root .m-progress-rail {display:flex;flex-direction:column;gap:22px;position:relative;font:9px var(--font-mono)}
.mockup-root .m-progress-rail:before {content:'';position:absolute;left:50%;width:1px;background:var(--m-line);top:10px;bottom:10px}
.mockup-root .m-progress-rail>span {position:relative;width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--m-line);background:var(--m-canvas);border-radius:50%;color:var(--m-muted)}
.mockup-root .m-progress-rail>span[data-active="true"] {background:var(--m-a);color:var(--text-primary)}
.mockup-root .m-tree-caption {font-size:11px;color:var(--m-muted);max-width:500px;line-height:1.7;margin-left:auto}
.mockup-root .m-mobile-step {display:none}
.mockup-root .m-modes {background:color-mix(in srgb,var(--m-cool) 6%,var(--m-canvas));border-block:1px solid var(--m-line)}
.mockup-root .m-mode-tabs {border-bottom:1px solid var(--m-line);margin-bottom:25px;gap:12px}
.mockup-root .m-mode-tabs button {flex:1;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:8px 8px 0 0;font-size:16px}
.mockup-root .m-mode-tabs svg {margin-left:auto}
.mockup-root .m-mode-tabs .m-tiny {color:var(--m-muted);font-size:9px}
.mockup-root .m-mode-panel {background:var(--m-card);border:1px solid var(--m-line);border-radius:var(--m-radius);padding:44px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:center;overflow:hidden;box-shadow:var(--shadow-sm);animation:m-panel .5s var(--m-ease)}
.mockup-root .m-mode-copy h3 {font-size:48px;margin:5px 0 20px}
.mockup-root .m-mode-copy p {font-size:15px;line-height:1.8;color:var(--m-muted)}
.mockup-root .m-mode-copy .m-button {margin-top:28px;padding:12px 15px;font-size:11px}
.mockup-root .m-mode-panel>.m-media {width:760px;transform:rotate(-2deg);box-shadow:var(--m-shadow);border-radius:14px}
.mockup-root .m-mode-panel .m-product {min-height:445px;grid-template-columns:150px minmax(0,1fr)}
.mockup-root .m-land-badge {display:inline-block;background:color-mix(in srgb,var(--warning) 15%,transparent);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent);padding:4px 10px;border-radius:30px;font-size:10px;margin-top:14px;color:var(--m-ink)}
.mockup-root .m-mode-stack {position:sticky;transform-origin:top center;margin-bottom:28px}
.mockup-root .m-mode-stack-list {padding-bottom:40px}
.mockup-root .m-bento {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.mockup-root .m-feature {grid-column:span 2;min-width:0;border:1px solid var(--m-line);border-radius:var(--m-radius);overflow:hidden;background:var(--m-card);transition:transform .35s var(--m-ease),box-shadow .35s var(--m-ease);display:flex;flex-direction:column}
.mockup-root .m-feature-0,.mockup-root .m-feature-1,.mockup-root .m-feature-5,.mockup-root .m-feature-6,.mockup-root .m-feature-10,.mockup-root .m-feature-11 {grid-column:span 3}
.mockup-root .m-feature:hover {transform:translateY(-4px);box-shadow:0 18px 45px color-mix(in srgb,var(--m-b) 14%,transparent)}
.mockup-root .m-feature-media {padding:28px 24px 0;height:280px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 30% 100%,color-mix(in srgb,var(--m-b) 20%,transparent),transparent 75%),radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--m-cool) 12%,transparent),transparent 70%)}
.mockup-root .m-feature-media:after {content:'';position:absolute;inset:auto 0 0;height:35px;background:linear-gradient(transparent,var(--m-card));pointer-events:none}
.mockup-root .m-feature-copy {padding:24px 28px 30px}
.mockup-root .m-feature-copy .m-eyebrow {font-size:9px;color:var(--m-muted);margin-bottom:12px}
.mockup-root .m-feature h3 {font-size:21px;line-height:1.2;max-width:370px;margin-bottom:13px}
.mockup-root .m-feature-copy p {font-size:12px;line-height:1.8;color:var(--m-muted)}
.mockup-root .m-product-compact {min-height:240px;display:block;padding:18px;border-color:var(--border-default);box-shadow:var(--shadow-xl);border-radius:12px}
.mockup-root .m-product-compact .m-product-main {padding:0}
.mockup-root .m-product-compact .m-direction-card {padding:12px}
.mockup-root .m-product-compact .m-direction-card h4 {font-size:12px}
.mockup-root .m-product-compact .m-direction-card p {font-size:8px}
.mockup-root .m-product-compact .m-card-top>.m-tag,.mockup-root .m-product-compact .m-fit small {display:none}
.mockup-root .m-product-compact .m-fit {gap:7px}
.mockup-root .m-product-compact .m-fit>strong {font-size:25px}
.mockup-root .m-product-compact .m-card-bottom {font-size:6px}
.mockup-root .m-product-compact .m-cv-layout {gap:12px}
.mockup-root .m-product-compact .m-paper {padding:15px}
.mockup-root .m-product-compact .m-paper h4 {font-size:22px}
.mockup-root .m-product-compact .m-interview h4 {font-size:19px}
.mockup-root .m-feature-7 .m-product-compact {width:520px}
.mockup-root .m-feature-9 .m-product-compact {width:450px}
.mockup-root .m-dark {--m-ink:var(--text-primary);--m-muted:var(--text-secondary);--m-card:var(--bg-elevated);--m-line:var(--border-default);background:var(--bg-base);color:var(--text-primary)}
.mockup-root .m-split {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.mockup-root .m-shield {position:relative;background-image:radial-gradient(var(--border-default) .6px,transparent .6px);background-size:20px 20px}
.mockup-root .m-shield .m-section-heading {margin-bottom:25px}
.mockup-root .m-large-copy {font-size:19px;line-height:1.6;max-width:400px;margin-bottom:20px}
.mockup-root .m-body-copy {font-size:13px;line-height:1.8;max-width:400px;color:var(--text-secondary)}
.mockup-root .m-privacy-line {display:flex;align-items:center;gap:10px;margin-top:35px;font:11px var(--font-mono);color:var(--success)}
.mockup-root .m-shield-demo {position:relative;border:1px solid var(--border-hover);border-radius:var(--m-radius);padding:26px;background:var(--bg-surface);box-shadow:0 0 100px color-mix(in srgb,var(--m-b) 12%,transparent),var(--m-shadow)}
.mockup-root .m-shield-top {display:flex;align-items:center;gap:10px;font-size:13px;padding-bottom:20px;border-bottom:1px solid var(--m-app-line)}
.mockup-root .m-shield-top .m-tag {margin-left:auto;font-size:9px}
.mockup-root .m-shield-document {padding:24px;background:var(--bg-base);border-radius:12px;margin-top:22px}
.mockup-root .m-shield-document>.m-tiny {margin-bottom:20px;color:var(--text-muted);font-size:9px}
.mockup-root .m-token-line {position:relative;margin:9px 0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--m-cool) 30%,transparent);border-radius:5px;display:grid;grid-template-columns:1fr 14px;font:11px var(--font-mono);background:color-mix(in srgb,var(--m-cool) 8%,transparent)}
.mockup-root .m-token-line>span {grid-area:1/1}
.mockup-root .m-token-line svg {grid-column:2;color:var(--success)}
.mockup-root .m-raw {animation:m-raw 10s infinite}
.mockup-root .m-token {color:var(--m-c);opacity:0;animation:m-token 10s infinite}
.mockup-root .m-shield-track {height:55px;position:relative;overflow:hidden}
.mockup-root .m-shield-packet,.mockup-root .m-shield-return {position:absolute;left:35%;top:15px;border-radius:30px;padding:5px 20px;background:var(--m-gradient);font:11px var(--font-mono);color:var(--text-primary);animation:m-packet 10s infinite}
.mockup-root .m-shield-return {animation:m-return 10s infinite;background:var(--m-cool)}
.mockup-root .m-shield-result {display:flex;align-items:center;gap:18px;border:1px solid var(--m-app-line);padding:20px;border-radius:12px;background:var(--bg-elevated);font-size:13px}
.mockup-root .m-shield-result svg {color:var(--m-cool)}
.mockup-root .m-shield-result b {font-weight:400;color:var(--text-secondary)}
.mockup-root .m-shield-demo>.m-tiny {font-size:8px;margin-top:20px;color:var(--text-muted)}
.mockup-root .m-comparison {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mockup-root .m-comparison article {padding:38px;border-radius:var(--m-radius);border:1px solid var(--m-line);background:var(--m-card)}
.mockup-root .m-comparison article.m-compare-featured {border:1px solid transparent;background:linear-gradient(var(--m-card),var(--m-card)) padding-box,var(--m-gradient) border-box;box-shadow:0 10px 55px color-mix(in srgb,var(--m-b) 9%,transparent)}
.mockup-root .m-comparison .m-eyebrow {margin-bottom:16px;font-size:9px;color:var(--m-muted)}
.mockup-root .m-comparison h3 {font-size:30px;margin-bottom:25px}
.mockup-root .m-comparison article>p:not(.m-eyebrow) {display:flex;align-items:center;gap:15px;min-height:64px;border-top:1px solid var(--m-line);font-size:13px;color:var(--m-muted)}
.mockup-root .m-comparison svg {flex-shrink:0;width:17px;color:var(--m-muted)}
.mockup-root .m-compare-featured svg {color:var(--m-a)}
.mockup-root .m-facts {padding:55px 0 65px}
.mockup-root .m-facts>.m-container>.m-eyebrow {color:var(--text-muted);font-size:9px}
.mockup-root .m-facts-grid {display:grid;grid-template-columns:repeat(5,1fr)}
.mockup-root .m-facts-grid>div {border-left:1px solid var(--border-default);padding-left:24px}
.mockup-root .m-facts-grid .m-tiny {color:var(--text-muted)}
.mockup-root .m-facts-grid strong {display:block;font-size:68px;font-weight:500;letter-spacing:-.06em;line-height:1.4}
.mockup-root .m-facts-grid p {font-size:12px;color:var(--text-secondary)}
.mockup-root .m-facts-grid small {font:8px var(--font-mono);color:var(--text-muted)}
.mockup-root .m-testimonials {display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mockup-root .m-testimonial {position:relative;border-radius:var(--m-radius);overflow:hidden;background:var(--m-card);border:1px solid var(--m-line)}
.mockup-root .m-quote-card {aspect-ratio:4/5;padding:30px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--m-b) 15%,transparent),transparent 70%)}
.mockup-root .m-testimonial:nth-child(2) .m-quote-card {background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--m-cool) 18%,transparent),transparent 70%)}
.mockup-root .m-quote-mark {font-family:var(--font-serif);font-size:88px;line-height:1;color:var(--m-b);height:76px}
.mockup-root blockquote {margin:0}
.mockup-root .m-quote-card blockquote {font-size:19px;line-height:1.5;letter-spacing:-.02em}
.mockup-root .m-quote-card>p {font-size:10px;color:var(--m-muted);margin-top:auto;padding-top:22px;padding-bottom:20px}
.mockup-root .m-quote-open {position:absolute;bottom:18px;left:30px;background:transparent;border:0;display:flex;align-items:center;gap:8px;font-size:10px}
.mockup-root .m-dialog {border:1px solid var(--m-line);border-radius:var(--m-radius);padding:0;width:min(90vw,1100px);max-height:90vh;color:var(--m-ink);background:var(--m-card);margin:auto}
.mockup-root .m-dialog::backdrop {background:color-mix(in srgb,var(--bg-deep) 85%,transparent);backdrop-filter:blur(15px)}
.mockup-root .m-dialog-content {padding:65px;position:relative}
.mockup-root .m-dialog-content>button {position:absolute;right:20px;top:20px;background:transparent;border:0;padding:8px}
.mockup-root .m-dialog-content blockquote {font-size:clamp(25px,4vw,50px);line-height:1.3;letter-spacing:-.03em}
.mockup-root .m-dialog-content p {margin-top:30px;color:var(--m-muted);font-size:14px}
.mockup-root .m-dialog-content video {width:100%;max-height:70vh}
.mockup-root .m-faq {border-top:1px solid var(--m-line)}
.mockup-root .m-faq-grid {display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.mockup-root .m-faq .m-section-heading h2 {font-size:50px}
.mockup-root .m-faq .m-intro {font-size:14px}
.mockup-root .m-support {border-top:1px solid var(--m-line);padding-top:24px}
.mockup-root .m-support h3 {font-size:20px}
.mockup-root .m-support p {font-size:13px;color:var(--m-muted);margin:14px 0 20px}
.mockup-root .m-support a {display:flex;align-items:center;gap:20px;font-size:12px;margin-top:15px}
.mockup-root .m-accordion article {border-bottom:1px solid var(--m-line)}
.mockup-root .m-accordion article:first-child {border-top:1px solid var(--m-line)}
.mockup-root .m-accordion h3 button {display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;border:0;background:transparent;font-size:14px;font-weight:500;line-height:1.5;text-align:left;padding:23px 0;letter-spacing:0}
.mockup-root .m-accordion button span {font-weight:400;font-size:23px;transition:transform .3s}
.mockup-root .m-accordion [data-open="true"] button span {transform:rotate(45deg)}
.mockup-root .m-accordion article>div>p {color:var(--m-muted);font-size:13px;line-height:1.8;padding:0 30px 24px 0;animation:m-panel .35s var(--m-ease)}
.mockup-root .m-final {position:relative;overflow:hidden;text-align:center;padding-block:125px}
.mockup-root .m-final>.m-mesh {opacity:.4;inset:20% -20% -80%;filter:blur(50px)}
.mockup-root .m-final-inner {position:relative;z-index:1}
.mockup-root .m-final .m-section-heading {margin:0 auto 28px}
.mockup-root .m-final .m-section-heading h2 {font-size:72px;max-width:800px}
.mockup-root .m-final .m-section-heading h2 span {color:var(--text-primary)}
.mockup-root .m-final-inner>div>p {font-size:16px;color:var(--text-secondary);max-width:560px;margin:0 auto 32px}
.mockup-root .m-final .m-button {background:var(--bg-inverse);color:var(--brand-ink)}
.mockup-root .m-final-inner[data-founder="true"] {display:grid;grid-template-columns:1.3fr .7fr;gap:80px;text-align:left;align-items:center}
.mockup-root .m-final-inner[data-founder="true"] h2 {font-size:58px}
.mockup-root .m-final-inner[data-founder="true"]>div>p {margin-inline:0}
.mockup-root .m-founder {background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);border:1px solid var(--border-hover);border-radius:var(--m-radius);padding:25px;backdrop-filter:blur(20px)}
.mockup-root .m-founder>.m-media {height:130px;border-radius:12px;margin-bottom:20px}
.mockup-root .m-founder-placeholder {height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--m-gradient);color:var(--text-primary)}
.mockup-root .m-founder-placeholder>span {font:60px var(--font-serif)}
.mockup-root .m-founder-placeholder small {font:8px var(--font-mono)}
.mockup-root .m-founder h3 {font-size:25px}
.mockup-root .m-founder>p {font-size:13px;line-height:1.7;margin:14px 0 22px;color:var(--text-secondary)}
.mockup-root .m-founder .m-button {font-size:11px;gap:15px;padding:12px 15px}
.mockup-root .m-footer {padding:70px 0 25px;background:var(--m-canvas)}
.mockup-root .m-footer-grid {display:grid;grid-template-columns:2fr repeat(4,1fr);gap:45px}
.mockup-root .m-footer-grid.m-footer-with-modes {grid-template-columns:1.8fr repeat(5,minmax(0,1fr));gap:28px}
.mockup-root .m-footer-brand>p {font-size:11px;line-height:1.8;color:var(--m-muted);margin:18px 0 24px;max-width:270px}
.mockup-root .m-footer label {font-size:11px}
.mockup-root .m-footer form {display:flex;gap:7px;margin-top:8px}
.mockup-root .m-footer input {min-width:0;width:100%;border:1px solid var(--m-line);padding:10px 12px;border-radius:7px;background:var(--m-card);color:var(--m-ink);font-size:11px}
.mockup-root .m-footer form button {background:var(--m-a);border:0;color:var(--text-primary);padding:8px 14px;border-radius:7px}
.mockup-root .m-socials {display:flex;gap:18px;margin-top:24px;color:var(--m-muted)}
.mockup-root .m-footer-grid>div>h3 {font:10px var(--font-mono);margin:5px 0 23px;text-transform:uppercase;letter-spacing:.04em}
.mockup-root .m-footer-grid>div:not(:first-child)>a {display:block;font-size:11px;color:var(--m-muted);margin:12px 0}
.mockup-root .m-footer-grid a:hover {color:var(--m-b)}
.mockup-root .m-footer-bottom {display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--m-line);margin-top:50px;padding-top:25px;font-size:9px;color:var(--m-muted)}
.mockup-root .m-controls {position:fixed;bottom:calc(20px + var(--cookie-banner-space,0px));right:20px;z-index:100;background:color-mix(in srgb,var(--m-card) 94%,transparent);border:1px solid var(--m-line);border-radius:14px;box-shadow:var(--m-shadow);backdrop-filter:blur(22px);font-size:11px;color:var(--m-ink);max-height:calc(100dvh - 120px);overflow:auto}
.mockup-root .m-controls-toggle {display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;padding:13px 16px;font-size:11px}
.mockup-root .m-controls-toggle>svg:last-child {margin-left:auto;transition:transform .3s}
.mockup-root .m-controls-toggle[aria-expanded="true"]>svg:last-child {transform:rotate(180deg)}
.mockup-root .m-controls-body {padding:4px 16px 16px;width:255px}
.mockup-root .m-controls fieldset {border:0;padding:0;margin:12px 0}
.mockup-root .m-controls legend {font-size:10px;color:var(--m-muted);margin-bottom:6px}
.mockup-root .m-controls fieldset>div {display:flex;border:1px solid var(--m-line);border-radius:7px;padding:3px;gap:3px}
.mockup-root .m-controls fieldset button {border:0;background:transparent;border-radius:4px;padding:5px 8px;flex:1;font-size:10px}
.mockup-root .m-controls button[aria-pressed="true"] {background:var(--m-a);color:var(--text-primary)}
.mockup-root .m-controls label {display:flex;align-items:center;gap:8px;font-size:10px;margin-top:18px}
.mockup-root .m-controls input {accent-color:var(--m-a)}
.mockup-root .m-controls-body>p {border-top:1px solid var(--m-line);margin-top:14px;padding-top:12px;font-size:9px;line-height:1.6;color:var(--m-muted)}
.mockup-root[data-highlight="true"] [data-copy="new"] {outline:1px dashed var(--m-cool);outline-offset:3px}
/* Motion is paused when its slot leaves the viewport, or the user pauses it. */
.mockup-root .m-media[data-playing="false"] *, .mockup-root [data-visible="false"], .mockup-root [data-visible="false"] *, .mockup-root[data-paused="true"] *, .mockup-root[data-paused="true"] *::before,.mockup-root[data-paused="true"] *::after {animation-play-state:paused!important}
@keyframes m-mesh {from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes m-tab {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes m-card-update {0%,35%,100%{border-color:var(--m-app-line)}45%,70%{border-color:var(--m-b);box-shadow:0 0 18px color-mix(in srgb,var(--m-b) 12%,transparent)}}
@keyframes m-meter {0%,12%{transform:scaleX(.6)}35%,100%{transform:scaleX(1)}}
@keyframes m-cursor {0%,100%{transform:translate(0,0);opacity:0}12%{opacity:1}35%{transform:translate(55px,-30px);opacity:1}55%{transform:translate(75px,20px);opacity:1}80%{transform:translate(-25px,30px);opacity:1}92%{opacity:0}}
@keyframes m-wave {from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@keyframes m-fan {0%,100%{translate:0 0}50%{translate:0 calc(var(--i)*-3px)}}
@keyframes m-marquee {to{transform:translateX(-50%)}}
@keyframes m-panel {from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes m-raw {0%,16%,80%,100%{opacity:1}24%,72%{opacity:0}}
@keyframes m-token {0%,16%,80%,100%{opacity:0}24%,72%{opacity:1}}
@keyframes m-packet {0%,27%{opacity:0;transform:translateX(-100px)}35%{opacity:1;transform:translateX(0)}47%,100%{opacity:0;transform:translateX(150px)}}
@keyframes m-return {0%,50%{opacity:0;transform:translateX(150px)}60%{opacity:1;transform:translateX(0)}73%,100%{opacity:0;transform:translateX(-100px)}}
@media(min-width:768px) and (max-width:1100px) {
  .mockup-root .m-nav-inner {gap:35px;padding-inline:30px}.mockup-root .m-nav-links{gap:18px}.mockup-root .m-nav-actions{gap:16px}
  .mockup-root .m-float-score{left:-15px;scale:.85}.mockup-root .m-float-toast{right:-10px;scale:.9}
  .mockup-root .m-product{grid-template-columns:145px minmax(0,1fr)}.mockup-root .m-product-main{padding:18px}.mockup-root .m-product-heading h3{font-size:21px}
  .mockup-root .m-tour{gap:30px;grid-template-columns:.7fr 1.3fr}.mockup-root .m-tour .m-product{display:block}.mockup-root .m-tour .m-product-sidebar{display:none}.mockup-root .m-tour-step h3{font-size:25px}
  .mockup-root .m-tour .m-product-main{padding:15px}.mockup-root .m-tour .m-window-chrome{font-size:7px}
  .mockup-root .m-mode-panel{padding:30px;gap:30px}.mockup-root .m-mode-copy h3{font-size:40px}.mockup-root .m-mode-tabs button{padding:16px 12px;gap:8px}
  .mockup-root .m-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-root .m-feature{grid-column:span 1}.mockup-root .m-feature-0,.mockup-root .m-feature-5{grid-column:span 2}
  .mockup-root .m-split{gap:45px}.mockup-root .m-faq-grid{gap:45px}.mockup-root .m-quote-card{padding:25px;aspect-ratio:auto;min-height:440px}.mockup-root .m-quote-card blockquote{font-size:18px}
  .mockup-root .m-footer-grid{gap:25px;grid-template-columns:1.7fr repeat(4,1fr)}.mockup-root .m-facts-grid strong{font-size:55px}
}
@media(max-width:767px) {
  .mockup-root .m-container{padding-inline:22px}.mockup-root .m-section{padding-block:72px}.mockup-root .m-section-heading{margin-bottom:35px}.mockup-root .m-section-heading h2{font-size:40px}.mockup-root .m-intro{font-size:14px;margin-top:18px}.mockup-root .m-eyebrow{font-size:9px;margin-bottom:20px}
  .mockup-root .m-nav{height:70px;margin-bottom:-70px}.mockup-root .m-nav-inner{height:70px;padding:18px 22px;gap:16px}.mockup-root .m-brand{font-size:24px}.mockup-root .m-nav-actions .m-button{display:none}.mockup-root .m-nav-actions{margin-left:auto;font-size:11px}.mockup-root .m-mobile-menu{display:block;border:0;background:transparent;margin-left:auto;font-size:18px;order:3}
  .mockup-root .m-nav-links{display:none;position:absolute;top:70px;left:12px;right:12px;background:var(--m-card);padding:14px 22px;border:1px solid var(--m-line);border-radius:12px;gap:20px;box-shadow:var(--shadow-lg)}.mockup-root .m-nav-links[data-mobile="true"]{display:flex}.mockup-root .m-dropdown{top:132px;left:12px;width:calc(100vw - 24px)!important;max-height:60vh;overflow-y:auto;padding:12px}.mockup-root .m-feature-menu{grid-template-columns:1fr}.mockup-root .m-dropdown a{padding:10px;font-size:12px}
  .mockup-root .m-hero{padding-top:120px}.mockup-root .m-hero h1{font-size:clamp(40px,6.25vw,48px);line-height:1.04;letter-spacing:-.04em}.mockup-root .m-hero-copy .m-eyebrow{font-size:8px;letter-spacing:.015em;gap:7px;margin-bottom:25px}.mockup-root .m-hero-subhead{font-size:15px;line-height:1.5;margin-top:25px}.mockup-root .m-hero-description{font-size:12px;line-height:1.7;margin-top:10px;max-width:420px}.mockup-root .m-hero-actions{gap:8px;flex-wrap:wrap}.mockup-root .m-button{font-size:10px;padding:13px 14px;gap:12px}.mockup-root .m-trust{flex-wrap:wrap;column-gap:17px;row-gap:10px;font-size:8px;max-width:320px;margin:21px auto 0}.mockup-root .m-hero-mesh{height:810px;opacity:.65;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}
  .mockup-root .m-hero-showcase{margin-top:40px}.mockup-root .m-hero-tabs-row{gap:6px;margin-bottom:20px;justify-content:flex-start}.mockup-root .m-hero-tabs{padding:4px}.mockup-root .m-tabs button{font-size:10px;padding:10px 14px}.mockup-root .m-motion-button{width:25px;height:25px}.mockup-root .m-hero-window{transform:none!important;min-width:0}.mockup-root .m-hero-panel{overflow:hidden;border-radius:12px}.mockup-root .m-hero-panel .m-product{width:720px;min-height:460px;display:block}.mockup-root .m-hero-panel .m-product-sidebar{display:none}.mockup-root .m-hero-panel .m-product-main{width:690px;padding:22px}.mockup-root .m-hero-panel .m-product-heading h3{font-size:24px}.mockup-root .m-hero-panel .m-direction-grid{grid-template-columns:repeat(3,200px);gap:14px}.mockup-root .m-hero-panel .m-window-chrome{width:720px;justify-content:flex-start;gap:65px}.mockup-root .m-hero-panel .m-product-breadcrumb{font-size:9px}.mockup-root .m-hero-panel .m-direction-card h4{font-size:17px}.mockup-root .m-hero-panel .m-fit>strong{font-size:36px}.mockup-root .m-hero-panel .m-product-footer{padding-top:28px}.mockup-root .m-hero-panel .m-product-heading{margin-bottom:25px}.mockup-root .m-hero-panel .m-cv-layout{grid-template-columns:260px 210px}.mockup-root .m-hero-panel .m-kanban{grid-template-columns:220px 220px 220px}.mockup-root .m-hero-panel .m-interview{width:280px}.mockup-root .m-hero-panel .m-company{width:500px}.mockup-root .m-hero-panel .m-company-banner h4{font-size:20px}.mockup-root .m-hero-panel .m-offers{grid-template-columns:220px 220px 220px}
  .mockup-root .m-float-score{display:none}.mockup-root .m-float-toast{right:-9px;bottom:-12px;transform:rotate(2deg);padding:12px;gap:9px;max-width:280px}.mockup-root .m-float-toast small{font-size:8px}.mockup-root .m-float-toast .m-tiny{display:none}.mockup-root .m-demo-caption{font-size:7px;margin-top:35px}.mockup-root .m-agent-two{display:none}.mockup-root .m-agent-one{left:28%}.mockup-root .m-seniority{margin-top:55px;padding:30px 0}.mockup-root .m-seniority .m-eyebrow{font-size:7px;padding-inline:20px}.mockup-root .m-marquee span{font-size:19px}
  .mockup-root .m-tour{display:block}.mockup-root .m-tour-visual{display:none}.mockup-root .m-tour-step,.mockup-root .m-tour-step:last-child{min-height:0;padding:28px 0;display:block}.mockup-root .m-tour-step h3{font-size:26px;margin-top:18px}.mockup-root .m-tour-step p{font-size:13px;max-width:none}.mockup-root .m-mobile-step{display:block;margin-top:25px;overflow:hidden;border-radius:12px}.mockup-root .m-mobile-step .m-product{width:580px;display:block;min-height:350px}.mockup-root .m-mobile-step .m-product-sidebar{display:none}.mockup-root .m-mobile-step .m-cv-layout{grid-template-columns:250px 220px}.mockup-root .m-mobile-step .m-direction-grid{grid-template-columns:230px 230px 230px}.mockup-root .m-mobile-step .m-product-heading h3{font-size:20px}.mockup-root .m-mobile-step .m-app-action{display:none}
  .mockup-root .m-mode-tabs{gap:6px}.mockup-root .m-mode-tabs button{font-size:14px;gap:8px;min-width:120px;padding:15px 12px}.mockup-root .m-mode-tabs button>svg{width:12px}.mockup-root .m-mode-panel{display:block;padding:25px;border-radius:20px}.mockup-root .m-mode-copy h3{font-size:36px}.mockup-root .m-mode-copy p{font-size:13px}.mockup-root .m-mode-copy .m-button{margin:22px 0 30px}.mockup-root .m-mode-panel>.m-media{width:620px;transform:rotate(-1deg)}.mockup-root .m-mode-panel .m-product{display:block;min-height:400px}.mockup-root .m-mode-panel .m-product-sidebar{display:none}.mockup-root .m-mode-panel .m-product-main{padding:18px}.mockup-root .m-mode-panel .m-product-heading h3{font-size:23px}.mockup-root .m-mode-panel .m-plan-header h4{font-size:22px}.mockup-root .m-mode-panel .m-plan{width:290px}.mockup-root .m-mode-stack{position:relative;top:auto!important;transform:none!important;filter:none!important}.mockup-root .m-mode-stack-list{padding-bottom:0}
  .mockup-root .m-bento{grid-template-columns:1fr;gap:18px}.mockup-root .m-feature{grid-column:span 1!important}.mockup-root .m-feature-media{padding:24px 18px 0;height:265px}.mockup-root .m-feature-copy{padding:24px}.mockup-root .m-feature h3{font-size:22px}.mockup-root .m-feature-copy p{font-size:12px}.mockup-root .m-feature-0 .m-product-compact{width:550px}.mockup-root .m-feature-1 .m-product-compact{width:470px}.mockup-root .m-feature-6 .m-product-compact{width:500px}.mockup-root .m-feature-11 .m-product-compact{width:420px}.mockup-root .m-feature-5 .m-product-compact{padding:12px 6px}.mockup-root .m-feature-5 .m-tree-branches{gap:5px}.mockup-root .m-feature-5 .m-tree-branches span{font-size:6px}
  .mockup-root .m-split{grid-template-columns:1fr;gap:35px}.mockup-root .m-large-copy{font-size:17px}.mockup-root .m-body-copy{font-size:12px}.mockup-root .m-shield-demo{padding:20px}.mockup-root .m-shield-document{padding:16px}.mockup-root .m-token-line{font-size:9px;padding:8px}.mockup-root .m-shield-demo>.m-tiny{font-size:7px}.mockup-root .m-privacy-line{font-size:10px;margin-top:25px}
  .mockup-root .m-comparison{grid-template-columns:1fr;gap:18px}.mockup-root .m-comparison article{padding:28px}.mockup-root .m-comparison article>p:not(.m-eyebrow){font-size:12px;min-height:65px}.mockup-root .m-facts-grid{grid-template-columns:1fr 1fr;gap:28px 10px}.mockup-root .m-facts-grid>div{padding-left:16px}.mockup-root .m-facts-grid strong{font-size:55px}.mockup-root .m-facts-grid p{font-size:10px}
  .mockup-root .m-testimonials{grid-template-columns:1fr;gap:20px}.mockup-root .m-quote-card{aspect-ratio:4/5;padding:28px}.mockup-root .m-quote-card blockquote{font-size:21px}.mockup-root .m-quote-card>p{font-size:11px}.mockup-root .m-dialog-content{padding:65px 25px 35px}.mockup-root .m-dialog-content p{font-size:11px}
  .mockup-root .m-faq-grid{grid-template-columns:1fr;gap:40px}.mockup-root .m-faq .m-section-heading h2{font-size:40px}.mockup-root .m-accordion h3 button{font-size:13px;padding-block:21px}.mockup-root .m-accordion article>div>p{font-size:12px;padding-right:10px}
  .mockup-root .m-final{padding-block:85px}.mockup-root .m-final .m-section-heading h2{font-size:43px}.mockup-root .m-final-inner>div>p{font-size:13px}.mockup-root .m-final-inner[data-founder="true"]{grid-template-columns:1fr;gap:35px;text-align:left}.mockup-root .m-final-inner[data-founder="true"] h2{font-size:43px}.mockup-root .m-founder{max-width:400px}
  .mockup-root .m-footer-grid,.mockup-root .m-footer-grid.m-footer-with-modes{grid-template-columns:1fr 1fr;gap:35px}.mockup-root .m-footer-brand{grid-column:1/-1}.mockup-root .m-footer-brand>p{max-width:330px}.mockup-root .m-footer form{max-width:330px}.mockup-root .m-footer-bottom{flex-direction:column;gap:10px;font-size:8px;padding-bottom:65px}.mockup-root .m-controls{bottom:calc(12px + var(--cookie-banner-space,0px));right:12px}.mockup-root .m-controls-toggle{padding:10px 13px;font-size:10px}.mockup-root .m-controls-body{width:240px}
}
@media(prefers-reduced-motion:reduce) {
  .mockup-root *, .mockup-root *::before,.mockup-root *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .mockup-root .m-agent,.mockup-root .m-tab-progress,.mockup-root .m-motion-button{display:none}
  .mockup-root .m-hero-window,.mockup-root .m-hero-copy,.mockup-root .m-float-card{transform:none!important}
  .mockup-root .m-marquee>div{width:auto}.mockup-root .m-marquee>div>div{flex-wrap:wrap;justify-content:center;gap:15px}.mockup-root .m-marquee>div>div[aria-hidden="true"]{display:none}.mockup-root .m-marquee span{font-size:17px;margin:0}.mockup-root .m-marquee span i{margin-left:15px}
  .mockup-root .m-mode-stack{position:relative;top:auto!important;transform:none!important;filter:none!important}
  .mockup-root .m-tour{display:block}.mockup-root .m-tour-visual{display:none}.mockup-root .m-tour-step,.mockup-root .m-tour-step:last-child{min-height:0;padding-block:35px}.mockup-root .m-mobile-step{display:block;margin-top:25px}.mockup-root .m-mobile-step .m-product{max-width:100%}
  .mockup-root .m-token{opacity:1}.mockup-root .m-raw{opacity:0}.mockup-root .m-shield-packet{opacity:1;transform:none}.mockup-root .m-shield-return{display:none}
}

/* EXE-2299 waitlist review. Colours and typography inherit the mockup tokens. */
.mockup-root .wl-hero {position:relative;padding:110px 0 90px}
.mockup-root .wl-mesh {clip-path:polygon(0 0,100% 0,100% 88%,0 100%);opacity:.55}
.mockup-root .wl-hero-grid {position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:85px;align-items:center}
.mockup-root .wl-intro .m-eyebrow {display:flex;gap:10px;align-items:center;font-size:10px}
.mockup-root .wl-intro h1 {font-size:clamp(54px,5.8vw,82px);line-height:1.02;text-wrap:balance}
.mockup-root .wl-lead {font-size:18px;line-height:1.75;color:var(--m-muted);margin-top:30px;max-width:580px}
.mockup-root .wl-trust {display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:34px;max-width:480px}
.mockup-root .wl-trust>span {display:flex;align-items:center;gap:8px;color:var(--m-muted);font-size:11px}
.mockup-root .wl-trust svg {color:var(--m-b);flex-shrink:0}
.mockup-root .wl-form-wrap {position:relative;min-width:0}
.mockup-root .wl-form-card {position:relative;z-index:1;padding:38px;background:color-mix(in srgb,var(--m-card) 87%,transparent);border:1px solid color-mix(in srgb,var(--m-b) 18%,var(--m-card));border-radius:24px;backdrop-filter:blur(28px);box-shadow:var(--m-shadow)}
.mockup-root .wl-form-orbit {position:absolute;inset:25px -13px -16px 12px;background:var(--m-gradient);border-radius:24px;transform:rotate(3deg);opacity:.45}
.mockup-root .wl-access {display:flex;align-items:center;gap:10px;font-size:11px;color:var(--m-muted);margin-bottom:24px}
.mockup-root .wl-form-card h2 {font-size:34px;line-height:1.1;letter-spacing:-.03em;max-width:330px}
.mockup-root .wl-form-card>p {font-size:14px;line-height:1.7;color:var(--m-muted);margin-top:18px}
.mockup-root .wl-form-card form {margin-top:30px}
.mockup-root .wl-form-card label {font-size:12px;display:block;margin-bottom:9px;font-weight:500}
.mockup-root .wl-form-card input {display:block;width:100%;border:1px solid var(--m-line);border-radius:9px;background:var(--m-canvas);padding:14px 15px;color:var(--m-ink);font-size:14px;min-width:0}
.mockup-root .wl-form-card input::placeholder {color:var(--m-muted);opacity:.8}
.mockup-root .wl-form-card .m-button {width:100%;margin-top:12px;border:0;justify-content:space-between;padding:15px 18px}
.mockup-root .wl-form-note {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:var(--m-muted);font-size:10px;line-height:1.5}
.mockup-root .wl-form-note svg {flex-shrink:0}
.mockup-root .wl-preview-note {font-size:10px;line-height:1.6;color:var(--m-muted);padding-top:17px;margin-top:18px;border-top:1px solid var(--m-line)}
.mockup-root .wl-status:empty {display:none}
.mockup-root .wl-status {margin-top:16px;padding:13px;background:color-mix(in srgb,var(--success) 8%,var(--m-card));border:1px solid color-mix(in srgb,var(--success) 25%,var(--m-line));border-radius:9px;font-size:11px}
.mockup-root .wl-status p {display:flex;gap:8px;align-items:flex-start}
.mockup-root .wl-status svg {flex-shrink:0;color:var(--success)}
.mockup-root .wl-status button {display:flex;gap:12px;margin-top:11px;padding:0;border:0;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.mockup-root .wl-section-heading {max-width:760px;margin-bottom:44px}
.mockup-root .wl-section-heading h2 {font-size:clamp(38px,4.4vw,60px);text-wrap:balance}
.mockup-root .wl-section-heading h2>span {color:var(--m-muted)}
.mockup-root .wl-section-heading>p:not(.m-eyebrow) {font-size:16px;line-height:1.75;color:var(--m-muted);margin-top:22px;max-width:640px}
.mockup-root .wl-benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mockup-root .wl-benefit-grid article {padding:32px;background:var(--m-card);border:1px solid var(--m-line);border-radius:24px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}
.mockup-root .wl-benefit-grid article:hover {transform:translateY(-3px);box-shadow:var(--m-shadow)}
.mockup-root .wl-number {font-size:11px;color:var(--m-muted);font-variant-numeric:tabular-nums}
.mockup-root .wl-benefit-grid h3 {font-size:27px;line-height:1.15;margin-top:35px;max-width:260px}
.mockup-root .wl-benefit-grid p {font-size:14px;line-height:1.75;color:var(--m-muted);margin:20px 0 22px}
.mockup-root .wl-card-rule {position:absolute;bottom:0;left:32px;right:32px;height:3px;background:var(--m-gradient)}
.mockup-root .wl-closing {text-align:center;max-width:900px}
.mockup-root .wl-closing h2 {font-size:clamp(40px,5vw,68px);text-wrap:balance}
.mockup-root .wl-closing>p:not(.m-eyebrow) {font-size:17px;color:var(--m-muted);margin-top:25px}
.mockup-root .wl-closing .m-button {margin-top:30px}
.mockup-root .wl-footer {display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:60px;border-top:1px solid var(--m-line)}
.mockup-root .wl-footer>p {width:100%;font-size:10px;color:var(--m-muted)}
@media(max-width:1100px) {
  .mockup-root .wl-hero-grid {gap:45px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .mockup-root .wl-hero {padding:85px 0 75px}
  .mockup-root .wl-form-card {padding:28px}
  .mockup-root .wl-intro h1 {font-size:60px}
  .mockup-root .wl-benefit-grid article {padding:25px}
}
@media(max-width:767px) {
  .mockup-root .wl-hero {padding:50px 0 65px}
  .mockup-root .wl-hero-grid {grid-template-columns:minmax(0,1fr);gap:45px}
  .mockup-root .wl-intro h1 {font-size:48px;max-width:370px}
  .mockup-root .wl-intro .m-eyebrow {font-size:8px;gap:9px;letter-spacing:0}
  .mockup-root .wl-lead {font-size:16px;margin-top:24px}
  .mockup-root .wl-trust {gap:13px;margin-top:25px}
  .mockup-root .wl-trust>span {font-size:10px}
  .mockup-root .wl-form-card {padding:28px 24px}
  .mockup-root .wl-form-card h2 {font-size:31px}
  .mockup-root .wl-form-orbit {inset:22px -4px -12px 10px;transform:rotate(2deg)}
  .mockup-root .wl-form-card input {font-size:16px}
  .mockup-root .wl-form-note {font-size:9px}
  .mockup-root .wl-section-heading {margin-bottom:30px}
  .mockup-root .wl-section-heading h2 {font-size:38px}
  .mockup-root .wl-section-heading>p:not(.m-eyebrow) {font-size:15px;margin-top:20px}
  .mockup-root .wl-benefit-grid {grid-template-columns:1fr}
  .mockup-root .wl-benefit-grid h3 {margin-top:25px;max-width:none}
  .mockup-root .wl-benefit-grid p {margin-bottom:12px}
  .mockup-root .wl-closing h2 {font-size:40px}
  .mockup-root .wl-closing>p:not(.m-eyebrow) {font-size:15px}
  .mockup-root .wl-footer {padding-bottom:80px}
}

/* A quiet pre-launch header; no feature navigation or product reveal. */
.mockup-root .wl-nav {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;position:relative;z-index:2}
.mockup-root .wl-nav-cta {display:flex;align-items:center;gap:14px;font-size:13px;min-height:44px}
.mockup-root .wl-benefits {padding-top:65px;padding-bottom:65px}
.mockup-root .wl-benefit-grid h3 {margin-top:24px}
.mockup-root .wl-closing {padding-top:65px;padding-bottom:85px}
.mockup-root .wl-footer nav {display:flex;align-items:center;gap:28px;font-size:13px;color:var(--m-muted)}
.mockup-root .wl-footer nav a {display:inline-flex;align-items:center;min-height:44px}
@media(max-width:767px) {
  .mockup-root .wl-nav {gap:12px;padding-top:16px;padding-bottom:16px}
  .mockup-root .wl-nav-cta {font-size:12px;gap:8px}
  .mockup-root .wl-benefits {padding-block:45px}
  .mockup-root .wl-closing {padding-top:45px;padding-bottom:65px}
}

#waitlist-status{font-size:14px;line-height:1.6;margin-top:18px}#waitlist-status:empty{display:none}#waitlist-status[data-state="error"]{color:#9b302b}.wl-form-card .wl-form-note{font-size:11px}.mockup-root .m-live-dot{animation:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mockup-root *{animation:none!important;transition:none!important}}