/* Approved floating composition, native HTML and SVG. */
.custom-page .v0-navbar{background:transparent}
.custom-page .solution-main .sf-hero{position:relative;isolation:isolate;text-align:center;container-type:inline-size;width:min(100%,calc(max(540px,100svh - 88px)*1.785714));max-width:1500px;min-height:0;height:auto;aspect-ratio:1500/840;margin:0 auto;padding:0;display:grid;align-items:center;overflow:visible}
.sf-hero>*{--sf-unit:.0666667cqw}
.sf-hero::before{display:none}
.sf-atmosphere{position:absolute;inset:-18% calc((100cqw - 100vw)/2) -12%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 40.6cqw 29.8cqw at calc(50% - 42cqw) 68%,#b7784930 0%,#b7784924 27%,#b7784912 50%,transparent 80%),radial-gradient(ellipse 32.5cqw 25.5cqw at calc(50% + 31.3cqw) 18%,#a397d430 0%,#a397d422 30%,#a397d40c 54%,transparent 78%)}
.sf-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}
.sf-hero-copy{position:relative;z-index:2;width:55%;margin:0 auto;padding-bottom:0;transform:translateY(calc(var(--sf-unit)*18));pointer-events:none}
.sf-hero-copy a{pointer-events:auto}
.custom-page .solution-main .sf-hero h1{font-size:clamp(34px,4.15cqw,62.25px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0 auto;max-width:none}
.sf-title-first{display:block;white-space:nowrap}
.custom-page .sf-hero h1 .heading-accent{display:block;width:100%;max-width:none;line-height:1.1;text-align:center;margin-inline:auto;background-image:linear-gradient(125deg,#f2c6ae 20%,#dfb9d4 46%,#b497ed 76%);background-size:65% 100%;background-position:center;background-repeat:no-repeat}
.custom-page .solution-main .sf-hero .cs-hero-lead{font-size:clamp(14px,1.38cqw,20.7px);line-height:1.6;margin:clamp(14px,1.2cqw,18px) auto 0;max-width:650px;color:#b6b3c0}
.sf-hero .cs-hero-actions{display:flex;justify-content:center;align-items:center;gap:clamp(20px,2.3cqw,34px);margin-top:clamp(24px,2.3cqw,34px)}
.custom-page .sf-hero .cs-hero-actions>.button{align-self:center;font-size:clamp(13px,1cqw,15px);min-height:52px;padding-inline:24px;gap:24px}
.sf-hero .cs-text-link{font-size:clamp(13px,1cqw,15px);gap:18px}
.custom-page .solution-main .sf-hero .cs-hero-note{margin:clamp(17px,1.9cqw,28px) 0 0;font-size:clamp(10px,.87cqw,13px);line-height:1.6;color:#aaa4b2}
.sf-cards{position:absolute;inset:0;z-index:1;pointer-events:none}
.sf-card{position:absolute;pointer-events:auto;text-align:left;--sf-rim:#dedbe778;--sf-glow:#baa7e41c;width:25.5%;max-width:calc(var(--sf-unit)*355);font-size:calc(var(--sf-unit)*14);transform:rotate(var(--sf-angle));transform-origin:center}
.sf-card-drift{position:relative;margin:0}
.sf-glass{position:relative;padding:calc(var(--sf-unit)*24);border-radius:calc(var(--sf-unit)*15);border:1px solid #e3dbe33d;background:radial-gradient(ellipse 110% 50% at 0 0,#aaa0b61b,transparent 80%),radial-gradient(ellipse 120% 65% at 100% 100%,#d1c3de15,transparent 80%),linear-gradient(130deg,#1b1b21 0%,#0f1013 50%,#121318 100%);box-shadow:0 calc(var(--sf-unit)*25) calc(var(--sf-unit)*45) calc(var(--sf-unit)*-24) #000c,calc(var(--sf-unit)*var(--sf-light-x,-6)) 0 calc(var(--sf-unit)*22) calc(var(--sf-unit)*-12) var(--sf-glow),0 0 calc(var(--sf-unit)*42) calc(var(--sf-unit)*-24) var(--sf-glow);color:#e3e0e9}
/* A bright bevel and its broad reflection are separate from the dark glass. */
.sf-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#e3dcf00b,transparent 30%,transparent 72%,#eadbf006);box-shadow:inset 0 1px 1px #f8edff18;pointer-events:none}
.sf-glass::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:var(--sf-edge);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}
.sf-card-drift::before{content:'';position:absolute;inset:calc(var(--sf-unit)*-28);border-radius:25%;background:var(--sf-reflection);filter:blur(calc(var(--sf-unit)*12));opacity:.5;pointer-events:none}
.sf-mail{left:.6%;top:8.5%;width:24.67%;max-width:calc(var(--sf-unit)*370);--sf-angle:9deg;--sf-glow:#f8bf90b3;--sf-edge:conic-gradient(from 0deg,#b9b2c09c,#8d89945c 110deg,#a99f9d99 185deg,#ffd7b9 250deg,#e3b494 305deg,#b9b2c09c);--sf-reflection:radial-gradient(ellipse 15% 70% at 6% 58%,#e9b17b36,transparent 90%)}
.sf-invoice{left:1.3%;top:46.6%;width:22.2%;--sf-angle:-7deg;--sf-glow:#f7ba86d1;--sf-edge:conic-gradient(from 0deg,#aaa5afb3,#85818b66 90deg,#efbb91df 158deg,#ffd6b6 225deg,#ffd0a7 295deg,#aaa5afb3);--sf-reflection:radial-gradient(ellipse 20% 80% at 8% 58%,#efb5783b,transparent 90%),radial-gradient(ellipse 70% 20% at 52% 92%,#f2b47e35,transparent 95%)}
.sf-client{right:-.25%;top:7.9%;width:22.2%;--sf-angle:7deg;--sf-light-x:6;--sf-glow:#c6a3ffa8;--sf-edge:conic-gradient(from 0deg,#ded7e6c7,#b9acd1ab 70deg,#e4c8ff 148deg,#aaa1b595 210deg,#8d879574 285deg,#ded7e6c7);--sf-reflection:radial-gradient(ellipse 26% 70% at 90% 60%,#c2a2ed30,transparent 95%)}
.sf-validation{right:1.8%;top:57%;width:16.67%;max-width:calc(var(--sf-unit)*250);--sf-angle:12deg;--sf-light-x:6;--sf-glow:#c6a3ffb3;--sf-edge:conic-gradient(from 0deg,#c0b8cca1,#f0daff 64deg,#cfb0fd 158deg,#8e859b99 240deg,#8e859b99 315deg,#c0b8cca1);--sf-reflection:radial-gradient(ellipse 36% 26% at 90% 13%,#d5b5ff4d,transparent 90%),radial-gradient(ellipse 22% 80% at 90% 60%,#c2a2ed2b,transparent 95%)}
.sf-card-heading{display:flex;align-items:center;gap:calc(var(--sf-unit)*12);padding-bottom:calc(var(--sf-unit)*19);border-bottom:calc(var(--sf-unit)*1) solid #e2d7f116}
.solution-main .sf-card-heading>.icon{width:calc(var(--sf-unit)*24);height:calc(var(--sf-unit)*24);flex:none;color:#cbb9e3}
.custom-page .solution-main .sf-card h2{font-size:calc(var(--sf-unit)*17);line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:0;color:#eeeaf3}
.sf-menu-dots{margin-left:auto;align-self:center;letter-spacing:calc(var(--sf-unit)*2);color:#c6bccf;font-size:calc(var(--sf-unit)*12)}
.sf-mail-body{display:flex;align-items:center;gap:calc(var(--sf-unit)*12);margin:calc(var(--sf-unit)*19) 0}
.sf-avatar{display:grid;place-items:center;width:calc(var(--sf-unit)*43);height:calc(var(--sf-unit)*43);flex:none;border-radius:50%;background:linear-gradient(140deg,#77727f,#494650);color:#fff;font-size:calc(var(--sf-unit)*15);font-weight:500;box-shadow:inset 0 calc(var(--sf-unit)*1) #fff1}
.sf-mail-body>div:not(.sf-mail-time){min-width:0}
.sf-mail-body strong,.sf-client-person>strong{display:block;font-size:calc(var(--sf-unit)*17);font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.sf-mail-body>div>span{display:block;font-size:calc(var(--sf-unit)*15);margin-top:calc(var(--sf-unit)*4);color:#c2bdcb;white-space:nowrap}
.sf-mail-time{margin-left:auto;display:flex;align-items:center;gap:calc(var(--sf-unit)*7);align-self:flex-start;padding-top:calc(var(--sf-unit)*4);font-size:calc(var(--sf-unit)*13);color:#bbb6c4;white-space:nowrap}
.sf-mail-time i{width:calc(var(--sf-unit)*11);height:calc(var(--sf-unit)*11);background:#f2bd68;border-radius:50%;flex:none}
.sf-attachment{display:flex;align-items:center;gap:calc(var(--sf-unit)*10);min-height:calc(var(--sf-unit)*41);padding:calc(var(--sf-unit)*7);border:calc(var(--sf-unit)*1) solid #c5bdd91a;border-radius:calc(var(--sf-unit)*7);background:linear-gradient(100deg,#d7c8dd12,#c5bade09);font-size:calc(var(--sf-unit)*13);color:#d2cbdc;white-space:nowrap}
.sf-attachment>small{font-size:calc(var(--sf-unit)*12);margin-left:auto;color:#a49bac}
.sf-pdf{display:grid;place-items:center;width:calc(var(--sf-unit)*25);height:calc(var(--sf-unit)*29);border-radius:calc(var(--sf-unit)*4);background:linear-gradient(135deg,#e896a2,#bd536e);color:#fff;flex:none;box-shadow:inset 0 calc(var(--sf-unit)*1) #fff4}
.solution-main .sf-pdf .icon{width:calc(var(--sf-unit)*16);height:calc(var(--sf-unit)*19)}
.sf-invoice .sf-card-heading>.icon{color:#e6dfea}
.sf-invoice-subject{display:flex;justify-content:space-between;gap:calc(var(--sf-unit)*8);margin:calc(var(--sf-unit)*23) 0 calc(var(--sf-unit)*18);align-items:center}
.sf-invoice-subject strong{font-size:calc(var(--sf-unit)*17);font-weight:500;white-space:nowrap}
.sf-invoice-subject>span{font-size:calc(var(--sf-unit)*14);color:#c4bfcc;white-space:nowrap}
.sf-invoice-lines{margin:0;font-size:calc(var(--sf-unit)*14);color:#bdb8c5}
.sf-invoice-lines>div{display:flex;justify-content:space-between;gap:calc(var(--sf-unit)*10);padding:calc(var(--sf-unit)*9) 0;border-top:calc(var(--sf-unit)*1) solid #e3d8f112}
.sf-invoice-lines dd{white-space:nowrap;margin:0}
.sf-invoice-total{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--sf-unit)*12);padding-top:calc(var(--sf-unit)*18);margin-top:calc(var(--sf-unit)*6);border-top:calc(var(--sf-unit)*1) solid #e3d8f129;font-size:calc(var(--sf-unit)*14)}
.sf-invoice-total>strong{font-size:calc(var(--sf-unit)*23);font-weight:500;letter-spacing:-.035em;white-space:nowrap}
.sf-client-person{display:flex;align-items:center;gap:calc(var(--sf-unit)*11);margin:calc(var(--sf-unit)*24) 0 calc(var(--sf-unit)*21)}
.sf-client .sf-avatar{width:calc(var(--sf-unit)*48);height:calc(var(--sf-unit)*48);background:linear-gradient(130deg,#d6c7ee,#ab87d4);font-size:calc(var(--sf-unit)*17)}
.sf-client-person>strong{font-size:calc(var(--sf-unit)*17)}
.sf-client-status{display:inline-flex;align-items:center;gap:calc(var(--sf-unit)*6);border:calc(var(--sf-unit)*1) solid #d2c0ed20;border-radius:calc(var(--sf-unit)*25);padding:calc(var(--sf-unit)*5) calc(var(--sf-unit)*8);margin-left:auto;white-space:nowrap;font-size:calc(var(--sf-unit)*12);color:#d8d2e2}
.sf-client-status i{width:calc(var(--sf-unit)*7);height:calc(var(--sf-unit)*7);border-radius:50%;background:#a6d4bd}
.sf-client-fields{display:grid;gap:calc(var(--sf-unit)*13);margin:0;font-size:calc(var(--sf-unit)*14);color:#bdb6c8}
.sf-client-fields>div{display:grid;grid-template-columns:1fr 1.45fr;gap:calc(var(--sf-unit)*12)}
.sf-client-fields dd{margin:0;color:#d2c9dc}
.sf-validation .sf-glass{text-align:center;padding:calc(var(--sf-unit)*26) calc(var(--sf-unit)*24) calc(var(--sf-unit)*24)}
.sf-validation-check{display:grid;place-items:center;width:calc(var(--sf-unit)*68);height:calc(var(--sf-unit)*68);border:calc(var(--sf-unit)*4) solid #d8c4f0;border-top-color:#736383;border-radius:50%;margin:0 auto calc(var(--sf-unit)*15);box-shadow:0 0 calc(var(--sf-unit)*25) #ad8ada0b}
.solution-main .sf-validation-check .icon{width:calc(var(--sf-unit)*32);height:calc(var(--sf-unit)*32);color:#e6d3fa;stroke-width:2}
.custom-page .solution-main .sf-validation-copy h2{font-size:calc(var(--sf-unit)*18)}
.custom-page .solution-main .sf-validation-copy p{font-size:calc(var(--sf-unit)*14);color:#bdb5ca;line-height:1.5;margin:calc(var(--sf-unit)*7) 0 0}
.sf-confirm{display:flex;align-items:center;justify-content:center;gap:calc(var(--sf-unit)*20);width:100%;min-height:calc(var(--sf-unit)*42);padding:calc(var(--sf-unit)*8);margin-top:calc(var(--sf-unit)*22);background:linear-gradient(150deg,#ddd3ef0b,#dbcdf104);border:calc(var(--sf-unit)*1) solid #ded3f032;color:#dfd8e9;font:400 calc(var(--sf-unit)*14)/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background .18s,transform .15s}
.solution-main .sf-confirm .icon{width:calc(var(--sf-unit)*15);height:calc(var(--sf-unit)*15)}
.sf-confirm:hover{background:#d7bee91c}
.sf-validation[data-confirmed] .sf-validation-check{border-color:#a9cebe}
.sf-validation[data-confirmed] .sf-validation-check .icon{color:#c1ead7}
.sf-motion-toggle{position:absolute;right:8px;bottom:0;display:flex;align-items:center;gap:5px;min-height:40px;padding:8px 10px;border:1px solid #d2bfed18;background:#d8c9ed03;color:#aca4b8;font:400 10px/1.4 Inter,Arial,sans-serif;cursor:pointer;transition:background .18s,transform .15s}
.sf-motion-toggle:hover{background:#d8c9ed0a}
.sf-motion-toggle svg{width:14px;height:14px}
.sf-client .sf-glass{padding-bottom:calc(var(--sf-unit)*28)}
@media(max-width:900px){
 .custom-page .solution-main .sf-hero{display:flex;flex-direction:column;min-height:0;height:auto;width:100%;aspect-ratio:auto;padding:65px 0 30px;max-width:720px}
 .sf-hero>*{--sf-unit:1px}
 .sf-hero-copy{width:100%;padding:0;max-width:650px;transform:none}
 .custom-page .sf-hero h1 .heading-accent{background-size:100% 100%}
 .sf-client-person{flex-wrap:wrap}.sf-mail-body>div>span{font-size:12px}
 .custom-page .solution-main .sf-hero h1{font-size:clamp(32px,5.6vw,46px);line-height:1.14}.sf-title-first{white-space:normal;max-width:580px;margin:auto}
 .custom-page .solution-main .sf-hero .cs-hero-lead{font-size:15px;line-height:1.7;max-width:530px;margin-top:22px}
 .sf-hero .cs-hero-actions{margin-top:28px;gap:22px;flex-wrap:wrap}.custom-page .solution-main .sf-hero .cs-hero-note{font-size:10px;max-width:320px;margin:20px auto 0}
 .sf-cards{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;padding:45px 8px 26px;align-items:center}
 .sf-card{position:relative;inset:auto;width:100%;max-width:none;--sf-angle:-4deg}.sf-mail{grid-column:1;grid-row:1}.sf-invoice{grid-column:1;grid-row:2;--sf-angle:3deg}.sf-client{grid-column:2;grid-row:1;--sf-angle:4deg}.sf-validation{grid-column:2;grid-row:2;--sf-angle:-4deg;max-width:255px;justify-self:center}
 .sf-glass{padding:19px}.sf-orbits{top:auto;bottom:35px;height:58%;opacity:.6}.sf-atmosphere{background:radial-gradient(ellipse 260px 300px at 0% 85%,#cd8e6026,transparent 75%),radial-gradient(ellipse 300px 300px at 100% 60%,#bbb4dd22,transparent 76%)}
 .sf-motion-toggle{bottom:-16px;right:4px}
}
@media(min-width:621px) and (max-width:740px){.sf-mail-time time{display:none}}
@media(max-width:620px){
 .custom-page .solution-main .sf-hero{padding-top:52px}.custom-page .solution-main .sf-hero h1{font-size:clamp(32px,7vw,40px)}
 .sf-title-first{max-width:360px}.sf-hero .cs-hero-actions{gap:16px}.custom-page .sf-hero .cs-hero-actions>.button{font-size:12px;padding-inline:16px}.sf-hero .cs-text-link{font-size:11px;gap:8px}
 .sf-cards{max-width:430px;gap:23px 18px;padding-inline:3px;padding-top:42px}.sf-glass{padding:13px 11px;border-radius:11px}.sf-card-heading{gap:7px;padding-bottom:12px}.solution-main .sf-card-heading>.icon{width:17px;height:17px}.custom-page .solution-main .sf-card h2{font-size:12px}.sf-menu-dots{font-size:8px;letter-spacing:1px}
 .sf-mail-body{position:relative;flex-wrap:wrap;gap:8px;margin:14px 0}.sf-avatar{width:26px;height:26px;font-size:9px}.sf-mail-body>div:not(.sf-mail-time){width:100%}.sf-mail-body strong{font-size:12px}.sf-mail-body>div>span{white-space:normal;font-size:10px}.sf-mail-time{position:absolute;right:0;top:2px;font-size:9px}.sf-mail-time i{width:5px;height:5px}
 .sf-attachment{font-size:8px;gap:5px;min-height:34px;padding:5px;white-space:normal;overflow-wrap:anywhere}.sf-attachment>small{display:none}.sf-pdf{width:19px;height:24px}.solution-main .sf-pdf .icon{width:13px;height:15px}
 .sf-invoice-subject{display:block;margin:14px 0 10px}.sf-invoice-subject strong{font-size:11px}.sf-invoice-subject>span{display:block;font-size:9px;margin-top:5px}.sf-invoice-lines{font-size:9px}.sf-invoice-lines>div{gap:6px;padding:8px 0}.sf-invoice-total{padding-top:12px;font-size:10px;gap:6px}.sf-invoice-total>strong{font-size:15px}
 .sf-client .sf-glass{padding-bottom:13px}.sf-client-person{flex-wrap:wrap;gap:8px;margin:15px 0}.sf-client .sf-avatar{width:28px;height:28px;font-size:10px}.sf-client-person>strong{font-size:11px}.sf-client-status{font-size:8px;padding:3px 6px;margin-left:0}.sf-client-status i{width:5px;height:5px}.sf-client-fields{gap:10px;font-size:9px}.sf-client-fields>div{grid-template-columns:1fr;gap:2px}.sf-client-fields dt{color:#91899e}.sf-client-fields dd{font-size:10px}
 .sf-validation .sf-glass{padding:19px 12px 14px}.sf-validation-check{width:45px;height:45px;border-width:2px;margin-bottom:13px}.solution-main .sf-validation-check .icon{width:25px;height:25px}.custom-page .solution-main .sf-validation-copy h2{font-size:13px}.custom-page .solution-main .sf-validation-copy p{font-size:10px}.sf-confirm{min-height:40px;font-size:10px;gap:10px;padding:6px;margin-top:16px}
}
@media(max-width:360px){.sf-cards{gap:22px 12px}.sf-glass{padding-inline:9px}.sf-invoice-lines{font-size:8px}.sf-invoice-total>strong{font-size:13px}.sf-menu-dots{display:none}.sf-card-heading{gap:5px}.custom-page .solution-main .sf-card h2{font-size:11px}.sf-hero .cs-hero-actions{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){.sf-motion-toggle{display:none!important}.sf-hero *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.sf-atmosphere,.sf-orbits,.sf-glass::before,.sf-glass::after,.sf-card-drift::before{display:none}.sf-glass{background:Canvas;border:1px solid CanvasText;box-shadow:none}.sf-confirm,.sf-motion-toggle{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}.sf-hero .heading-accent{-webkit-text-fill-color:CanvasText!important}}