:root {
  color-scheme: dark;
  --bg: #0c0c0c;
  --surface: #191919;
  --text: #f7f7f7;
  --muted: #bebebe;
  --quiet: #a3a3a3;
  --accent: #ff9c66;
  --line: rgba(200, 220, 244, .14);
  --ease: cubic-bezier(.22, 1, .36, 1);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { margin: 0; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
button, summary { cursor: pointer; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
button:disabled { cursor: default; }
img, svg { display: block; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { text-wrap: balance; }
.container { width: min(1120px, calc(100% - 64px)); margin-inline: auto; }
.section { padding-block: 112px; }
.icon { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.platform-icon { width: 24px; height: 24px; flex: none; color: #afafaf; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 50; background: #fff; color: #111; padding: 14px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.atmosphere { position: absolute; inset: 0 0 auto; height: 1250px; overflow: clip; pointer-events: none; z-index: -1; background: radial-gradient(ellipse at 50% 40%, #3d3d3d55, transparent 65%); }
.atmosphere svg { width: 100%; height: 100%; }
.atmosphere path { stroke: url(#ribbon); stroke-width: 34px; fill: none; }
.atmosphere path:nth-of-type(2) { opacity: .65; stroke-width: 20px; }
.atmosphere path:nth-of-type(3) { opacity: .35; stroke-width: 14px; }
.site-header { position: sticky; top: 18px; z-index: 20; padding-inline: 24px; margin-top: 18px; }
.nav-shell { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 960px; margin: auto; padding: 10px 12px 10px 18px; border-radius: 30px; }
.liquid { position: relative; background: linear-gradient(120deg, #cecece24, #1e1e1ea3 48%, #9797971c); border: 1px solid #e5e5e52e; box-shadow: 0 12px 30px #0003, inset 0 1px 0 #ffffff40, inset 0 -1px 0 #ffffff0d; backdrop-filter: blur(24px) saturate(1.4); -webkit-backdrop-filter: blur(24px) saturate(1.4); }
.liquid::before { content: ''; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; pointer-events: none; background: linear-gradient(135deg, #fff9, #fff0 35%, #fff0 65%, #ffffff50); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.brand { display: flex; align-items: center; gap: 9px; font-size: 19px; font-weight: 650; letter-spacing: -.7px; white-space: nowrap; }
.brand img { border-radius: 10px; object-fit: cover; }
.nav-shell nav { display: flex; gap: 26px; }
.nav-shell nav a { display: grid; place-items: center; min-height: 44px; color: #d2d2d2; font-size: 13px; transition: color .2s; }
.nav-shell nav a:hover { color: white; }
.nav-action { display: flex; align-items: center; gap: 12px; background: #f4f4f4; color: #1f1f1f; min-height: 42px; padding: 10px 17px; border-radius: 22px; font-weight: 600; font-size: 13px; box-shadow: inset 0 1px white; transition: transform .2s; }
.nav-action .icon { width: 16px; height: 16px; }
.nav-action:active, .button:active { transform: scale(.98); }
.hero { text-align: center; padding-top: 86px; }
.eyebrow { display: flex; align-items: center; justify-content: inherit; gap: 9px; font-size: 13px; font-weight: 500; color: #d1d1d1; margin-bottom: 21px; letter-spacing: .025em; }
.hero > .eyebrow { justify-content: center; }
.status-dot { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; }
h1 { font-size: clamp(48px, 5.8vw, 80px); font-weight: 650; line-height: 1.04; letter-spacing: -.055em; margin-bottom: 26px; }
h1 > span { color: #b6b6b6; background: linear-gradient(100deg, #f4f4f4 5%, #a9a9a9 55%, #7b7b7b); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-description { color: var(--muted); font-size: 18px; line-height: 1.6; margin: 0 auto; max-width: 650px; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 29px 0 17px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; min-height: 49px; padding: 14px 21px; border-radius: 26px; border: 1px solid transparent; font-size: 14px; font-weight: 600; transition: transform .22s var(--ease), background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.primary { background: linear-gradient(#ffb582, #ff955b); color: #27180f; border-color: #ffcb9f; box-shadow: inset 0 1px #ffe2c4, 0 4px 18px #ff9c6615; }
.primary:hover { background: #ffb584; }
.secondary { background: #e5e5e50b; border-color: #d0d0d026; color: #e8e8e8; }
.secondary:hover { background: #e5e5e516; border-color: #d0d0d050; }
.hero-note { font-size: 12px; color: var(--quiet); }
.product-scene { position: relative; max-width: 1000px; margin: 58px auto 0; text-align: left; padding: 0 30px 30px; }
.scene-light { position: absolute; inset: 15% -8% -2%; z-index: -1; background: radial-gradient(ellipse at 20% 35%, #9999996b, transparent 48%), radial-gradient(ellipse at 85% 80%, #ffc29838, transparent 45%); filter: blur(35px); }
.product-window { border-radius: 20px; border: 1px solid #e5e5e538; box-shadow: 0 40px 100px #0008, 0 0 0 7px #e6e6e606; overflow: clip; background: #1a1a1aee; }
.window-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 15px; min-height: 54px; padding: 10px 20px; border: 0; border-bottom: 1px solid #e5e5e520; background-color: #2626263b; border-radius: 0; box-shadow: inset 0 1px #ffffff30; }
.window-toolbar::before { display: none; }
.window-toolbar > span { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #dedede; }
.window-toolbar .icon { width: 15px; height: 15px; }
.window-dots { display: flex; gap: 6px; width: 100px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #c7c7c755; }
.window-toolbar .demo-label { color: #b8b8b8; width: 100px; justify-content: flex-end; font-size: 11px; }
.product-layout { display: grid; grid-template-columns: 205px minmax(0,1fr); }
.product-sidebar { background: #131313aa; border-right: 1px solid var(--line); padding: 28px 14px; display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
.product-sidebar > span { display: flex; align-items: center; gap: 10px; padding: 12px; font-size: 12px; color: #adadad; }
.product-sidebar .sidebar-title { font-size: 9px; letter-spacing: .07em; padding-bottom: 18px; color: #989898; }
.product-sidebar .icon { width: 17px; height: 17px; }
.product-sidebar .sidebar-selected { border-radius: 10px; color: #f3f3f3; background: #c6c6c615; }
.sidebar-bottom { margin-top: auto; padding: 50px 10px 0; display: flex; align-items: center; gap: 10px; font-size: 12px; }
.small-avatar { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #454545; }
.sidebar-bottom small { display: block; color: #9d9d9d; margin-top: 4px; font-size: 10px; }
.product-content { padding: 27px 30px 24px; min-width: 0; }
.product-title { display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.overline { font-size: 9px; font-weight: 600; letter-spacing: .12em; color: #acacac; margin-bottom: 7px; }
.product-title h2 { font-size: 22px; font-weight: 600; letter-spacing: -.035em; margin-bottom: 0; }
.muted { color: var(--quiet); }
.category-controls { display: inline-flex; gap: 3px; padding: 4px; border: 1px solid #dedede17; background: #0d0d0da3; border-radius: 12px; margin: 21px 0 17px; }
.category-controls button { background: transparent; border: 0; color: #b8b8b8; padding: 10px 17px; border-radius: 8px; font-size: 12px; min-height: 44px; transition: background .2s, color .2s; }
.category-controls button[aria-pressed="true"] { background: #494949; color: white; box-shadow: inset 0 1px #ffffff20, 0 2px 6px #0003; }
.featured-lead { background: #252525; border: 1px solid #dddddd26; border-radius: 14px; padding: 21px; }
.lead-source { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: 11px; color: #d3d3d3; }
.lead-source > span:first-child { display: flex; align-items: center; gap: 7px; }
.lead-source .platform-icon { width: 20px; height: 20px; }
.example-label { color: #bababa; font-size: 10px; }
.featured-lead h3 { font-size: 21px; font-weight: 600; letter-spacing: -.025em; line-height: 1.3; margin: 17px 0 9px; }
.featured-lead > p { font-size: 13px; line-height: 1.65; color: #c6c6c6; max-width: 500px; margin-bottom: 16px; }
.lead-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.lead-tags span { font-size: 10px; background: #d0d0d00c; border: 1px solid #d0d0d017; color: #cbcbcb; padding: 5px 8px; border-radius: 6px; }
.lead-footer { display: flex; align-items: end; gap: 35px; border-top: 1px solid #ffffff16; padding-top: 17px; margin-top: 20px; }
.lead-footer small { display: block; color: #b5b5b5; font-size: 10px; margin-bottom: 6px; }
.lead-footer strong { font-size: 17px; font-weight: 600; }
.source-link { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #a8c9b7; font-size: 10px; }
.source-link .icon { width: 15px; height: 15px; }
.next-lead { display: flex; align-items: center; gap: 12px; margin-top: 12px; padding: 16px 12px 0; }
.next-lead b { font-size: 12px; font-weight: 500; }
.next-lead span { font-size: 10px; color: #a9a9a9; display: block; margin-top: 5px; }
.next-lead > .icon { margin-left: auto; width: 15px; height: 15px; color: #919191; }
.material { background: linear-gradient(125deg, #bbbbbb4d, #353535bb); border: 1px solid #f7f7f755; box-shadow: 0 20px 50px #0005, inset 0 1px #ffffff45; backdrop-filter: blur(18px) saturate(1.25); -webkit-backdrop-filter: blur(18px) saturate(1.25); }
.floating-alert { position: absolute; right: -8px; bottom: 15px; display: flex; align-items: center; gap: 12px; padding: 17px 22px 17px 15px; border-radius: 22px; transform: rotate(-3deg); }
.alert-brand img { border-radius: 10px; }
.floating-alert b { display: block; font-weight: 600; font-size: 13px; }
.floating-alert span { display: block; color: #dbdbdb; font-size: 11px; margin-top: 5px; }
.floating-alert > .icon { color: #dcf1e2; width: 17px; height: 17px; margin-left: 15px; }
.demo-disclaimer { color: #a9a9a9; font-size: 11px; margin: 12px 0 0; }
.workflow { position: relative; margin-top: 65px; background: radial-gradient(ellipse at 50% 78%, #38383844, transparent 40%); border-top: 1px solid #d7d7d70c; }
.section-heading h2, .response-copy h2, .faq-section h2, .final-section h2 { font-size: clamp(36px, 4.5vw, 56px); font-weight: 600; letter-spacing: -.045em; line-height: 1.08; margin-bottom: 23px; }
.section-heading h2 span, .response-copy h2 span, .delivery-copy h3 span, .final-section h2 span { color: #adadad; }
.section-heading > p:last-child { color: var(--muted); font-size: 17px; line-height: 1.6; }
.centered { text-align: center; }
.centered .eyebrow { justify-content: center; }
.flow-scene { margin: 70px auto 0; max-width: 960px; }
.source-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.source-node { display: flex; flex-direction: column; align-items: center; gap: 13px; }
.source-node > span { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 23px; background: linear-gradient(135deg,#dcdcdc19,#62626216); border: 1px solid #e9e9e932; box-shadow: inset 0 1px #ffffff30, 0 10px 24px #0002; }
.source-node svg { width: 32px; height: 32px; color: #bfbfbf; }
.source-node b { font-size: 13px; font-weight: 500; color: #d2d2d2; }
.flow-paths { width: 100%; height: 145px; overflow: visible; }
.flow-tracks { fill: none; stroke: url(#path-light); stroke-width: 1.3; }
.flow-signals { fill: none; stroke: #ffc19b; stroke-width: 2.5; stroke-linecap: round; }
.flow-signals path { stroke-dasharray: .08 1; stroke-dashoffset: .1; opacity: 0; }
.flow-scene.is-running .flow-signals path { animation: flow-signal 6s linear infinite; }
.flow-signals path:nth-child(2) { animation-delay: .35s!important; }
.flow-signals path:nth-child(3) { animation-delay: .7s!important; }
.flow-signals path:nth-child(4) { animation-delay: 1.05s!important; }
.flow-signals path:nth-child(5) { animation-delay: 1.4s!important; }
.filter-stage { max-width: 680px; display: flex; align-items: center; gap: 23px; margin: auto; border: 1px solid var(--line); border-radius: 22px; padding: 28px 30px; background: #1c1c1cdd; }
.stage-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; color: #ffbd93; background: #ffba8d0c; border: 1px solid #ffba8d33; flex: none; }
.stage-icon .icon { width: 26px; height: 26px; }
.step-label { color: #c2c2c2; font-size: 10px; letter-spacing: .12em; font-weight: 600; }
.filter-stage h3 { font-size: 23px; letter-spacing: -.03em; font-weight: 600; margin: 8px 0; }
.filter-stage p { color: var(--muted); line-height: 1.55; font-size: 13px; margin-bottom: 0; }
.rejected-labels { margin-left: auto; display: flex; flex-direction: column; gap: 8px; }
.rejected-labels span { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-size: 11px; border: 1px solid #dedede14; color: #adadad; padding: 7px 9px; border-radius: 7px; }
.rejected-labels .icon { width: 12px; height: 12px; }
.flow-connector { width: 1px; height: 65px; margin: auto; background: linear-gradient(#fcb58377,#bababa22); }
.analysis-stage { text-align: center; max-width: 760px; margin: auto; }
.analysis-stage h3 { font-size: 26px; letter-spacing: -.035em; margin: 13px 0 27px; font-weight: 550; }
.analysis-grid { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; padding: 27px 0; border-block: 1px solid var(--line); text-align: left; }
.analysis-grid > div { padding: 0 23px; min-width: 0; }
.analysis-grid > div + div { border-left: 1px solid var(--line); }
.analysis-grid .icon { color: #c7c7c7; margin-bottom: 15px; }
.analysis-grid span { display: block; font-size: 12px; color: #ababab; margin-bottom: 8px; }
.analysis-grid b { font-size: 14px; font-weight: 500; line-height: 1.45; display: block; }
.fine-print { margin: 16px 0 0; font-size: 11px; line-height: 1.5; color: #acacac; }
.delivery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; max-width: 820px; margin: 0 auto; }
.delivery-copy h3 { font-size: 43px; line-height: 1.1; font-weight: 600; letter-spacing: -.045em; margin: 19px 0 24px; }
.delivery-copy > p { color: var(--muted); font-size: 16px; line-height: 1.7; }
.delivery-note { display: flex; align-items: center; gap: 12px; color: #c6c6c6; font-size: 12px; line-height: 1.6; margin: 27px 0; }
.delivery-note .icon { width: 25px; height: 25px; color: #b9b9b9; }
.motion-control { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; background: #e3e3e309; border: 1px solid #dadada26; color: #e2e2e2; border-radius: 24px; padding: 10px 16px; font-size: 12px; transition: background .2s; }
.motion-control:hover { background: #e3e3e318; }
.motion-control .icon { width: 16px; height: 16px; }
.phone-scene { position: relative; justify-self: center; }
.phone-scene:before { content: ''; position: absolute; z-index: -1; inset: 20% -30% 0; background: radial-gradient(ellipse,#95959533,transparent 68%); }
.phone { position: relative; isolation: isolate; width: 306px; height: 575px; border: 5px solid #535353; border-radius: 47px; background: linear-gradient(155deg,#6e6e6e,#282828 44%,#1a1a1a); overflow: clip; box-shadow: 0 35px 70px #0006, inset 0 0 0 1px #dcdcdc33; padding: 70px 14px 30px; }
.phone-island { position: absolute; top: 13px; left: 50%; transform: translateX(-50%); width: 83px; height: 23px; border-radius: 20px; background: #0c0c0c; box-shadow: inset 0 1px 2px #000; }
.phone-date { font-size: 12px; color: #f4f4f4; text-align: center; }
.phone-time { font-size: 64px; font-weight: 550; letter-spacing: -.06em; text-align: center; color: #f5f5f5; line-height: 1.3; font-variant-numeric: tabular-nums; }
.phone-wallpaper { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.phone-wallpaper:before { content: ''; position: absolute; width: 450px; height: 450px; border: 50px solid #bfbfbf2b; box-shadow: 0 0 0 36px #bfbfbf1a,0 0 0 76px #bfbfbf0e; border-radius: 44% 56% 58% 42%; left: -240px; top: 230px; transform: rotate(-28deg); }
.phone-notification { position: relative; z-index: 1; border-radius: 21px; margin-top: 60px; padding: 15px; }
.notification-head { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 600; }
.notification-head img { border-radius: 8px; }
.notification-head small { margin-left: auto; font-size: 10px; color: #e2e2e2; font-weight: 400; }
.phone-notification h4 { font-size: 16px; line-height: 1.25; font-weight: 600; letter-spacing: -.015em; margin: 14px 0 8px; }
.phone-notification > p { color: #eaeaea; font-size: 12px; line-height: 1.5; margin-bottom: 14px; }
.notification-meta { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-top: 12px; border-top: 1px solid #efefef29; }
.notification-meta b { font-size: 13px; font-weight: 600; }
.notification-meta span { font-size: 11px; color: #d3d3d3; }
.phone-stack { position: absolute; top: 295px; left: 24px; right: 24px; height: 156px; border-radius: 22px; border: 1px solid #f6f6f629; background: #ababab1f; transform: translateY(14px) scale(.95); }
.phone-bottom { position: absolute; bottom: 29px; left: 25px; right: 25px; display: flex; justify-content: space-between; }
.phone-bottom > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #ededed17; }
.phone-bottom .icon { width: 18px; height: 18px; }
.phone-home { position: absolute; bottom: 10px; left: 35%; width: 30%; height: 4px; border-radius: 5px; background: #e8e8e8aa; }
.phone-caption { text-align: center; color: #9d9d9d; font-size: 11px; margin: 18px 0 0; }
.phone-notification.arriving { animation: notification-arrive .65s var(--ease) both; }
.response-section { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; border-top: 1px solid var(--line); }
.response-copy .eyebrow { justify-content: flex-start; }
.response-copy h2 { font-size: 43px; }
.response-copy > p:last-child { color: var(--muted); font-size: 16px; line-height: 1.7; max-width: 420px; }
.response-example { padding: 30px; border: 1px solid #d5d5d526; border-radius: 24px; background: linear-gradient(135deg,#333333,#1e1e1e); box-shadow: 0 25px 60px #0002; }
.response-label { display: flex; align-items: center; gap: 9px; font-size: 12px; color: #f7c3a2; }
.response-example > p { font-size: 18px; line-height: 1.6; color: #e7e7e7; margin: 23px 0; }
.response-example > div { border-top: 1px solid var(--line); padding-top: 18px; display: flex; align-items: center; gap: 9px; color: #bfbfbf; font-size: 11px; }
.response-example > div .icon { width: 16px; height: 16px; }
.pricing-section { background: #121212; border-block: 1px solid var(--line); }
.pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 55px; }
.price-card { padding: 29px 26px; border: 1px solid #d4d4d424; border-radius: 22px; background: #1b1b1b; }
.price-featured { background: linear-gradient(160deg,#383838,#222222); border-color: #dfc4b480; box-shadow: inset 0 1px #fff2; }
.plan-name { font-size: 17px; font-weight: 550; color: #eaeaea; }
.price-card h3 { font-size: 38px; font-weight: 600; letter-spacing: -.04em; margin: 28px 0 5px; }
.price-period { color: #c4c4c4; font-size: 12px; }
.plan-description { font-size: 13px; line-height: 1.5; color: #c5c5c5; min-height: 40px; margin: 23px 0; }
.price-card .button { display: flex; width: 100%; padding-inline: 10px; font-size: 13px; }
.price-card ul { list-style: none; padding: 22px 0 0; margin: 24px 0 0; border-top: 1px solid var(--line); }
.price-card li { color: #cdcdcd; font-size: 13px; line-height: 1.5; margin-bottom: 15px; padding-left: 19px; position: relative; }
.price-card li:before { content: '✓'; position: absolute; left: 0; color: #b4b4b4; }
.pricing-note { text-align: center; color: #a9a9a9; font-size: 12px; line-height: 1.5; margin: 26px 0 0; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.faq-section .eyebrow { justify-content: flex-start; }
.faq-list { border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); }
summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 23px 0; font-size: 16px; line-height: 1.4; }
summary::-webkit-details-marker { display: none; }
summary .icon { color: #a4a4a4; transition: transform .2s; }
details[open] summary .icon { transform: rotate(45deg); }
details > p { margin: 0 35px 25px 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.final-section { text-align: center; padding: 35px 0 105px; }
.final-mark { display: inline-block; border-radius: 20px; border: 1px solid #e6c8ab3b; padding: 5px; background: #ffffff09; margin-bottom: 25px; box-shadow: 0 15px 40px #0003; }
.final-mark img { border-radius: 15px; }
.final-section > p { color: var(--muted); font-size: 17px; margin-bottom: 29px; }
.site-footer { border-top: 1px solid var(--line); padding-block: 29px; display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.site-footer > span { font-size: 11px; color: #9f9f9f; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; font-size: 11px; }
.site-footer .footer-links a { color: #9f9f9f; display: inline-flex; align-items: center; min-height: 44px; transition: color .2s; }
.site-footer .footer-links a:hover { color: #f4f6f8; }
@media(max-width:760px) { .site-footer .footer-links { order: 3; width: 100%; gap: 4px 14px; } }
.site-footer > a:last-child { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #c7c7c7; min-height: 44px; }
.site-footer > a:last-child .icon { width: 15px; height: 15px; }
@keyframes flow-signal { 0%{stroke-dashoffset:.1;opacity:0} 7%{opacity:.9} 38%{stroke-dashoffset:-1;opacity:.9} 42%,100%{stroke-dashoffset:-1;opacity:0} }
@keyframes notification-arrive { from { opacity: .4; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@media(max-width:1000px) {
  .product-sidebar { padding-inline: 9px; }.product-layout{grid-template-columns:175px minmax(0,1fr)}
  .product-content{padding:24px}.floating-alert{right:0}.response-section{gap:45px}.delivery-grid{gap:45px}.price-card{padding:25px 21px}
}
@media(max-width:760px) {
  .container{width:calc(100% - 40px)}.section{padding-block:80px}.site-header{top:10px;padding-inline:16px;margin-top:10px}.nav-shell{padding:8px 10px 8px 13px;gap:12px}.nav-shell nav{display:none}.nav-action{padding:10px 14px;min-height:44px}.brand{font-size:18px}.hero{padding-top:64px}.hero-description{font-size:17px}.desktop-break{display:none}.product-scene{padding:0 0 32px;margin-top:43px}.product-sidebar{display:none}.product-layout{grid-template-columns:1fr}.product-content{padding:24px}.floating-alert{right:8px;bottom:0;transform:rotate(-2deg)}.product-title h2{font-size:21px}.window-dots{width:auto}.window-toolbar{padding-inline:15px}.window-toolbar .demo-label{width:auto}.hero-actions{flex-wrap:wrap}.flow-scene{margin-top:45px}.source-node>b{font-size:12px}.source-node>span{width:58px;height:58px;border-radius:19px}.source-node svg{width:28px;height:28px}.filter-stage{padding:25px;gap:18px}.rejected-labels{display:none}.analysis-grid{grid-template-columns:1.2fr 1fr 1.2fr}.analysis-grid>div{padding-inline:16px}.delivery-grid{gap:35px}.delivery-copy h3{font-size:34px}.delivery-copy>p{font-size:15px}.phone{width:280px;height:550px}.response-section{grid-template-columns:1fr;gap:30px}.response-copy>p:last-child{max-width:560px}.response-copy h2{font-size:40px}.pricing-grid{grid-template-columns:1fr;max-width:470px;margin-inline:auto;gap:17px}.plan-description{min-height:0;margin:20px 0}.price-card{padding:28px}.price-card h3{margin-top:22px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section h2{margin-bottom:10px}.final-section{padding:10px 0 70px}.site-footer{flex-wrap:wrap;gap:18px}.site-footer>span{order:3;width:100%}.atmosphere{height:1000px}.atmosphere svg{width:160%;margin-left:-30%}
}
@media(max-width:560px) {
  html{scroll-padding-top:95px}.hero{padding-top:55px}.hero>.eyebrow{font-size:11px}.hero h1{font-size:clamp(36px,9vw,50px);letter-spacing:-.045em}.hero-description{font-size:16px;max-width:360px}.hero-actions{flex-direction:column;gap:10px;margin-top:25px}.hero-actions .button{width:min(100%,290px);min-height:49px}.hero-actions .secondary{background:transparent;border-color:transparent}.hero-note{font-size:11px}.brand img{width:30px;height:30px}.nav-action{font-size:12px;gap:8px}.nav-action .icon{width:15px}.window-toolbar{min-height:45px;padding:9px 12px;gap:8px}.window-toolbar>span{font-size:10px}.window-dots{gap:4px}.window-dots i{width:6px;height:6px}.window-toolbar .demo-label{font-size:9px}.product-content{padding:18px 15px}.product-title h2{font-size:19px}.overline{font-size:9px}.category-controls{width:100%;display:flex;margin-block:18px 14px;padding:4px}.category-controls button{font-size:11px;min-height:42px;padding:10px 8px;flex:1;white-space:nowrap}.featured-lead{padding:16px}.featured-lead h3{font-size:19px}.featured-lead>p{font-size:13px}.lead-source{font-size:10px}.example-label{font-size:9px}.lead-footer{gap:24px;margin-top:17px;padding-top:14px}.lead-footer strong{font-size:15px}.source-link{display:none}.lead-footer small{font-size:10px}.next-lead{padding-inline:4px;gap:8px}.next-lead b{font-size:11px}.next-lead span{font-size:9px}.floating-alert{padding:12px;gap:9px}.floating-alert b{font-size:11px}.floating-alert span{font-size:10px}.floating-alert img{width:29px;height:29px}.floating-alert>.icon{margin-left:5px;width:15px}.demo-disclaimer{font-size:10px;line-height:1.5;max-width:280px;margin-inline:auto}.workflow{margin-top:45px}.section-heading h2{font-size:36px}.section-heading>p:last-child{font-size:16px}.eyebrow{font-size:12px}.source-grid{gap:4px}.source-node>span{width:44px;height:44px;border-radius:15px}.source-node svg{width:24px;height:24px}.source-node{gap:11px}.source-node b{font-size:10px;letter-spacing:-.02em}.flow-paths{height:90px}.filter-stage{padding:22px 18px;gap:15px}.filter-stage h3{font-size:21px}.filter-stage p{font-size:13px}.stage-icon{width:43px;height:43px;border-radius:14px}.stage-icon .icon{width:22px;height:22px}.flow-connector{height:45px}.analysis-stage h3{font-size:24px;margin-bottom:22px}.analysis-grid{grid-template-columns:1fr;padding:0;gap:0}.analysis-grid>div,.analysis-grid>div+div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:7px 13px;border:0;border-bottom:1px solid var(--line);padding:17px 12px}.analysis-grid>div:last-child{border-bottom:0}.analysis-grid .icon{grid-row:1/3;margin:0}.analysis-grid span{font-size:12px;margin:0}.analysis-grid b{font-size:14px}.fine-print{font-size:10px}.delivery-grid{grid-template-columns:1fr;gap:35px}.delivery-copy{text-align:center}.delivery-copy h3{font-size:38px}.delivery-note{justify-content:center}.delivery-copy>p{font-size:16px;max-width:380px;margin-inline:auto}.phone{width:290px;height:550px}.phone-notification{margin-top:50px}.phone-stack{top:280px}.response-copy h2{font-size:35px}.response-example{padding:24px}.response-example>p{font-size:17px}.price-card li{font-size:14px;line-height:1.6}.price-card .button{min-height:49px;font-size:14px}.pricing-note{font-size:11px}.faq-section{padding-bottom:70px}.faq-section h2{font-size:36px}summary{font-size:16px}details>p{font-size:15px}.final-section h2{font-size:36px}.final-section>p{font-size:16px;line-height:1.6}.site-footer>.brand{font-size:18px}.site-footer>a:last-child{font-size:11px}.nav-shell{border-radius:26px}
}
@media(max-width:359px) {
  .container{width:calc(100% - 32px)}.site-header{padding-inline:10px}.nav-action{padding-inline:11px}.brand{gap:7px;font-size:17px}.hero>.eyebrow{font-size:10px}.hero h1{font-size:35px}.source-node>span{width:40px;height:40px}.source-node b{font-size:9px}.phone{width:278px}.product-title h2{font-size:17px}.product-content{padding:16px 12px}.lead-source{gap:5px}.window-toolbar>span{font-size:9px}.window-toolbar .icon{display:none}.floating-alert{right:0}.category-controls button{font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  html{scroll-behavior:auto}.flow-scene.is-running .flow-signals path,.phone-notification.arriving{animation:none}.button:hover{transform:none}.floating-alert{transform:none}
}
@media(prefers-reduced-transparency:reduce) {
  .liquid{background:#272727;backdrop-filter:none;-webkit-backdrop-filter:none}.material{background:#454545;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-contrast:more) {
  :root{--muted:#e9e9e9;--quiet:#d7d7d7;--line:#95959566}.liquid{background:#222222}.material{background:#3c3c3c}.price-card{border-color:#999999}
}
@supports not (backdrop-filter:blur(1px)) {.liquid{background:#272727}.material{background:#454545}}
.scene-light{inset:15% 0 0}.atmosphere{top:160px;height:1050px}.atmosphere svg{filter:blur(10px)}.atmosphere path{stroke-width:90px;opacity:.65}.atmosphere path:nth-of-type(n+2){display:none}.opaque .liquid{background:#272727;backdrop-filter:none;-webkit-backdrop-filter:none}.opaque .material{background:#454545;backdrop-filter:none;-webkit-backdrop-filter:none}
.category-controls button{min-height:44px}
.example-label,.demo-disclaimer{font-size:12px}.demo-disclaimer{max-width:540px;line-height:1.6}.hero-note{font-size:12px}@media(max-width:560px){.lead-source{gap:8px;flex-wrap:wrap}.source-node b{font-size:11px;overflow-wrap:anywhere}.demo-disclaimer{font-size:12px}.example-label{font-size:12px}.hero-note{font-size:12px}}
.phone-scene:before{inset:20% 0 0}.phone-scene{max-width:100%}@media(max-width:560px){.phone-scene{width:min(290px,100%)}.phone{width:100%}}
.notification-wrap{position:relative;margin-top:60px;isolation:isolate}.notification-wrap .phone-notification{margin-top:0}.notification-wrap .phone-stack{inset:8px 7px -12px;height:auto;transform:scale(.96);z-index:-1}@media(max-width:560px){.notification-wrap{margin-top:50px}}
html.reduced{scroll-behavior:auto}.reduced .flow-scene.is-running .flow-signals path,.reduced .phone-notification.arriving{animation:none}.reduced .button:hover{transform:none}.reduced .floating-alert{transform:none}