:root{--ease-spring:cubic-bezier(.16, 1, .3, 1)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html .price-card b,html .float-card b{font-variant-numeric:tabular-nums}html .primary,html .secondary{transition:background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .22s var(--ease-spring), transform .22s var(--ease-spring)}html .primary:hover,html .primary:focus-visible{box-shadow:0 12px 26px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-2px)}html .primary:active{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(0)}html .secondary:hover,html .secondary:focus-visible{border-color:var(--line-strong);box-shadow:var(--card-shadow);transform:translateY(-2px)}html .secondary:active{box-shadow:none;transform:translateY(0)}html .primary.large svg{transition:transform .2s var(--ease-spring)}html .primary.large:hover svg,html .primary.large:focus-visible svg{transform:translate(4px)}html .topbar nav :is(a,button){transition:background-color .15s,color .15s,border-color .15s}html .audience li{white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s}html .audience li:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:var(--accent-soft);color:var(--accent-strong)}html .faq summary{transition:color .15s}html .faq summary:hover{color:var(--accent-strong)}html .audience-marquee{--marquee-gap:10px;justify-content:flex-start;gap:var(--marquee-gap);flex-wrap:nowrap;padding:4px 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}html .audience-marquee ul{justify-content:flex-start;gap:var(--marquee-gap);flex-wrap:nowrap;flex:none;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:no-preference){html[data-motion=on] [data-reveal]{opacity:0;transition:opacity .6s ease, transform .6s var(--ease-spring);transition-delay:var(--reveal-delay,0s);transform:translateY(26px)}html[data-motion=on] [data-reveal].is-revealed{opacity:1;transform:translateY(0)}html .hero-copy>*{animation:motion-rise .65s var(--ease-spring) both}html .hero-copy>:first-child{animation-delay:50ms}html .hero-copy>:nth-child(2){animation-delay:.13s}html .hero-copy>:nth-child(3){animation-delay:.21s}html .hero-copy>:nth-child(4){animation-delay:.29s}html .hero-copy>:nth-child(5){animation-delay:.37s}html .hero-visual .visual-disclosure{animation:motion-rise .6s var(--ease-spring) .35s both}html .hero-visual .price-card{animation:motion-card .75s var(--ease-spring) .2s both}html .audience-marquee ul{animation:30s linear infinite motion-marquee}html .audience-marquee:hover ul{animation-play-state:paused}}@keyframes motion-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-card{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-marquee{to{transform:translateX(calc(-100% - var(--marquee-gap)))}}
html body{font-size:17px}html :is(.topbar,.legal-page-header){background:var(--canvas);height:auto;min-height:76px}html .topbar nav :is(a:not(.primary),button:not(.primary)){font-weight:500}html .topbar nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--line-soft)}html :is(.primary,.business-primary,.admin-primary){background:var(--text);border-color:var(--text);box-shadow:none}html :is(.primary,.business-primary,.admin-primary):hover,html .primary:focus-visible{background:var(--accent);border-color:var(--accent);box-shadow:none;transform:none}html .secondary:hover,html .secondary:focus-visible{background:var(--surface-subtle);box-shadow:none;transform:none}html :is(.wizard-title h1,.dashboard-head h1,.business-heading h1,.purchases-intro h1,.admin-main>header h1,.auth-card h1,.legal-page h1){letter-spacing:-.045em;font-weight:500;font-stretch:100%;line-height:1.12}html :is(.wizard-title h1,.dashboard-head h1,.business-heading h1,.purchases-intro h1,.admin-main>header h1){font-size:clamp(2rem,4vw,3.25rem)}html :is(.section-heading h2,.panel-title h2,.table-title h2,.purchase-panel>h2,.admin-card-title h2,.result-hero h2){letter-spacing:-.025em;font-weight:500}html :is(.wizard-card,.products-card,.metric,.admin-card,.purchase-panel,.auth-card,.legal-page>article,.assistant-dialog,.confirm-dialog,.feedback-dialog,.leave-dialog,.admin-dialog){border-radius:var(--card-radius);background:var(--surface);box-shadow:none}html :is(.wizard-card,.business-card){padding:clamp(24px,4vw,48px)}html .stepper{border:0;border-bottom:1px solid var(--line-soft);background:0 0;border-radius:0;padding-bottom:22px}html .stepper button.current span{box-shadow:none}html .price-tiers .recommended{border-color:var(--accent);background:var(--accent-soft)}html :is(.result-hero>strong,.ticket-total strong,.price-tiers strong,.metric strong,.operation-total>div>strong,.subscription-current>strong){font-stretch:100%}html :is(.product-head,.ingredient-head,.sales-expense-head,.statement-group-title,.mix-table thead th,.admin-table-head){letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}html :is(.business-tabs,.cycle-switch){background:var(--surface-subtle)}html .business-heading{padding-top:58px}html .auth-gate{background:var(--canvas);min-height:calc(100dvh - 76px);padding:clamp(32px,6vw,80px) 24px}html .auth-card{width:min(600px,100%);padding:clamp(24px,5vw,48px)}html .auth-card h1{font-size:clamp(1.8rem,4vw,2.5rem)}html .auth-card .eyebrow{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}html .auth-card .auth-fields{grid-template-columns:minmax(0,1fr)}html .auth-actions{flex-wrap:wrap}html .legal-page{background:var(--canvas)}html .legal-page-content p{color:var(--text)}html .admin-shell>aside{background:var(--surface-subtle);color:var(--text);border-right:1px solid var(--line-soft)}html .admin-brand{border-radius:var(--card-radius);background-color:#0000}html .admin-shell aside nav button{color:var(--text-muted);font-weight:500}html .admin-shell aside nav button.active,html .admin-shell aside nav button:hover{border-color:var(--line-soft);background:var(--accent-soft);color:var(--accent-strong)}html .admin-aside-note{border-color:var(--line-soft);color:var(--text-muted);background:0 0}html .admin-aside-note :is(p,strong,b,span,svg),html .admin-shell .back-link,html .admin-shell .aside-toggle{color:var(--text-muted)}html .admin-shell .aside-toggle{border-color:var(--line-strong)}html .admin-shell .aside-toggle:hover{color:var(--accent-strong)}html .site-footer{background:var(--canvas);border-top:1px solid var(--line-soft)}html .whatsapp-widget{background:var(--accent);color:#fff;border-radius:var(--control-radius);box-shadow:var(--floating-shadow)}html .whatsapp-widget:hover{background:var(--accent-strong)}@media (max-width:760px){html .app-topbar{flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}html .app-topbar nav{flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%;display:flex}html .app-topbar nav a.top-link{padding-inline:10px;font-size:14px;display:inline-flex}html .app-topbar nav .primary{flex:auto;justify-content:center}html .business-heading{padding-top:32px}html .auth-gate{padding:28px 16px 48px}html .admin-shell>aside{border-right:0;border-top:1px solid var(--line-soft)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html :is(.primary,.secondary,.topbar nav a,.topbar nav button){transition:none}}html .admin-shell aside nav button.active svg{color:var(--accent-strong)}html .admin-shell :is(button,a,input,select,textarea):focus-visible{outline-color:var(--accent)}html .result-statement{border-radius:var(--card-radius);background:var(--surface-subtle)}@media (max-width:760px){html .app-topbar nav .primary.compact{padding-inline:12px;font-size:14px}html .stepper{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-inline:0}html .stepper button{min-width:0;padding-inline:0}html .stepper button span{width:32px;height:32px}html .stepper:before{top:30px}}html .business-heading>div:first-child>span,html .admin-main>header>div:first-child>span,html .partner-suggestions-head span{color:var(--text-muted);letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}@media (max-width:760px){html .business-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}html .business-tabs button{white-space:normal;justify-content:flex-start;min-width:0;padding-inline:12px;font-size:14px}}html .app-topbar-controls{align-items:center;gap:12px;display:flex}html .app-topbar-controls>.primary{order:2}@media (max-width:1099px){html .app-topbar{flex-wrap:nowrap;gap:10px;height:auto;min-height:72px;padding:10px 16px}html .app-topbar .brand-logo-image{width:78px}html .app-topbar-controls{gap:8px}html .app-topbar-controls>.primary.compact{white-space:nowrap;order:0;min-height:44px;padding:8px 10px;font-size:13px}}html :is(.dashboard-head,.wizard-title,.business-heading,.purchases-intro,.admin-main>header){border-bottom:1px solid var(--line-soft);margin-bottom:28px;padding-bottom:28px}html .purchases-intro{margin-bottom:8px}html :is(.dashboard-head,.wizard-title)>div>span{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}html :is(.dashboard-head,.business-heading,.purchases-intro) p{max-width:60ch;line-height:1.55}html .metrics{border:1px solid var(--line-soft);border-radius:var(--card-radius);background:var(--surface);gap:0;overflow:hidden}html .metrics .metric{border:0;border-right:1px solid var(--line-soft);background:0 0;border-radius:0;min-height:130px;padding:24px 28px}html .metrics .metric:last-child{border-right:0}html .metric-icon:empty{display:none}html .metrics .metric strong{letter-spacing:-.045em;margin-top:10px;font-size:clamp(2rem,3vw,2.6rem);font-weight:500;line-height:1.15}html :is(.metric,.admin-metrics article) span{color:var(--text-muted)}html :is(.table-title,.panel-title,.admin-card-title){border-bottom:1px solid var(--line-soft);padding-bottom:22px}html :is(.table-title,.panel-title,.admin-card-title) h2{letter-spacing:-.035em;font-size:clamp(1.3rem,2vw,1.65rem);font-weight:500}html :is(.product-row,.admin-table-row):hover{background:var(--canvas)}html .product-name>span{border:1px solid var(--line-soft);background:0 0}html .product-row>strong{color:var(--accent)}html .empty{background:var(--canvas);padding:clamp(32px,6vw,64px) 24px}html .empty>svg{color:var(--accent)}html .demo-examples{max-width:680px;margin-inline:auto}html .wizard-card{padding:clamp(24px,3vw,40px)}html .wizard-card .section-heading{border-bottom:1px solid var(--line-soft);margin-bottom:28px;padding-bottom:24px}html .wizard-card .section-heading h2{font-size:clamp(1.65rem,2.6vw,2.1rem);line-height:1.2}html .wizard-card .section-heading>span{display:none}html .wizard-actions{margin-top:32px;padding-top:24px}html .stepper button{color:var(--text-muted)}html .stepper button.current{color:var(--accent-strong)}html .stepper button.current span{background:var(--accent);color:var(--text-inverse)}html :is(.field,.business-form label,.auth-card label,.engine-field,.purchase-field):focus-within>:is(span,b){color:var(--accent-strong)}html :where(.field,.business-form,.auth-card,.engine-field,.engine-select,.operation-card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--canvas)}html :where(.field,.business-form,.auth-card,.engine-field,.operation-card) :is(input,select,textarea):focus{background:var(--surface)}html :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}html .result-hero>strong{color:var(--accent);font-weight:500}html .price-tiers article{border-width:1px;min-height:0}html .price-tiers .recommended{border-width:1px;border-top:4px solid var(--accent)}html .business-tabs{border-color:var(--line-soft);padding:4px}html .business-tabs button{min-height:48px;font-weight:500}html .business-tabs button.active{background:var(--surface);border-color:var(--line-strong)}html .business-heading>div:first-child>span{display:none}html .admin-metrics article{border-top:3px solid var(--line-strong)}html .admin-metrics article>strong{letter-spacing:-.04em;font-weight:500}html .admin-shell aside nav button.active{border-left:3px solid var(--accent)}html :is(.auth-card,.system-state-card,.global-system-state-card){border-top:3px solid var(--accent)}html :is(.legal-page-content,.public-content-body){max-width:76ch}html :is(.primary,.secondary,.business-primary,.admin-primary,.admin-secondary){white-space:nowrap}@media (prefers-reduced-motion:no-preference){html :is(.primary,.secondary,.business-primary,.admin-primary,.admin-secondary){transition:background .18s,border-color .18s,transform .12s}html :is(.primary,.secondary,.business-primary,.admin-primary,.admin-secondary):active:not(:disabled){transform:scale(.985)}}@media (max-width:760px){html :is(.dashboard-head,.wizard-title,.business-heading,.purchases-intro,.admin-main>header){margin-bottom:20px;padding-bottom:20px}html .metrics{grid-template-columns:1fr}html .metrics .metric{border-right:0;border-bottom:1px solid var(--line-soft);min-height:0;padding:18px 20px}html .metrics .metric:last-child{border-bottom:0}html .metrics .metric>div:last-child{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}html .metrics .metric span{max-width:22ch}html .metrics .metric strong{margin:0;font-size:1.9rem}html .dashboard-head>.primary{width:auto;min-width:0;font-size:14px}html .stepper{padding-block:8px 12px}html .stepper button{min-height:44px}html .stepper:before{top:24px}html .business-tabs{scroll-snap-type:x proximity;display:flex;overflow-x:auto}html .business-tabs button{white-space:nowrap;scroll-snap-align:start;flex:none;min-height:44px;padding-inline:14px}html :is(.table-title,.panel-title,.admin-card-title){gap:16px}html :is(.primary,.secondary,.business-primary,.admin-primary,.admin-secondary){white-space:normal}html .app-topbar-controls>.primary.compact{white-space:nowrap}}html .route-loading-framed{align-content:start;justify-items:center;gap:24px;padding-top:56px}.loading-preview{gap:28px;width:min(100%,1000px);display:grid}.loading-title{border-radius:var(--control-radius);background:var(--line-soft);width:45%;height:40px}.loading-metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.loading-metrics span{border:1px solid var(--line-soft);border-radius:var(--card-radius);background:var(--surface-subtle);height:100px}.loading-panel{border:1px solid var(--line-soft);border-radius:var(--card-radius);background:var(--surface);gap:20px;padding:28px;display:grid}.loading-panel span{background:var(--surface-subtle);border-radius:4px;width:85%;height:18px}.loading-panel span:last-child{width:55%}@media (prefers-reduced-motion:no-preference){.loading-preview{animation:1.4s ease-in-out infinite alternate loadingPaper}}@keyframes loadingPaper{0%{opacity:.55}to{opacity:1}}@media (max-width:760px){.loading-metrics{gap:8px}.loading-metrics span{height:64px}.loading-title{width:65%;height:32px}}
