@import url("./tokens.css");
@font-face{font-family:Inter;src:url("./assets/fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("./assets/fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url("./assets/fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("./assets/fonts/inter-tight-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
/* The landing uses the original brand tokens. The wide composition presents
   the product publicly; the mobile app's navigation and screens are omitted. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px;color-scheme:light}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}
h1{font-size:var(--text-hero)}h2{font-size:var(--text-h1)}h3{font-size:var(--text-lg)}
p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{display:block;flex:none}button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
::selection{background:var(--color-primary);color:var(--color-paper)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:var(--space-1);box-shadow:var(--focus-ring)}
.container{width:calc(100% - var(--page-pad-x-lg)*2);max-width:var(--content-max);margin-inline:auto}
.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--color-mist);line-height:var(--leading-relaxed)}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none}
.primary-text{color:var(--color-primary)}
.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
.brand img{object-fit:contain;width:33px;height:42px}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--color-paper) 90%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-line)}
.header-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);min-height:88px}
.desktop-nav{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}
.desktop-nav a{display:flex;align-items:center;min-height:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-control);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-mist);white-space:nowrap;transition:var(--transition-all)}
.desktop-nav a:hover,.mobile-menu a:hover{background:var(--color-cloud-soft);color:var(--color-ink)}
.desktop-nav a[aria-current="page"],.mobile-menu a[aria-current="page"]{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-xs)}
.header-actions{display:flex;align-items:center;gap:var(--space-4)}
.language-switch{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-cloud-soft);border:1px solid var(--color-line);border-radius:var(--radius-control)}
.language-switch button{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);padding:var(--space-2);border:0;border-radius:var(--radius-chip);background:transparent;color:var(--color-mist);font-size:var(--text-base);font-weight:var(--weight-medium);transition:var(--transition-all)}
.language-switch button[aria-pressed="true"]{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-xs)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-control);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.2;transition:var(--transition-all)}
.button.primary{background:var(--color-primary);color:var(--color-on-primary)}
.button.primary:hover{background:var(--color-primary-soft);transform:var(--hover-lift);box-shadow:var(--shadow-hover)}
.button.large{min-height:56px;padding:var(--space-4) var(--space-5);border-radius:18px;font-size:var(--text-body)}
.button.secondary{border-color:var(--color-line);background:var(--color-paper);color:var(--color-ink)}
.button.secondary:hover{transform:var(--hover-lift);box-shadow:var(--shadow-hover)}
.button.light{background:var(--color-paper);color:var(--color-ink)}
.button.light:hover{background:var(--color-cloud);transform:var(--hover-lift);box-shadow:var(--shadow-hover)}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink)}
.menu-button{display:none}
.mobile-menu{padding-block:var(--space-4);border-top:1px solid var(--color-line)}
.mobile-menu a{display:block;min-height:var(--tap-min);padding:var(--space-3);border-radius:var(--radius-control);color:var(--color-mist);font-size:var(--text-base);font-weight:var(--weight-medium);transition:var(--transition-all)}
.skip-link{visibility:hidden;position:fixed;left:var(--space-4);top:var(--space-4);z-index:30;transform:translateY(-200%);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-paper);border-radius:var(--radius-control)}
.skip-link:focus{visibility:visible;transform:translateY(0)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:calc(var(--space-8)*2);padding-top:calc(var(--space-10)*2);padding-bottom:calc(var(--space-10)*2)}
.hero-content{max-width:560px;animation:rumbo-enter .25s var(--ease-out) both}
.hero .eyebrow{display:flex;align-items:center;gap:var(--space-3);color:var(--color-primary);margin-bottom:var(--space-6)}
.eyebrow-line{width:var(--space-6);height:2px;background:var(--color-primary);flex:none}
.hero h1{line-height:var(--leading-tight)}
.hero h1>span{display:block}
.hero h1>span+span{margin-top:var(--space-1)}
.hero-description{margin-top:var(--space-6);max-width:48ch;color:var(--color-mist);line-height:var(--leading-relaxed)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}
.journey-panel{padding:var(--space-8);border-radius:var(--radius-panel);background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-hero);animation:rumbo-enter .25s var(--ease-out) both}
.journey-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}
.journey-header .eyebrow{color:var(--color-paper);opacity:.65;margin:0}
.journey-header>[data-icon]{color:var(--color-on-primary-muted)}
.journey-panel h2{font-size:var(--text-h2);max-width:20ch}
.journey-caption{margin-top:var(--space-3);color:var(--color-paper);opacity:.65;font-size:var(--text-base);max-width:36ch}
.journey-steps{margin-top:var(--space-6)}
.journey-step{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-paper) 16%,transparent)}
.journey-number{display:flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:1px solid color-mix(in srgb,var(--color-paper) 20%,transparent);border-radius:var(--radius-control);color:var(--color-on-primary-muted);font-size:var(--text-base);font-variant-numeric:tabular-nums;flex:none}
.journey-step>div{flex:1}
.journey-step h3{font-size:var(--text-body)}
.journey-step p{margin-top:var(--space-1);color:var(--color-paper);opacity:.65;font-size:var(--text-sm);line-height:var(--leading-relaxed)}
.journey-step>[data-icon]{color:var(--color-on-primary-muted)}
.journey-footer{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-paper) 16%,transparent);font-size:var(--text-sm);color:var(--color-paper)}
.journey-footer [data-icon]{color:var(--color-on-primary-muted)}
.tools-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.tools-strip .eyebrow{max-width:24ch}
.tool-list{display:flex;align-items:center;gap:var(--space-10)}
.tool-list>span{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-stone)}
.tool-list [data-icon]{color:var(--color-mist)}
.section{padding-block:calc(var(--space-10)*2)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-8)}
.section-heading .eyebrow,.control-content .eyebrow,.pilot-panel .eyebrow,.faq-section .eyebrow,.contact-section .eyebrow{margin-bottom:var(--space-3)}
.page-head{animation:rumbo-enter .25s var(--ease-out) both}
.page-head .eyebrow{display:flex;align-items:center;gap:var(--space-3);color:var(--color-primary)}
.section-heading>p{max-width:36ch;color:var(--color-mist);font-size:var(--text-body);line-height:var(--leading-relaxed)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.benefit-card{position:relative;min-width:0;padding:var(--space-8);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition-all)}
.benefit-card:hover{transform:var(--hover-lift);box-shadow:var(--shadow-hover)}
.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-control);background:var(--color-primary-subtle);color:var(--color-primary);flex:none}
.icon-tile svg{width:20px;height:20px}
.card-index{position:absolute;top:var(--space-10);right:var(--space-8);font-size:var(--text-xs);letter-spacing:var(--tracking-overline);color:var(--color-mist)}
.benefit-card h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}
.benefit-card>p:last-child{color:var(--color-mist);line-height:var(--leading-relaxed)}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.explore-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-8);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:var(--transition-all)}
.explore-card:hover{transform:var(--hover-lift);box-shadow:var(--shadow-hover)}
.explore-card h3{margin-top:var(--space-3)}
.explore-card p{color:var(--color-mist);line-height:var(--leading-relaxed)}
.explore-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);color:var(--color-primary);font-weight:var(--weight-medium)}
.explore-card:hover .explore-link{color:var(--color-primary-soft)}
@media(max-width:959px){.explore-grid{grid-template-columns:1fr}.explore-card{padding:var(--space-6)}}
.how-section{background:var(--color-cloud-soft);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin:0;padding:0;list-style:none}
.how-grid li{position:relative;padding-top:var(--space-3);padding-right:var(--space-6);border-top:1px solid var(--color-line-strong)}
.step-marker{display:block;padding-block:var(--space-4);font-family:var(--font-display);font-size:var(--text-figure);font-weight:var(--weight-semibold);color:var(--color-primary);font-variant-numeric:tabular-nums}
.how-grid h3{margin-bottom:var(--space-3)}
.how-grid p{color:var(--color-mist);line-height:var(--leading-relaxed)}
.control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:calc(var(--space-10)*2)}
.control-content h2{max-width:25ch}
.control-content>p:last-child{margin-top:var(--space-5);max-width:49ch;color:var(--color-mist);line-height:var(--leading-relaxed)}
.control-points{padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-card)}
.control-points>div{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-4)}
.control-points>div+div{border-top:1px solid var(--color-line)}
.control-points .icon-tile{width:var(--tap-min);height:var(--tap-min);background:var(--color-cloud-soft);color:var(--color-primary)}
.control-points p{font-size:var(--text-body)}
.audience-section{border-top:1px solid var(--color-line);padding-top:var(--space-10);padding-bottom:var(--space-10)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
.audience-grid article{padding-right:var(--space-6)}
.audience-grid article+article{padding-left:var(--space-8);border-left:1px solid var(--color-line)}
.audience-grid article>[data-icon]{color:var(--color-primary)}
.audience-grid article h3{margin-top:var(--space-4);margin-bottom:var(--space-3)}
.audience-grid article p{color:var(--color-mist);line-height:var(--leading-relaxed)}
.pilot-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:var(--space-10);padding:var(--space-10);border-radius:var(--radius-panel);background:var(--color-primary-dark);color:var(--color-paper);box-shadow:var(--shadow-panel)}
.pilot-panel .eyebrow{color:var(--color-on-primary-muted)}
.pilot-panel h2{max-width:26ch}
.pilot-panel p:not(.eyebrow){margin-top:var(--space-5);max-width:50ch;color:var(--color-on-primary-muted);line-height:var(--leading-relaxed)}
.pilot-panel .button{margin-top:var(--space-6)}
.pilot-list{display:grid;gap:var(--space-6);padding:var(--space-8) 0 var(--space-8) var(--space-8);margin:0;list-style:none;border-left:1px solid color-mix(in srgb,var(--color-paper) 20%,transparent)}
.pilot-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-body)}
.pilot-list [data-icon]{margin-top:var(--space-1);color:var(--color-on-primary-muted)}
.faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:calc(var(--space-10)*2);padding-top:var(--space-5)}
.faq-section h2{max-width:21ch}
.faq-list details{border-bottom:1px solid var(--color-line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:72px;padding-block:var(--space-5);list-style:none;cursor:pointer;font-weight:var(--weight-medium);font-size:var(--text-body)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary [data-icon]{color:var(--color-primary);transition:var(--transition-all)}
.faq-list details[open] summary [data-icon]{transform:rotate(180deg)}
.faq-list details>p{padding-bottom:var(--space-5);max-width:55ch;color:var(--color-mist);font-size:var(--text-body);line-height:var(--leading-relaxed)}
.contact-section{display:flex;justify-content:space-between;align-items:center;gap:var(--space-10);padding-block:var(--space-10);border-top:1px solid var(--color-line)}
.contact-section h2{max-width:30ch}
.contact-section p:not(.eyebrow){margin-top:var(--space-4);max-width:57ch;color:var(--color-mist);line-height:var(--leading-relaxed)}
.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);flex:none}
.contact-pending{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-line-strong);border-radius:var(--radius-control);color:var(--color-mist);font-size:var(--text-base)}
#contact-label{font-size:var(--text-sm);color:var(--color-mist)}
.site-footer{background:var(--color-cloud-soft);border-top:1px solid var(--color-line);padding-top:var(--space-8)}
.footer-main{display:flex;align-items:center;gap:var(--space-6);padding-bottom:var(--space-8)}
.footer-main p{color:var(--color-mist);font-size:var(--text-base)}
.footer-nav{display:flex;flex-wrap:wrap;column-gap:var(--space-5);margin-left:auto}
.footer-nav a{display:flex;align-items:center;min-height:var(--tap-min);font-size:var(--text-base);color:var(--color-stone);transition:var(--transition-all)}
.footer-nav a:hover,.footer-nav a[aria-current="page"]{color:var(--color-primary)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-5);border-top:1px solid var(--color-line-strong);font-size:var(--text-sm);color:var(--color-mist)}
@keyframes rumbo-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:960px){.mobile-menu{display:none!important}}
@media(max-width:1099px){.header-inner{gap:var(--space-4)}.header-actions{gap:var(--space-3)}.hero{gap:var(--space-8)}.journey-panel{padding:var(--space-6)}.tool-list{gap:var(--space-6)}.tools-strip .eyebrow{max-width:20ch}.benefit-card{padding:var(--space-6)}.control-grid,.faq-section{gap:var(--space-10)}.card-index{right:var(--space-6);top:var(--space-8)}}
@media(max-width:959px){.desktop-nav,.header-cta{display:none}.header-inner{min-height:80px}.menu-button{display:inline-flex}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;max-width:720px;padding-block:var(--space-10);gap:var(--space-10)}.hero-content{max-width:560px}.hero-actions{gap:var(--space-2)}.journey-panel{max-width:560px;width:100%;margin-left:auto}.tools-strip{flex-direction:column;align-items:flex-start;gap:var(--space-5)}.tools-strip .eyebrow{max-width:none}.tool-list{flex-wrap:wrap;gap:var(--space-6)}.section{padding-block:calc(var(--space-8)*2)}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.section-heading>p{max-width:52ch}.benefit-grid{grid-template-columns:1fr;gap:var(--space-4)}.benefit-card{display:grid;grid-template-columns:56px 1fr;column-gap:var(--space-5)}.benefit-card h3{margin-top:var(--space-1);padding-right:var(--space-10)}.benefit-card>p:last-child{grid-column:2}.benefit-card .icon-tile{grid-row:1/3}.card-index{top:var(--space-6)}.how-grid{gap:var(--space-5)}.control-grid{gap:var(--space-8)}.pilot-panel{padding:var(--space-8);gap:var(--space-6)}.pilot-list{padding-left:var(--space-5)}.faq-section{gap:var(--space-8)}.contact-section{flex-direction:column;align-items:flex-start;gap:var(--space-6)}.footer-bottom{flex-wrap:wrap;gap:var(--space-3)}}
@media(max-width:639px){.container{width:calc(100% - var(--page-pad-x)*2)}.header-inner{min-height:76px}.header-actions{gap:var(--space-2)}.brand{gap:var(--space-2);font-size:var(--text-h2)}.brand img{width:28px;height:36px}.language-switch button{width:var(--tap-min);height:var(--tap-min)}.hero{gap:var(--space-8);padding-top:var(--space-8);padding-bottom:var(--space-8)}.hero .eyebrow{gap:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-5)}.hero h1{font-size:var(--text-hero)}.hero-description{margin-top:var(--space-5)}.hero-actions{flex-direction:column;align-items:stretch;margin-top:var(--space-6);gap:var(--space-2)}.journey-panel{padding:var(--space-6);margin:0}.journey-step{gap:var(--space-3)}.journey-step>[data-icon]{display:none}.journey-caption{max-width:none}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);width:100%}.section{padding-block:var(--space-10)}.section-heading{margin-bottom:var(--space-6)}h2{font-size:var(--text-h2)}.benefit-card{display:block;padding:var(--space-6)}.benefit-card h3{margin-top:var(--space-5);padding-right:0}.card-index{top:var(--space-8)}.how-grid{grid-template-columns:1fr;gap:var(--space-6)}.how-grid li{padding:0}.step-marker{font-size:var(--text-h1)}.control-grid{grid-template-columns:1fr;gap:var(--space-6)}.control-points{padding:var(--space-4)}.audience-grid{grid-template-columns:1fr;gap:var(--space-6)}.audience-grid article,.audience-grid article+article{padding:0;border:0}.audience-grid article+article{border-top:1px solid var(--color-line);padding-top:var(--space-6)}.pilot-panel{grid-template-columns:1fr;padding:var(--space-6);gap:var(--space-6)}.pilot-list{padding:var(--space-6) 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--color-paper) 20%,transparent);gap:var(--space-4)}.pilot-panel .button{width:100%}.faq-section{grid-template-columns:1fr;gap:var(--space-6)}.faq-section h2{max-width:none}.faq-list summary{gap:var(--space-3)}.contact-section{padding-block:var(--space-8)}.contact-action{width:100%}.contact-action .button,.contact-pending{width:100%;justify-content:center}.footer-main{flex-wrap:wrap;gap:var(--space-4)}.footer-main p{flex-basis:calc(100% - 130px)}.footer-nav{margin-left:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* Content adapted from the previous landing: the manual work between tools. */
.problem-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:calc(var(--space-10)*2);padding-top:calc(var(--space-10)*2);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-line)}
.problem-intro .eyebrow{margin-bottom:var(--space-3)}
.problem-intro h2{max-width:27ch}
.problem-intro>p:last-child{margin-top:var(--space-5);max-width:49ch;color:var(--color-mist);line-height:var(--leading-relaxed)}
.problem-list{list-style:none;margin:0;padding:0}
.problem-list li{display:flex;align-items:flex-start;gap:var(--space-4);padding-block:var(--space-5)}
.problem-list li+li{border-top:1px solid var(--color-line)}
.problem-list .icon-tile{width:var(--tap-min);height:var(--tap-min);background:var(--color-cloud-soft)}
.problem-list p{margin-top:var(--space-2);color:var(--color-mist);line-height:var(--leading-relaxed)}
@media(max-width:959px){.problem-section{gap:var(--space-8);padding-top:calc(var(--space-8)*2)}}
@media(max-width:639px){.problem-section{grid-template-columns:1fr;gap:var(--space-5);padding-block:var(--space-10)}.problem-list li:first-child{padding-top:0}.problem-list li:last-child{padding-bottom:0}}
.video-section{padding-top:calc(var(--space-10)*2)}
.intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-paper);box-shadow:var(--shadow-card)}
.product-video{margin-top:var(--space-10)}
@media(max-width:639px){.video-section{padding-top:var(--space-10)}}
.product-section .flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:0;padding:0;list-style:none}
.flow-stage{min-width:0;padding:var(--space-8);background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.flow-stage .step-marker{padding-block:0 var(--space-3)}
.flow-stage h3{margin-bottom:var(--space-6)}
.flow-steps{display:flex;flex-direction:column;gap:var(--space-5);margin:0;padding:0;list-style:none}
.flow-steps li{display:grid;grid-template-columns:var(--tap-min) minmax(0,1fr);column-gap:var(--space-4);align-items:start}
.flow-steps .icon-tile{grid-row:1/3;width:var(--tap-min);height:var(--tap-min);background:var(--color-cloud-soft)}
.flow-text{line-height:var(--leading-relaxed)}
.flow-tag{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-semibold);line-height:1.5;white-space:nowrap}
.flow-tag svg{width:14px;height:14px}
.flow-tag.ready,.flow-tag.today{background:var(--color-success-subtle);color:var(--color-success)}
.flow-tag.pilot,.flow-tag.next{background:var(--color-primary-subtle);color:var(--color-primary)}
.flow-note{margin-top:var(--space-5);color:var(--color-mist);font-size:var(--text-sm)}
.flow-tag.later{background:var(--color-cloud-soft);color:var(--color-mist)}
@media(max-width:959px){.product-section .flow-grid{grid-template-columns:1fr;gap:var(--space-4)}.flow-stage{padding:var(--space-6)}}
/* Vision: the seven processes in trip order; the top line marks how close each one is. */
.vision-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-10) var(--space-6);margin:0;padding:0;list-style:none}
.vision-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);min-width:0;padding-top:var(--space-5);border-top:3px solid var(--color-line-strong)}
.vision-steps li.next{border-top-color:var(--color-primary-soft)}
.vision-steps li.today{border-top-color:var(--color-primary)}
.vision-head{display:flex;align-items:center;gap:var(--space-2);color:var(--color-mist);font-family:var(--font-display);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}
.vision-head [data-icon]{display:inline-flex}
.vision-steps li.today .vision-head{color:var(--color-primary)}
.vision-steps p{color:var(--color-mist);line-height:var(--leading-relaxed)}
.vision-steps .flow-tag{margin-top:auto}
@media(max-width:959px){.vision-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.vision-steps{grid-template-columns:1fr;gap:var(--space-8)}}
.proof-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin:0 0 var(--space-8)}
.proof-shots figure{margin:0;min-width:0}
.proof-shots img{display:block;width:100%;height:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--color-cloud-soft)}
.proof-shots figcaption{margin-top:var(--space-3);color:var(--color-mist);font-size:var(--text-sm);line-height:var(--leading-relaxed)}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
.proof-grid article{min-width:0}
.proof-grid .icon-tile{width:var(--tap-min);height:var(--tap-min)}
.proof-grid h3{margin:var(--space-4) 0 var(--space-2)}
.proof-grid p{color:var(--color-mist);line-height:var(--leading-relaxed)}
.market-strip{margin-top:var(--space-10);padding:var(--space-8);background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-panel);box-shadow:var(--shadow-hero)}
.market-strip .eyebrow{color:var(--color-paper);opacity:.6;margin-bottom:var(--space-5)}
.market-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.market-figures>div{padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-paper) 12%,transparent);border-radius:var(--radius-subcard);background:color-mix(in srgb,var(--color-paper) 8%,transparent)}
.market-figure{font-family:var(--font-display);font-size:var(--text-figure);font-weight:var(--weight-semibold);line-height:1.1;margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}
.market-figures p:not(.market-figure){opacity:.8;line-height:var(--leading-relaxed);max-width:40ch}
.market-source{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-6);color:var(--color-paper);opacity:.65;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}
.market-source:hover{opacity:1}
.market-source svg{width:14px;height:14px}
@media(max-width:959px){.proof-shots{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.proof-grid{grid-template-columns:1fr;gap:var(--space-5)}.market-strip{padding:var(--space-6)}.market-figures{grid-template-columns:1fr;gap:var(--space-3)}}