/* Horaflow — a calmer, single-page product introduction. */
.refresh{--container:1180px;--ink:#152d40;--muted:#536777;--line:#dbe4e8;--navy:#102b40;--radius:16px;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.refresh .container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.refresh .site-header{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid #e4ebed;box-shadow:none;backdrop-filter:blur(18px);z-index:100}
.refresh .header-inner{height:84px;display:flex;gap:32px;justify-content:space-between}
.refresh .brand{font-size:23px;letter-spacing:-.8px;gap:10px;flex-shrink:0}
.refresh .brand-mark{background:transparent;box-shadow:none;border:0;padding:0;width:38px;height:38px}
.refresh .site-nav{background:none;border:0;box-shadow:none;padding:0;gap:26px;margin-left:auto}
.refresh .site-nav a{padding:12px 0;font-size:13px;font-weight:600;color:#536777}
.refresh .site-nav a:hover{color:#087b72;background:none}
.refresh .header-actions{display:flex;margin:0}
.refresh .button{border-radius:9px;padding:14px 21px;min-height:48px;font-size:14px;font-weight:650;display:inline-flex;gap:16px;align-items:center;justify-content:center;line-height:1.3;transition:background .2s,transform .2s;box-shadow:none;letter-spacing:0}
.refresh .button-primary{background:#12344c;color:#fff;border:1px solid #12344c;box-shadow:none}
.refresh .button-primary:hover{background:#205470;transform:translateY(-2px)}
.refresh .button-secondary{background:white;color:#17384e;border:1px solid #cfdce2}
.refresh .header-app{display:inline-flex;padding:12px 17px;min-height:44px;font-size:13px;white-space:nowrap}
.refresh .landing-hero{background:#f3f7f6;padding-top:76px;overflow:hidden}
.refresh .hero-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;padding-bottom:64px}
.refresh .kicker{display:flex;align-items:center;gap:9px;margin:0 0 22px;text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:1.8px;color:#397269}
.refresh .kicker span{width:7px;height:7px;background:#44a38a;border-radius:50%}
.refresh h1{font-size:clamp(40px,4.35vw,62px);line-height:1.1;letter-spacing:-2.8px;max-width:650px;font-weight:650;margin:0 0 25px;color:#173347}
.refresh h1 em{font-style:normal;color:#357e72}
.refresh .hero-description{font-size:17px;line-height:1.8;max-width:460px;color:#536777;margin:0 0 28px}
.refresh .action-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.refresh .text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:650;color:#275b61;text-decoration:none}
.refresh .text-link:hover{text-decoration:underline;text-underline-offset:5px}
.refresh .hero-note{margin:20px 0 0;font-size:12px;color:#647a84}
.refresh .hero-product{margin:0;background:#102b40;padding:13px;border-radius:16px;box-shadow:0 24px 55px -25px #12364b66;border:1px solid #27465b;transform:none;min-width:0}
.refresh .product-caption{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;color:#e9f0f2;padding:4px 5px 14px}
.refresh .product-caption>span:last-child{margin-left:auto;letter-spacing:0;color:#b4c6cf;font-size:10px}
.refresh .product-dot{width:6px;height:6px;background:#7fc7aa;border-radius:50%}
.refresh .hero-product>img{width:100%;height:350px;object-fit:contain;object-position:center;background:#0f233a;border-radius:8px}
.refresh .hero-product figcaption{font-size:11px;color:#bacbd2;text-align:center;padding-top:12px}
.refresh .hero-bottom{display:flex;gap:32px;align-items:center;padding:25px 0;border-top:1px solid #d9e3df;color:#49625f;font-size:12px}
.refresh .hero-bottom>span{margin-right:auto;color:#768a87}.refresh .hero-bottom>div:before{content:'✓';color:#388577;margin-right:9px}
.refresh .landing-section{padding:96px 0;scroll-margin-top:105px}
.refresh [id]{scroll-margin-top:110px}
.refresh h2{font-size:clamp(32px,3.2vw,44px);line-height:1.15;letter-spacing:-1.7px;font-weight:650;margin:0;color:#173347}
.refresh .section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:38px}
.refresh .section-heading>p{max-width:355px;color:#607481;font-size:15px;line-height:1.8;margin:0 0 4px}
.refresh .section-heading .kicker{margin-bottom:14px}
.refresh .product-tabs{display:flex;gap:8px;border-bottom:1px solid #dce5e8;padding-bottom:12px;margin-bottom:25px;overflow-x:auto}
.refresh .product-tabs button{border:0;background:transparent;padding:12px 23px;border-radius:7px;font:inherit;font-size:14px;font-weight:650;color:#5a6e7c;white-space:nowrap;cursor:pointer}
.refresh .product-tabs button[aria-selected=true]{background:#17394e;color:white}
.refresh .product-tabs button:hover{background:#eaf3ef;color:#1e5c50}
.refresh .product-panel{display:grid;grid-template-columns:300px minmax(0,1fr);gap:45px;align-items:center;background:#f5f8fa;border:1px solid #e2e9ee;padding:32px;border-radius:16px;min-height:440px}
.refresh .product-panel[hidden]{display:none}
.refresh .panel-number{display:block;font-size:12px;color:#4f887a;font-weight:700;margin-bottom:22px}
.refresh .panel-copy h3{font-size:27px;line-height:1.25;letter-spacing:-.7px;color:#18394d;margin:0 0 18px}
.refresh .panel-copy p{font-size:14px;color:#5f7381;line-height:1.8;margin:0 0 24px}
.refresh .panel-screen{margin:0;background:#10283e;border:1px solid #244258;border-radius:10px;padding:10px;min-width:0;box-shadow:0 14px 30px -20px #1c3b4c}
.refresh .panel-screen img{width:100%;height:360px;object-fit:contain;object-position:center;border-radius:5px;background:#10283e}
.refresh .panel-screen figcaption{padding:10px 0 0;text-align:center;color:#bacbd1;font-size:10px}
.refresh .resource-footnote{display:flex;gap:26px;align-items:center;justify-content:center;padding-top:26px;font-size:12px;color:#647985;flex-wrap:wrap}
.refresh .resource-footnote strong{color:#2a4b5c;font-weight:650}
.refresh .workflow-section{background:#123449;color:#fff;padding:82px 0}
.refresh .workflow-section h2{color:#fff}.refresh .workflow-section .kicker{color:#8cc4b6}.refresh .workflow-section .section-heading>p{color:#b4c7d2}
.refresh .workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;margin:48px 0 0;padding:0}
.refresh .workflow-steps li{border-top:1px solid #426071;padding-top:24px}
.refresh .workflow-steps li>span{font-size:12px;color:#9cd2bd;letter-spacing:2px}
.refresh .workflow-steps h3{font-size:21px;letter-spacing:-.5px;margin:20px 0 12px;color:#fff}
.refresh .workflow-steps p{color:#b6c9d4;font-size:14px;line-height:1.8;margin:0;max-width:300px}
.refresh .pricing-section{background:#fcfcf9}
.refresh .pricing-grid{gap:20px;align-items:stretch}
.refresh .pricing-card{border:1px solid #dce5e3;border-radius:14px;padding:29px;background:#fff;box-shadow:none;display:flex;flex-direction:column;gap:0;transform:none;overflow:visible}
.refresh .pricing-card:hover{transform:none;box-shadow:none}
.refresh .pricing-featured{border:2px solid #397e70;background:#f5faf7;padding:28px}
.refresh .plan-label{font-size:12px;color:#397e70;letter-spacing:1.8px;margin:0 0 12px}
.refresh .pricing-card h3{font-size:19px;line-height:1.3;letter-spacing:-.5px;min-height:50px;margin:0 0 12px;color:#19384b}
.refresh .plan-price{font-size:29px;font-weight:700;letter-spacing:-1px;color:#18384b;margin:0 0 8px;line-height:1.2}
.refresh .plan-fit{font-size:12px;color:#6c807d;margin-bottom:24px}
.refresh .pricing-card>.plan-note,.refresh .pricing-card>.plan-note+p{display:none}
.refresh .pricing-card ul{margin:0 0 26px;padding:20px 0 0;border-top:1px solid #e0e9e4;flex:1;list-style:none;display:block}
.refresh .pricing-card li{font-size:13px;line-height:1.6;margin-bottom:10px;color:#566b76;padding-left:19px;position:relative}
.refresh .pricing-card li:before{content:'✓';position:absolute;left:0;color:#397e70}
.refresh .recommended-badge{position:absolute;top:-13px;right:22px;left:auto;transform:none;background:#397e70;color:white;border:0;padding:4px 12px;font-size:10px;border-radius:5px;letter-spacing:.3px}
.refresh .pricing-card .button{font-size:13px}
.refresh .pricing-note{text-align:center;color:#708279;font-size:12px;margin:25px 0 0}
.refresh .questions-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.refresh .questions-layout>div>p:last-child{color:#607481;font-size:14px;line-height:2;margin-top:26px}
.refresh .faq-list{display:block;margin:0;max-width:none}
.refresh .faq-list details{border:0;border-bottom:1px solid #dce5e8;border-radius:0;background:transparent;box-shadow:none;padding:0;margin:0}
.refresh .faq-list summary{padding:21px 30px 21px 0;font-size:15px;font-weight:600;color:#294858;list-style:none;cursor:pointer;position:relative}
.refresh .faq-list summary:after{content:'+';right:1px;top:19px;position:absolute;color:#488776;font-size:20px;font-weight:400}
.refresh .faq-list details[open] summary:after{content:'−'}
.refresh .faq-list summary::-webkit-details-marker{display:none}
.refresh .faq-list details p{padding:0 22px 22px 0;margin:0;color:#607481;font-size:14px;line-height:1.8}
.refresh .contact-section{background:#edf4f0;padding:75px 0}
.refresh .contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.refresh .contact-layout>div>p:not(.kicker){font-size:15px;line-height:1.8;color:#5b746c;max-width:460px;margin:24px 0}
.refresh .contact-layout .action-row{gap:12px}
.refresh .button-whatsapp{border:1px solid #bfd4c7;background:white;color:#305948;gap:10px}
.refresh .button-whatsapp img{object-fit:contain;flex-shrink:0}
.refresh .contact-disclosure{border:1px solid #c9dcd2;border-radius:12px;background:rgba(255,255,255,.65);padding:22px;font-size:14px;color:#355d4f}
.refresh .contact-disclosure summary{cursor:pointer;font-weight:650}.refresh .contact-form-body{padding-top:24px}
.refresh .lead-form{box-shadow:none;padding:0;background:none;border:0;display:grid;gap:12px}.refresh .lead-form .field{margin:0}.refresh .field input,.refresh .field select{border-radius:7px;background:#fff}.refresh .field label{font-size:12px}
.refresh .site-footer{background:#fff;color:#647784;padding-top:54px;border-top:1px solid #e4ebe7}
.refresh .footer-grid{grid-template-columns:1.7fr 1fr 1.15fr 1.1fr;gap:40px}
.refresh .site-footer .brand{color:#173347}.refresh .site-footer p{font-size:12px;line-height:1.9;color:#6a7e87;max-width:290px}
.refresh .site-footer h2{font-size:10px;letter-spacing:1.5px;color:#284958;margin-bottom:18px}
.refresh .site-footer a:not(.brand){font-size:12px;color:#607581}.refresh .footer-bottom{font-size:10px;color:#81928e;border-top:1px solid #e4ebe7;margin-top:40px;padding:22px 0 30px}
.refresh .whatsapp-float{background:#fff;border:1px solid #d5e5da;color:#244d3b;border-radius:50px;padding:10px 16px 10px 10px;box-shadow:0 6px 25px #183d2c18;gap:9px;right:22px;bottom:22px;min-height:0;font-size:12px;z-index:90}
.refresh .whatsapp-float img{width:29px;height:29px;object-fit:contain}.refresh .whatsapp-float strong{font-size:12px}
.refresh :focus-visible{outline:3px solid #2a9387;outline-offset:4px}
@media(min-width:901px){.refresh .nav-toggle{display:none}}
@media(max-width:1050px){.refresh .site-nav{gap:16px}.refresh .header-inner{gap:20px}.refresh .hero-layout{gap:28px}.refresh h1{font-size:49px}.refresh .hero-product>img{height:310px}.refresh .product-panel{grid-template-columns:260px minmax(0,1fr);gap:25px;padding:25px}.refresh .questions-layout{gap:45px}}
@media(max-width:900px){.refresh .container{width:calc(100% - 40px)}.refresh .header-inner{height:72px;gap:16px}.refresh .header-actions{margin-left:auto}.refresh .site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:15px 25px;border-bottom:1px solid #dce5e8;box-shadow:0 18px 20px #102b4010}.refresh .site-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.refresh .site-nav a{padding:12px}.refresh .nav-toggle{display:flex;border:0;padding:9px;background:transparent;gap:5px;width:36px;height:36px;flex-direction:column;justify-content:center}.refresh .nav-toggle span{height:2px;width:21px;background:#234558}.refresh .hero-layout{grid-template-columns:1fr 1fr}.refresh h1{font-size:42px;letter-spacing:-1.8px}.refresh .hero-description{font-size:15px}.refresh .hero-product>img{height:290px}.refresh .product-panel{grid-template-columns:1fr;gap:25px}.refresh .panel-copy h3{font-size:25px}.refresh .panel-copy{max-width:600px}.refresh .panel-number{margin-bottom:10px}.refresh .panel-screen img{height:420px}.refresh .pricing-grid{grid-template-columns:1fr;gap:26px}.refresh .pricing-card h3{min-height:0}.refresh .pricing-card ul{columns:2;column-gap:35px}.refresh .pricing-card .button{align-self:start;min-width:210px}.refresh .workflow-steps{gap:30px}.refresh .footer-grid{grid-template-columns:1.5fr 1fr;gap:32px}.refresh .contact-layout{gap:30px}}
@media(max-width:650px){.refresh .container{width:calc(100% - 36px)}.refresh .brand{font-size:21px}.refresh .brand-mark{width:30px;height:30px}.refresh .header-inner{gap:10px;height:68px}.refresh .header-app{font-size:11px;padding:10px 12px;min-height:39px;gap:8px}.refresh .nav-toggle{width:30px;padding:5px}.refresh .site-nav{top:68px}.refresh .landing-hero{padding-top:44px}.refresh .hero-layout{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.refresh h1{font-size:43px;letter-spacing:-2px;max-width:450px}.refresh .kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:20px}.refresh .hero-description{font-size:15px;max-width:450px}.refresh .hero-message .action-row{gap:20px}.refresh .hero-note{font-size:10px}.refresh .hero-product>img{height:280px}.refresh .product-caption{font-size:9px}.refresh .hero-bottom{flex-wrap:wrap;gap:14px 20px;justify-content:space-between;font-size:10px;padding:22px 0}.refresh .hero-bottom>span{flex-basis:100%}.refresh .landing-section{padding:60px 0}.refresh h2{font-size:34px;letter-spacing:-1.3px}.refresh .section-heading{display:block;margin-bottom:28px}.refresh .section-heading>p{margin-top:20px;font-size:14px;max-width:450px}.refresh .product-tabs{gap:3px}.refresh .product-tabs button{padding:11px 15px;font-size:12px}.refresh .product-panel{padding:22px 17px;border-radius:12px;gap:22px;min-height:0}.refresh .panel-copy h3{font-size:24px}.refresh .panel-copy p{font-size:13px}.refresh .panel-screen img{height:280px}.refresh .panel-screen{padding:6px}.refresh .resource-footnote{justify-content:start;gap:12px 20px;font-size:11px}.refresh .resource-footnote strong{width:100%}.refresh .workflow-section{padding:55px 0}.refresh .workflow-steps{grid-template-columns:1fr;gap:25px;margin-top:35px}.refresh .workflow-steps li{padding-top:18px}.refresh .workflow-steps h3{margin:12px 0 8px}.refresh .workflow-steps p{max-width:100%}.refresh .pricing-card{padding:25px}.refresh .pricing-card ul{columns:1}.refresh .pricing-card .button{align-self:stretch}.refresh .questions-layout,.refresh .contact-layout{grid-template-columns:1fr;gap:28px}.refresh .faq-list summary{font-size:14px}.refresh .contact-section{padding:55px 0}.refresh .contact-layout .action-row{gap:12px}.refresh .contact-layout .button{font-size:12px;padding:13px 16px;gap:8px}.refresh .footer-grid{grid-template-columns:1fr 1fr;gap:25px}.refresh .footer-brand{grid-column:1/-1}.refresh .footer-bottom{display:block;padding-bottom:80px}.refresh .footer-bottom span{display:block}.refresh .footer-grid>div:last-child{grid-column:1/-1}.refresh .whatsapp-float{right:14px;bottom:14px;padding:10px;border-radius:50%}.refresh .whatsapp-float strong{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.refresh *{transition:none!important}}
.refresh .hero-product>a{display:block}.refresh .hero-product>a>img{width:100%;height:350px;object-fit:contain;background:#10283e;border-radius:8px}
.refresh [data-image-preview]{cursor:zoom-in}
.refresh .image-dialog{border:1px solid #365162;border-radius:14px;background:#10283e;padding:48px 12px 12px;max-width:min(1200px,94vw);max-height:94vh;width:fit-content;color:white}
.refresh .image-dialog::backdrop{background:#061b2bd9;backdrop-filter:blur(5px)}
.refresh .image-dialog>img{max-height:calc(90vh - 65px);width:auto;object-fit:contain}
.refresh .image-dialog-close{position:absolute;right:15px;top:9px;border:1px solid #547385;border-radius:6px;background:#21475c;color:white;padding:5px 12px;cursor:pointer;font:inherit;font-size:12px}
@media(max-width:650px){.refresh .hero-product>a>img{height:auto;aspect-ratio:16/10}}
.refresh .section-heading{max-width:none;text-align:left;margin-inline:0}
.refresh .section-heading h2{margin-inline:0;max-width:none}
.refresh .section-heading .kicker{font-size:11px;letter-spacing:1.8px;color:#397269;margin:0 0 14px;line-height:1.6}
.refresh .workflow-section .section-heading .kicker{color:#8cc4b6}
@media(max-width:650px){.refresh .section-heading .kicker{font-size:9px;letter-spacing:1.3px}}
@media(min-width:901px){.refresh .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.refresh .nav-toggle span:not(.sr-only){margin:0;flex:0 0 2px;background:#234558}
.refresh .whatsapp-float{display:flex}
.refresh .pricing-card::before{display:none}
.refresh .plan-label{background:none;padding:0;border-radius:0;font-weight:700}
.refresh .plan-price{min-height:0}
.refresh .plan-fit{background:none;padding:0;border:0;border-radius:0;font-weight:400;margin:8px 0 24px!important}
.refresh .pricing-card li{display:block;font-weight:400}
.refresh .pricing-card li::before{background:none;width:auto;height:auto;margin:0;border-radius:0;top:0}
.refresh .recommended-badge{box-shadow:none;font-weight:650}