/* The main site supplies type, buttons, navigation and footer. */
.tool-hero{padding:78px 0 82px;isolation:isolate}
.tool-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(24px,4vw,60px)}
.tool-hero-copy{max-width:550px}
.tool-hero h1{margin:0 0 25px;color:#fff;font-size:clamp(3.2rem,5vw,5.25rem);font-weight:900;line-height:1.04;letter-spacing:-.055em}
.tool-hero-lead{max-width:520px;margin:0 0 25px;color:#f2f2f7;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65}
.tool-perks{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0 0 29px;padding:0;list-style:none}
.tool-perks li{display:flex;align-items:center;gap:7px;color:#f5f5f8;font-size:.85rem}
.tool-perks i{color:#ff3677}
.tool-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 27px;font-weight:700}
.tool-primary-cta i{font-size:.83rem}
.tool-hero .has-shapes{position:absolute;inset:0;z-index:0;pointer-events:none;color:#e982a5;opacity:.34}
.tool-hero .has-shapes .shape{position:absolute;top:0;width:auto;height:100%}
.tool-hero .has-shapes .shape-left{left:0}
.tool-hero .has-shapes .shape-right{right:0}
.tool-showcase{position:relative;width:100%;min-height:465px}
.tool-showcase-track{position:relative;width:620px;height:455px}
.showcase-slide{position:absolute}
.showcase-business{top:100px;left:0;z-index:1;width:288px}
.showcase-summary{top:0;left:174px;z-index:3;width:313px}
.showcase-pdf{top:183px;left:500px;z-index:4;width:190px}
.showcase-card{width:100%;padding:16px;color:#22253b;background:#fff;border:1px solid #e7e8ef;box-shadow:0 18px 35px rgba(6,8,25,.24);font-size:.71rem;line-height:1.35}
.showcase-business .showcase-card{min-height:274px}
.showcase-summary .showcase-card{min-height:303px;padding:19px}
.showcase-pdf .showcase-card{min-height:269px;padding:12px}
.showcase-heading,.example-heading{display:flex;align-items:center;gap:10px}
.showcase-heading{padding-bottom:12px;border-bottom:1px solid #eceef2}
.showcase-heading strong,.showcase-heading small,.example-heading strong,.example-heading small{display:block}
.showcase-heading strong{font-size:.94rem}
.showcase-heading small{margin-top:3px;color:#6c7180;font-size:.63rem}
.showcase-icon,.example-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;color:#ff3677;background:#ffe6ee;border-radius:7px;font-size:1rem}
.showcase-label{display:block;margin:12px 0 4px;font-size:.62rem;font-weight:700}
.showcase-field{display:block;padding:9px;border:1px solid #dfe3ed;border-radius:6px;font-weight:500}
.showcase-logo{display:grid;place-items:center;height:68px;margin-top:11px;background:#f8f9fc;border:1px dashed #dfe3ed;border-radius:6px}
.showcase-logo img{max-width:130px;max-height:37px}
.showcase-swatches,.example-accent>div{display:flex;gap:7px}
.showcase-swatches i,.example-accent i{width:19px;height:19px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ccd0d8}
.showcase-swatches i:nth-child(1),.example-accent i:nth-child(1){background:#ff3677;box-shadow:0 0 0 2px #22253b}
.showcase-swatches i:nth-child(2),.example-accent i:nth-child(2){background:#a855f7}
.showcase-swatches i:nth-child(3),.example-accent i:nth-child(3){background:#f04452}
.showcase-swatches i:nth-child(4),.example-accent i:nth-child(4){background:#0078c8}
.showcase-swatches i:nth-child(5),.example-accent i:nth-child(5){background:#51b56d}
.showcase-eyebrow{color:#ff3677;font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.showcase-title{display:flex;align-items:center;justify-content:space-between;margin:14px 0 26px}
.showcase-title strong{font-size:1.4rem}
.showcase-title i{color:#ff3677;font-size:1.6rem}
.showcase-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.showcase-meta span,.showcase-meta strong{display:block}
.showcase-meta span,.showcase-bill{color:#697181;font-size:.65rem}
.showcase-meta strong,.showcase-bill strong{margin-top:4px;color:#22253b;font-size:.75rem}
.showcase-bill{margin:21px 0 12px}
.showcase-bill strong{display:block}
.showcase-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:2px solid #ff3677;font-size:.9rem}
.showcase-summary small{color:#697181}
.showcase-payment{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px;color:#ea2b69;background:#fff0f5;border-radius:7px;font-size:.66rem;font-weight:700}
.showcase-slide-label{display:none}
.showcase-pdf .final-preview-head{font-size:.66rem}
.showcase-pdf .final-preview-head img{width:58px}
.showcase-pdf .final-preview-line{margin:9px 0 13px}
.showcase-pdf .final-preview-columns{gap:8px}
.showcase-pdf .final-preview-columns>div{gap:2px}
.showcase-pdf .final-preview-columns small{font-size:.43rem}
.showcase-pdf .final-preview-columns strong{font-size:.54rem}
.showcase-pdf .final-preview-row{margin-top:15px;padding:6px 0;font-size:.52rem}
.showcase-pdf .final-preview-tax{font-size:.43rem}
.showcase-pdf .final-preview-total{padding:6px 0;font-size:.62rem}
.showcase-pdf .final-preview-qr{gap:6px;margin-top:10px;font-size:.5rem}
.showcase-pdf .final-preview-qr i{font-size:1.5rem}

.tool-section-heading{max-width:810px;margin:0 auto 36px}
.tool-section-heading h2{margin-bottom:18px}
.tool-section-heading>p:last-child{margin:0 auto;color:#606777;font-size:1.08rem;line-height:1.7}
.tool-country-support{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:32px;margin:0 0 16px;padding:33px 38px;background:#f7f8fb;border-radius:16px}
.tool-country-support h3{margin:0 0 12px;color:#22253b;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.2}
.tool-country-support p:last-child{margin:0;color:#606777;line-height:1.65}
.tool-country-support ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.tool-country-support li{display:flex;flex-direction:column;justify-content:center;min-height:104px;padding:14px;background:#fff;border:1px solid #e4e7ef;border-radius:11px}
.tool-country-support li strong{color:#22253b;font-size:.83rem;line-height:1.25}
.tool-country-support li span{display:block;margin-top:7px;color:#e52c6c;font-size:.75rem;font-weight:700}
.tool-steps{border-top:0}
.tool-step{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(35px,7vw,100px);padding:75px 0;border-bottom:1px solid #e7e9ef}
.tool-step-reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.tool-step-reverse .tool-step-copy{grid-column:2;grid-row:1}
.tool-step-reverse .tool-example{grid-column:1;grid-row:1}
.tool-step-copy{max-width:475px}
.tool-step-copy h3{margin:0 0 20px;color:#22253b;font-size:clamp(2rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.035em}
.tool-step-copy p{margin:0 0 15px;color:#606777;font-size:1rem;line-height:1.72}
.tool-example{width:100%;max-width:550px;margin:auto;padding:clamp(22px,3vw,33px);color:#22253b;background:#fff;border:1px solid #e4e7ef;border-radius:15px;box-shadow:0 18px 50px rgba(34,37,59,.1)}
.example-heading{margin-bottom:24px}
.example-icon{width:42px;height:42px;font-size:1.2rem}
.example-heading strong{font-size:1.27rem}
.example-heading small{margin-top:3px;color:#72788a;font-size:.78rem}
.example-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.example-fields>div>span,.example-brand-grid span,.example-accent>span,.example-select>span,.example-payment-field>span{display:block;margin-bottom:7px;font-size:.77rem;font-weight:700}
.example-fields>div>span small{font-weight:400}
.example-fields strong,.example-brand-grid strong,.example-select strong,.example-payment-field strong{display:block;min-height:43px;padding:10px 12px;border:1px solid #dce1ea;border-radius:8px;font-size:.84rem;font-weight:500}
.example-fields .example-muted{color:#9197a2;font-weight:400}
.example-brand-grid{display:grid;grid-template-columns:1fr 140px;gap:15px;align-items:end}
.example-logo{display:grid;place-items:center;height:78px;background:#f8f9fb;border:1px dashed #dde1ea;border-radius:8px}
.example-logo img{max-width:118px}
.example-accent{margin:22px 0}
.example-accent i{width:27px;height:27px}
.example-customer{display:flex;align-items:center;gap:12px;padding:13px;background:#f8f9fc;border-radius:9px;color:#ff3677}
.example-customer span,.example-customer strong{display:block;color:#22253b;font-size:.8rem}
.example-customer strong{font-size:.93rem}
.example-select{max-width:230px}
.example-select strong{display:flex;justify-content:space-between;align-items:center}
.example-item-head,.example-item-row{display:grid;grid-template-columns:1.7fr .4fr .7fr;gap:10px;margin-top:17px}
.example-item-head{margin-top:24px;color:#72788a;font-size:.72rem}
.example-item-row{margin-top:5px}
.example-item-row strong{padding:9px 8px;border:1px solid #dce1ea;border-radius:7px;font-size:.8rem;font-weight:500}
.example-item-total{display:flex;justify-content:flex-end;gap:16px;margin:18px 0;font-size:.85rem}
.example-add{padding:10px;border:1px dashed #ff3677;border-radius:8px;color:#e52c6c;text-align:center;font-size:.86rem;font-weight:700}
.example-payment-field{margin-bottom:17px}
.example-qr{display:flex;gap:8px;align-items:center;margin-top:21px;color:#22253b;font-size:.83rem}
.example-qr i{color:#ff3677}
.tool-final-example{display:flex;flex-direction:column;align-items:center;background:#f2f3f8}
.final-preview-paper{width:min(100%,340px);min-height:425px;padding:27px;background:#fff;box-shadow:0 12px 30px rgba(34,37,59,.16)}
.final-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#ff3677;font-size:1.05rem}
.final-preview-head img{width:100px}
.final-preview-line{margin:15px 0 22px;border-top:2px solid #ff3677}
.final-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.final-preview-columns>div{display:grid;gap:5px}
.final-preview-columns small{color:#73798a;font-size:.65rem}
.final-preview-columns strong{font-size:.78rem}
.final-preview-row,.final-preview-total{display:flex;justify-content:space-between;gap:12px;padding:11px 0;font-size:.75rem}
.final-preview-row{margin-top:25px;border-top:1px solid #dde1ea;border-bottom:1px solid #dde1ea}
.final-preview-tax{margin-top:5px;color:#73798a;font-size:.65rem;text-align:right}
.final-preview-total{font-size:.9rem}
.final-preview-qr{display:flex;align-items:center;gap:10px;margin-top:20px;color:#ff3677;font-size:.75rem;font-weight:700}
.final-preview-qr i{font-size:2.6rem}
.tool-preview-caption{margin-top:14px;color:#747b8c}
.tool-guide-link{display:inline-flex;align-items:center;gap:9px;color:#ff3677!important;text-decoration:none!important}
.tool-guide-link:hover,.tool-guide-link:focus-visible{color:#ff3677!important;text-decoration:none!important}
.tool-guide-link:hover span,.tool-guide-link:focus-visible span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.tool-guide-link i{font-size:.86em}
.tool-privacy-section{background:#f7f8fb}
.tool-privacy-card{display:flex;align-items:flex-start;gap:26px;max-width:910px;margin:auto}
.tool-privacy-icon{display:grid;place-items:center;flex:none;width:64px;height:64px;color:#ff3677;background:#ffe8ef;border-radius:16px;font-size:1.5rem}
.tool-privacy-card h2{margin:0 0 14px;color:#22253b;font-size:clamp(2rem,3vw,2.8rem)}
.tool-privacy-card p:last-child{margin:0;color:#606777;line-height:1.7}
.guide-line-defs{position:absolute;width:0;height:0;overflow:hidden}
.tool-last-cta-inner{position:relative;overflow:hidden;isolation:isolate;padding:57px 25px;color:#fff;background:#22253b;border-radius:18px;text-align:center}
.tool-last-cta-inner>.guide-lines{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:#ff81a5}
.tool-last-cta-inner .guide-lines svg{position:absolute;display:block;width:auto;height:100%;fill:none;stroke:currentColor;stroke-width:1px;opacity:.3}
.tool-last-cta-inner .guide-line-left{left:-8px;top:0}
.tool-last-cta-inner .guide-line-right{right:-100px;top:0}
.tool-last-cta-inner>:not(.guide-lines){position:relative;z-index:1}
.tool-last-cta-inner h2{margin:0 0 14px;color:#fff;font-size:clamp(2rem,4vw,3.5rem)}
.tool-last-cta-inner>p:not(.text-primary){margin:0 0 26px;color:#ebedf3}
.tool-last-cta-inner .btn{display:inline-flex;align-items:center;gap:12px}
.tool-faq .accordion-button{color:#22253b;font-weight:500}

@media(max-width:1199px) and (min-width:992px){.tool-showcase{min-height:380px}.tool-showcase-track{transform:scale(.8);transform-origin:left center}.showcase-pdf{left:465px}.tool-hero h1{font-size:3.8rem}}
@media(max-width:991px){.tool-hero{padding:68px 0 45px}.tool-hero-layout{grid-template-columns:minmax(0,1fr);gap:34px}.tool-hero-copy,.tool-showcase,.tool-showcase-track{min-width:0}.tool-hero-copy{max-width:730px;margin:auto;text-align:center}.tool-hero-lead{margin-right:auto;margin-left:auto}.tool-perks{justify-content:center}.tool-showcase{max-width:620px;margin:auto}.tool-country-support{grid-template-columns:1fr}.tool-step,.tool-step-reverse{grid-template-columns:minmax(0,1fr);gap:27px;padding:60px 0}.tool-step-reverse .tool-step-copy,.tool-step-reverse .tool-example{grid-column:1;grid-row:auto}.tool-step-copy{max-width:690px}.tool-example{max-width:690px}}
@media(max-width:767px){.tool-hero{padding:50px 0 42px}.tool-hero h1{font-size:clamp(2.7rem,10vw,4rem)}.tool-hero-lead{font-size:1rem}.tool-perks{gap:8px 13px}.tool-perks li{font-size:.76rem}.tool-showcase{max-width:355px;min-height:0;padding:0 0 30px}.tool-showcase-track{width:100%;height:auto}.showcase-slide{position:static;width:auto;margin:0;padding:0 9px 10px}.showcase-card{min-height:300px!important;box-shadow:0 8px 23px rgba(6,8,25,.2)}.showcase-pdf .showcase-card{max-width:260px;margin:auto}.showcase-slide-label{display:block;margin:10px 0 0;color:#fff;text-align:center;font-size:.81rem;font-weight:700}.tool-showcase .slick-dots{display:flex;justify-content:center;gap:8px;margin:8px 0 0;padding:0;list-style:none}.tool-showcase .slick-dots li{margin:0}.tool-showcase .slick-dots button{width:9px;height:9px;padding:0;overflow:hidden;color:transparent;background:#9da1b5;border:0;border-radius:50%;font-size:0}.tool-showcase .slick-dots .slick-active button{width:24px;background:#ff3677;border-radius:12px}.tool-showcase .slick-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}.tool-hero .has-shapes{opacity:.2}.tool-section-heading h2{font-size:2.2rem}.tool-step{padding:48px 0}.tool-step-copy h3{font-size:2rem}.tool-privacy-card{gap:16px}.tool-privacy-icon{width:49px;height:49px;font-size:1.2rem}}
@media(max-width:480px){.tool-hero h1{font-size:2.65rem}.tool-primary-cta{width:100%}.tool-showcase{max-width:330px}.example-fields{gap:10px}.example-fields strong{padding:10px 8px;font-size:.74rem}.example-brand-grid{grid-template-columns:1fr}.example-logo{height:70px}.tool-privacy-card{display:block}.tool-privacy-icon{margin-bottom:18px}.final-preview-paper{min-height:390px;padding:20px}}
@media(max-width:767px){.tool-country-support{padding:24px}.showcase-pdf .final-preview-head{font-size:.86rem}.showcase-pdf .final-preview-head img{width:75px}.showcase-pdf .final-preview-columns small{font-size:.57rem}.showcase-pdf .final-preview-columns strong{font-size:.68rem}.showcase-pdf .final-preview-row{font-size:.67rem}.showcase-pdf .final-preview-tax{font-size:.55rem}.showcase-pdf .final-preview-total{font-size:.78rem}.showcase-pdf .final-preview-qr{font-size:.62rem}}
@media(max-width:580px){.tool-country-support ul{grid-template-columns:1fr}.tool-country-support li{min-height:64px}.tool-last-cta-inner>.guide-lines{display:none}}
@media(prefers-reduced-motion:reduce){.tool-showcase *{scroll-behavior:auto!important}}

/* The examples use the same visual order as the live generator. */
.tool-hero .has-shapes{color:inherit;opacity:1}
.tool-hero .has-shapes .shape-left{top:auto;bottom:-30px}
.tool-showcase-track{width:645px}
.showcase-business{top:85px;left:0;width:265px;z-index:1}
.showcase-items{top:0;left:160px;width:315px;z-index:2}
.showcase-summary{top:95px;left:365px;width:275px;z-index:3}
.showcase-card{border-radius:16px;overflow:hidden}
.showcase-business .showcase-card,.showcase-items .showcase-card,.showcase-summary .showcase-card{height:362px}
.showcase-business .showcase-card{display:flex;flex-direction:column}
.showcase-items .showcase-card{padding:16px}
.showcase-business .showcase-logo{flex:1;min-height:76px;margin-top:10px}
.showcase-business .showcase-logo img{max-width:190px;max-height:50px}
.showcase-items .showcase-field{display:flex;justify-content:space-between}
.showcase-items .showcase-card{display:flex;flex-direction:column;justify-content:space-between}
.showcase-items .showcase-heading{padding-bottom:9px}
.showcase-items .showcase-label{margin:0 0 3px}
.showcase-items .showcase-field{padding:7px 9px}
.showcase-item{padding:5px 7px;background:#f4f5f8;border:1px solid #e1e4eb;border-radius:8px}
.showcase-item small,.showcase-item strong,.showcase-item span{display:block}
.showcase-item small{color:#6c7180;font-size:.58rem;font-weight:700}
.showcase-item strong{margin:2px 0;font-size:.6rem}
.showcase-item span{font-size:.58rem}
.showcase-item b,.showcase-items-total strong{float:right}
.showcase-items-total{text-align:right;font-weight:700}
.showcase-items-total strong{margin-left:8px}
.showcase-summary .showcase-title{margin:12px 0 17px}
.showcase-summary .showcase-title strong{font-size:1.06rem}
.showcase-summary .showcase-bill{margin:14px 0 11px}
.showcase-lines{padding-top:9px;border-top:2px solid #ff3677}
.showcase-lines span{display:flex;justify-content:space-between;gap:6px;margin-bottom:5px;font-size:.58rem}
.showcase-lines b{white-space:nowrap}
.showcase-summary .showcase-total{padding:8px 0;border-top:1px solid #dce1ea}
.showcase-summary .showcase-payment{margin-top:9px}
.tool-step:last-child{border-bottom:0}
.tool-country-example{display:flex;flex-direction:column;justify-content:center;min-height:310px;background:#22253b;color:#fff}
.country-picker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.country-pill{display:flex;align-items:center;gap:12px;width:min(100%,290px);padding:12px 16px;background:#fff;border-radius:100px;color:#22253b;font-size:1.1rem;font-weight:700}
.country-pill img{width:42px;height:42px;object-fit:cover;border-radius:50%}
.country-pill i{margin-left:auto;color:#72788a;font-size:1rem}
.example-business-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.example-input{margin-bottom:14px}
.example-input>span{display:block;margin-bottom:6px;font-size:.77rem;font-weight:700}
.example-input>strong{display:block;min-height:40px;padding:9px 11px;border:1px solid #dce1ea;border-radius:8px;font-size:.8rem;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.example-business-logo{display:flex;align-items:center;gap:12px;margin:4px 0 14px;padding:13px 0;border-block:1px solid #dce1ea}
.example-business-logo>div{display:grid;place-items:center;width:53%;min-height:72px;background:#f5f6f9;border:1px dashed #dce1ea;border-radius:8px}
.example-business-logo img{width:90%;max-height:55px;object-fit:contain}
.example-business-logo>span{padding:9px 10px;border:1px solid #dce1ea;border-radius:8px;font-size:.78rem;font-weight:700}
.tool-brand-example .example-accent{margin:0}
.example-accent small{display:block;margin-top:8px;color:#72788a;font-size:.7rem}
.tool-items-example .example-select{max-width:220px}
.example-help{margin:10px 0 16px;color:#72788a;font-size:.7rem}
.example-label-options{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:6px;margin-bottom:11px;padding:10px;background:#f4f5f8;border-radius:9px;color:#72788a;font-size:.62rem}
.example-label-options b{display:block;margin-top:4px;padding:6px;background:#fff;border:1px solid #dce1ea;border-radius:5px;color:#22253b}
.example-item-card{margin-bottom:9px;padding:11px;background:#f4f5f8;border:1px solid #dce1ea;border-radius:9px}
.example-item-card>strong{display:block;margin-bottom:6px;color:#72788a;font-size:.72rem}
.example-item-values{display:grid;grid-template-columns:1.7fr .45fr .55fr .45fr;gap:5px;color:#72788a;font-size:.61rem}
.example-item-values>span{display:flex;flex-direction:column;min-width:0}
.example-item-values b{display:flex;align-items:center;flex:1;min-height:36px;margin-top:3px;padding:5px;background:#fff;border:1px solid #dce1ea;border-radius:5px;color:#22253b;font-size:.62rem;font-weight:500;overflow-wrap:anywhere}
.example-item-amount{margin-top:12px;text-align:right;color:#72788a;font-size:.67rem}
.example-item-amount b{margin-left:7px;color:#22253b;font-size:.8rem}
.example-item-compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.64rem}
.example-item-compact>strong{margin:0;white-space:nowrap}
.example-item-compact>b{font-size:.7rem;white-space:nowrap}
.example-payment-field small{color:#72788a;font-weight:400}
.example-payment-field .example-textarea{min-height:92px}
.example-payment-field .example-bank{min-height:75px}
.example-payment-field .example-url{overflow-wrap:anywhere;font-size:.74rem}
.tool-final-example{background:#f2f3f8}
.final-preview-paper{width:min(100%,380px);min-height:0;padding:22px;border-radius:3px}
.final-preview-head{align-items:start;color:#22253b;font-size:1.1rem}
.final-preview-head small{display:block;margin-top:3px;color:#72788a;font-size:.59rem}
.final-preview-head img{width:110px;max-height:38px;object-fit:contain}
.final-preview-line{margin:12px 0 16px}
.final-preview-parties{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}
.final-preview-parties small,.final-preview-parties strong,.final-preview-parties span{display:block}
.final-preview-parties small{color:#72788a;font-size:.59rem;font-weight:700;letter-spacing:.08em}
.final-preview-parties strong{margin:4px 0;font-size:.69rem}
.final-preview-parties span{font-size:.59rem;line-height:1.4}
.final-preview-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:15px;background:#e2e5ea}
.final-preview-meta span{padding:9px 6px;background:#f1f2f5;color:#72788a;font-size:.53rem;font-weight:700}
.final-preview-meta b{display:block;margin-top:3px;color:#22253b;font-size:.58rem}
.final-preview-table{font-size:.58rem}
.final-preview-table>div{display:flex;justify-content:space-between;gap:8px;padding:7px 5px;border-bottom:1px solid #e2e5ea}
.final-preview-table-head{background:#f1f2f5;color:#72788a;font-weight:700}
.final-preview-table>div>b{white-space:nowrap}
.final-preview-total{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:.63rem}
.final-preview-total strong{font-size:.74rem}
.final-preview-qr{margin-top:8px;font-size:.65rem}
.final-preview-qr i{font-size:1.5rem}
.tool-ending-bg{background:#f7f8fb}
.tool-ending-bg .tool-last-cta{padding-top:10px}
@media(max-width:1200px){.tool-last-cta-inner>.guide-lines{display:none}}
@media(max-width:1199px) and (min-width:992px){.showcase-summary{left:365px}.showcase-items{left:160px}}
@media(max-width:991px){.tool-showcase-track{width:645px}}
@media(max-width:767px){.tool-showcase-track{width:100%}.showcase-card{min-height:330px!important}.showcase-slide{width:auto}.tool-hero .has-shapes{opacity:1}.showcase-summary .showcase-card,.showcase-items .showcase-card,.showcase-business .showcase-card{max-width:330px;margin:auto}.tool-country-example{min-height:230px}}
@media(max-width:480px){.country-picker{gap:8px}.country-pill{gap:9px;padding:10px;font-size:1rem}.country-pill img{width:31px;height:31px}.example-business-two{gap:7px}.example-input>strong{font-size:.7rem}.example-label-options{font-size:.55rem}.example-item-values{font-size:.53rem}.example-item-values b{font-size:.55rem}.final-preview-paper{padding:16px}}
@media(max-width:767px){
  .tool-showcase{padding-bottom:0}
  .tool-showcase .showcase-slide{padding-bottom:0}
  .tool-showcase .slick-dots{margin-top:10px}
  .tool-showcase .slick-dots .slick-active button{background:#fff}
}