@font-face{font-family:Simona;src:url('assets/fonts/SimonaPro-Medium.otf') format('opentype');font-weight:500;font-display:swap}
main{padding-bottom:0}
.page-section{position:relative;width:100%;isolation:isolate;color:#000}
.page-section :is(p,h2,h3,ol){margin:0;font-weight:inherit;font-size:inherit;line-height:inherit}
.page-section ol{padding:0}
.page-section img{display:block}
.page-cta{border:0;cursor:pointer;font-family:inherit;transition:filter .2s,box-shadow .2s}
.page-cta:hover{filter:brightness(.96);box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #20464022!important}
.page-cta:active{filter:brightness(.92)}
.faq-item{width:100%;border-radius:calc(13 * var(--u));background:#fff;color:#204640;padding:calc(18 * var(--u)) calc(20 * var(--u));transition:background-color .25s,color .25s}
.faq-item.is-open{background:#355d58;color:#fff}
.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(28 * var(--u));padding:0;border:0;background:none;color:inherit;font-family:inherit;cursor:pointer;text-align:right}
.faq-question span{width:calc(812 * var(--u));font-weight:700;font-size:calc(22 * var(--u));line-height:calc(26.1 * var(--u));}
.faq-icon{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s,margin-top .3s;overflow:hidden;margin-top:0}
.faq-answer>div{min-height:0;overflow:hidden;display:flex;justify-content:flex-end}
.faq-answer p{width:calc(672 * var(--u));font-size:calc(16 * var(--u));line-height:calc(23.2 * var(--u));color:#e0ece5;text-align:right;min-height:calc(48 * var(--u))}
.faq-item.is-open .faq-answer{grid-template-rows:1fr;margin-top:calc(12 * var(--u))}
.faq-question:focus-visible{outline:calc(2 * var(--u)) solid currentColor;outline-offset:calc(5 * var(--u));border-radius:calc(3 * var(--u))}
@media(prefers-reduced-motion:no-preference){.motion-ready .reveal{opacity:0;translate:0 calc(16 * var(--u));transition:opacity .6s ease,translate .6s ease}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}}
.video-preview-button{position:absolute;left:calc(550 * var(--u));top:calc(240 * var(--u));width:calc(81 * var(--u));height:calc(81 * var(--u));border:0;padding:0;background:none;opacity:1;cursor:default}
.video-preview-button img{display:block;width:100%;height:auto}
/* Review corrections — source dimensions remain proportional to the 1440px design. */
.hero h1{font-size:calc(36 * var(--u));width:calc(990 * var(--u));top:calc(130 * var(--u))}
[data-node-id="78:1975"],[data-node-id="78:2010"]{box-shadow:none!important}
[data-node-id="78:1947"]{width:100%;text-align:right;direction:rtl}
[data-node-id="78:1947"] p{white-space:normal!important;text-align:right}
[data-node-id="78:1925"]{top:calc(90 * var(--u))!important;height:calc(60 * var(--u))!important;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.25) 45%,#fff 100%)!important;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .hero .brand{animation:hero-enter .65s ease both}
 .hero h1{animation:hero-enter .75s .08s ease both}
 .hero-description{animation:hero-enter .75s .16s ease both}
 .hero .trial-button,.social-proof{animation:hero-enter .7s .24s ease both}
 .motion-ready #features.reveal{opacity:1;translate:none}
 .motion-ready .feature-motion{opacity:0;translate:0 calc(22 * var(--u));transition:opacity .7s ease,translate .7s cubic-bezier(.2,.65,.3,1)}
 .motion-ready .feature-motion.is-visible{opacity:1;translate:0 0}
 .page-cta,.trial-button{transition:filter .2s,box-shadow .2s,scale .2s}
 .page-cta:hover,.trial-button:hover{scale:1.025}
 @keyframes hero-enter{from{opacity:0;translate:0 calc(12 * var(--u))}to{opacity:1;translate:0 0}}
}
/* Four problem cards reveal in RTL reading order, 500ms apart. */
@media(prefers-reduced-motion:no-preference){
 .motion-ready #problems.reveal{opacity:1;translate:none;transition:none}
 .motion-ready #problems .problem-card-layer{opacity:0}
 .motion-ready #problems.is-visible .problem-card-layer{
  animation:problem-card-fade .5s ease-out var(--card-delay,0s) both;
 }
 @keyframes problem-card-fade{from{opacity:0}to{opacity:1}}
}
/* Lightweight illustration loops; paused outside the viewport. */
.invoice-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.invoice-flow path{fill:none;stroke:#15b87a;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:18 100;stroke-dashoffset:18}
@media(prefers-reduced-motion:no-preference){
 .loop-layer,.loop-layer path{animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-play-state:paused}
 .loop-playing,.loop-playing path{animation-play-state:running}
 .tab-hidden .loop-layer,.tab-hidden .loop-layer path{animation-play-state:paused}
 .demo-cursor{animation-name:demo-click;transform-origin:top left;pointer-events:none}
 .invoice-click{animation-name:invoice-press}
 .invoice-logo{animation-name:logo-receive}
 .invoice-flow path{animation-name:flow-to-provider}
 .document-confirm{animation-name:document-received}
 .document-check{animation-name:check-confirm;transform-origin:center}
 .focus-corners{animation-name:focus-lock;transform-origin:center;transform-box:fill-box}
 .focus-scan{animation-name:scan-pass}
 .scan-notice{animation-name:scan-result}
 @keyframes demo-click{0%,8%{translate:calc(28 * var(--u)) calc(24 * var(--u));opacity:0}18%{opacity:1}28%,34%{translate:0 0;scale:1}31%{translate:0 0;scale:.82}60%{translate:0 0;opacity:1}72%,100%{translate:calc(20 * var(--u)) calc(14 * var(--u));opacity:0}}
 @keyframes invoice-press{0%,28%,38%,100%{scale:1;background:#355d58}31%{scale:.96;background:#238763}45%,62%{background:#238763}}
 @keyframes flow-to-provider{0%,34%{stroke-dashoffset:18;opacity:0}36%{opacity:1}63%{stroke-dashoffset:-100;opacity:1}66%,100%{stroke-dashoffset:-100;opacity:0}}
 @keyframes logo-receive{0%,53%,80%,100%{box-shadow:0 0 0 transparent;background:#fff}63%,70%{box-shadow:0 0 calc(12 * var(--u)) #36cb9770;background:#e8fff2}}
 @keyframes document-received{0%,30%,80%,100%{translate:0 0;background:#fff}40%,64%{translate:0 calc(-3 * var(--u));background:#e8f8ef}}
 @keyframes check-confirm{0%,31%,80%,100%{scale:1}42%{scale:1.28}50%,65%{scale:1.1}}
 @keyframes focus-lock{0%,6%,100%{transform:scale(1.09);opacity:.45}20%,82%{transform:scale(1);opacity:1}90%{transform:scale(1.04);opacity:.6}}
 @keyframes scan-pass{0%,21%{transform:translateY(-75px);opacity:0}25%{transform:translateY(-75px);opacity:1}66%{transform:translateY(65px);opacity:1}72%,100%{transform:translateY(65px);opacity:0}}
 @keyframes scan-result{0%,52%,100%{opacity:0;translate:0 calc(7 * var(--u))}65%,85%{opacity:1;translate:0 0}95%{opacity:0;translate:0 0}}
}
@media(prefers-reduced-motion:no-preference){
 .shield-bounce{animation-name:shield-settle;transform-origin:center bottom}
 @keyframes shield-settle{0%,12%,42%,100%{translate:0 0;scale:1}20%{translate:0 calc(-5 * var(--u));scale:1.025}29%{translate:0 calc(1 * var(--u));scale:1.015 .98}35%{translate:0 calc(-1.5 * var(--u));scale:1}}
}
@media(prefers-reduced-motion:no-preference){
 .pricing-shimmer::after{content:"";position:absolute;pointer-events:none;top:-40%;bottom:-40%;left:-45%;width:35%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-15deg);animation:cta-shimmer 7s ease-in-out infinite;animation-play-state:paused}
 .pricing-shimmer.loop-playing::after{animation-play-state:running}
 .tab-hidden .pricing-shimmer::after{animation-play-state:paused}
 @keyframes cta-shimmer{0%,16%{left:-45%;opacity:0}20%{opacity:1}39%{left:115%;opacity:1}43%,100%{left:115%;opacity:0}}
}
.creator-credit{text-decoration:none;color:#fff}
.creator-credit:hover{opacity:.85}
.creator-credit:focus-visible{outline:2px solid #e2fe66;outline-offset:6px;border-radius:3px}
/* Meaningful micro-motion: progress stops at the approved portion, pending stays pending. */
.partial-progress-track{background:transparent!important}
.partial-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#355d58;transform-origin:right center}
@media(prefers-reduced-motion:no-preference){
 .partial-progress-fill{animation-name:partial-approval;animation-duration:7s}
 .payment-wait-row{animation-name:payment-wait;animation-duration:7s;animation-delay:var(--row-phase)}
 .waiting-pulse{animation-name:waiting-breath;animation-duration:7s;transform-origin:center}
 .folder-search{animation-name:folder-search;animation-duration:8s;animation-delay:var(--folder-phase)}
 .pending-turn{animation-name:pending-turn;animation-duration:8s;transform-box:view-box;transform-origin:25.5517px 21.0694px}
 .tracking-row-update{animation-name:tracking-update;animation-duration:8s;animation-delay:var(--row-phase);border-radius:calc(5 * var(--u))}
 @keyframes partial-approval{0%,8%{transform:scaleX(0)}32%,82%{transform:scaleX(1)}94%,100%{transform:scaleX(0)}}
 @keyframes payment-wait{0%,12%,55%,100%{background-color:transparent}28%,38%{background-color:#edf4f1}}
 @keyframes waiting-breath{0%,12%,60%,100%{scale:1;opacity:1}30%,42%{scale:.92;opacity:.65}}
 @keyframes folder-search{0%,10%,65%,100%{translate:0 0}28%,42%{translate:calc(4 * var(--u)) calc(-5 * var(--u))}}
 @keyframes pending-turn{0%,10%{rotate:0deg}42%,100%{rotate:360deg}}
 @keyframes tracking-update{0%,10%,45%,100%{background-color:transparent}22%,31%{background-color:#e7f3e9}}
}

[data-node-id="78:2223"] svg{width:100%;height:100%}
/* Preserve the supplied logo artwork; blend its white canvas into the hero. */
.hero .brand{height:calc(41 * var(--u));mix-blend-mode:multiply}
.hero .brand img{width:auto;height:110%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
/* Tighter logo-to-headline spacing. */
@media(min-width:768px){
 .hero .brand{width:calc(194 * var(--u));height:calc(37 * var(--u))}
 .hero h1{top:calc(116 * var(--u))}
}
.hero h1 strong{font-weight:700}
.google-verification{position:absolute;right:calc(683 * var(--u));top:calc(354 * var(--u));display:flex;align-items:center;gap:calc(10 * var(--u));color:#59736a;font-size:calc(15 * var(--u));line-height:1.4}
.google-verification img{width:calc(62 * var(--u));height:auto;flex:none}

.billing-toggle{position:absolute;top:calc(20 * var(--u));left:calc(25 * var(--u));width:calc(361 * var(--u));display:flex;padding:calc(4 * var(--u));border-radius:calc(30 * var(--u));background:#eef3f1;gap:calc(4 * var(--u))}
.billing-toggle button{border:0;background:transparent;border-radius:calc(24 * var(--u));padding:calc(9 * var(--u)) calc(17 * var(--u));font:500 calc(16 * var(--u))/1.4 Simona,Arial,sans-serif;color:#59736a;cursor:pointer;flex:1;white-space:nowrap;transition:background .2s,box-shadow .2s}
.billing-toggle button[aria-pressed="true"]{background:white;color:#204640;box-shadow:0 2px 6px #20464012}
.billing-toggle span{color:#137b6b;font-size:.82em;margin-inline-start:calc(7 * var(--u))}
.billing-toggle button:focus-visible{outline:2px solid #355d58;outline-offset:2px}
@media(min-width:768px){
#pricing{height:calc(742 * var(--u))!important}
[data-node-id="78:2164"]{height:calc(601 * var(--u))!important}
[data-node-id="78:2163"]{height:calc(601 * var(--u))!important}
[data-node-id="78:2165"]{top:calc(95 * var(--u))!important;display:flex;align-items:baseline;justify-content:flex-start;gap:calc(10 * var(--u));direction:rtl}
[data-node-id="78:2165"]>*{position:static!important;transform:none!important;width:auto!important;height:auto!important}
[data-node-id="78:2167"]{order:-1}
[data-node-id="78:2168"]{top:calc(149 * var(--u))!important}
[data-node-id="78:2169"]{top:calc(186 * var(--u))!important}
[data-node-id="78:2170"]{top:calc(201 * var(--u))!important}
[data-node-id="78:2172"]{top:calc(240 * var(--u))!important}
[data-node-id="78:2208"]{top:calc(549 * var(--u))!important}
[data-node-id="78:2209"]{top:calc(488 * var(--u))!important}
}

.how-steps-grid{display:contents}
@media(min-width:768px){
#how-it-works,#how-it-works [data-node-id="78:2065"]{height:calc(500 * var(--u))!important}
.how-steps-grid{position:absolute;top:calc(140 * var(--u));left:calc(80 * var(--u));right:calc(80 * var(--u));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(24 * var(--u));direction:rtl}
.how-steps-grid>.responsive-copy{position:static!important;width:auto!important;display:flex;flex-direction:column;align-items:center;gap:calc(12 * var(--u));text-align:center}
.how-steps-grid ol,.how-steps-grid h3,.how-steps-grid [data-node-id="78:2073"]{font:700 calc(22 * var(--u))/1.4 Simona,Arial,sans-serif!important;color:#355d58;white-space:normal!important;width:auto!important}
.how-steps-grid li{margin:0!important}
.how-steps-grid ol{list-style-position:inside}
.how-steps-grid p{font:400 calc(18 * var(--u))/1.45 Simona,Arial,sans-serif!important;width:100%!important;min-width:0!important;text-align:center!important}
.how-steps-grid .mobile-step-icon{display:flex;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background:#355d58;color:#fff;align-items:center;justify-content:center}
.how-steps-grid .mobile-step-icon svg{width:70%;height:70%}
#how-it-works [data-node-id="78:2076"]{top:calc(418 * var(--u))!important}
}
@media(max-width:767px){.how-steps-grid{display:flex;flex-direction:column;gap:48px}.how-fourth p{font-size:18px;line-height:1.6}.how-fourth h3{color:#355d58;font-weight:700}}
@media(min-width:768px){.how-steps-grid>.responsive-copy{transform:none!important;min-width:0!important}.how-steps-grid>.responsive-copy>*{position:static!important;transform:none!important;min-width:0!important;max-width:100%!important}.how-steps-grid ol span{line-height:1.4!important}}

.billing-toggle button{flex:1 1 0;min-width:0;font-size:calc(15 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u))}.billing-toggle span{font-size:.8em}.billing-toggle{padding:calc(3 * var(--u))}

.legal-link{text-decoration:none}.legal-link:hover{text-decoration:underline}.legal-link:focus-visible{outline:2px solid #e2fe66;outline-offset:5px}
@media(min-width:768px){
.how-steps-grid{gap:calc(38 * var(--u));top:calc(154 * var(--u))}
.how-steps-grid .mobile-step-icon{display:none!important}
.how-steps-grid ol,.how-steps-grid h3,.how-steps-grid [data-node-id="78:2073"]{font-size:calc(18 * var(--u))!important;line-height:1.45!important;white-space:nowrap!important}
.how-steps-grid p{font-size:calc(16 * var(--u))!important;line-height:1.6!important}
.how-steps-grid>.responsive-copy{gap:calc(18 * var(--u))}
}

@media(min-width:768px){.google-verification{left:calc(835 * var(--u));right:auto;top:calc(386 * var(--u));width:calc(475 * var(--u));justify-content:center;gap:calc(8 * var(--u));font-size:calc(14 * var(--u))}}

.faq-question span{font-weight:500}
.responsive-copy,.responsive-copy p,.responsive-copy h2,.responsive-copy h3{direction:rtl;text-align:right!important}
.privacy-copy [data-node-id="78:2063"],.privacy-copy p{white-space:normal!important;text-align:right!important}
.how-steps-grid>.responsive-copy{align-items:flex-start!important}
.how-steps-grid p,.how-steps-grid ol,.how-steps-grid h3,.how-steps-grid [data-node-id="78:2073"]{text-align:right!important;width:100%!important}
@media(min-width:768px){
.how-steps-grid>.responsive-copy{align-items:center!important;gap:calc(16 * var(--u))!important}
.how-steps-grid p,.how-steps-grid ol,.how-steps-grid h3,.how-steps-grid [data-node-id="78:2073"]{text-align:center!important;margin:0!important}
.how-steps-grid ol,.how-steps-grid h3,.how-steps-grid [data-node-id="78:2073"]{height:calc(27 * var(--u))!important;line-height:calc(27 * var(--u))!important}
.how-steps-grid ol span{line-height:calc(27 * var(--u))!important}
#how-it-works [data-node-id="78:2076"]{top:calc(330 * var(--u))!important}
#how-it-works,#how-it-works [data-node-id="78:2065"]{height:calc(412 * var(--u))!important}
}
@media(min-width:768px){.how-steps-grid>.responsive-copy{gap:calc(9 * var(--u))!important}}
@media(min-width:768px){.google-verification{top:calc(312 * var(--u) + 12px)}}
/* A shared full-width text box keeps RTL headings and paragraphs on one edge. */
.responsive-feature>.responsive-copy{align-items:stretch!important}
.responsive-feature>.responsive-copy>h3,.responsive-feature>.responsive-copy>p{width:100%!important;min-width:0!important;text-align:right!important;align-self:stretch!important}
.responsive-feature>.responsive-copy>h3 p{width:100%;text-align:right!important}
.responsive-feature>.responsive-copy>p{white-space:normal!important}
.responsive-problem>.responsive-copy{align-items:stretch!important}
@media(min-width:768px){
#privacy [data-node-id="78:2156"]{translate:calc(-12 * var(--u)) calc(-10 * var(--u))}
.google-verification{left:calc(882 * var(--u));width:calc(407 * var(--u));justify-content:flex-start}
}
/* One-click extension installation — existing Simona type and cursor asset. */
#extension-install{display:flex;align-items:center;justify-content:center;gap:calc(65 * var(--u));padding:calc(65 * var(--u)) calc(120 * var(--u));background:#f5faf8;color:#204640}
.extension-copy{width:calc(398 * var(--u));flex-shrink:0;text-align:right}.extension-copy h2{font-size:calc(28 * var(--u));line-height:1.3;margin:0 0 calc(14 * var(--u));font-weight:700}.extension-copy p{font-size:calc(18 * var(--u));line-height:1.5;margin:0;color:#111}
.install-demo{position:relative;width:calc(510 * var(--u));height:calc(330 * var(--u));flex-shrink:0;direction:rtl;isolation:isolate}
.install-window{position:absolute;left:0;top:5%;width:79%;height:88%;background:#fff;border:1px solid #e0eae6;border-radius:calc(17 * var(--u));overflow:hidden;box-shadow:0 calc(8 * var(--u)) calc(22 * var(--u)) #2046400a}.install-chrome{height:10%;background:#edf3f0;display:flex;align-items:center;gap:calc(5 * var(--u));direction:ltr;padding-left:5%}.install-chrome i{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:#b4cbc2}.install-brand{height:15%;padding:3% 5%;font-size:calc(16 * var(--u));font-weight:700;border-bottom:1px solid #edf3f0;direction:ltr}.install-sidebar{position:absolute;left:0;top:25%;bottom:0;width:18%;background:#f8faf9;padding:7% 4%}.install-sidebar b{display:block;height:calc(5 * var(--u));border-radius:10px;background:#dce7e2;margin-bottom:calc(12 * var(--u))}.install-content{position:absolute;right:7%;top:32%;width:65%;text-align:center}.install-puzzle{color:#345e57;margin:auto auto calc(8 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u))}.install-content strong{font-size:calc(20 * var(--u));font-weight:700}.install-content p{font-size:calc(12 * var(--u));margin:calc(8 * var(--u)) 0 calc(17 * var(--u))}.install-button{position:relative;display:block;margin:auto;background:#345e57;color:white;border-radius:calc(8 * var(--u));font-size:calc(15 * var(--u));padding:calc(9 * var(--u));width:85%;animation:install-press 7s infinite}
.install-success{position:absolute;right:0;top:29%;width:44%;height:58%;background:white;border:1px solid #e4ece8;border-radius:calc(14 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(20 * var(--u)) #20464012;text-align:center;animation:install-success 7s infinite;z-index:2}.install-toolbar{display:flex;align-items:center;gap:calc(13 * var(--u));height:24%;padding:0 8%;border-bottom:1px solid #edf3f0;color:#a5b8af}.install-toolbar svg{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#27966b}.install-toolbar span{font-size:calc(18 * var(--u))}.install-check{font-size:calc(25 * var(--u));color:#fff;background:#345e57;border-radius:50%;width:calc(36 * var(--u));height:calc(36 * var(--u));line-height:calc(36 * var(--u));margin:calc(13 * var(--u)) auto calc(9 * var(--u))}.install-success strong{display:block;font-size:calc(16 * var(--u));font-weight:700}.install-success p{font-size:calc(11 * var(--u));margin:calc(6 * var(--u)) calc(10 * var(--u));line-height:1.4}.install-cursor{position:absolute;width:calc(46 * var(--u));height:calc(46 * var(--u));left:48%;top:66%;z-index:3;animation:install-cursor 7s infinite;pointer-events:none}.install-click{position:absolute;right:10%;top:50%;width:calc(22 * var(--u));height:calc(22 * var(--u));border:1px solid #7ec6a3;border-radius:50%;animation:install-ripple 7s infinite}
@keyframes install-cursor{0%,7%{opacity:0;transform:translate(calc(-55 * var(--u)),calc(50 * var(--u)))}20%,26%{opacity:1;transform:translate(0,0) scale(1)}29%{opacity:1;transform:scale(.86)}33%,45%{opacity:1;transform:scale(1)}55%,100%{opacity:0;transform:translate(calc(15 * var(--u)),calc(22 * var(--u)))}}
@keyframes install-press{0%,26%,34%,100%{transform:scale(1);background:#345e57}29%{transform:scale(.97);background:#204640}}
@keyframes install-success{0%,31%{opacity:0;transform:translateY(calc(10 * var(--u)))}40%,83%{opacity:1;transform:translateY(0)}93%,100%{opacity:0;transform:translateY(calc(5 * var(--u)))}}
@keyframes install-ripple{0%,27%,42%,100%{opacity:0;transform:scale(.4)}30%{opacity:.6;transform:scale(.5)}40%{opacity:0;transform:scale(2)}}
.install-demo:not(.install-visible) *{animation-play-state:paused}
@media(max-width:767px){#extension-install{padding:45px 24px;gap:25px;flex-direction:column}.extension-copy{width:100%}.extension-copy h2{font-size:24px;margin-bottom:12px}.extension-copy p{font-size:17px;line-height:1.65}.install-demo{--u:calc((100vw - 48px) / 510);width:100%;height:calc(330 * var(--u))}}
@media(prefers-reduced-motion:reduce){.install-demo *{animation:none!important}.install-cursor,.install-click{display:none}.install-success{opacity:1}}
.install-content{left:18%;right:auto;width:55%}.install-success{width:36%;top:34%;height:58%}.install-success strong{font-size:calc(14 * var(--u))}.install-success p{font-size:calc(10 * var(--u))}.install-cursor{left:43%;top:66%}
/* Match the existing flat invoice illustration. */
.install-demo{height:calc(275 * var(--u));border-radius:calc(18 * var(--u));background:linear-gradient(60deg,#48ce9b,#afe9c0);overflow:visible}
.install-window{left:9%;top:16%;width:57%;height:84%;border:0;border-radius:calc(14 * var(--u)) calc(14 * var(--u)) 0 0;box-shadow:none;overflow:hidden}
.install-chrome,.install-brand,.install-sidebar,.install-puzzle{display:none}
.install-content{left:9%;right:auto;top:17%;width:82%;text-align:right}
.install-content strong{display:block;font-size:calc(22 * var(--u));color:#080808;white-space:nowrap}
.install-lines{display:flex;flex-direction:column;align-items:flex-start;gap:calc(9 * var(--u));margin-top:calc(18 * var(--u));margin-bottom:calc(38 * var(--u))}
.install-lines i{height:calc(5 * var(--u));border-radius:9px;background:#dce5e5;width:80%}.install-lines i:nth-child(2){width:60%}.install-lines i:nth-child(3){width:74%}.install-lines i:nth-child(4){width:40%}
.install-button{width:85%;text-align:center;font-size:calc(17 * var(--u));font-weight:700;padding:calc(8 * var(--u));border-radius:calc(7 * var(--u))}
.install-success{right:3%;top:35%;width:32%;height:53%;border:0;border-radius:calc(12 * var(--u));box-shadow:0 calc(5 * var(--u)) calc(12 * var(--u)) #2046400a}
.install-toolbar{justify-content:center;height:38%;border:0;padding-top:calc(10 * var(--u))}.install-toolbar span,.install-check{display:none}.install-toolbar svg{width:calc(29 * var(--u));height:calc(29 * var(--u));color:#27966b}.install-success strong{font-size:calc(15 * var(--u));margin-top:calc(9 * var(--u))}.install-success p{font-size:calc(11 * var(--u));margin:calc(7 * var(--u)) calc(12 * var(--u))}
.install-cursor{left:49%;top:84%;width:calc(49 * var(--u));height:calc(49 * var(--u))}
@media(max-width:767px){.install-demo{height:calc(275 * var(--u));margin-bottom:18px}}
.install-toolbar{display:none}.install-check{display:flex;align-items:center;justify-content:center;background:#345e57;color:#fff;width:calc(34 * var(--u));height:calc(34 * var(--u));margin:calc(19 * var(--u)) auto calc(10 * var(--u));line-height:1}.install-check svg{width:65%;height:65%}.install-success strong{margin-top:0}
.install-button{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u))}.install-button>img{width:calc(22 * var(--u));height:calc(22 * var(--u));flex-shrink:0}

/* Approved installation illustration. */

.install-window{top:8%;height:92%;left:6%;width:62%;border-radius:calc(13 * var(--u)) calc(13 * var(--u)) 0 0}.install-chrome{display:flex;height:9%;background:#edf3f0}.install-brand{display:flex;align-items:center;justify-content:center;height:22%;border:0;padding:calc(10 * var(--u))}.install-brand img{width:calc(130 * var(--u));height:auto;mix-blend-mode:multiply}.install-content{top:34%;text-align:center;left:10%;width:80%}.install-content strong{font-size:calc(20 * var(--u))}.install-lines{align-items:center;margin-top:calc(14 * var(--u));margin-bottom:calc(18 * var(--u));gap:calc(7 * var(--u))}.install-lines i:last-child{display:none}.install-success{right:2%;width:31%}.install-cursor{top:81%}@media(max-width:767px){#extension-install{flex-direction:column;padding:24px;gap:30px}.extension-copy{width:100%}.extension-copy h2{font-size:24px}.extension-copy p{font-size:17px}.install-demo{--u:calc((100vw - 48px) / 510);width:100%;height:calc(275 * var(--u))}}

.install-demo{height:calc(245 * var(--u));margin-bottom:calc(55 * var(--u))}
.install-window{top:7%;height:93%}.install-content{top:34%;bottom:calc(10 * var(--u))}
.install-content .install-lines{margin-top:calc(12 * var(--u));margin-bottom:0;gap:calc(6 * var(--u))}
.install-lines i{width:62%}.install-lines i:nth-child(2){width:44%}.install-lines i:nth-child(3){width:54%}
.install-button{position:absolute;bottom:0;left:7.5%}
.install-success{top:auto;bottom:calc(-35 * var(--u));right:2%;height:calc(132 * var(--u));width:34%;box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #153e3530;z-index:4}
@keyframes install-success{0%,31%{opacity:0;transform:translateY(calc(22 * var(--u)))}42%,83%{opacity:1;transform:translateY(0)}93%,100%{opacity:0;transform:translateY(calc(12 * var(--u)))}}
.install-cursor{top:82%}
@media(max-width:767px){.install-demo{height:calc(245 * var(--u));margin-bottom:calc(55 * var(--u))}}
.install-chrome i:nth-child(1){background:#ff6059}.install-chrome i:nth-child(2){background:#ffbd2e}.install-chrome i:nth-child(3){background:#7dce48}
.install-window{top:14%;height:78%;border-radius:calc(13 * var(--u))}
.install-brand{height:23%;padding:calc(6 * var(--u))}.install-brand img{width:calc(120 * var(--u))}
.install-content{top:30%;bottom:calc(14 * var(--u))}.install-content strong{font-size:calc(19 * var(--u))}
.install-content .install-lines{margin-top:calc(10 * var(--u));gap:calc(5 * var(--u))}.install-lines i{height:calc(4 * var(--u))}
.install-button{width:76%;left:12%;font-size:calc(15 * var(--u));padding:calc(6 * var(--u));gap:calc(7 * var(--u))}.install-button>img{width:calc(19 * var(--u));height:calc(19 * var(--u))}.install-cursor{top:74%;left:47%}

.install-window{top:24%;height:76%;border-radius:calc(13 * var(--u)) calc(13 * var(--u)) 0 0}
.install-content{top:30%;bottom:auto}
.install-button{position:relative;left:auto;bottom:auto;width:64%;margin:calc(12 * var(--u)) auto 0;border-radius:999px;padding:calc(6 * var(--u)) calc(10 * var(--u));gap:calc(6 * var(--u));font-size:calc(14 * var(--u))}
.install-button>img{width:calc(16 * var(--u));height:calc(16 * var(--u))}.install-cursor{left:45%;top:84%}

#extension-install{background:#fff}.install-demo{background:#204640}

.install-window{background:#f7f8f8}.install-content{top:38%;bottom:calc(9 * var(--u))}.install-content .install-lines{margin-top:calc(13 * var(--u));gap:calc(6 * var(--u))}.install-button{position:absolute;bottom:0;left:21%;width:58%;margin:0}.install-cursor{left:44%;top:88%}
@media(min-width:768px){#privacy>.google-verification{left:calc(905.79 * var(--u));width:calc(350 * var(--u));font-size:calc(13 * var(--u));gap:calc(7 * var(--u));justify-content:flex-start}#privacy>.google-verification img{width:calc(58 * var(--u))}}
@media(min-width:768px){#extension-install{padding-inline:calc(100 * var(--u));gap:calc(70 * var(--u))}.extension-copy{width:calc(500 * var(--u))}}
@media(min-width:768px){.hero-description{top:calc(224 * var(--u))}}
/* Leave breathing room below the hero trust lines. */
@media(min-width:768px){.product-preview{margin-top:calc(-30 * var(--u))}}

/* Final spacing and consistent statistic columns. */
.install-content>strong,.install-content>.install-lines{transform:translateY(calc(-7 * var(--u)))}
#footer .legal-link,#footer .creator-credit p{font-size:calc(16 * var(--u))!important}
#footer .creator-credit{align-items:center!important}
#footer [data-node-id="78:2218"]{width:calc(98 * var(--u))!important;height:calc(22.5 * var(--u))!important}
@media(min-width:768px){
#results .responsive-stats{display:grid;position:absolute;top:calc(188 * var(--u));left:calc(90 * var(--u));right:calc(90 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(35 * var(--u));direction:rtl}
#results .responsive-stat{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--u));min-width:0}
#results .responsive-stat>*{position:static!important;inset:auto!important;transform:none!important;width:100%!important;text-align:center!important}
#results .responsive-stat>div{height:calc(66 * var(--u));line-height:1!important}
#results .responsive-stat>p{font-size:calc(16 * var(--u))!important;line-height:calc(24 * var(--u))!important;min-height:calc(48 * var(--u));white-space:normal!important}
}

a.page-cta,a.trial-button{text-decoration:none}

.store-badge{display:inline-block;margin-top:calc(26 * var(--u))}.store-badge img{display:block;width:calc(176 * var(--u));min-width:150px;height:auto}
@media(min-width:768px){.hero h1{width:calc(1160 * var(--u))}.hero .social-proof{left:50%;transform:translateX(-50%);white-space:nowrap}.social-proof span{width:auto;margin-inline-start:calc(8 * var(--u))}}
@media(max-width:767px){.hero .social-proof>span{width:auto;white-space:nowrap;margin-inline-start:8px}}