:root{--ink:#142946;--muted:#5e6d7f;--blue:#0864d9;--line:#dde5ec;--paper:#f5f8fb;--orange:#dd691f;--green:#227865;--radius:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-synthesis:none;font-optical-sizing:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df8b36;outline-offset:5px}button:active,.btn:active{transform:scale(.98)}.wrap{max-width:1200px;margin:auto;padding:0 36px}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:22px}.brand img{width:122px;height:55px;object-fit:contain}.brand .divider{width:1px;height:29px;background:var(--line)}.product{font-size:20px;letter-spacing:-.7px;font-weight:650}.product b{font-weight:400;color:var(--blue)}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(20px);z-index:20;border-bottom:1px solid #e9edf2}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:500}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:13px 25px;border-radius:14px;background:var(--blue);color:white;border:1px solid transparent;font-size:15px;font-weight:600;transition:background .18s,transform .18s}.btn:hover{background:#0755b7}.btn.small{min-height:44px;padding:10px 18px;font-size:14px}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.secondary:hover{background:#f0f5fa}.btn.orange{background:#edb778;color:#243144}.btn.orange:hover{background:#f6c895}.arrow{font-size:21px;line-height:1}.hero{text-align:center;min-height:calc(100svh - 88px);padding-top:64px;background:linear-gradient(180deg,#fff 15%,#edf4fb 100%);overflow:hidden}.pill{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:550;color:#376287;background:#eef5fa;border:1px solid #e1ebf4;padding:7px 14px;border-radius:100px}.dot{width:6px;height:6px;border-radius:100%;background:#318576}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.04;letter-spacing:-3.8px;font-weight:650;margin:23px 0}.hero .lead{max-width:615px;margin:0 auto;color:var(--muted);font-size:19px;line-height:1.6}.actions{display:flex;justify-content:center;gap:13px;margin:27px 0 15px}.fine{font-size:13px;color:var(--muted)}.checks{display:flex;justify-content:center;gap:23px;font-size:13px;color:var(--muted)}.checks span:before{content:'✓';color:var(--green);margin-right:7px}.workspace{max-width:1000px;margin:45px auto 0;padding:8px 8px 0;border-radius:23px 23px 0 0;background:#c6d3e0;box-shadow:0 25px 80px #183e6120;text-align:left;position:relative}.app-window{display:flex;background:#fff;border-radius:17px 17px 0 0;overflow:hidden;min-height:360px}.sidebar{width:164px;flex-shrink:0;background:#f6f8fb;padding:25px 16px;font-size:12px;border-right:1px solid #e6ecf1}.side-brand{font-size:20px;font-weight:700;color:#18588e;margin-bottom:30px}.sidebar div:not(.side-brand){padding:11px 12px;margin:4px 0;border-radius:7px;color:#6a7586}.sidebar .selected{background:#e5eefb;color:#1761c3!important}.app-main{padding:25px 27px;flex:1;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.app-top strong{display:block;font-size:22px;font-weight:600;color:var(--ink)}.status{padding:6px 10px;border-radius:7px;background:#eef7f3;color:var(--green);font-size:11px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.metric{padding:14px 16px;border:1px solid var(--line);border-radius:10px;font-size:11px;color:var(--muted)}.metric b{display:block;font-size:25px;font-weight:600;color:var(--ink);letter-spacing:-.7px;margin-top:4px}.metric small{color:var(--green);font-size:10px}.chart-area{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.chart-area h4{font-size:12px;margin:0 0 12px;font-weight:600}.bars{height:110px;display:flex;gap:17px;align-items:end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#eef2f6 36px)}.bars span{background:#5e9ddd;width:26px;border-radius:4px 4px 0 0;position:relative}.bars span:nth-child(even){background:#bbcfe2}.bar-labels{display:flex;justify-content:space-between;font-size:9px;color:#78879a;padding-top:6px}.review-row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:10px}.review-row b{font-weight:500;color:#9b641b}.demo-note{font-size:11px;color:#677e93;padding:11px 0 14px;text-align:center;margin:0}.truststrip{display:grid;grid-template-columns:repeat(4,1fr);padding-top:35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.truststrip>div{text-align:center;border-right:1px solid var(--line);font-size:13px;color:var(--muted)}.truststrip>div:last-child{border:0}.truststrip strong{display:block;font-size:25px;color:var(--ink);font-weight:600;letter-spacing:-.8px}.section{padding-top:128px;padding-bottom:128px}.section h2{font-size:clamp(32px,4vw,49px);line-height:1.13;letter-spacing:-1.8px;font-weight:600;margin:0 0 23px}.intro{max-width:610px;margin-bottom:42px}.intro p,.section p{color:var(--muted)}.kicker{font-size:14px;font-weight:600;color:var(--blue);margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.feature{border-radius:26px;background:var(--paper);padding:35px;overflow:hidden}.feature h3{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0 0 14px}.feature p{font-size:16px;max-width:410px;margin:0}.feature.large{grid-row:span 2;background:#eaf2f9;display:flex;flex-direction:column;justify-content:space-between;min-height:510px}.file-stack{padding:24px;background:#fff;border-radius:17px;margin-top:35px;box-shadow:0 15px 35px #234a6810;transform:rotate(-3deg)}.file-stack>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f4;font-size:13px}.file-stack>div:last-child{border:0}.file-icon{display:inline-block;color:#2677bf;margin-right:12px;font-weight:600}.badge{background:#e9f4ee;padding:3px 8px;color:#23765a;border-radius:6px;font-size:11px}.mini-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #ceddeb;border-radius:11px;color:#3176aa;font-size:22px;line-height:0;margin-bottom:21px}.mini-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature.dark{background:#1c3d5c;color:white}.feature.dark p{color:#bbcede}.feature.dark .mini-icon{border-color:#516f89;color:#b7d8f6}.list-features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px}.list-features h3{font-size:18px;margin-bottom:7px}.list-features p{font-size:15px;margin-top:0}.audience{background:#f6f8fa}.audience-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tab{border:1px solid #d8e1e9;background:transparent;border-radius:100px;padding:10px 17px;color:var(--muted);font-size:14px;min-height:44px}.tab[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.audience-content{padding:35px 40px;background:white;border-radius:25px}.audience-content h3{font-size:27px;letter-spacing:-.8px;margin:0 0 16px}.clean-list{list-style:none;padding:0;margin:25px 0}.clean-list li{margin:13px 0;font-size:15px}.clean-list li:before{content:'✓';color:var(--green);margin-right:12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-head h2{margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.plan{border:1px solid var(--line);border-radius:23px;padding:29px;position:relative}.plan.recommended{border:2px solid #3777b7;background:#f4f8fc;padding:28px}.plan-tag{position:absolute;top:-14px;background:#2566a7;color:#fff;font-size:12px;border-radius:30px;padding:4px 15px}.plan h3{font-size:22px;margin:3px 0 10px}.plan .desc{font-size:14px;min-height:44px}.price{font-size:39px;letter-spacing:-1.8px;font-weight:600;white-space:nowrap}.price small{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}.yearly{font-size:13px!important;margin:3px 0 20px}.plan .btn{width:100%}.plan .clean-list{border-top:1px solid var(--line);padding-top:15px}.price-note{font-size:12px;text-align:center;margin-top:24px}.faq-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:17px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:23px;color:#527799}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;line-height:1.7}.closing{background:#e9f1f8;border-radius:32px;text-align:center;padding:85px 25px;margin-bottom:95px}.closing h2{font-size:45px;line-height:1.15;letter-spacing:-1.7px;margin:0 0 20px}.closing p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 0 85px;font-size:13px;color:var(--muted)}.foot-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.foot-top img{width:120px}.foot-links{display:flex;gap:25px}.legal{font-size:11px;margin-top:25px}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;width:44px;height:44px;color:var(--ink)}
/* Funnel: a focused, warmer commercial narrative. */
.funnel{background:#fafbfc}.funnel header{background:#fafbfced}.funnel .funnel-nav-note{font-size:13px;color:var(--muted)}.funnel-hero{min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;background:#142f49;color:white;padding:24px 0 20px;overflow:hidden;position:relative}.funnel-hero:after{content:'';position:absolute;width:700px;height:700px;border:1px solid #ffffff0b;border-radius:100%;left:-220px;top:190px;pointer-events:none}.funnel-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;flex:1;align-content:center;align-items:center;position:relative;z-index:1}.funnel h1{font-size:clamp(44px,4.6vw,66px);line-height:1.07;letter-spacing:-2.8px;font-weight:600;margin:24px 0}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:10px;margin:26px auto 0;color:#e5ba89;font-size:14px;font-weight:550;text-align:center}.mouse-icon{width:23px;height:35px;overflow:visible}.mouse-wheel{animation:scroll-hint 1.5s ease-in-out infinite;transform-origin:center}@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:1}55%{transform:translateY(7px);opacity:.45}}.funnel-lead{font-size:18px;color:#c4d3df;max-width:490px;line-height:1.65}.funnel-hero .checks{justify-content:flex-start;color:#c6d4df;flex-wrap:wrap;gap:16px}.funnel-hero .checks span:before{color:#e5bb8d}.funnel-proof{display:flex;gap:18px;align-items:center;margin-top:35px;padding-top:27px;border-top:1px solid #ffffff20;font-size:13px;color:#b9cbd9}.proof-icon{width:43px;height:43px;border:1px solid #58738b;border-radius:13px;display:grid;place-items:center;color:#e6bc8d;font-size:21px}.quiz-card{background:#fff;color:var(--ink);padding:23px;border-radius:25px;box-shadow:0 20px 60px #07162530}.quiz-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress{height:4px;background:#edf1f5;border-radius:10px;margin:13px 0 19px}.progress span{display:block;height:100%;background:#c78a4c;width:33.33%;transition:width .25s;border-radius:10px}.quiz-card h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:0 0 10px}.quiz-card p{font-size:14px;color:var(--muted);margin:0 0 21px}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:14px;text-align:left;min-height:64px;background:white;border:1px solid #dbe2e9;border-radius:13px;padding:13px 16px;color:var(--ink);width:100%}.choice:hover,.choice[aria-pressed=true]{border-color:#467ca7;background:#f1f6fa}.choice-icon{width:33px;font-size:23px;color:#587993}.choice strong{font-size:14px;display:block}.choice small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.choice .radio{width:17px;height:17px;border:1px solid #c7d0d8;border-radius:50%;margin-left:auto;flex-shrink:0}.choice[aria-pressed=true] .radio{border:5px solid #356f9e}.quiz-next{width:100%;background:#173d5d;margin-top:19px}.quiz-next:disabled{opacity:.5;cursor:default}.quiz-back{border:0;background:transparent;font-size:13px;padding:10px 0;color:var(--muted)}.quiz-note{text-align:center;font-size:11px!important;margin:13px 0 0!important}.ribbon{display:flex;justify-content:center;gap:75px;padding:25px;background:#eef2f5;color:#516779;font-size:13px}.ribbon b{color:#203e55}.funnel .section{padding-top:112px;padding-bottom:112px}.center{text-align:center;max-width:690px;margin:0 auto 43px}.center h2{font-size:42px}.comparison{display:grid;grid-template-columns:1fr 1fr;max-width:960px;margin:auto;border:1px solid #dde4eb;border-radius:24px;overflow:hidden}.comparison article{padding:33px 40px;background:white}.comparison article+article{background:#edf4f7}.comparison h3{font-size:19px;margin:0 0 23px}.comparison ul{list-style:none;padding:0}.comparison li{font-size:15px;padding:13px 0;display:flex;gap:12px;border-bottom:1px solid #dfe6ec}.comparison li:last-child{border:0}.comparison li span{color:#9b7657}.comparison article+article li span{color:#337760}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.step-number{width:38px;height:38px;display:grid;place-items:center;background:#e7eef3;color:#325e80;border-radius:50%;font-size:15px;font-weight:600;margin-bottom:22px}.steps h3{font-size:20px}.steps p{font-size:15px}.support-band{background:#e9eff3;border-radius:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding:50px;align-items:center}.support-band h2{font-size:36px}.support-note{background:white;border-radius:18px;padding:28px;box-shadow:0 8px 30px #183b5410}.support-note .avatar{display:grid;place-items:center;width:48px;height:48px;background:#173d5d;color:white;border-radius:14px;float:left;margin-right:15px;font-size:15px}.support-note strong{font-size:16px}.support-note .fine{font-size:12px}.support-note p{font-size:16px;clear:both;padding-top:24px;margin-bottom:20px}.funnel .closing{background:#142f49;color:white}.funnel .closing p{color:#bdcedc}.result-highlight{padding:20px;background:#eff5f8;border-radius:14px;margin:20px 0}.result-highlight strong{display:block;font-size:22px}.result-highlight span{font-size:14px}.quiz-result .btn{width:100%;margin-top:8px}.quiz-result a.secondary{font-size:13px}
@media(min-width:1600px){.hero{padding-top:80px}.hero h1{font-size:80px}.workspace{margin-top:50px}.wrap{max-width:1280px}}
@media(max-width:960px){.navlinks{gap:15px}.brand{gap:12px}.brand .product,.brand .divider{display:none}.funnel-layout{gap:35px}.funnel h1{font-size:51px}.quiz-card{padding:25px}.audience-layout,.faq-layout{gap:35px}.plan{padding:22px}.plan.recommended{padding:21px}.price{font-size:33px}.ribbon{gap:25px}.support-band{gap:30px;padding:35px}}
@media(max-width:700px){body{font-size:16px}.wrap{padding-left:22px;padding-right:22px}.nav{height:75px}.brand img{width:105px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:75px;background:#fff;padding:23px;box-shadow:0 10px 20px #1232;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:9px}.hero{min-height:calc(100svh - 75px);padding-top:42px}.hero h1{font-size:46px;letter-spacing:-2px}.hero .lead{font-size:17px}.hero .lead br{display:none}.actions{flex-wrap:wrap}.checks{gap:10px;font-size:11px;flex-wrap:wrap}.workspace{margin-top:32px;padding:5px 5px 0;border-radius:16px 16px 0 0}.app-window{min-height:270px}.sidebar{display:none}.app-main{padding:18px 14px}.app-top strong{font-size:18px}.app-top .status{font-size:9px}.metrics{gap:6px;margin:16px 0}.metric{padding:10px 8px;font-size:9px}.metric b{font-size:20px}.metric small{font-size:8px}.chart-area{gap:12px;grid-template-columns:1.1fr 1fr}.bars{gap:8px;height:75px}.bars span{max-height:75px}.review-row{font-size:8px;gap:5px}.chart-area h4{font-size:10px}.demo-note{font-size:10px}.truststrip{grid-template-columns:1fr 1fr;gap:23px;padding-top:28px;padding-bottom:28px}.truststrip>div:nth-child(2){border:0}.truststrip strong{font-size:23px}.section,.funnel .section{padding-top:76px;padding-bottom:76px}.section h2{font-size:34px;letter-spacing:-1.2px}.feature-grid,.audience-layout,.plan-grid,.faq-layout,.funnel-layout,.comparison,.support-band{grid-template-columns:1fr}.feature{padding:28px}.feature.large{min-height:390px}.list-features{grid-template-columns:1fr;gap:10px}.list-features>article{border-bottom:1px solid var(--line);padding:8px 0}.audience-layout{gap:26px}.audience-content{padding:27px}.section-head{display:block}.section-head .fine{margin-top:20px}.plan-grid{gap:26px}.plan{padding:28px}.plan.recommended{padding:27px}.plan .desc{min-height:0}.price{font-size:40px}.faq-layout{gap:12px}.closing{padding:58px 24px;margin-bottom:66px}.closing h2{font-size:34px}.foot-top{align-items:start;flex-direction:column}.foot-links{flex-wrap:wrap;gap:15px}.funnel-nav-note{display:none}.funnel-hero{min-height:calc(100svh - 75px);padding:42px 0 32px}.funnel h1{font-size:47px;letter-spacing:-1.9px}.funnel-lead{font-size:17px}.funnel-proof{margin-top:25px;padding-top:20px}.funnel-layout{gap:32px;flex:initial}.scroll-cue{margin-top:30px}.quiz-card{padding:26px}.ribbon{gap:15px;flex-wrap:wrap;font-size:11px;padding:19px}.comparison article{padding:28px}.steps{grid-template-columns:1fr;gap:15px}.steps article{display:grid;grid-template-columns:42px 1fr;gap:0 18px}.steps h3{margin:4px 0 8px}.steps p{grid-column:2;margin-top:0}.step-number{grid-row:span 2}.support-band{padding:27px;gap:15px}.support-note{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero-endorsement{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px auto 17px;color:#52677b;font-size:13px;font-weight:500}.hero-endorsement img{width:74px;height:33px;object-fit:contain}
@media(max-width:700px){.hero-endorsement{margin:13px auto 15px;font-size:12px}.hero-endorsement img{width:68px;height:30px}}
.funnel .faq details p{overflow:hidden;margin:0;padding-top:12px}

/* SYSA / Siigo Fiscal refresh: a confident dark-blue opening with quiet, legible plan details. */
.hero{background:linear-gradient(135deg,#102f4b 0%,#173d5d 72%,#1c4d68 100%);color:#fff}
.hero h1{color:#fff}
.hero .lead{color:#d9e5ee}
.hero .hero-endorsement{color:#d9e5ee}
.hero .btn.secondary.wa-cta{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.38);color:#fff}
.hero .btn.secondary.wa-cta:hover{background:rgba(255,255,255,.16)}
.trial-points{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 24px;margin:19px auto 0;color:#e4edf3;font-size:14px}
.trial-points span:before{content:'✓';color:#54c6a0;font-weight:700;margin-right:8px}
.hero .hero-endorsement{margin-top:17px}
.plan-prompt{min-height:51px;margin:10px 0 18px;color:var(--muted);font-size:14px;line-height:1.5}
.plan .plan-contact{width:100%;font-size:14px;padding-inline:12px}
.price-note{max-width:690px;margin-inline:auto;color:var(--muted);line-height:1.6}
@media(max-width:700px){.trial-points{gap:6px 16px;font-size:12px}.hero .btn.secondary.wa-cta{max-width:100%}.plan-prompt{min-height:0}}
.hero .hero-endorsement img{background:#fff;border-radius:7px;padding:3px 7px}
/* Warm action accent drawn from the official Siigo Fiscal event materials. */
.hero .actions .btn[data-trial],header .nav .btn[data-trial],.closing .btn[data-trial]{background:#f5a629;color:#142f49}
.hero .actions .btn[data-trial]:hover,header .nav .btn[data-trial]:hover,.closing .btn[data-trial]:hover{background:#ffb746}

/* Keep the featured plan polished while confining the shine to its rounded surface. */
.plan.recommended{transform:scale(1.035);transform-origin:center;z-index:2;isolation:isolate;overflow:visible;box-shadow:0 8px 24px rgba(23,95,174,.12);background-image:linear-gradient(135deg,rgba(255,255,255,.48),transparent 48%,rgba(73,143,213,.055))}
.plan.recommended::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.34) 50%,transparent 58%);background-size:260% 100%;background-position:150% 0;opacity:0;animation:plan-card-shine 4.8s ease-in-out infinite}
.plan.recommended>*{position:relative;z-index:2}
.plan.recommended .plan-tag{position:absolute;top:-14px;left:28px;z-index:3}
@keyframes plan-card-shine{0%,67%,100%{background-position:150% 0;opacity:0}72%{opacity:.8}91%{background-position:-60% 0;opacity:.8}}
@media(max-width:700px){.plan.recommended{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.plan.recommended{transform:scale(1.035);transition:none}.plan.recommended::after{animation:none;opacity:0}}
/* Visitor actions replace the internal proposal selector on both pages. */
body{padding-bottom:96px}
.conversion-dock{position:fixed;z-index:30;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid #dce5ed;border-radius:20px;box-shadow:0 8px 32px rgba(20,41,70,.16);white-space:nowrap}
.conversion-dock .btn{min-height:46px;padding:10px 17px;border-radius:14px;font-size:13px;gap:8px}
.conversion-dock .dock-primary{background:#f5a629;color:#142f49}
.conversion-dock .dock-primary:hover{background:#ffb746}
.conversion-dock .dock-whatsapp{background:#fff;color:#18344b;border-color:#dce5ed}
.conversion-dock .dock-whatsapp:hover{background:#f2f8f6}
.conversion-dock svg{width:18px;height:18px;fill:none;stroke:#20846a;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){body{padding-bottom:96px}.conversion-dock{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:440px;justify-content:center;border-radius:18px;padding:6px;gap:6px}.conversion-dock .btn{flex:1;min-width:0;padding:9px 10px;font-size:12px;min-height:46px}.conversion-dock .dock-whatsapp{gap:6px}}
@media(prefers-reduced-motion:reduce){.conversion-dock .btn{transition:none}}
.conversion-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.conversion-dock.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.conversion-dock{transition:none}}

/* Brand direction from SYSA/Siigo event materials: midnight blue, teal light and warm CTA. */
:root{--ink:#f1f6fa;--muted:#b3c4d1;--blue:#42c4d9;--line:#25465a;--paper:#0c293f;--green:#58d2a7}
body,.funnel{background:#071a2b;color:var(--ink)}
header,.funnel header{background:rgba(7,26,43,.92);border-color:#1e3a4e}
.brand .divider{background:#315064}.product{color:#f2f6f9}.product b{color:#55c9df}
.btn{background:#126b91;color:#fff}.btn:hover{background:#0e597a}
.btn.secondary,.btn.secondary:hover{background:#0c2a40;color:#eff6fa;border-color:#315168}
.hero,.funnel-hero{background:radial-gradient(ellipse at 76% 40%,rgba(0,186,203,.13),transparent 39%),radial-gradient(ellipse at 19% 80%,rgba(12,101,150,.16),transparent 42%),linear-gradient(145deg,#09243a 0%,#071a2b 68%,#081c2d 100%)}
.hero .lead{color:#c3d3dd}.hero .trial-points{color:#dce8ef}.hero-endorsement{color:#d6e4eb}
.truststrip{border-color:#1c3a4d}.truststrip>div{color:#aec2d0;border-color:#1d3c50}.truststrip strong{color:#f0f6fa}
.section p,.intro p{color:var(--muted)}.kicker{color:#58ccdc}
.feature{background:#0c293f;border:1px solid #17384d}.feature.large{background:linear-gradient(145deg,#0d3049,#0a263b)}.feature h3{color:#f1f6fa}.feature p{color:#b3c4d1}.feature.dark{background:#12364b;border-color:#1a475d}.feature.dark p{color:#c1d1da}.feature.dark .mini-icon{border-color:#467285;color:#6bd3df}.mini-icon{border-color:#31556b;color:#66c8da}
.audience{background:#091f32}.audience-content{background:#0e2b42;border:1px solid #1b3e54}.audience-content h3{color:#f1f6fa}.tab{border-color:#315168;background:#0b263b;color:#bfced8}.tab[aria-selected=true]{background:#145776;color:#fff;border-color:#43b8cf}
.plan{background:#0b263b;border-color:#234257}.plan.recommended{background-color:#0d3048;border-color:#45b8d0;background-image:linear-gradient(135deg,rgba(58,194,216,.12),transparent 48%,rgba(243,187,61,.045))}.plan h3{color:#f2f6f9}.plan .desc,.plan .plan-prompt{color:#b7c9d5}.plan .clean-list{border-color:#29485c}.plan .clean-list li{color:#e2ebf0}.plan-tag{background:#146889;color:white}.price-note{color:#a9bfcd}
.faq summary{color:#eff5f9}.faq summary:after{color:#5cc5d7}.faq details{border-color:#29465a}.faq details p{color:#b7c8d4}.closing,.funnel .closing{background:radial-gradient(ellipse at 50% 0%,rgba(19,122,155,.26),transparent 65%),linear-gradient(135deg,#10344c,#0a2439);border:1px solid #1c455d;color:#f0f5f9}.closing p,.funnel .closing p{color:#c0d0da}.closing .fine{color:#bdced8}
footer{background:#061827;border-color:#19364a;color:#aebfcb}.foot-links a:hover{color:#61c8dc}.legal{color:#91a9b8}
.pill{background:#0c3046;border-color:#20516a;color:#80d3df}.dot{background:#58d2a7}
.funnel .funnel-nav-note{color:#afc3d0}.funnel-hero{background:radial-gradient(ellipse at 80% 34%,rgba(0,181,205,.16),transparent 40%),linear-gradient(145deg,#09253c,#071a2b 72%)}.funnel-hero:after{border-color:rgba(79,208,215,.1)}.funnel-lead{color:#c0d0da}.funnel-hero .checks{color:#c4d4de}.funnel-hero .checks span:before{color:#5fd2ae}.funnel-proof{color:#bfd0da;border-color:#2a4b60}.proof-icon{border-color:#41677c;color:#74d6df}
.quiz-card{background:#0d2a40;color:#eff6fa;border:1px solid #21465d;box-shadow:0 20px 60px rgba(0,0,0,.28)}.quiz-top{color:#adc1cf}.quiz-card p{color:#bdccd6}.progress{background:#1c3d52}.progress span{background:#45c4d5}.choice{background:#0a2438;border-color:#2c4b5f;color:#edf4f8}.choice:hover,.choice[aria-pressed=true]{border-color:#48b9ce;background:#10364e}.choice-icon{color:#65cddd}.choice small{color:#b2c4d0}.choice .radio{border-color:#648093}.choice[aria-pressed=true] .radio{border-color:#48c4d5}.quiz-next{background:#126b91;color:white}.quiz-back{color:#bdd0dc}.quiz-note{color:#a8bdcb!important}
.ribbon{background:#0c2a40;color:#bbced9;border-block:1px solid #17394e}.ribbon b{color:#70d0de}.comparison{border-color:#23455a}.comparison article{background:#0b263b}.comparison article+article{background:#10354b}.comparison h3{color:#f0f6f9}.comparison li{border-color:#25465a;color:#cad7df}.comparison li span{color:#e8bd53}.comparison article+article li span{color:#58d2a7}
.step-number{background:#123d54;color:#79d1de}.steps h3{color:#f0f6f9}.steps p{color:#b5c7d3}
.support-band{background:#0b293f;border:1px solid #1a4056}.support-band h2{color:#f1f6f9}.support-note{background:#10344b;border:1px solid #245067;box-shadow:none}.support-note .avatar{background:#176381;color:white}.support-note strong{color:#f1f6fa}.support-note .fine,.support-note p{color:#bfd0da}
.result-highlight{background:#12374e;border:1px solid #27536a}.result-highlight span{color:#bbccd7}.quiz-result .btn.secondary{background:#102f45}
.conversion-dock{background:rgba(7,26,43,.94);border-color:#315066;box-shadow:0 8px 32px rgba(0,0,0,.35)}.conversion-dock .dock-whatsapp{background:#0d2c42;color:#edf5f8;border-color:#315168}.conversion-dock .dock-whatsapp:hover{background:#12384d}.conversion-dock .dock-primary{background:#f5a629;color:#142f49}.conversion-dock .dock-primary:hover{background:#ffb746}
@media(max-width:700px){.navlinks{background:#091f32;border:1px solid #23455a}.navlinks a{color:#eff5f8}.navlinks .btn.small{color:#142f49}.plan.recommended{background-image:linear-gradient(135deg,rgba(58,194,216,.12),transparent 48%,rgba(243,187,61,.045))}}
@media(prefers-reduced-motion:reduce){.mouse-wheel{animation:none}}
/* Keep the illustrative product screen legible as a light interface on the dark page. */
.workspace,.app-window,.app-main{color:#142946}.app-top{color:#5e6d7f}.app-top strong,.metric b{color:#142946}.metric{color:#5e6d7f}.file-stack{color:#142946}
.funnel main section[style*="background:white"]{background:#091f32!important}
.menu-toggle{background:#0c2a40;color:#eff6fa;border-color:#315168}
.conversion-dock{left:auto;right:max(20px,env(safe-area-inset-right));width:auto;max-width:calc(100% - 32px);transform:translateY(10px);display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:999px;background:rgba(8,34,53,.97);border:1px solid #31576b;color:#eef6fa;font-size:13px;font-weight:600;box-shadow:0 8px 28px rgba(0,0,0,.32)}
.conversion-dock svg{width:19px;height:19px;flex:none;fill:none;stroke:#58d2a7;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.conversion-dock.is-visible{transform:translateY(0)}
@media(max-width:700px){.conversion-dock{right:14px;max-width:calc(100% - 28px);width:auto;padding:12px 15px}}
.accent-gold{color:#f5c343}
#funciones .mini-icon{color:#f5c343;border-color:rgba(245,195,67,.38)}
#funciones .feature.dark .mini-icon{color:#f5c343;border-color:rgba(245,195,67,.46)}

.audience-content .btn.secondary{color:#f5c343;border-color:rgba(245,195,67,.42)}.audience-content .btn.secondary:hover{background:rgba(245,195,67,.1);border-color:#f5c343}

/* Dashboard conceptual basado en la pantalla de inicio compartida por el cliente. */
.fiscal-dashboard{max-width:1120px;margin:46px auto 0;padding:0;border:1px solid rgba(213,229,240,.68);border-radius:18px 18px 0 0;background:#dce6ef;overflow:hidden;box-shadow:0 26px 75px rgba(0,0,0,.24)}
.dash-topbar{height:54px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e6edf3;color:#3e5265;font-size:11px}
.dash-brand{display:flex;align-items:center;gap:7px;color:#148bc2;font-size:20px;font-weight:750;letter-spacing:-1px}.dash-brand i{height:22px;width:1px;background:#d9e3ea;margin:0 3px 0 6px}.dash-brand b{font-size:13px;color:#52728a;letter-spacing:0;font-weight:650}.dash-mark{font-size:14px;font-weight:800;width:19px;height:19px;border-radius:5px;color:white;background:#159ed6;display:grid;place-items:center;letter-spacing:0}.dash-account{display:flex;align-items:center;gap:12px;color:#708294}.dash-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#159fe0;color:#fff;font-size:10px;font-weight:700}
.dash-shell{display:flex;background:#f5f7f8;min-height:465px;text-align:left}.dash-sidebar{width:52px;flex:none;background:#079fe3;display:flex;align-items:center;flex-direction:column;gap:12px;padding:16px 7px}.dash-nav{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#eaf8ff;font-size:17px}.dash-nav.active{background:#0783c5;color:#fff}.dash-main{min-width:0;flex:1;padding:0 20px 13px}.dash-heading{height:49px;display:flex;align-items:center;justify-content:space-between;color:#263746}.dash-heading small{font-size:9px;color:#7f8e9a}.dash-heading h2{font-size:16px;line-height:1.1;margin:0;font-weight:650;letter-spacing:-.25px;color:#24384a}.dash-help{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#188ac6;color:#fff;font-size:10px;font-weight:700}.dash-toolbar{height:47px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid #e7edf1;border-radius:9px;margin:8px 0 12px;color:#667887;font-size:10px}.period{padding:6px 9px;border:1px solid #dbe3e9;border-radius:6px;background:#fff;min-width:132px}.period b{float:right;color:#94a1ab}.widget-edit,.chart-toggle{border:1px solid #b9d9e8;color:#228ab9;border-radius:6px;padding:6px 9px;font-size:9px}.dash-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.dash-total{padding:13px 17px 12px;border-radius:9px;color:#fff;min-width:0}.dash-total.income{background:#149fe6}.dash-total.expenses{background:#607484}.dash-total>span{display:block;font-size:16px;font-weight:550;letter-spacing:-.2px;margin-bottom:6px}.dash-total>div{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.4}.dash-total small{font-size:10px;color:rgba(255,255,255,.9)}.dash-total b{font-size:12px;font-weight:650;white-space:nowrap}.dash-chart-card{background:white;border:1px solid #e7edf1;border-radius:9px;padding:12px 14px 0;overflow:hidden}.dash-chart-head{height:25px;display:flex;align-items:flex-start;justify-content:center;position:relative}.dash-legend{display:flex;gap:16px;font-size:9px;color:#687b89}.dash-legend span{display:flex;align-items:center;gap:5px}.dash-legend i{width:15px;height:7px;background:#149fe6}.dash-legend span+span i{background:#607484}.chart-toggle{position:absolute;right:0;top:-3px}.dash-chart{height:190px;display:flex;gap:8px}.chart-y{width:54px;flex:none;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#84909a;font-size:8px;padding:2px 0 18px}.chart-plot{position:relative;flex:1;display:flex;align-items:stretch;justify-content:space-around;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e8edf0 calc(25% - 1px),#e8edf0 25%);border-bottom:1px solid #dfe6eb}.chart-pair{height:100%;width:8%;display:flex;align-items:end;justify-content:center;gap:3px;position:relative;padding-bottom:18px}.chart-pair i{display:block;width:clamp(8px,1.8vw,22px);height:var(--h);background:#149fe6;border-radius:2px 2px 0 0}.chart-pair i.expense-bar{background:#607484}.chart-pair label{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:8px;color:#74818a}.dash-note{margin:0 -14px;padding:7px 10px 8px;text-align:center;background:#f2f6f8;color:#74899a;font-size:9px}
@media(max-width:700px){.fiscal-dashboard{margin:30px -16px 0;border-radius:13px 13px 0 0}.dash-topbar{height:43px;padding:0 12px}.dash-brand{font-size:17px}.dash-account{font-size:9px}.dash-avatar{width:23px;height:23px}.dash-shell{min-height:330px}.dash-sidebar{width:36px;padding:11px 4px;gap:8px}.dash-nav{width:27px;height:27px;font-size:14px}.dash-main{padding:0 8px 8px}.dash-heading{height:40px}.dash-heading h2{font-size:13px}.dash-toolbar{height:39px;margin:5px 0 8px;padding:0 7px;font-size:8px}.period{min-width:108px;padding:5px 6px}.widget-edit{font-size:8px;padding:5px 6px}.dash-totals{gap:6px;margin-bottom:8px}.dash-total{padding:9px 8px}.dash-total>span{font-size:11px;margin-bottom:5px}.dash-total small{font-size:7px}.dash-total b{font-size:9px}.dash-chart-card{padding:9px 7px 0}.dash-chart-head{height:20px}.dash-legend{font-size:7px;gap:7px}.dash-legend i{width:10px}.chart-toggle{display:none}.dash-chart{height:138px;gap:4px}.chart-y{width:38px;font-size:6px;padding-bottom:16px}.chart-pair{gap:2px;width:9%}.chart-pair i{width:clamp(5px,2vw,10px)}.chart-pair label{font-size:6px}.dash-note{font-size:7px;margin:0 -7px;padding:6px 3px}}

@media(min-width:701px){
  .nav{height:72px}
  .brand img{width:112px;height:50px}
  .hero{min-height:calc(100svh - 72px);padding-top:28px}
  .hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.03;letter-spacing:-3.2px;margin:14px 0}
  .hero .lead{font-size:17px;line-height:1.45}
  .actions{margin:18px 0 9px}
  .fiscal-dashboard{max-width:1040px;margin-top:18px}
  .dash-topbar{height:43px}
  .dash-shell{min-height:0}
  .dash-heading{height:40px}
  .dash-toolbar{height:39px;margin:6px 0 9px}
  .dash-total{padding-top:10px;padding-bottom:9px}
  .dash-total>span{font-size:15px;margin-bottom:4px}
  .dash-chart-card{padding-top:9px}
  .dash-chart-head{height:21px}
  .dash-chart{height:122px}
  .dash-note{padding-top:6px;padding-bottom:6px}
}
@media(min-width:701px) and (max-height:820px){
  .hero{padding-top:20px}
  .hero h1{font-size:clamp(40px,4.3vw,58px);margin:10px 0}
  .hero .lead{font-size:16px}
  .actions{margin:13px 0 6px}
  .fiscal-dashboard{margin-top:13px}
  .dash-chart{height:98px}
}
@media(min-width:701px) and (max-height:920px){
  .hero{padding-top:23px}
  .hero h1{font-size:clamp(42px,4.4vw,60px);margin:11px 0}
  .fiscal-dashboard{margin-top:15px}
  .dash-chart{height:108px}
}
@media(min-width:701px) and (max-height:820px){
  .hero{padding-top:16px}
  .hero h1{font-size:clamp(38px,4vw,54px);margin:8px 0}
  .hero .lead{font-size:15px;line-height:1.4}
  .actions{margin:10px 0 4px}
  .hero .hero-endorsement{margin-top:10px;margin-bottom:10px}
  .fiscal-dashboard{margin-top:10px}
  .dash-topbar{height:38px}
  .dash-heading{height:36px}
  .dash-toolbar{height:35px;margin:5px 0 7px}
  .dash-chart{height:86px}
}
/* El tablero aprovecha la altura disponible del primer pantallazo. */
@media(min-width:701px){.dash-chart{height:clamp(122px,calc(100svh - 791px),320px)}}
@media(min-width:701px) and (max-height:920px){.dash-chart{height:clamp(108px,calc(100svh - 775px),145px)}}
@media(min-width:701px) and (max-height:820px){.dash-chart{height:86px}}
.feature-new{margin:-3px 0 12px;color:#f5c343;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}

/* Ensure dashboard mockup labels remain readable at screenshot scale. */
.dash-brand>span:not(.dash-mark){color:#0b719d}.dash-account{color:#526b7c}.dash-heading small{color:#5f6f7c}.widget-edit{color:#176c92}.dash-total.income{background:#0073b8}.dash-total small{color:#fff}.dash-legend{color:#596d7a}.chart-y{color:#586b78}.chart-pair label{color:#5a6b77}.dash-note{color:#536d7d}
.hero-endorsement{flex-wrap:wrap}.hero-endorsement .sysa-link{min-height:42px;padding:8px 18px;font-size:14px;gap:8px;margin-left:6px;color:#f5c343;background:rgba(245,195,67,.12);border-color:#f5c343;box-shadow:0 0 0 4px rgba(245,195,67,.12)}.hero-endorsement .sysa-link:hover{color:#142f49;background:#f5c343}
