:root{--ink:#1c1c1e;--muted:#66666b;--paper:#f5f5f7;--white:#fff;--mint:#baecdf;--mint-deep:#2b8f72;--gold:#e8d3a3;--lilac:#ece8f2;--dark:#282526;--line:#dedde0;--green:#2e9b5f;--red:#c73a32;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f5f7e0;border-bottom:1px solid #1c1c1e12;height:78px;position:sticky;top:0}.nav-inner{align-items:center;gap:38px;height:100%;display:flex}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:15px;display:flex}.brand strong{font-weight:700}.brand-mark{background:var(--dark);width:31px;height:31px;color:var(--mint);border-radius:9px;place-items:center;font-weight:700;display:grid}.nav-menu{justify-content:center;align-items:center;gap:28px;margin:auto;font-size:13px;display:flex}.nav-menu>a,.product-menu>button{color:#4d4d51;cursor:pointer;background:0 0;border:0;padding:28px 0}.nav-menu .active,.nav-menu>a:hover,.product-menu>button:hover{color:var(--ink)}.product-menu{position:relative}.product-menu>button span{margin-left:3px;font-size:14px}.mega-menu{visibility:hidden;opacity:0;background:#fff;border:1px solid #e4e3e5;border-radius:20px;grid-template-columns:.8fr 1.2fr;gap:30px;width:850px;padding:28px;transition:all .2s;display:grid;position:absolute;top:67px;left:50%;transform:translateY(-8px);box-shadow:0 24px 60px #201c1e24}.product-menu:hover .mega-menu,.mega-menu-open{visibility:visible;opacity:1;transform:translateY(0)}.mega-intro{background:var(--dark);color:#fff;border-radius:15px;flex-direction:column;padding:24px;display:flex}.mega-intro p{letter-spacing:.14em;color:var(--mint);margin:0;font-size:9px}.mega-intro h3{letter-spacing:-.035em;margin:18px 0;font-size:21px;line-height:1.18}.mega-intro a{color:#ddd;margin-top:auto;font-size:11px}.mega-links{grid-template-columns:1fr 1fr;gap:3px;display:grid}.mega-links a{border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.mega-links a:hover{background:#f4f4f5}.mega-links>a>span{color:#999;font-size:9px}.mega-links strong,.mega-links small{display:block}.mega-links strong{font-size:12px}.mega-links small{color:#888;margin-top:3px;font-size:9px}.nav-actions{white-space:nowrap;align-items:center;gap:18px;font-size:12px;display:flex}.mobile-menu{display:none}.button{border-radius:12px;justify-content:center;align-items:center;gap:16px;padding:15px 20px;font-size:13px;font-weight:650;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e1a1c21}.button-primary{background:var(--dark);color:#fff}.button-secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button-light{color:var(--dark);background:#fff}.button-small{padding:10px 14px;font-size:11px}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;min-height:650px;padding-block:86px;display:grid}.hero-copy h1,.page-hero h1,.detail-hero h1,.pricing-hero h1,.simple-hero h1{letter-spacing:-.062em;max-width:720px;margin:0;font-size:clamp(48px,5.7vw,76px);font-weight:680;line-height:.99}.hero-copy h1 em,.page-hero h1 em,.pricing-hero h1 em,.simple-hero h1 em{color:#826b3a;font-style:normal;font-weight:560}.kicker,.section-label{text-transform:uppercase;letter-spacing:.14em;color:#69686c;margin:0 0 20px;font-size:10px;font-weight:700}.kicker span{background:var(--mint-deep);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #2b8f7221}.hero-lead,.page-hero>div>p:not(.kicker),.detail-copy>p:not(.kicker),.pricing-hero>p:not(.kicker),.simple-hero>p:not(.kicker){color:var(--muted);max-width:660px;margin:27px 0;font-size:17px;line-height:1.65}.action-row{align-items:center;gap:13px;margin-top:30px;display:flex}.trust-row{color:#68676b;gap:18px;margin-top:30px;font-size:11px;display:flex}.trust-row span:before{content:"✓";color:var(--mint-deep);margin-right:6px;font-weight:800}.product-visual{border-radius:var(--radius);background:#eae8ec;border:1px solid #d9d7db;min-height:400px;overflow:hidden;box-shadow:0 26px 60px #2b24281c}.visual-hero{background:linear-gradient(145deg,#fdfdfd 0%,#ece9ef 100%)}.visual-mint{background:linear-gradient(145deg,#d5f4eb,#efe7d3)}.visual-top{color:#777;border-bottom:1px solid #1c1c1e17;align-items:center;gap:9px;height:47px;padding:0 18px;font-size:10px;display:flex}.visual-top b{text-transform:uppercase;letter-spacing:.1em;color:#888;margin-left:auto;font-size:9px}.visual-dot{background:var(--mint-deep);border-radius:50%;width:8px;height:8px}.visual-content{grid-template-columns:1fr .8fr;align-items:center;gap:30px;min-height:353px;padding:40px;display:grid}.visual-index{letter-spacing:.16em;color:#777;font-size:8px}.visual-copy h3{letter-spacing:-.045em;margin:14px 0;font-size:33px;line-height:1.04}.visual-copy p{color:#666;max-width:280px;font-size:12px;line-height:1.55}.visual-slots{gap:12px;display:grid}.visual-slots span{background:#ffffffa8;border:1px solid #fffc;border-radius:13px;height:56px}.visual-slots span:nth-child(2){width:82%}.visual-slots span:nth-child(3){width:62%}.section{padding-block:110px}.statement-band{background:var(--dark);color:#fff;padding-block:82px}.statement-grid{grid-template-columns:1fr 1fr;align-items:end;gap:90px;margin-bottom:52px;display:grid}.statement-grid h2,.section-heading h2,.content-column h2,.dark-cta h2,.promise h2,.detail-list-section h2,.related-section h2,.faq-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.4vw,58px);font-weight:650;line-height:1.04}.statement-grid>p{color:#ccc;margin:0;font-size:15px;line-height:1.7}.statement-band .section-label{color:var(--mint)}.connected-flow{border:1px solid #4c484a;border-radius:17px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.flow-part{position:relative}.flow-part>div{background:#302d2e;border-right:1px solid #4c484a;padding:23px 18px}.flow-part:last-child>div{border-right:0}.flow-part span,.flow-part strong{display:block}.flow-part span{color:var(--mint);margin-bottom:18px;font-size:9px}.flow-part strong{font-size:14px}.flow-part i{z-index:2;background:var(--mint);width:22px;height:22px;color:var(--dark);border-radius:50%;place-items:center;font-size:11px;font-style:normal;display:grid;position:absolute;top:50%;right:-11px;transform:translateY(-50%)}.section-heading{max-width:760px;margin-bottom:44px}.split-heading{grid-template-columns:1fr .72fr;align-items:end;gap:80px;max-width:none;display:grid}.split-heading>p,.content-column>p:not(.section-label),.detail-list-section>div>p:not(.section-label){color:var(--muted);margin:0;font-size:15px;line-height:1.7}.centered-heading{text-align:center;margin-inline:auto}.directory-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.directory-card{background:#ffffffa6;border:1px solid #dfdde0;border-radius:18px;flex-direction:column;min-height:275px;padding:26px;transition:all .2s;display:flex}.directory-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 14px 30px #28232614}.directory-card>div{justify-content:space-between;align-items:center;display:flex}.directory-card>div span,.directory-card small{color:#8a898d;font-size:9px}.directory-card small{text-transform:uppercase;letter-spacing:.08em}.directory-card h3{letter-spacing:-.04em;margin:43px 0 10px;font-size:24px}.directory-card p{color:#747378;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.directory-card>b{margin-top:auto;font-size:11px}.surface-section{background:#ebe9ed}.two-column{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.content-column>p:not(.section-label){margin:22px 0}.clean-list{margin:24px 0;padding:0;list-style:none}.clean-list li{border-bottom:1px solid #d9d7da;padding:12px 0;font-size:13px}.clean-list li:before{content:"✓";color:var(--mint-deep);margin-right:9px;font-weight:800}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:8px}.scenario-grid{background:var(--line);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.scenario-grid article{background:#fff;flex-direction:column;min-height:300px;padding:30px;display:flex}.number,.three-benefits>article>span{color:var(--mint-deep);font-size:9px;font-weight:700}.scenario-grid h3,.three-benefits h3{letter-spacing:-.04em;margin:48px 0 12px;font-size:23px;line-height:1.1}.scenario-grid p,.three-benefits p{color:var(--muted);margin:0;font-size:13px;line-height:1.62}.scenario-grid a{margin-top:auto;font-size:11px;font-weight:700}.dark-cta{background:var(--dark);color:#fff;padding-block:70px}.dark-cta>.page-shell,.inline-cta{justify-content:space-between;align-items:center;gap:40px;display:flex}.dark-cta .section-label,.inline-cta .section-label{color:var(--mint)}.dark-cta h2{font-size:45px}.page-hero,.detail-hero{grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding-block:86px 100px;display:grid}.page-hero>div>p:not(.kicker),.detail-copy>p:not(.kicker){max-width:610px}.detail-hero h1{font-size:clamp(44px,5.2vw,70px)}.detail-copy .text-link{padding:12px}.promise{background:var(--dark);color:#fff;padding-block:78px}.promise .section-label{color:var(--mint)}.promise h2{max-width:1000px;font-size:48px}.three-benefits{background:var(--line);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.three-benefits article{background:#fff;min-height:275px;padding:30px}.three-benefits h3{margin-top:58px}.process-list{max-width:850px}.process-list article{grid-template-columns:52px 1fr;gap:18px;padding:0 0 46px;display:grid;position:relative}.process-list article>span{background:var(--dark);width:45px;height:45px;color:var(--mint);border-radius:13px;place-items:center;font-size:12px;font-weight:700;display:grid}.process-list h3{letter-spacing:-.035em;margin:2px 0 7px;font-size:20px}.process-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.process-list i{color:#999;font-style:normal;position:absolute;top:52px;left:21px}.detail-list-section{align-items:start}.large-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.large-list li{border-bottom:1px solid var(--line);gap:20px;padding:18px 0;font-size:15px;font-weight:600;display:flex}.large-list span{color:#999;padding-top:4px;font-size:9px}.related-section{padding-bottom:110px}.related-section>div{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.related-section a{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1fr auto;padding:24px;display:grid}.related-section small,.related-section strong{grid-column:1}.related-section small{color:#888;margin-bottom:8px;font-size:9px}.related-section strong{font-size:17px}.related-section a>span{grid-area:1/2/3;align-self:center}.inline-cta{background:var(--dark);color:#fff;border-radius:24px;margin-bottom:90px;padding:48px}.inline-cta h2{max-width:700px;font-size:40px}.workflow-stack{border-top:1px solid var(--line)}.workflow-stack article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 180px;align-items:center;gap:30px;padding:31px 0;display:grid}.workflow-stack>article>span{color:var(--mint-deep);font-size:10px}.workflow-stack h3{letter-spacing:-.035em;margin:0 0 7px;font-size:23px}.workflow-stack p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.workflow-stack a{font-size:11px;font-weight:700}.pricing-hero,.simple-hero{text-align:center;padding-block:100px 70px}.pricing-hero h1,.simple-hero h1{margin-inline:auto}.pricing-hero>p:not(.kicker),.simple-hero>p:not(.kicker){max-width:680px;margin:25px auto}.plans{grid-template-columns:1fr 1fr;gap:16px;max-width:840px;display:grid}.plans article{border:1px solid var(--line);background:#fff;border-radius:22px;padding:36px;position:relative}.plans article>div{justify-content:space-between;display:flex}.plans article p{margin:0;font-size:14px;font-weight:700}.plans article div span{color:#777;font-size:11px}.plans article h2{letter-spacing:-.06em;margin:40px 0 28px;font-size:64px}.plans h2 sup{letter-spacing:.05em;margin-right:8px;font-size:11px}.plans h2 small{letter-spacing:0;color:#777;font-size:13px}.plans .button{width:100%}.plans .recommended{background:linear-gradient(145deg,#d8f4eb,#f3e8cc);border-color:#c6dfd6}.plans .recommended>b{background:var(--dark);color:var(--mint);border-radius:30px;padding:7px 10px;font-size:9px;position:absolute;top:-11px;right:22px}.included{max-width:840px;padding-block:24px 90px}.included>p{text-align:center;color:#888;font-size:10px}.included>div{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:23px;display:flex}.included span{font-size:11px}.included span:first-letter{color:var(--mint-deep)}.simple-hero{padding-bottom:55px}.faq-section{grid-template-columns:.7fr 1.3fr;gap:100px;padding-block:40px 120px;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:20px;width:100%;padding:21px 0;display:flex}.faq-list button strong{font-size:14px}.faq-list button span{color:#777;font-size:20px}.faq-list p{color:var(--muted);margin:0 40px 20px 0;font-size:13px;line-height:1.65}.site-footer{background:#eeeef0;padding:65px 0 25px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.25fr;gap:50px;display:grid}.footer-brand p{color:#777;max-width:250px;margin-top:20px;font-size:11px;line-height:1.65}.footer-grid>div:not(:first-child){color:#707074;flex-direction:column;gap:12px;font-size:11px;display:flex}.footer-grid>div:not(:first-child)>strong{color:var(--ink);margin-bottom:5px;font-size:12px}.footer-bottom{color:#888;border-top:1px solid #d7d5d8;justify-content:space-between;margin-top:48px;padding-top:20px;font-size:9px;display:flex}@media (max-width:900px){.page-shell{width:min(100% - 32px,680px)}.nav-actions{display:none}.mobile-menu{background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;margin-left:auto;display:flex}.mobile-menu span{background:var(--ink);width:20px;height:1px;display:block}.nav-menu{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:18px 24px;display:none;position:absolute;top:77px;left:0;right:0}.nav-menu-open{display:flex}.nav-menu>a,.product-menu>button{text-align:left;width:100%;padding:13px 0;display:block}.mega-menu{width:auto;box-shadow:none;grid-template-columns:1fr;margin:4px 0 12px;padding:12px;position:static}.mega-intro{display:none}.mega-links{grid-template-columns:1fr 1fr}.hero,.page-hero,.detail-hero{grid-template-columns:1fr;gap:45px;padding-block:65px}.hero{min-height:auto}.statement-grid,.split-heading,.two-column,.faq-section{grid-template-columns:1fr;gap:38px}.directory-grid{grid-template-columns:1fr 1fr}.product-visual{min-height:340px}.visual-content{min-height:293px}.scenario-grid,.three-benefits{grid-template-columns:1fr}.scenario-grid article,.three-benefits article{min-height:230px}.scenario-grid h3,.three-benefits h3{margin-top:35px}.dark-cta>.page-shell,.inline-cta{flex-direction:column;align-items:flex-start}.promise h2{font-size:40px}.related-section>div{grid-template-columns:1fr}.workflow-stack article{grid-template-columns:45px 1fr}.workflow-stack a{grid-column:2}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.plans{grid-template-columns:1fr;max-width:560px}.faq-section{padding-top:10px}}@media (max-width:560px){.page-shell{width:calc(100% - 28px)}.hero-copy h1,.page-hero h1,.detail-hero h1,.pricing-hero h1,.simple-hero h1{font-size:43px}.action-row{flex-direction:column;align-items:stretch}.trust-row{flex-direction:column;gap:8px}.visual-content{grid-template-columns:1fr;padding:28px}.visual-slots{display:none}.connected-flow{grid-template-columns:1fr}.flow-part>div{border-bottom:1px solid #4c484a;border-right:0}.flow-part i{inset:auto auto -11px 50%;transform:translate(-50%)rotate(90deg)}.statement-band{padding-block:60px}.section{padding-block:78px}.directory-grid{grid-template-columns:1fr}.directory-card{min-height:240px}.dark-cta h2{font-size:35px}.page-hero,.detail-hero{padding-block:55px}.promise h2{font-size:34px}.inline-cta{padding:32px 24px}.inline-cta h2{font-size:31px}.plans article{padding:28px}.plans article h2{font-size:55px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.mega-links{grid-template-columns:1fr}.workflow-stack article{grid-template-columns:34px 1fr;gap:14px}.content-column h2,.section-heading h2,.statement-grid h2{font-size:38px}}
.visual-has-image{background:#eef0f1;min-height:0}.visual-screenshot{aspect-ratio:1236/835;background:#eef0f1;place-items:center;display:grid;overflow:hidden}.visual-screenshot img{object-fit:contain;width:100%;height:100%;display:block;transform:none}.visual-screenshot-tall{aspect-ratio:1236/835}.visual-screenshot-tall img{transform:none}.device-showcase{min-height:515px;padding:28px 58px 90px 0;position:relative}.desktop-device{background:linear-gradient(145deg,#26282c,#0f1012);border-radius:21px 21px 13px 13px;padding:10px 10px 0;position:relative;box-shadow:0 32px 72px #1c181a3d}.desktop-camera{z-index:2;background:#3e4650;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:50%}.desktop-screen{aspect-ratio:1.8;background:#f5f5f7;border-radius:12px 12px 3px 3px;overflow:hidden}.desktop-screen img{width:100%;height:auto;display:block;transform:translateY(-6.2%)}.desktop-chin{color:#ffffff7a;letter-spacing:.08em;place-items:center;height:25px;font-size:6px;display:grid}.desktop-stand{clip-path:polygon(32% 0,68% 0,76% 78%,94% 88%,94% 100%,6% 100%,6% 88%,24% 78%);background:linear-gradient(90deg,#c8c9cc,#f2f2f3 45%,#b8b9bc);width:120px;height:54px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.desktop-stand i{background:#a4a5a8;border-radius:50%;height:4px;position:absolute;bottom:0;left:16%;right:16%}.phone-device{z-index:4;background:#111214;border:2px solid #78797c;border-radius:33px;width:27%;padding:7px;position:absolute;bottom:0;right:0;box-shadow:0 28px 38px #18141652}.phone-screen{aspect-ratio:696/1497;background:#eaf7f3;border-radius:26px;position:relative;overflow:hidden}.phone-screen img{width:112.64%;max-width:none;height:auto;display:block;transform:translate(-4.46%,-2.68%)}.phone-side{background:#55565a;border-radius:3px;width:3px;position:absolute}.phone-side-left{height:15%;top:23%;left:-4px;box-shadow:0 36px #55565a}.phone-side-right{height:18%;top:31%;right:-4px}@media (max-width:900px){.device-showcase{width:min(100%,650px);min-height:490px;margin-inline:auto}}@media (max-width:560px){.device-showcase{min-height:330px;padding:18px 34px 66px 0}.desktop-device{border-radius:13px 13px 8px 8px;padding:6px 6px 0}.desktop-screen{border-radius:8px 8px 2px 2px}.desktop-chin{height:17px;font-size:4px}.desktop-stand{width:82px;height:39px}.phone-device{border-radius:23px;width:31%;padding:4px}.phone-screen{border-radius:18px}}
.product-groups{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.product-groups article{background:#ffffffb8;border:1px solid #dedde0;border-radius:20px;flex-direction:column;min-height:330px;padding:30px;display:flex}.product-groups article:first-child{background:linear-gradient(145deg,#baecdfa3,#ffffffdb)}.product-groups article:nth-child(2){background:linear-gradient(145deg,#e8d3a394,#ffffffdb)}.product-groups article:nth-child(3){background:linear-gradient(145deg,#ece8f2f2,#ffffffdb)}.product-groups article>span{color:#77777b;font-size:9px;font-weight:700}.product-groups h3{letter-spacing:-.045em;margin:48px 0 12px;font-size:26px;line-height:1.05}.product-groups p{color:#66666b;margin:0;font-size:13px;line-height:1.62}.product-groups article>div{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:24px;display:flex}.product-groups a{background:#ffffffa3;border:1px solid #1c1c1e1a;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:650}.product-groups a:hover{background:#fff}.product-groups a b{margin-left:4px}@media (max-width:900px){.product-groups{grid-template-columns:1fr}.product-groups article{min-height:275px}}
.hero.page-shell{min-height:auto;padding-top:30px;padding-bottom:64px;display:block}.hero-meta{justify-content:space-between;align-items:center;gap:28px;min-height:34px;margin-bottom:20px;display:flex}.hero-meta .kicker,.hero-meta .trust-row{margin:0}.hero-meta .trust-row{justify-content:flex-end}.hero-main{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);align-items:center;gap:48px;display:grid}.hero .hero-copy{max-width:520px;display:block}.hero .hero-copy h1{max-width:520px;font-size:clamp(40px,4.2vw,56px);line-height:1}.hero .hero-lead{max-width:470px;margin:24px 0 0;font-size:15px;line-height:1.65}.hero .action-row{margin-top:20px}.hero .device-showcase{width:100%;min-height:520px;margin:0;padding:20px 56px 82px 0}.hero .phone-device{width:31%}@media (max-width:900px){.hero.page-shell{padding-top:28px;padding-bottom:74px}.hero-meta{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:32px}.hero-meta .trust-row{justify-content:flex-start}.hero-main{grid-template-columns:1fr;gap:22px}.hero .hero-copy{max-width:640px}.hero .hero-copy h1{max-width:610px}.hero .device-showcase{min-height:540px;padding:20px 76px 88px 0}.hero .phone-device{width:30%}}@media (max-width:560px){.hero.page-shell{padding-top:24px;padding-bottom:64px}.hero-meta{margin-bottom:26px}.hero-meta .trust-row{gap:8px 14px}.hero .hero-copy h1{font-size:38px}.hero .hero-lead{margin-top:20px;font-size:14px}.hero .device-showcase{min-height:350px;padding:14px 36px 68px 0}.hero .phone-device{width:33%}}
.detail-hero.page-shell{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:clamp(36px,3.5vw,56px);width:min(1320px,100% - 48px);padding-top:62px;padding-bottom:88px}.detail-hero .detail-copy{max-width:400px}.detail-hero .detail-copy h1{letter-spacing:-.052em;max-width:400px;font-size:clamp(34px,3.25vw,48px);line-height:1.03}.detail-hero .detail-copy>p:not(.kicker){max-width:390px;margin:20px 0;font-size:14px;line-height:1.65}.detail-hero .detail-copy .action-row{flex-direction:column;align-items:flex-start;gap:10px;margin-top:24px}.detail-hero .detail-copy .text-link{padding-left:0}.detail-hero .product-visual{width:100%;min-height:465px}.detail-hero .visual-content{grid-template-columns:.9fr 1.1fr;min-height:418px;padding:clamp(36px,4vw,58px)}.detail-hero .visual-copy h3{font-size:clamp(30px,3vw,44px)}@media (max-width:900px){.detail-hero.page-shell{grid-template-columns:1fr;gap:38px;width:min(100% - 32px,760px);padding-block:56px 72px}.detail-hero .detail-copy,.detail-hero .detail-copy h1,.detail-hero .detail-copy>p:not(.kicker){max-width:none}.detail-hero .detail-copy h1{font-size:clamp(38px,7vw,50px)}.detail-hero .detail-copy .action-row{align-items:flex-start}.detail-hero .product-visual{min-height:400px}.detail-hero .visual-content{min-height:353px}}@media (max-width:560px){.detail-hero.page-shell{gap:30px;width:calc(100% - 28px);padding-block:44px 58px}.detail-hero .detail-copy h1{font-size:36px}.detail-hero .detail-copy .action-row{align-items:stretch}.detail-hero .product-visual{min-height:320px}.detail-hero .visual-content{min-height:273px;padding:28px}}
.solutions-menu .solutions-mega{grid-template-columns:.76fr 1.24fr;width:760px;left:50%;transform:translate(-30%,-8px)}.solutions-menu:hover .solutions-mega,.solutions-menu .solutions-mega.mega-menu-open{transform:translate(-30%)}.solutions-intro{background:linear-gradient(155deg,#282526 15%,#334c45 100%)}.solutions-links{gap:4px;display:grid}.solution-item{color:#77767a;border-radius:11px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:9px 10px;display:grid}.solution-item>span{color:#aaa8ac;font-size:9px}.solution-item strong,.solution-item small{display:block}.solution-item strong{color:#3f3e42;font-size:12px}.solution-item small{color:#929095;margin-top:3px;font-size:9px}.solution-item b{color:#87858a;letter-spacing:.04em;background:#f0eff1;border-radius:999px;padding:5px 8px;font-size:8px}.solution-item-active{background:#eef8f4}.solution-item-active:hover{background:#e3f4ed}.solution-item-active strong{color:var(--ink)}.solution-item-active b{color:#247c61;background:#d8f1e7}.solutions-hero{padding-bottom:62px}.solutions-hero h1{max-width:900px}.solution-directory{padding-top:16px}.solution-directory-heading{grid-template-columns:.8fr 1.2fr;align-items:end;gap:80px;margin-bottom:38px;display:grid}.solution-directory-heading h2{letter-spacing:-.052em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.04}.solution-directory-heading p{max-width:560px;color:var(--muted);margin:0;font-size:14px;line-height:1.7}.solution-card-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.solution-card{border:1px solid var(--line);background:#ffffffad;border-radius:20px;flex-direction:column;min-height:250px;padding:28px;display:flex}.solution-card-active{background:linear-gradient(135deg,#d9f3eb,#f5f2e9 65%,#eeebf6);border-color:#cfe4dd;grid-column:span 2;min-height:285px}.solution-card-top{justify-content:space-between;align-items:center;display:flex}.solution-card-top span{letter-spacing:.12em;color:#858388;font-size:9px}.solution-status{color:#77757a;background:#efedef;border-radius:999px;padding:7px 10px;font-size:9px}.solution-card-active .solution-status{color:#247c61;background:#d2eee4}.solution-card h2{letter-spacing:-.045em;margin:42px 0 10px;font-size:28px;line-height:1.05}.solution-card-active h2{font-size:clamp(32px,4vw,48px)}.solution-card p{max-width:690px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.solution-card .text-link{margin-top:auto;padding-top:28px}@media (max-width:900px){.solutions-menu .solutions-mega,.solutions-menu:hover .solutions-mega,.solutions-menu .solutions-mega.mega-menu-open{width:auto;transform:none}.solution-directory-heading{grid-template-columns:1fr;gap:20px}}@media (max-width:560px){.solutions-links{gap:2px}.solution-item{grid-template-columns:22px minmax(0,1fr) auto;padding-inline:6px}.solution-card-grid{grid-template-columns:1fr}.solution-card-active{grid-column:auto}.solution-card,.solution-card-active{min-height:245px;padding:24px}}
@media (min-width:901px){.product-menu:not(.solutions-menu) .mega-menu{max-width:calc(100vw - 32px);left:50%;transform:translate(-50%,-8px)}.product-menu:not(.solutions-menu):hover .mega-menu,.product-menu:not(.solutions-menu) .mega-menu.mega-menu-open{transform:translate(-50%)}.product-menu .mega-menu:before,.company-dropdown:before{content:"";height:16px;position:absolute;bottom:100%;left:0;right:0}}.company-dropdown{visibility:hidden;opacity:0;background:#fff;border:1px solid #e4e3e5;border-radius:16px;width:270px;padding:8px;transition:all .2s;position:absolute;top:67px;left:50%;transform:translate(-50%,-8px);box-shadow:0 20px 48px #201c1e21}.company-menu:hover .company-dropdown,.company-dropdown-open{visibility:visible;opacity:1;transform:translate(-50%)}.company-dropdown a{border-radius:10px;padding:13px 14px;display:block}.company-dropdown a:hover{background:#f4f4f5}.company-dropdown strong,.company-dropdown small{display:block}.company-dropdown strong{font-size:12px}.company-dropdown small{color:#888;margin-top:4px;font-size:9px;line-height:1.4}@media (max-width:900px){.company-dropdown{width:auto;box-shadow:none;margin:4px 0 12px;padding:7px;position:static;transform:translateY(-6px)}.company-menu:hover .company-dropdown,.company-dropdown-open{transform:translateY(0)}}.footer-grid{grid-template-columns:1.45fr .9fr .75fr 1fr 1.2fr;gap:38px}@media (max-width:900px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:first-child{grid-column:span 3}.footer-grid>div:last-child{grid-column:auto}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}}
.footer-cta{background:var(--paper);padding:76px 0 0}.footer-cta-card{isolation:isolate;color:#fff;background:radial-gradient(circle at 88% 12%,#baecdf33,#0000 28%),linear-gradient(135deg,#242122 0%,#302c2d 100%);border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:minmax(0,1.2fr) auto;align-items:end;gap:54px;padding:48px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #231f2021}.footer-cta-card:after{z-index:-1;content:"";border:1px solid #baecdf1a;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-145px;right:-90px}.footer-cta-label{color:var(--mint);letter-spacing:.16em;margin:0 0 18px;font-size:10px;font-weight:750}.footer-cta-copy h2{letter-spacing:-.052em;max-width:720px;margin:0;font-size:clamp(34px,4vw,52px);font-weight:630;line-height:1.02}.footer-cta-copy>p:last-child{color:#cbc7c8;max-width:650px;margin:20px 0 0;font-size:14px;line-height:1.65}.footer-cta-actions{flex-direction:column;gap:10px;min-width:260px;display:flex}.footer-cta-actions a{border-radius:13px;justify-content:space-between;align-items:center;gap:22px;min-height:50px;padding:0 18px;font-size:12px;font-weight:700;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.footer-cta-actions a:hover{transform:translateY(-2px)}.footer-cta-primary{background:var(--mint);color:var(--dark)}.footer-cta-secondary{color:#fff;background:#ffffff0d;border:1px solid #fff3}.footer-cta-secondary:hover{background:#ffffff17;border-color:#ffffff61}.site-footer{background:#eeeef0;padding:76px 0 28px}.footer-grid{grid-template-columns:1.35fr .82fr 1.18fr 1.2fr 1fr;gap:42px;display:grid}.footer-brand p{color:#6f6f74;max-width:280px;margin:22px 0 18px;font-size:12.5px;line-height:1.72}.footer-email{color:#4e4e53;font-size:11.5px;font-weight:650}.footer-positioning{color:#2b725f;letter-spacing:.025em;max-width:275px;margin:0 0 17px;font-size:10px;font-weight:750;line-height:1.45;display:block}.footer-column{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-column>strong{min-height:30px;color:var(--ink);font-size:14px;line-height:1.35}.footer-column a{color:#707074;font-size:12.5px;line-height:1.45;transition:color .18s,transform .18s}.footer-column a:hover{color:var(--ink);transform:translate(2px)}.footer-bottom{color:#85858a;border-top:1px solid #d7d5d8;justify-content:space-between;margin-top:54px;padding-top:20px;font-size:10.5px;display:flex}@media (max-width:980px){.footer-cta-card{grid-template-columns:1fr;align-items:start;gap:30px}.footer-cta-actions{width:min(100%,380px)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1;padding-bottom:8px}}@media (max-width:560px){.footer-cta{padding-top:48px}.footer-cta-card{border-radius:22px;gap:27px;padding:34px 24px}.footer-cta-copy h2{font-size:34px}.footer-cta-actions{min-width:0}.footer-cta-actions a{min-height:48px}.site-footer{padding-top:58px}.footer-grid{grid-template-columns:1fr;gap:38px}.footer-brand{grid-column:auto}.footer-column>strong{min-height:auto;margin-bottom:3px}.footer-column a{padding-block:2px;font-size:12.5px}.footer-bottom{flex-direction:column;gap:8px}}
.legal-hero{padding:90px 0 62px}.legal-hero h1{letter-spacing:-.058em;max-width:850px;margin:0;font-size:clamp(46px,6vw,76px);font-weight:660;line-height:.98}.legal-hero>p:not(.kicker){max-width:720px;color:var(--muted);margin:26px 0 18px;font-size:16px;line-height:1.7}.legal-updated{color:#8a898e;font-size:10px}.legal-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:75px;padding-bottom:110px;display:grid}.legal-layout>aside{padding-top:10px;position:sticky;top:110px}.legal-layout>aside>p{color:#8a898d;letter-spacing:.15em;margin:0 0 18px;font-size:9px;font-weight:750}.legal-layout>aside nav{border-top:1px solid var(--line);flex-direction:column;display:flex}.legal-layout>aside a{border-bottom:1px solid var(--line);color:#66666b;padding:13px 0;font-size:11px;line-height:1.4}.legal-layout>aside a:hover{color:var(--ink)}.legal-content{border:1px solid var(--line);background:#ffffffb8;border-radius:24px;overflow:hidden}.legal-content>section{border-bottom:1px solid var(--line);padding:42px 46px;scroll-margin-top:110px;position:relative}.legal-content>section>span{color:var(--mint-deep);font-size:9px;font-weight:750;position:absolute;top:45px;right:46px}.legal-content h2{letter-spacing:-.04em;max-width:calc(100% - 55px);margin:0 0 20px;font-size:26px}.legal-content p,.legal-content li{color:#626267;font-size:13px;line-height:1.72}.legal-content p{margin:0 0 13px}.legal-content ul{margin:8px 0 0;padding-left:20px}.legal-content li+li{margin-top:8px}.legal-contact{background:linear-gradient(135deg,#baecdf6b,#ece8f2a6);justify-content:space-between;align-items:center;gap:30px;padding:34px 46px;display:flex}.legal-contact p{color:#77777b;margin:0 0 4px;font-size:10px}.legal-contact strong{font-size:15px}@media (max-width:760px){.legal-hero{padding:64px 0 46px}.legal-layout{grid-template-columns:1fr;gap:32px;padding-bottom:78px}.legal-layout>aside{position:static}.legal-layout>aside nav{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.legal-content>section{padding:34px 24px}.legal-content>section>span{top:36px;right:24px}.legal-contact{flex-direction:column;align-items:stretch;padding:30px 24px}}@media (max-width:480px){.legal-hero h1{font-size:43px}.legal-layout>aside nav{grid-template-columns:1fr}.legal-content h2{font-size:23px}}
.trade-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 11% 3%,#baecdf52,#0000 28%),radial-gradient(circle at 94% 2%,#e5e0f5ad,#0000 31%),#f4f6f5;width:100%;padding:.72cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.trade-demo button,.trade-demo input{font:inherit}.trade-demo-grid{grid-template-rows:minmax(0,1.26fr) minmax(0,.57fr) minmax(0,.49fr);grid-template-columns:1.42fr 1fr;gap:.9cqw;width:100%;height:100%;min-height:0;display:grid}.trade-demo-column{grid-row:1/-1;grid-template-rows:subgrid;gap:.9cqw;min-width:0;min-height:0;display:grid}.trade-demo-column-sale{grid-column:1}.trade-demo-column-buy{grid-column:2}.trade-demo-column-sale .trade-entry-panel,.trade-demo-column-buy .trade-buy-panel{grid-row:1}.trade-demo-column-sale .trade-sold-panel{grid-row:2/4}.trade-demo-column-buy .trade-bought-panel{grid-row:2}.trade-demo-column-buy .trade-summary-panel{grid-row:3}.trade-panel{background:#ffffffc2;border:1px solid #ffffffe0;border-radius:2.15cqw;min-width:0;min-height:0;padding:1.85cqw;position:relative;overflow:hidden;box-shadow:0 1.6cqw 3.3cqw #2826280d,inset 0 1px #fffffff5}.trade-entry-panel{overflow:visible}.trade-panel-heading{justify-content:space-between;align-items:center;min-height:2.4cqw;display:flex}.trade-panel-heading>span{color:#70807b;letter-spacing:.2em;font-size:clamp(10px,1.28cqw,15px);font-weight:700}.trade-panel-heading>b{color:#78827f;background:#f1f5f3f0;border-radius:999px;padding:.72cqw 1.1cqw;font-size:clamp(10px,1.28cqw,15px);font-weight:500}.trade-soft-button{color:#5f6462;letter-spacing:0;background:#ffffffc7;border:0;border-radius:1.5cqw;min-height:4.1cqw;padding:0 1.8cqw;font-size:clamp(6px,.72cqw,9px);font-weight:400;box-shadow:0 1cqw 2.1cqw #201f2012}.trade-fields{gap:1.2cqw;display:grid}.trade-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-entry-panel>.trade-fields{margin-top:1.45cqw}.trade-field{color:#69726f;gap:.65cqw;min-width:0;font-size:clamp(10px,1.28cqw,15px);display:grid;position:relative}.trade-control{color:#29292b;background:#f8fbfac7;border:1px solid #dee7e4db;border-radius:1.55cqw;outline:none;width:100%;height:4.5cqw;min-height:28px;padding:0 1.3cqw;font-size:clamp(11px,1.44cqw,17px);transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffe6,0 .8cqw 1.8cqw #22272506}.trade-control:focus{background:#fbfdfc;border-color:#54b2967a;box-shadow:0 0 0 .35cqw #baecdf47}.trade-select-wrap{position:relative}.trade-select{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.trade-select i{color:#202123;font-size:clamp(11px,1.48cqw,18px);font-style:normal}.trade-select.is-filled{color:#7957c8}.trade-dropdown{z-index:8;scrollbar-width:thin;scrollbar-color:#6f807a4d transparent;background:#fffffffa;border:1px solid #dde3e1f2;border-radius:1.2cqw;gap:.18cqw;max-height:18cqw;padding:.45cqw;animation:.18s both trade-dropdown-in;display:grid;position:absolute;top:calc(100% + .45cqw);left:0;right:0;overflow:hidden auto;box-shadow:0 1.2cqw 2.8cqw #211f2224}.trade-dropdown::-webkit-scrollbar{width:3px}.trade-dropdown::-webkit-scrollbar-thumb{background:#6f807a4d;border-radius:999px}.trade-dropdown button{color:#454548;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.75cqw;padding:.65cqw .9cqw;font-size:clamp(10px,1.3cqw,15px)}.trade-dropdown button.is-demo-target,.trade-dropdown button:hover{color:#236d58;background:#e5f6f0}.trade-total{background:#f9fcfbd1;border:1px solid #e0e7e5d1;border-radius:1.55cqw;justify-content:space-between;align-items:center;height:4.8cqw;min-height:30px;margin-top:1.3cqw;padding:0 1.45cqw;display:flex}.trade-total span{color:#77817e;font-size:clamp(10px,1.28cqw,15px)}.trade-total strong{letter-spacing:-.04em;font-size:clamp(14px,1.98cqw,24px);transition:color .2s,transform .2s}.trade-total.is-calculated strong{color:#1e2422;animation:.3s both trade-number-in}.trade-primary-button{color:#fff;cursor:pointer;letter-spacing:0;background:#222225;border:0;border-radius:1.3cqw;height:3.5cqw;min-height:25px;padding:0 1.7cqw;font-size:clamp(6px,.72cqw,9px);font-weight:400;transition:opacity .18s,transform .16s;box-shadow:0 1.1cqw 2.2cqw #201e2024}.trade-primary-button:active{transform:scale(.96)}.trade-primary-button:disabled{cursor:default;opacity:.34}.trade-demo .trade-primary-button,.trade-demo .trade-soft-button{letter-spacing:0;font-size:clamp(9px,1.05cqw,13px);font-weight:400;line-height:1}.trade-demo .trade-primary-button{font-size:clamp(10px,1.15cqw,14px)}.trade-sale-add{margin:.68cqw 0 0 auto;display:block;position:static}.trade-buy-panel{flex-direction:column;display:flex}.trade-buy-add{margin:.68cqw 0 0 auto;display:block;position:static}.trade-list-panel{padding:1.7cqw 2.1cqw}.trade-table-head,.trade-table-row{grid-template-columns:1.5fr .9fr 1fr 1fr;align-items:center;gap:.65cqw;display:grid}.trade-table-head{color:#76817d;letter-spacing:.13em;background:#f0f3f2;border-radius:1.3cqw 1.3cqw 0 0;min-height:3.6cqw;margin-top:1cqw;padding:0 1.35cqw;font-size:clamp(9px,1.12cqw,13px);font-weight:700}.trade-table-row{color:#555b59;opacity:.7;border:1px solid #e9eeec;border-top:0;border-radius:0 0 1.35cqw 1.35cqw;min-height:5.4cqw;padding:.8cqw 1.35cqw;font-size:clamp(10px,1.2cqw,14px)}.trade-table-row.is-visible{opacity:1;background:#f8fcfae6;animation:.42s cubic-bezier(.22,1,.36,1) both trade-row-in}.trade-table-row span,.trade-table-row strong,.trade-table-row small{min-width:0}.trade-table-row strong,.trade-table-row small{display:block}.trade-table-row span:first-child strong{color:#a36a18}.trade-table-row small{color:#7e8784;margin-top:.35cqw;font-size:.9em}.trade-table-row em{color:#8b918f;grid-column:1/-1;font-style:normal}.trade-tabs{grid-template-columns:repeat(3,1fr);gap:.9cqw;margin-top:1.45cqw;display:grid}.trade-tabs button{color:#656b69;cursor:pointer;background:#ffffffd1;border:0;border-radius:1.45cqw;height:4.3cqw;min-height:27px;font-size:clamp(11px,1.4cqw,16px);transition:background .22s,color .22s,transform .16s;box-shadow:0 .9cqw 1.8cqw #2525260b}.trade-tabs button.is-active{color:#1f2926;background:linear-gradient(135deg,#c6eee3,#f4faf8)}.trade-buy-content{margin-top:1.3cqw;animation:.3s both trade-content-swap}.trade-buy-content>.trade-field+.trade-fields{margin-top:1cqw}.trade-buy-content:not(.is-tl){grid-template-columns:.9fr 1.1fr;align-items:end;gap:.8cqw;display:grid}.trade-buy-content:not(.is-tl)>.trade-field+.trade-fields{margin-top:0}.trade-buy-content.is-tl{gap:1.05cqw;display:grid}.trade-payment-tabs{grid-template-columns:1fr 1fr;margin:0}.trade-payment-tabs button{height:3.8cqw}.trade-buy-total{height:4.2cqw;margin-top:1.1cqw}.trade-buy-table-head,.trade-buy-table-row{grid-template-columns:1.25fr .8fr 1fr 1fr}.trade-buy-table-row span:first-child strong{color:#29292b}.trade-summary-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6f807a47 transparent;padding:1.5cqw 2.1cqw;overflow:hidden auto}.trade-summary-panel::-webkit-scrollbar{width:3px}.trade-summary-panel::-webkit-scrollbar-thumb{background:#6f807a47;border-radius:999px}.trade-summary-panel .trade-panel-heading{margin-bottom:.55cqw}.trade-summary-panel>div:not(.trade-panel-heading){color:#747d7a;border-bottom:1px solid #e7ecead1;justify-content:space-between;align-items:center;min-height:2.8cqw;padding:0 1cqw;font-size:clamp(10px,1.24cqw,14px);display:flex}.trade-summary-panel>div:last-child{border-bottom:0}.trade-summary-panel strong{color:#242628;font-size:clamp(11px,1.4cqw,16px)}.trade-summary-panel .is-balanced strong{color:#21825f}.trade-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.trade-demo-cursor:before{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);background:#fff;position:absolute;inset:0}.trade-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);background:#17181a;position:absolute;inset:1px}.trade-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.trade-demo-cursor.is-visible{opacity:1}.trade-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.trade-demo-cursor.is-clicking i{animation:.42s ease-out both trade-click-ring}@keyframes trade-dropdown-in{0%{opacity:0;transform:translateY(-.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-number-in{0%{opacity:.3;transform:translateY(.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-row-in{0%{opacity:0;transform:translateY(1.1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-content-swap{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes trade-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.trade-demo-cursor,.trade-dropdown,.trade-table-row,.trade-buy-content,.trade-total strong{transition:none!important;animation:none!important}}
.cari-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 12% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 94% 2%,#e5e0f5b3,#0000 30%),#f4f6f5;width:100%;padding:1.25cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.cari-demo *,.cari-demo :before,.cari-demo :after{box-sizing:border-box}.cari-demo button,.cari-demo input,.cari-demo textarea{font:inherit}.cari-demo button{cursor:pointer}.cari-demo-titlebar{background:linear-gradient(115deg,#ffffffb8,#c9f1e8a3,#e7e4f8d1);border-radius:2cqw;flex-direction:column;justify-content:center;height:9.6cqw;padding:0 2.2cqw;display:flex}.cari-demo-titlebar span{color:#6d7572;font-size:clamp(7px,1cqw,12px)}.cari-demo-titlebar strong{letter-spacing:-.045em;margin-top:.55cqw;font-size:clamp(14px,2.15cqw,27px)}.cari-view{animation:.36s cubic-bezier(.22,1,.36,1) both cari-view-in}.cari-demo-balance{background:#ffffffb8;border-radius:2cqw;margin-top:1.3cqw;padding:1.55cqw;box-shadow:0 1.5cqw 3cqw #2724270d}.cari-demo-section-title{gap:.35cqw;display:grid}.cari-demo-section-title strong{color:#6f7e79;letter-spacing:.18em;font-size:clamp(7px,.9cqw,11px)}.cari-demo-section-title span{color:#69716f;font-size:clamp(7px,.95cqw,12px)}.cari-balance-cards{grid-template-columns:1fr 1fr;gap:1.1cqw;margin-top:1cqw;display:grid}.cari-balance-card{border-radius:1.45cqw;flex-direction:column;justify-content:center;min-height:6.9cqw;padding:1.2cqw 1.4cqw;display:flex}.cari-balance-receivable{color:#a74d42;background:#fbefed}.cari-balance-debt{color:#23885f;background:#e9f5f0}.cari-balance-card span,.cari-balance-card small{font-size:clamp(6px,.82cqw,10px)}.cari-balance-card strong{letter-spacing:-.03em;margin:.45cqw 0;font-size:clamp(11px,1.5cqw,19px)}.cari-balance-card small{opacity:.8}.cari-demo-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:.8cqw;margin-top:1.3cqw;display:grid}.cari-demo-toolbar input,.cari-demo-toolbar button{color:#606765;background:#ffffffc7;border:1px solid #dae2dfe6;border-radius:1.45cqw;height:4.7cqw;min-height:30px;font-size:clamp(7px,1cqw,13px)}.cari-demo-toolbar input{outline:none;width:100%;padding:0 1.35cqw}.cari-demo-toolbar .cari-new-button{color:#fff;background:#252527;border-color:#252527;padding:0 1.7cqw;box-shadow:0 1cqw 2cqw #24212424}.cari-tool-button{padding:0 1.2cqw}.cari-demo-tabs{grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:1.15cqw;display:grid}.cari-demo-tabs button,.cari-type-tabs button{color:#656b69;background:#fffc;border:0;border-radius:1.35cqw;height:4cqw;min-height:26px;font-size:clamp(7px,1cqw,13px)}.cari-demo-tabs button.is-active,.cari-type-tabs button.is-active{color:#202523;background:linear-gradient(110deg,#c3eee3,#f8fbfa)}.cari-demo-list{gap:.85cqw;margin-top:1.15cqw;display:grid}.cari-person-row{color:#242527;text-align:left;background:#ffffffd1;border:1px solid #ecefeef2;border-radius:1.6cqw;grid-template-columns:3.8cqw minmax(0,1fr) auto;align-items:center;gap:1cqw;width:100%;min-height:6.6cqw;padding:.8cqw 1.4cqw;transition:border-color .22s,background .22s,transform .22s;display:grid;box-shadow:0 .8cqw 1.8cqw #211f2109}.cari-person-row>strong{font-size:clamp(8px,1.15cqw,14px)}.cari-person-row.is-selected{background:linear-gradient(100deg,#ecfaf5,#fff);border-color:#47aa8c94;transform:translateY(-.15cqw)}.cari-person-new{animation:.43s cubic-bezier(.22,1,.36,1) both cari-row-in}.cari-person-new>i{color:#23885f;background:#e4f5ef;border-radius:999px;padding:.55cqw .9cqw;font-size:clamp(6px,.8cqw,10px);font-style:normal}.cari-avatar{color:#6d9bb7;background:#f4f7f6;border-radius:1.05cqw;place-items:center;width:3.3cqw;height:3.3cqw;font-size:clamp(7px,1cqw,12px);display:grid}.cari-person-balance{justify-items:end;gap:.35cqw;display:grid}.cari-person-balance b{color:#2c9b62;font-size:clamp(7px,1cqw,12px)}.cari-person-balance small{color:#4d7b68;background:#edf1ef;border-radius:999px;padding:.35cqw .75cqw;font-size:clamp(6px,.75cqw,9px)}.cari-modal-layer,.cari-transaction-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d8dcdbba;place-items:center;animation:.22s both cari-layer-in;display:grid;position:absolute;inset:0}.cari-modal{background:#fffffff7;border:1px solid #ffffffe6;border-radius:2.3cqw;width:min(58cqw,650px);padding:2.1cqw;animation:.34s cubic-bezier(.22,1,.36,1) both cari-modal-in;box-shadow:0 3cqw 7cqw #1f1d1f2e}.cari-modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.cari-modal-heading>div{gap:.5cqw;display:grid}.cari-modal-heading span{color:#75827e;letter-spacing:.18em;font-size:clamp(6px,.8cqw,10px)}.cari-modal-heading strong{letter-spacing:-.04em;font-size:clamp(13px,1.8cqw,22px)}.cari-modal-heading>button,.cari-transaction-heading>button{color:#77817e;background:#f3f6f5;border:0;border-radius:1.1cqw;width:3.4cqw;height:3.4cqw}.cari-type-tabs{grid-template-columns:1fr 1fr;gap:.8cqw;margin-top:1.6cqw;display:grid}.cari-modal-fields{grid-template-columns:1fr 1fr;gap:1.1cqw;margin-top:1.5cqw;display:grid}.cari-modal-fields label{color:#68716e;gap:.55cqw;font-size:clamp(7px,.92cqw,11px);display:grid}.cari-name-field{grid-column:1/-1}.cari-modal-fields input{color:#252729;background:#f9fcfb;border:1px solid #e0e8e5;border-radius:1.4cqw;outline:none;height:4.7cqw;min-height:30px;padding:0 1.3cqw;font-size:clamp(8px,1.08cqw,14px)}.cari-modal-fields input:focus{border-color:#41a58785;box-shadow:0 0 0 .35cqw #baecdf4d}.cari-modal-actions{justify-content:flex-end;gap:.8cqw;margin-top:1.7cqw;display:flex}.cari-modal-actions button{color:#68706e;background:#f2f4f3;border:0;border-radius:1.25cqw;height:4cqw;min-height:27px;padding:0 1.8cqw;font-size:clamp(7px,.95cqw,12px)}.cari-modal-actions .cari-save-button{color:#fff;background:#242426}.cari-modal-actions .cari-save-button:disabled,.cari-dark-button:disabled{opacity:.35}.cari-detail-view{height:calc(100% - 10.85cqw);padding-top:1.3cqw}.cari-detail-panel{background:#ffffffb8;border-radius:2.1cqw;height:100%;padding:1.65cqw 1.8cqw;overflow:hidden;box-shadow:0 1.6cqw 3.5cqw #2724270d}.cari-detail-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:1cqw;display:grid}.cari-detail-heading>button:not(.cari-remove-button){color:#5c6562;background:#fff;border:0;border-radius:1.2cqw;width:3.9cqw;height:3.9cqw;font-size:clamp(11px,1.7cqw,21px)}.cari-detail-heading>strong{color:#75827e;letter-spacing:.22em;font-size:clamp(7px,.95cqw,12px)}.cari-remove-button{color:#c45e50;background:#fff8f6;border:1px solid #f0c8c1;border-radius:1.2cqw;height:3.9cqw;padding:0 1.45cqw;font-size:clamp(7px,1cqw,13px)}.cari-detail-cards{grid-template-columns:.93fr 1.07fr;gap:1.15cqw;margin-top:1.4cqw;display:grid}.cari-identity-card,.cari-detail-balance-card,.cari-detail-wide-card{background:#ffffffd1;border-radius:1.7cqw;box-shadow:0 1cqw 2.2cqw #1f1e1f0b}.cari-identity-card,.cari-detail-balance-card{height:13.6cqw;padding:1.55cqw}.cari-identity-card{color:#6d7572;align-content:space-between;font-size:clamp(7px,.95cqw,12px);display:grid}.cari-identity-card>div{align-items:center;gap:1cqw;display:flex}.cari-identity-card>div strong{color:#202123;letter-spacing:-.04em;font-size:clamp(13px,1.75cqw,22px)}.cari-identity-card>div b{color:#688176;background:#edf7f3;border-radius:999px;padding:.55cqw .9cqw;font-size:clamp(6px,.8cqw,10px)}.cari-identity-card footer{justify-content:space-between;gap:1cqw;display:flex}.cari-identity-card footer strong{color:#292a2c}.cari-detail-balance-card{flex-direction:column;display:flex}.cari-detail-balance-card header{justify-content:space-between;align-items:center;display:flex}.cari-detail-balance-card header>strong{font-size:clamp(11px,1.45cqw,18px)}.cari-detail-balance-card header>b{color:#2d9a60;background:#eaf4ef;border-radius:999px;padding:.5cqw .95cqw;font-size:clamp(6px,.82cqw,10px)}.cari-detail-balance-card.has-debt header>b{color:#cf6253;background:#faece9}.cari-detail-balance-card>p{color:#69716f;margin:1.3cqw 0 0;font-size:clamp(7px,1cqw,12px)}.cari-kind-balance{color:#ea7162;background:#fff2f0;border-radius:1cqw;grid-template-columns:1fr auto auto;gap:1.2cqw;margin-top:1.15cqw;padding:.8cqw 1cqw;font-size:clamp(7px,1cqw,12px);display:grid}.cari-kind-balance strong{color:#755fd2}.cari-detail-balance-card footer{color:#6d7472;border-top:1px solid #edf0ef;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1cqw;font-size:clamp(6px,.84cqw,10px);display:flex}.cari-detail-balance-card footer>div{gap:.3cqw;display:grid}.cari-detail-balance-card footer strong{color:#242527;font-size:clamp(10px,1.3cqw,16px)}.cari-detail-balance-card.has-debt footer strong{color:#ef7666}.cari-detail-actions{gap:.8cqw;margin:1.15cqw 0;display:flex}.cari-detail-actions button{color:#5e6663;background:#fff;border:0;border-radius:1.25cqw;height:4cqw;padding:0 1.35cqw;font-size:clamp(7px,1cqw,12px);box-shadow:0 .7cqw 1.8cqw #1f1e1f0d}.cari-detail-wide-card{padding:1.35cqw 1.55cqw}.cari-detail-wide-card+.cari-detail-wide-card{margin-top:1.1cqw}.cari-detail-wide-card header{justify-content:space-between;align-items:center;display:flex}.cari-detail-wide-card header strong{font-size:clamp(10px,1.35cqw,17px)}.cari-detail-wide-card header b{color:#698075;background:#edf5f1;border-radius:999px;padding:.45cqw .9cqw;font-size:clamp(6px,.78cqw,10px)}.cari-detail-wide-card>p{color:#737a78;margin:1cqw 0 0;font-size:clamp(7px,.95cqw,12px)}.cari-operations-card{min-height:7.3cqw}.cari-operation-row{border:1px solid #f2cbc5;border-radius:1.1cqw;grid-template-columns:1.6fr .6fr .9fr 1fr;align-items:center;gap:1cqw;margin-top:.85cqw;padding:.8cqw 1cqw;font-size:clamp(6px,.82cqw,10px);display:grid}.cari-operation-row>div{gap:.3cqw;display:grid}.cari-operation-row span{color:#818784}.cari-operation-row b{color:#725bd0}.cari-operation-row>div:nth-child(2) strong,.cari-operation-row>div:nth-child(3) strong{color:#e56658}.cari-transaction-layer{z-index:12}.cari-transaction-modal{background:#fffffffa;border:1px solid #fffffff2;border-radius:2.2cqw;width:91cqw;height:62cqw;padding:2cqw;animation:.36s cubic-bezier(.22,1,.36,1) both cari-modal-in;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.cari-transaction-heading{justify-content:space-between;align-items:flex-start;display:flex}.cari-transaction-heading>div{gap:.45cqw;display:grid}.cari-transaction-heading strong{letter-spacing:-.04em;font-size:clamp(13px,1.8cqw,22px)}.cari-transaction-heading span{color:#6f7774;font-size:clamp(8px,1.05cqw,13px)}.cari-transaction-grid{grid-template-columns:1.65fr .95fr;gap:1.5cqw;height:calc(100% - 5.2cqw);margin-top:1.5cqw;display:grid}.cari-transaction-left,.cari-transaction-right{flex-direction:column;gap:1.2cqw;min-height:0;display:flex}.cari-transaction-card,.cari-summary-card{background:#fff;border:1px solid #e7ecea;border-radius:1.7cqw;padding:1.4cqw}.cari-outgoing-card{flex:none;min-height:32.6cqw}.cari-transaction-card>header{gap:.4cqw;display:grid}.cari-transaction-card>header strong,.cari-summary-card>strong{font-size:clamp(10px,1.25cqw,16px)}.cari-transaction-card>header span{color:#707875;font-size:clamp(7px,.9cqw,11px)}.cari-transaction-fields{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:1.2cqw;display:grid}.cari-transaction-fields label,.cari-payment-field,.cari-description-field{color:#66706c;gap:.55cqw;font-size:clamp(7px,.92cqw,11px);display:grid}.cari-transaction-fields button,.cari-transaction-fields input,.cari-payment-field input{color:#242527;text-align:left;background:#fbfdfc;border:1px solid #e3e9e7;border-radius:1.3cqw;outline:none;width:100%;height:4.5cqw;padding:0 1.2cqw;font-size:clamp(8px,1.08cqw,14px)}.cari-transaction-fields button{justify-content:space-between;align-items:center;display:flex}.cari-transaction-fields button i{font-style:normal}.cari-transaction-fields input:focus{border-color:#41a58785;box-shadow:0 0 0 .35cqw #baecdf4d}.cari-dark-button{color:#fff;background:#222225;border:0;border-radius:1.25cqw;box-shadow:0 1cqw 2.2cqw #221f2224}.cari-add-line-button{height:4.2cqw;margin-top:1.15cqw;padding:0 1.45cqw;font-size:clamp(8px,1.05cqw,13px)}.cari-empty-line{color:#727a77;margin:1.05cqw 0 0;font-size:clamp(7px,.9cqw,11px)}.cari-added-line{border:1px solid #eef0ef;border-radius:1.1cqw;justify-content:space-between;align-items:center;margin-top:1.05cqw;padding:.85cqw 1cqw;animation:.36s cubic-bezier(.22,1,.36,1) both cari-row-in;display:flex}.cari-added-line>div{gap:.3cqw;display:grid}.cari-added-line strong{color:#715ad0;font-size:clamp(7px,1cqw,12px)}.cari-added-line strong span{color:#242527}.cari-added-line small{color:#757d7a;font-size:clamp(6px,.8cqw,10px)}.cari-added-line>button{color:#d16455;background:#fff8f6;border:1px solid #f3cbc4;border-radius:.85cqw;padding:.55cqw .85cqw;font-size:clamp(6px,.8cqw,10px)}.cari-incoming-card{min-height:16cqw}.cari-payment-tabs{grid-template-columns:repeat(3,1fr);gap:.8cqw;margin-top:1cqw;display:grid}.cari-payment-tabs button{color:#616966;background:#fafbfb;border:0;border-radius:1.05cqw;height:3.7cqw;font-size:clamp(7px,.95cqw,12px)}.cari-payment-tabs button.is-active{color:#202423;background:linear-gradient(105deg,#c6f0e5,#f7fbfa)}.cari-payment-field{margin-top:1cqw}.cari-summary-card{flex:none}.cari-summary-card dl{gap:.65cqw;margin:1.1cqw 0 0;display:grid}.cari-summary-card dl>div{background:#fbfcfc;border-radius:1.15cqw;justify-content:space-between;align-items:center;gap:1cqw;min-height:4.3cqw;padding:0 1.05cqw;display:flex}.cari-summary-card dt{color:#747b79;font-size:clamp(7px,.92cqw,11px)}.cari-summary-card dd{margin:0;font-size:clamp(8px,1.02cqw,13px);font-weight:650}.cari-description-field{flex:1;min-height:0}.cari-description-field textarea{resize:none;background:#fff;border:1px solid #e6ebe9;border-radius:1.35cqw;outline:none;height:100%;min-height:0}.cari-transaction-save{flex:0 0 4.6cqw;font-size:clamp(8px,1.05cqw,13px)}.cari-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #0003);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .52s cubic-bezier(.22,1,.36,1),top .52s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.cari-demo-cursor:before,.cari-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.cari-demo-cursor:before{background:#fff;inset:0}.cari-demo-cursor:after{background:#17181a;inset:1px}.cari-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.cari-demo-cursor.is-visible{opacity:1}.cari-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.cari-demo-cursor.is-clicking i{animation:.42s ease-out both cari-click-ring}.cari-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes cari-layer-in{0%{opacity:0}to{opacity:1}}@keyframes cari-modal-in{0%{opacity:0;transform:translateY(1.5cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cari-view-in{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes cari-row-in{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes cari-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.cari-modal-layer,.cari-transaction-layer,.cari-modal,.cari-transaction-modal,.cari-view,.cari-person-new,.cari-added-line,.cari-demo-cursor{transition:none!important;animation:none!important}}
.qr-demo{aspect-ratio:1236/835;color:#1c1c1e;background:radial-gradient(circle at 10% 2%,#baecdf4d,#0000 28%),radial-gradient(circle at 94% 2%,#e5e0f5b8,#0000 32%),#f4f6f5;width:100%;padding:1.2cqw;position:relative;overflow:hidden;container-type:inline-size}.qr-demo *,.qr-demo :before,.qr-demo :after{box-sizing:border-box}.qr-demo button,.qr-demo input{font:inherit}.qr-demo button{cursor:pointer}.qr-demo-titlebar{background:linear-gradient(115deg,#ffffffbf,#c9f1e8a3,#e7e4f8d1);border-radius:2.1cqw;justify-content:space-between;align-items:center;min-height:11.7cqw;padding:0 2.4cqw;display:flex}.qr-demo-titlebar>div{gap:.65cqw;display:grid}.qr-demo-titlebar span{color:#69726f;font-size:var(--demo-type-label)}.qr-demo-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.qr-main-panel{background:#ffffffb8;border-radius:2cqw;margin-top:1.35cqw;padding:1.8cqw;box-shadow:0 1.7cqw 3.5cqw #2724270d}.qr-main-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:.9cqw;display:grid}.qr-status-tabs{gap:.55cqw;margin-top:1.2cqw;display:flex}.qr-product-list{gap:.9cqw;margin-top:1.2cqw;display:grid}.qr-product-list article{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.55cqw;justify-content:space-between;align-items:center;min-height:8.2cqw;padding:1.25cqw 1.5cqw;display:flex;box-shadow:0 .8cqw 1.8cqw #221f2209}.qr-product-list article>div{gap:.4cqw;display:grid}.qr-product-list article>div:first-child strong{font-size:var(--demo-type-body-strong)}.qr-product-list article span,.qr-product-list article small{color:#737b78;font-size:var(--demo-type-caption)}.qr-product-list article span b{color:#755ed0}.qr-product-list article>div:last-child{justify-items:end}.qr-product-list article>div:last-child b{color:#2c805f;font-size:var(--demo-type-caption);background:#e7f5ef;border-radius:999px;padding:.45cqw .9cqw}.qr-product-list article>div:last-child strong{font-size:var(--demo-type-body-strong);margin-top:.5cqw}.qr-modal-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#d6dad9c2;place-items:center;animation:.22s both qr-layer-in;display:grid;position:absolute;inset:0}.qr-modal{background:#fffffffa;border:1px solid #fffffff0;border-radius:2.2cqw;width:91cqw;height:64.5cqw;padding:1.5cqw 2cqw 1cqw;animation:.36s cubic-bezier(.22,1,.36,1) both qr-modal-in;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.qr-modal-heading{justify-content:space-between;align-items:center;height:3.6cqw;display:flex}.qr-modal-heading>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.qr-source-card,.qr-product-card,.qr-print-card{background:#ffffffe6;border:1px solid #edf0ef;border-radius:1.65cqw;box-shadow:0 .9cqw 2.1cqw #201f2009}.qr-source-card{grid-template-columns:1fr 1fr;gap:1.2cqw;margin-top:.75cqw;padding:1cqw;display:grid;position:relative}.qr-select-wrap{position:relative}.qr-company-dropdown{animation:.18s both qr-dropdown-in}.qr-party-details-button{grid-column:2;justify-self:end}.qr-party-details-button span{margin-left:.5cqw}.qr-product-card{margin-top:.75cqw;padding:1cqw}.qr-product-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75cqw 1cqw;display:grid}.qr-photo-button{height:var(--demo-control-height);justify-content:flex-start;align-items:center;gap:.7cqw;display:flex}.qr-photo-button b{color:#6b7772;font-size:var(--demo-type-caption);background:#edf3f0;border-radius:.7cqw;padding:.45cqw .65cqw}.qr-add-list-button{margin:.65cqw 0 0 auto;display:block}.qr-print-card{margin-top:.75cqw;padding:.9cqw 1.1cqw}.qr-print-card>header{justify-content:space-between;align-items:center;display:flex}.qr-print-card>header>div{gap:.35cqw;display:grid}.qr-print-card>header strong{font-size:var(--demo-type-section-title)}.qr-print-card>header span{color:#747d79;font-size:var(--demo-type-caption)}.qr-print-card>header>b{color:#657b71;font-size:var(--demo-type-caption);background:#edf5f1;border-radius:999px;padding:.45cqw .9cqw}.qr-stock-summary{grid-template-columns:repeat(3,1fr);gap:.85cqw;margin-top:.65cqw;display:grid}.qr-stock-summary article{background:#f6f9f8;border-radius:1.1cqw;align-content:center;gap:.25cqw;min-height:4.1cqw;padding:.55cqw .9cqw;display:grid}.qr-stock-summary span{color:#77807d;font-size:var(--demo-type-caption)}.qr-stock-summary strong{font-size:var(--demo-type-body-strong)}.qr-print-row{background:#fbfefd;border:1px solid #dcebe6;border-radius:1.05cqw;grid-template-columns:1.6fr .7fr .7fr auto;align-items:center;gap:1cqw;margin-top:.55cqw;padding:.5cqw .9cqw;animation:.36s cubic-bezier(.22,1,.36,1) both qr-row-in;display:grid}.qr-print-row>div{gap:.2cqw;display:grid}.qr-print-row span{color:#78817e;font-size:var(--demo-type-caption)}.qr-print-row strong{font-size:var(--demo-type-body)}.qr-print-row>div:first-child strong{color:#7059cd}.qr-modal-actions{border-top:1px solid #eef0ef;justify-content:flex-end;gap:.8cqw;margin-top:.6cqw;padding-top:.6cqw;display:flex}.qr-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.qr-demo-cursor:before,.qr-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.qr-demo-cursor:before{background:#fff;inset:0}.qr-demo-cursor:after{background:#17181a;inset:1px}.qr-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.qr-demo-cursor.is-visible{opacity:1}.qr-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.qr-demo-cursor.is-clicking i{animation:.42s ease-out both qr-click-ring}.qr-visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes qr-layer-in{0%{opacity:0}to{opacity:1}}@keyframes qr-modal-in{0%{opacity:0;transform:translateY(1.3cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qr-dropdown-in{0%{opacity:0;transform:translateY(-.45cqw)}to{opacity:1;transform:translateY(0)}}@keyframes qr-row-in{0%{opacity:0;transform:translateY(.8cqw)}to{opacity:1;transform:translateY(0)}}@keyframes qr-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.qr-modal-layer,.qr-modal,.qr-company-dropdown,.qr-print-row,.qr-demo-cursor{transition:none!important;animation:none!important}}
.stock-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 4%,#baecdf52,#0000 26%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.25cqw;position:relative;overflow:hidden;container-type:inline-size}.stock-demo *,.stock-demo :before,.stock-demo :after{box-sizing:border-box}.stock-demo button,.stock-demo input{font:inherit}.stock-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89c,#e8e5f8db);border-radius:2.15cqw;justify-content:space-between;align-items:center;height:12.7cqw;padding:1.8cqw 2.2cqw;display:flex}.stock-demo-titlebar>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.stock-top-cards{grid-template-columns:1.08fr .96fr 1.08fr;gap:1cqw;height:100%;display:grid}.stock-top-cards article{background:#ffffffbd;border:1px solid #ffffffe6;border-radius:1.75cqw;align-content:center;gap:.7cqw;min-width:14.5cqw;padding:1.25cqw 1.45cqw;display:grid;box-shadow:0 1.1cqw 2.2cqw #28262809}.stock-top-cards span,.stock-type-overview header span,.stock-groups-card header span,.stock-detail-card header span{color:#717976;font-size:var(--demo-type-label)}.stock-top-cards b{font-size:var(--demo-type-body-strong)}.stock-top-cards .stock-count-card{color:#285493;background:#d2e5ffa8;border-color:#acd0ff}.stock-demo-columns{grid-template-columns:29.5% 31.5% 1fr;gap:1.35cqw;height:51.5cqw;margin-top:1.6cqw;display:grid}.stock-groups-card,.stock-type-overview,.stock-kinds-card,.stock-movements-card,.stock-detail-card,.stock-manual-card,.stock-detail-movements{background:#ffffffd1;border:1px solid #eff1f0e6;border-radius:2cqw;box-shadow:0 1.35cqw 2.8cqw #2523250b}.stock-groups-card{padding:2.1cqw 1.7cqw 1.3cqw;overflow:hidden}.stock-groups-card header,.stock-type-overview header>div,.stock-detail-card header>div{gap:.75cqw;display:grid}.stock-groups-card header strong,.stock-type-overview header strong,.stock-detail-card header strong,.stock-kinds-card header strong,.stock-movements-card>strong,.stock-manual-card>strong,.stock-detail-movements>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.stock-groups-card header span,.stock-type-overview header span,.stock-detail-card header span{font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.stock-group-list{gap:.75cqw;margin-top:1.65cqw;display:grid}.stock-group-item{min-height:6.6cqw;color:var(--demo-color-ink);text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #e5ebe8;border-radius:1.55cqw;grid-template-columns:1fr auto;align-content:center;gap:.55cqw;padding:1.05cqw 1.4cqw;transition:background .22s,border-color .22s,transform .18s;display:grid;position:relative}.stock-group-item:active{transform:scale(.985)}.stock-group-item.is-active{background:linear-gradient(115deg,#ecfbf7fa,#dcf7efc2);border-color:#bfe7da}.stock-group-item strong{font-size:var(--demo-type-body-strong)}.stock-group-item>span{color:#707875;font-size:var(--demo-type-label);grid-column:1}.stock-group-item>b{color:#547568;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-medium);background:#ddf4ec;border-radius:999px;grid-area:1/2/3;align-self:start;padding:.35cqw .7cqw}.stock-group-item:nth-child(3) strong{color:#a46d13}.stock-group-item:nth-child(4) strong{color:#755bd0}.stock-group-item:nth-child(5) strong{color:#2c826b}.stock-group-item:nth-child(6) strong{color:#6176ad}.stock-group-item:nth-child(7) strong{color:#9a633b}.stock-type-column,.stock-detail-column{align-content:start;gap:1.15cqw;min-width:0;display:grid}.stock-type-overview{padding:1.75cqw}.stock-type-overview>header,.stock-detail-card>header,.stock-kinds-card>header{justify-content:space-between;align-items:flex-start;gap:1cqw;display:flex}.stock-type-totals,.stock-detail-totals{grid-template-columns:1fr 1fr;gap:1.05cqw;margin-top:1.5cqw;display:grid}.stock-type-totals article,.stock-detail-totals article{background:#ffffffe6;border-radius:1.55cqw;align-content:center;gap:1.15cqw;min-height:7.35cqw;padding:1.1cqw 1.35cqw;display:grid;box-shadow:0 .8cqw 1.6cqw #23212309}.stock-type-totals span,.stock-detail-totals span{color:#747c79;font-size:var(--demo-type-label)}.stock-type-totals strong,.stock-detail-totals strong{font-size:var(--demo-type-body-strong)}.stock-kinds-card{padding:1.5cqw}.stock-kinds-card>header{align-items:center}.stock-kinds-card>header span{color:#6c7b75;font-size:var(--demo-type-caption);background:#edf5f1;border-radius:999px;padding:.35cqw .7cqw}.stock-kind-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c8c1 transparent;scroll-behavior:smooth;align-content:start;gap:.85cqw;height:14.5cqw;margin-top:1.25cqw;padding-right:.3cqw;display:grid;overflow-y:auto}.stock-kind-list::-webkit-scrollbar{width:.48cqw}.stock-kind-list::-webkit-scrollbar-track{background:0 0}.stock-kind-list::-webkit-scrollbar-thumb{background:#b6c8c1;border-radius:99px}.stock-kind-list article{background:#ffffffc7;border:1px solid #e2e8e5;border-radius:1.45cqw;justify-content:space-between;align-items:center;gap:1cqw;min-height:5.75cqw;padding:1cqw 1.25cqw;display:flex}.stock-kind-list article.is-active{background:#effbf7;border-color:#b9e2d5}.stock-kind-list article>div{gap:.35cqw;display:grid}.stock-kind-list article>div:last-child{text-align:right;justify-items:end}.stock-kind-list article strong{font-size:var(--demo-type-body-strong)}.stock-kind-list article span{color:#747d79;font-size:var(--demo-type-caption)}.stock-movements-card{padding:1.5cqw}.stock-movements-card>article{background:#ffffffc7;border-radius:1.35cqw;grid-template-columns:1fr auto;gap:.55cqw 1cqw;margin-top:1.2cqw;padding:1.05cqw;display:grid}.stock-movements-card article>div{gap:.35cqw;display:grid}.stock-movements-card article>div:nth-child(2){justify-items:end}.stock-movements-card article b{font-size:var(--demo-type-body)}.stock-movements-card article>div:nth-child(2) b{color:#c45c4c}.stock-movements-card article span,.stock-movements-card article small{color:#777f7c;font-size:var(--demo-type-caption)}.stock-movements-card article small{grid-column:1/-1}.stock-detail-card,.stock-manual-card,.stock-detail-movements{padding:1.8cqw}.stock-detail-card>p{color:#717976;font-size:var(--demo-type-label);margin:1.2cqw 0 0}.stock-manual-card{gap:1.25cqw;display:grid}.stock-manual-card>div:last-child{grid-template-columns:1fr 1fr;gap:1cqw;display:grid}.stock-manual-card>div:last-child .demo-button{width:100%}.stock-detail-movements p{color:#747d79;font-size:var(--demo-type-caption);margin:1.25cqw 0 0}.stock-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.stock-demo-cursor:before,.stock-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.stock-demo-cursor:before{background:#fff;inset:0}.stock-demo-cursor:after{background:#17181a;inset:1px}.stock-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.stock-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.stock-demo-cursor.is-visible{opacity:1}.stock-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.stock-demo-cursor.is-clicking i{animation:.42s ease-out both stock-click-ring}.stock-demo-cursor.is-scrolling>b{opacity:1;animation:.85s ease-in-out infinite stock-wheel}@keyframes stock-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes stock-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.stock-demo-cursor,.stock-demo-cursor>b{transition:none!important;animation:none!important}}
.report-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;position:relative;overflow:hidden;container-type:inline-size}.report-demo *,.report-demo :before,.report-demo :after{box-sizing:border-box}.report-opening-view,.report-opening-view img{width:100%;height:100%}.report-opening-view img{object-fit:cover;display:block}.report-tunahan-toggle{z-index:3;cursor:pointer;background:0 0;border:0;border-radius:1cqw;width:7.4%;height:8.5%;position:absolute;top:58.5%;right:3.7%}.report-tunahan-toggle:focus-visible{outline:.25cqw solid #2b8f7273}.report-expanded-view{height:100%;padding:1.7cqw;animation:.42s cubic-bezier(.22,1,.36,1) both report-view-in}.report-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.1cqw;justify-content:space-between;align-items:center;height:12.2cqw;padding:1.9cqw 2.25cqw;display:flex}.report-demo-titlebar>div{gap:.7cqw;display:grid}.report-demo-titlebar>div>span{color:#707875;font-size:var(--demo-type-label)}.report-demo-titlebar>div>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.report-demo-titlebar>article{background:#ffffffd1;border:1px solid #ffffffeb;border-radius:1.75cqw;justify-content:space-between;align-items:center;gap:1cqw;min-width:23cqw;height:7.1cqw;padding:1cqw 1.2cqw 1cqw 1.6cqw;display:flex;box-shadow:0 1cqw 2.2cqw #2926290a}.report-demo-titlebar>article>div{gap:.5cqw;display:grid}.report-demo-titlebar>article span{color:#737c78;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.report-demo-titlebar>article strong{font-size:var(--demo-type-body-strong)}.report-demo-titlebar>article>b{color:#386c5c;width:4.3cqw;height:4.3cqw;font-size:var(--demo-type-body-strong);background:#dff7ef;border-radius:1.4cqw;place-items:center;display:grid}.report-expanded-shell{background:#ffffffb3;border-radius:2.15cqw;height:48.4cqw;margin-top:1.55cqw;padding:3.9cqw 2cqw 1.5cqw;overflow:hidden;box-shadow:0 1.5cqw 3cqw #2624260b}.report-expanded-card{background:#ffffffeb;border:1px solid #edf0ef;border-radius:1.8cqw;min-height:46cqw;padding:2.1cqw 1.8cqw 1.7cqw;box-shadow:0 1.2cqw 2.5cqw #2422240a}.report-expanded-card>header{justify-content:space-between;align-items:center;gap:1.5cqw;display:flex}.report-expanded-card>header>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.report-expanded-card>header>button{color:#737b78;font-size:var(--demo-type-label);cursor:pointer;background:0 0;border:0;padding:.5cqw}.report-expanded-card>header>button span{font-size:var(--demo-type-caption);margin-left:.9cqw}.report-operation-summary{color:#747c79;font-size:var(--demo-type-label);grid-template-columns:1.05fr 1.05fr 1fr 1.15fr;gap:.9cqw 2cqw;margin-top:1.35cqw;display:grid}.report-operation-summary b{color:var(--demo-color-ink);font-weight:var(--demo-weight-semibold)}.report-operation-summary>span:last-child{grid-column:1/-1}.report-detail-block{margin-top:2.6cqw;padding-inline:1.55cqw}.report-detail-block>strong{font-size:var(--demo-type-body-strong)}.report-detail-block>article{background:#f7faf9;border-radius:1.35cqw;margin-top:1.35cqw;padding:1.05cqw 1.25cqw}.report-detail-block p{color:#737c78;font-size:var(--demo-type-label);margin:0 0 .45cqw}.report-detail-block p:last-child{margin-bottom:0}.report-detail-block p b{color:#755bd0}.report-detail-block p strong{color:var(--demo-color-ink);font-size:var(--demo-type-body-strong)}.report-received-block{margin-top:2.2cqw}.report-received-block>p{margin-top:1.2cqw}.report-note{background:#f7f9f8;border-radius:1.25cqw;margin-top:2.5cqw;padding:1.05cqw 1.3cqw}.report-note p{color:#747d79;font-size:var(--demo-type-label);margin:0 0 .25cqw}.report-note p:last-child{margin-bottom:0}.report-note b{color:var(--demo-color-ink)}.report-expanded-card>footer{gap:.8cqw;margin-top:1.4cqw;display:flex}.report-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .56s cubic-bezier(.22,1,.36,1),top .56s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.report-demo-cursor:before,.report-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.report-demo-cursor:before{background:#fff;inset:0}.report-demo-cursor:after{background:#17181a;inset:1px}.report-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.report-demo-cursor.is-visible{opacity:1}.report-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.report-demo-cursor.is-clicking i{animation:.42s ease-out both report-click-ring}@keyframes report-view-in{0%{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:translateY(0)}}@keyframes report-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.report-expanded-view,.report-demo-cursor{transition:none!important;animation:none!important}}
.order-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.65cqw;position:relative;overflow:hidden;container-type:inline-size}.order-demo *,.order-demo :before,.order-demo :after{box-sizing:border-box}.order-demo button,.order-demo input,.order-demo textarea{font:inherit}.order-demo-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.15cqw;justify-content:space-between;align-items:center;gap:2cqw;height:12.25cqw;padding:1.9cqw 2.25cqw;display:flex}.order-demo-titlebar>div{gap:.7cqw;display:grid}.order-demo-titlebar span{color:#707875;font-size:var(--demo-type-label)}.order-demo-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.order-list-shell{background:#ffffffbf;border-radius:2.1cqw;height:48cqw;margin-top:1.65cqw;padding:2cqw;box-shadow:0 1.5cqw 3cqw #2624260b}.order-list{gap:1.2cqw;margin-top:2cqw;display:grid}.order-list article{background:#ffffffe0;border:1px solid #edf0ef;border-radius:1.8cqw;grid-template-columns:1fr auto;gap:.65cqw 1cqw;min-height:10.7cqw;padding:1.65cqw;display:grid;box-shadow:0 1cqw 2.2cqw #23212309}.order-list article>div{gap:.7cqw;display:grid}.order-list article>div:first-child strong{font-size:var(--demo-type-body-strong)}.order-list article>div:first-child span,.order-list article small{color:#747d79;font-size:var(--demo-type-label)}.order-list article>div:first-child span b{color:#755bd0}.order-list article>div:nth-child(2){grid-auto-flow:column;align-items:start;gap:1.4cqw}.order-list article>div:nth-child(2) b{color:#2c805f;font-size:var(--demo-type-caption);background:#e7f5ef;border-radius:999px;padding:.35cqw .8cqw}.order-list article>div:nth-child(2) span{color:#777f7c;font-size:var(--demo-type-caption)}.order-list article>small:last-child{justify-self:end}.order-list-new{animation:.42s cubic-bezier(.22,1,.36,1) both order-row-in}.order-modal-layer{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#cdd3d1c2;place-items:center;animation:.22s both order-layer-in;display:grid;position:absolute;inset:0}.order-modal{background:#fffffffa;border:1px solid #fffffff2;border-radius:2.2cqw;grid-template-rows:3.6cqw minmax(0,1fr) auto;width:79cqw;height:64.5cqw;padding:1.35cqw 2cqw 1.15cqw;animation:.36s cubic-bezier(.22,1,.36,1) both order-modal-in;display:grid;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.order-modal>header{justify-content:space-between;align-items:center;display:flex}.order-modal>header>strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.order-form-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcc7c3 transparent;scroll-behavior:smooth;min-height:0;padding:.8cqw .35cqw .8cqw 0;overflow-y:auto}.order-form-scroll::-webkit-scrollbar{width:.45cqw}.order-form-scroll::-webkit-scrollbar-track{background:0 0}.order-form-scroll::-webkit-scrollbar-thumb{background:#bcc7c3;border-radius:99px}.order-form-grid{grid-template-columns:1fr 1fr;gap:1.45cqw 1.6cqw;display:grid}.order-photo-button{width:100%;height:var(--demo-control-height);justify-content:flex-start}.order-date-field,.order-kind-field{z-index:4}.order-calendar{z-index:9;background:#fff;border:1px solid #e1e7e4;border-radius:1.3cqw;width:24cqw;padding:1cqw;animation:.18s both order-popover-in;position:absolute;top:calc(100% + .45cqw);right:0;box-shadow:0 1.4cqw 3cqw #23212329}.order-calendar>header{justify-content:space-between;align-items:center;display:flex}.order-calendar>header button,.order-calendar-days button{color:var(--demo-color-ink);cursor:pointer;background:0 0;border:0}.order-calendar>header strong{font-size:var(--demo-type-body)}.order-calendar-week,.order-calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:.2cqw;margin-top:.7cqw;display:grid}.order-calendar-week span{color:#7c8481;font-size:var(--demo-type-micro)}.order-calendar-days button,.order-calendar-days i{min-height:2.2cqw;font-size:var(--demo-type-caption);border-radius:.6cqw;place-items:center;font-style:normal;display:grid}.order-calendar-days .order-calendar-day-29{color:#236d58;font-weight:var(--demo-weight-semibold);background:#dff6ee}.order-kind-dropdown{max-height:19cqw;animation:.18s both order-popover-in;overflow-y:auto}.order-description-field{grid-column:1/-1}.order-description-field textarea{resize:none;border:1px solid var(--demo-color-line);border-radius:var(--demo-control-radius);background:var(--demo-color-control);width:100%;height:8.5cqw;min-height:64px;color:var(--demo-color-ink);outline:0;padding:1cqw 1.2cqw}.order-quantity,.order-payment-options{height:var(--demo-control-height);align-items:center;display:grid}.order-quantity{border:1px solid var(--demo-color-line);border-radius:var(--demo-control-radius);background:var(--demo-color-control);grid-template-columns:1fr 1fr 1fr}.order-quantity button{cursor:pointer;background:0 0;border:0;height:100%}.order-quantity strong{text-align:center;font-size:var(--demo-type-control)}.order-payment-options{grid-template-columns:1fr 1fr;gap:.7cqw}.order-payment-options .demo-button{border-radius:var(--demo-control-radius);width:100%;height:100%}.order-modal>footer{border-top:1px solid #edf0ef;grid-template-columns:1fr 1fr;gap:1.2cqw;padding-top:.8cqw;display:grid}.order-modal>footer .demo-button{width:100%}.order-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .48s cubic-bezier(.22,1,.36,1),top .48s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.order-demo-cursor:before,.order-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.order-demo-cursor:before{background:#fff;inset:0}.order-demo-cursor:after{background:#17181a;inset:1px}.order-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.order-demo-cursor.is-visible{opacity:1}.order-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.order-demo-cursor.is-clicking i{animation:.42s ease-out both order-click-ring}@keyframes order-layer-in{0%{opacity:0}to{opacity:1}}@keyframes order-modal-in{0%{opacity:0;transform:translateY(1.2cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes order-popover-in{0%{opacity:0;transform:translateY(-.4cqw)}to{opacity:1;transform:translateY(0)}}@keyframes order-row-in{0%{opacity:0;transform:translateY(.9cqw)}to{opacity:1;transform:translateY(0)}}@keyframes order-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@media (prefers-reduced-motion:reduce){.order-modal-layer,.order-modal,.order-calendar,.order-kind-dropdown,.order-list-new,.order-demo-cursor{transition:none!important;animation:none!important}}
.employee-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;padding:1.25cqw;position:relative;overflow:hidden;container-type:inline-size}.employee-demo *,.employee-demo :before,.employee-demo :after{box-sizing:border-box}.employee-demo button,.employee-demo input{font:inherit}.employee-list-screen{background:#ffffffa8;border:1px solid #ffffffd9;border-radius:2.4cqw;height:100%;padding:2.3cqw 2.7cqw;box-shadow:0 1.6cqw 3.2cqw #2624260b}.employee-list-screen>header{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.employee-list-screen>header>div{gap:.65cqw;display:grid}.employee-list-screen>header span{color:#727a77;font-size:var(--demo-type-label)}.employee-list-screen>header strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.employee-active-session{background:#ffffffdb;border:1px solid #edf0ef;border-radius:1.7cqw;justify-content:space-between;align-items:center;gap:2cqw;min-height:9.3cqw;margin-top:1.4cqw;padding:1.8cqw;display:flex;box-shadow:0 .9cqw 2cqw #22202209}.employee-active-session>div{gap:.55cqw;display:grid}.employee-active-session span{color:#76807c;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.employee-active-session strong{font-size:var(--demo-type-body-strong)}.employee-active-session small{color:#737c78;font-size:var(--demo-type-label)}.employee-active-session>b,.employee-row aside>i,.employee-row aside>b{color:#397561;font-size:var(--demo-type-caption);font-style:normal;font-weight:var(--demo-weight-medium);background:#e8f6f1;border-radius:999px;padding:.4cqw .9cqw}.employee-list-rows{gap:1.15cqw;margin-top:1.4cqw;display:grid}.employee-row{background:#ffffffdb;border:1px solid #edf0ef;border-radius:1.7cqw;grid-template-columns:5cqw 1fr auto;align-items:center;gap:1.15cqw;min-height:10.9cqw;padding:1.5cqw 1.7cqw;display:grid;box-shadow:0 .9cqw 2cqw #22202209}.employee-row.is-fresh{border-color:#c6eadf;animation:.44s cubic-bezier(.22,1,.36,1) both employee-row-in}.employee-avatar{color:#6b94b1;width:4.7cqw;height:4.7cqw;font-size:var(--demo-type-modal-title);background:#fafcfc;border-radius:1.3cqw;place-items:center;display:grid}.employee-row>div{gap:.32cqw;display:grid}.employee-row>div strong{font-size:var(--demo-type-body-strong)}.employee-row>div span{color:#727a77;font-size:var(--demo-type-label)}.employee-row>div small{color:#747d79;font-size:var(--demo-type-caption)}.employee-row aside{align-items:center;gap:.75cqw;display:flex}.employee-row aside>b{color:#4973aa;background:#edf6ff}.employee-row aside>strong{color:#7b8581;font-size:var(--demo-type-section-title);font-weight:var(--demo-weight-regular)}.employee-modal-layer{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ccd2d0c2;place-items:center;animation:.22s both employee-layer-in;display:grid;position:absolute;inset:0}.employee-modal{background:#fffffffa;border:1px solid #fffffff5;border-radius:2.15cqw;grid-template-rows:5.3cqw minmax(0,1fr) auto;width:75cqw;height:64.5cqw;padding:1.35cqw 2cqw 1.15cqw;animation:.36s cubic-bezier(.22,1,.36,1) both employee-modal-in;display:grid;overflow:hidden;box-shadow:0 3cqw 8cqw #1f1d1f33}.employee-modal>header{border-bottom:1px solid #edf0ef;justify-content:space-between;align-items:flex-start;gap:2cqw;display:flex}.employee-modal>header>div{gap:.5cqw;display:grid}.employee-modal>header span{color:#707875;font-size:var(--demo-type-label)}.employee-modal>header strong{font-size:var(--demo-type-modal-title);letter-spacing:var(--demo-tracking-tight)}.employee-form-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcc7c3 transparent;min-height:0;padding:1.5cqw .35cqw 1cqw 0;overflow-y:auto}.employee-form-scroll::-webkit-scrollbar{width:.45cqw}.employee-form-scroll::-webkit-scrollbar-track{background:0 0}.employee-form-scroll::-webkit-scrollbar-thumb{background:#bcc7c3;border-radius:99px}.employee-form-grid{grid-template-columns:1fr 1fr;gap:1.35cqw 1.55cqw;display:grid}.employee-role-field{z-index:4}.employee-role-dropdown{animation:.18s both employee-popover-in}.employee-days-card,.employee-permissions{grid-column:1/-1}.employee-days-card{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.6cqw;padding:1.35cqw 1.55cqw;box-shadow:0 .8cqw 1.8cqw #23212309}.employee-days-card>header{gap:.35cqw;display:grid}.employee-days-card>header strong{color:#66706c;font-size:var(--demo-type-label);font-weight:var(--demo-weight-regular)}.employee-days-card>header span{color:#838b88;font-size:var(--demo-type-caption)}.employee-days-card>div{grid-template-columns:repeat(7,1fr);gap:.55cqw;margin-top:1.1cqw;display:grid}.employee-days-card button{color:#6d7672;min-height:3.1cqw;font-size:var(--demo-type-label);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.9cqw;padding:.4cqw}.employee-days-card button.is-active{color:#286f5a;background:#e2f7f0;border-color:#bfe7da}.employee-permissions{gap:.8cqw;display:grid}.employee-permissions>span{color:#68716e;font-size:var(--demo-type-label)}.employee-permissions>div{grid-template-columns:1fr 1fr;gap:.85cqw 1.2cqw;display:grid}.employee-permissions button{min-height:4.65cqw;color:var(--demo-color-ink);cursor:pointer;background:#ffffffe6;border:1px solid #edf0ef;border-radius:1.3cqw;justify-content:space-between;align-items:center;gap:1cqw;padding:0 1.35cqw;display:flex;box-shadow:0 .6cqw 1.4cqw #23212306}.employee-permissions button strong{font-size:var(--demo-type-body);font-weight:var(--demo-weight-medium)}.employee-permissions button i{border:1px solid #9da8a4;border-radius:50%;width:1.15cqw;min-width:8px;height:1.15cqw;min-height:8px}.employee-permissions button.is-active{background:#f1fbf7;border-color:#bfe7da}.employee-permissions button.is-active i{background:#2e9b72;border-color:#2e9b72;box-shadow:inset 0 0 0 .25cqw #fff}.employee-modal>footer{border-top:1px solid #edf0ef;grid-template-columns:1fr 1fr;gap:1.2cqw;padding-top:.8cqw;display:grid}.employee-modal>footer .demo-button{width:100%}.employee-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.employee-demo-cursor:before,.employee-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.employee-demo-cursor:before{background:#fff;inset:0}.employee-demo-cursor:after{background:#17181a;inset:1px}.employee-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.employee-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.employee-demo-cursor.is-visible{opacity:1}.employee-demo-cursor.is-clicking{transform:translate(-15%,-12%)scale(.88)}.employee-demo-cursor.is-clicking i{animation:.42s ease-out both employee-click-ring}.employee-demo-cursor.is-scrolling>b{opacity:1;animation:.85s ease-in-out infinite employee-wheel}@keyframes employee-layer-in{0%{opacity:0}to{opacity:1}}@keyframes employee-modal-in{0%{opacity:0;transform:translateY(1.2cqw)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes employee-popover-in{0%{opacity:0;transform:translateY(-.4cqw)}to{opacity:1;transform:translateY(0)}}@keyframes employee-row-in{0%{opacity:0;transform:translateY(.9cqw)}to{opacity:1;transform:translateY(0)}}@keyframes employee-click-ring{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}@keyframes employee-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.employee-modal-layer,.employee-modal,.employee-role-dropdown,.employee-row.is-fresh,.employee-demo-cursor,.employee-demo-cursor>b{transition:none!important;animation:none!important}}
.cash-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 8% 3%,#baecdf4d,#0000 27%),radial-gradient(circle at 96% 2%,#e7e2f8c7,#0000 34%),#f4f6f5;position:relative;overflow:hidden;container-type:inline-size}.cash-demo *,.cash-demo :before,.cash-demo :after{box-sizing:border-box}.cash-demo button{font:inherit}.cash-scroll-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c6c1 transparent;position:absolute;inset:0;overflow-y:auto}.cash-scroll-viewport::-webkit-scrollbar{width:.5cqw}.cash-scroll-viewport::-webkit-scrollbar-track{background:0 0}.cash-scroll-viewport::-webkit-scrollbar-thumb{background:#b8c6c1;border-radius:99px}.cash-page{background:radial-gradient(circle at 8% 3%,#baecdf40,#0000 25%),radial-gradient(circle at 96% 2%,#e7e2f8ad,#0000 32%),#f4f6f5;min-height:190cqw;padding:1.4cqw}.cash-titlebar{background:linear-gradient(112deg,#ffffffb8,#ccf1e89e,#e8e5f8db);border-radius:2.1cqw;align-items:center;height:10cqw;padding:1.6cqw 2.2cqw;display:flex}.cash-titlebar>div{gap:.65cqw;display:grid}.cash-titlebar span{color:#707875;font-size:var(--demo-type-label)}.cash-titlebar strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.cash-top-cards{grid-template-columns:repeat(4,1fr);gap:.9cqw;margin-top:1.35cqw;display:grid}.cash-top-cards article{background:#ffffffd1;border:1px solid #edf0ef;border-radius:1.65cqw;align-content:center;gap:.65cqw;min-height:9.5cqw;padding:1.35cqw;display:grid;box-shadow:0 .9cqw 2cqw #23212309}.cash-top-cards span,.cash-top-cards small{color:#747d79;font-size:var(--demo-type-caption)}.cash-top-cards strong{font-size:var(--demo-type-body-strong)}.cash-top-cards article>b{color:#5f7069;font-size:var(--demo-type-micro)}.cash-real-summary{background:#ffffffc7;border:1px solid #edf0ef;border-radius:1.8cqw 1.8cqw 0 0;margin-top:1.35cqw;padding:1.5cqw;box-shadow:0 1.1cqw 2.4cqw #2321230a}.cash-real-summary>header{justify-content:space-between;align-items:center;gap:1.2cqw;display:flex}.cash-real-summary>header>div:first-child{gap:.55cqw;display:grid}.cash-real-summary>header>div:first-child span,.cash-action-section>header span{color:#73807b;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.cash-real-summary>header>div:first-child strong,.cash-action-section>header strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.cash-summary-pills{grid-template-columns:repeat(4,auto);gap:.6cqw;display:grid}.cash-summary-pills article{background:#ffffffe0;border:1px solid #edf0ef;border-radius:1.2cqw;gap:.35cqw;min-width:8.7cqw;padding:.75cqw .9cqw;display:grid}.cash-summary-pills span{color:#747d79;font-size:var(--demo-type-micro)}.cash-summary-pills strong{font-size:var(--demo-type-caption)}.cash-summary-pills article:nth-child(2),.cash-summary-pills article:nth-child(3){background:#effaf6;border-color:#c6e8dd}.cash-summary-pills article:nth-child(3) strong{color:#35725e}.cash-total-panel{background:#fbfffde6;border:1px solid #cce6dd;border-radius:1.35cqw;justify-content:space-between;align-items:flex-end;gap:1.2cqw;margin-top:1.2cqw;padding:1.15cqw 1.35cqw;display:flex}.cash-total-panel>div{gap:.55cqw;display:grid}.cash-total-panel span{color:#69736f;font-size:var(--demo-type-caption)}.cash-total-panel strong{font-size:var(--demo-type-total);letter-spacing:var(--demo-tracking-tight)}.cash-total-panel strong small{color:#5d6964;font-size:var(--demo-type-caption);letter-spacing:0}.cash-table{background:#f7fcfadb;border:1px solid #dfe9e5;border-top:0;border-radius:0 0 1.8cqw 1.8cqw;overflow:hidden}.cash-table>header,.cash-table>article{grid-template-columns:minmax(0,1fr) 11cqw 12cqw 12cqw 5.2cqw;align-items:center;gap:1cqw;display:grid}.cash-table>header{color:#7a827f;min-height:4cqw;font-size:var(--demo-type-micro);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-table);text-align:right;border-bottom:1px solid #e3eae7;padding:0 1.45cqw}.cash-table>header span:first-child{text-align:left}.cash-table>article{text-align:right;border-bottom:1px solid #e5ebe9;min-height:7.25cqw;padding:1cqw 1.45cqw}.cash-table>article:last-child{border-bottom:0}.cash-table>article>div{text-align:left;gap:.4cqw;display:grid}.cash-table>article>div strong,.cash-table>article>b,.cash-table>article>strong{font-size:var(--demo-type-body-strong)}.cash-table>article>div small,.cash-table>article>span,.cash-table>article>button{color:#737c78;font-size:var(--demo-type-label)}.cash-table>article>b,.cash-table>article>strong{font-weight:var(--demo-weight-semibold)}.cash-table>article>strong{color:#3a725f}.cash-table>article>strong.is-positive{color:#33745e}.cash-table>article>button{cursor:pointer;background:0 0;border:0}.cash-action-section{background:#ffffffb8;border:1px solid #edf0ef;border-radius:2cqw;margin-top:2.5cqw;padding:2cqw;box-shadow:0 1.2cqw 2.7cqw #2321230a}.cash-action-section>header{gap:.75cqw;display:grid}.cash-action-section>div{grid-template-columns:repeat(3,1fr);gap:1.2cqw;margin-top:1.5cqw;display:grid}.cash-action-section>div>article{background:#ffffffdb;border:1px solid #eef1f0;border-radius:1.7cqw;flex-direction:column;align-items:flex-start;min-height:22cqw;padding:2cqw;display:flex;box-shadow:0 .9cqw 2cqw #23212309}.cash-action-section article>span{color:#74807b;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.cash-action-section article>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight);margin-top:1.5cqw}.cash-action-section article>p{color:#747d79;font-size:var(--demo-type-label);line-height:1.55}.cash-action-section article>.demo-button{margin-top:auto}.cash-closing-grid{grid-template-columns:1fr 1fr;gap:1.25cqw;margin-top:1.4cqw;display:grid}.cash-movements-panel,.cash-reconcile-panel{background:#ffffffd6;border:1px solid #edf0ef;border-radius:1.8cqw;min-height:31cqw;padding:2cqw;box-shadow:0 1cqw 2.3cqw #23212309}.cash-movements-panel>strong,.cash-reconcile-panel>header>strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.cash-movements-panel>p,.cash-reconcile-panel>p{color:#747d79;font-size:var(--demo-type-label);line-height:1.55}.cash-movements-panel>span{color:#747d79;font-size:var(--demo-type-label);background:#f6f8f7;border-radius:1.25cqw;margin-top:1.5cqw;padding:1cqw 1.25cqw;display:block}.cash-reconcile-panel>header{justify-content:space-between;align-items:flex-start;display:flex}.cash-reconcile-panel>header>b{color:#6d7773;width:4.2cqw;height:4.2cqw;font-size:var(--demo-type-caption);text-align:center;background:#f3f5f4;border-radius:1.4cqw;place-items:center;display:grid}.cash-reconcile-panel>div{grid-template-columns:repeat(3,1fr);gap:.8cqw;display:grid}.cash-reconcile-panel>div article{background:#f6f8f7;border-radius:1.25cqw;align-content:center;gap:.75cqw;min-height:7.8cqw;padding:1.1cqw;display:grid}.cash-reconcile-panel>div span{color:#78817e;font-size:var(--demo-type-caption)}.cash-reconcile-panel>div strong{font-size:var(--demo-type-body-strong)}.cash-reconcile-panel>div article:nth-child(3) strong{color:#33745e}.cash-reconcile-panel>footer{grid-template-columns:1fr 1fr;gap:1cqw;margin-top:1.4cqw;display:grid}.cash-reconcile-panel>footer .demo-button{width:100%}.cash-demo-cursor{z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 .4cqw .35cqw #00000038);width:clamp(9px,1.15cqw,14px);height:clamp(13px,1.65cqw,20px);transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;transform:translate(-15%,-12%)}.cash-demo-cursor:before,.cash-demo-cursor:after{content:"";clip-path:polygon(0 0,82% 67%,54% 71%,70% 96%,55% 100%,40% 75%,18% 96%);position:absolute}.cash-demo-cursor:before{background:#fff;inset:0}.cash-demo-cursor:after{background:#17181a;inset:1px}.cash-demo-cursor i{z-index:2;opacity:0;border:1px solid #288769a6;border-radius:50%;width:.8cqw;min-width:6px;height:.8cqw;min-height:6px;position:absolute;top:42%;left:35%}.cash-demo-cursor>b{z-index:3;color:#3d4542;min-width:1.75cqw;min-height:2.6cqw;font-size:var(--demo-type-caption);opacity:0;background:#fffffff5;border:1px solid #d9dfdc;border-radius:.7cqw;place-items:center;padding:.25cqw;display:grid;position:absolute;top:1.3cqw;left:1.1cqw;box-shadow:0 .5cqw 1.1cqw #1f1e1f21}.cash-demo-cursor.is-visible{opacity:1}.cash-demo-cursor.is-scrolling>b{opacity:1;animation:.9s ease-in-out infinite cash-wheel}@keyframes cash-wheel{0%,to{transform:translateY(-.18cqw)}50%{transform:translateY(.28cqw)}}@media (prefers-reduced-motion:reduce){.cash-demo-cursor,.cash-demo-cursor>b{transition:none!important;animation:none!important}}
.live-rates-demo{aspect-ratio:1236/835;width:100%;color:var(--demo-color-ink);background:radial-gradient(circle at 4% 3%,#beefe2a3,#0000 33%),radial-gradient(circle at 95% 1%,#e1defabf,#0000 34%),#f2f6f4;grid-template-rows:auto 1fr auto;gap:1.45cqw;padding:2.1cqw;display:grid;position:relative;overflow:hidden;container-type:inline-size}.live-rates-demo *,.live-rates-demo :before,.live-rates-demo :after{box-sizing:border-box}.live-rates-summary{background:#ffffffb8;border:1px solid #ffffffeb;border-radius:2cqw;justify-content:space-between;align-items:center;min-height:9.2cqw;padding:1.5cqw 1.85cqw;display:flex;box-shadow:0 1.2cqw 2.9cqw #232f2b0b}.live-rates-summary>div:first-child{gap:.55cqw;display:grid}.live-rates-summary>div:first-child>span{color:#75817d;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-eyebrow)}.live-rates-summary>div:first-child>strong{font-size:var(--demo-type-page-title);letter-spacing:var(--demo-tracking-tight)}.live-rates-meta{align-items:center;gap:1.2cqw;display:flex}.live-rates-meta time{color:#69736f;min-width:5.7cqw;font-size:var(--demo-type-label);font-variant-numeric:tabular-nums}.live-rates-status{color:#298463;min-height:2.8cqw;font-size:var(--demo-type-caption);font-weight:var(--demo-weight-semibold);background:#e2f6ee;border-radius:999px;align-items:center;gap:.55cqw;padding:.55cqw 1cqw;display:inline-flex}.live-rates-status i,.live-rates-source span{background:currentColor;border-radius:50%;width:.6cqw;height:.6cqw}.live-rates-status.is-live i{animation:1.65s ease-in-out infinite live-rates-pulse}.live-rates-status.is-connecting,.live-rates-status.is-offline{color:#7f8683;background:#f3f4f3}.live-rates-status.is-stale{color:#9a6c28;background:#fff3df}.live-rates-columns{grid-template-columns:1.05fr .95fr;gap:1.45cqw;min-height:0;display:grid}.live-rate-panel{background:#ffffffd1;border:1px solid #e5ebe8e6;border-radius:2cqw;grid-template-rows:auto auto 1fr;min-height:0;display:grid;overflow:hidden;box-shadow:0 1.35cqw 2.9cqw #232f2b0d}.live-rate-panel>header{border-bottom:1px solid #e7ecea;justify-content:space-between;align-items:center;min-height:5.4cqw;padding:1.25cqw 1.55cqw;display:flex}.live-rate-panel>header strong{font-size:var(--demo-type-section-title);letter-spacing:var(--demo-tracking-tight)}.live-rate-panel>header span{color:#68736f;font-size:var(--demo-type-caption);background:#f0f4f2;border-radius:999px;padding:.45cqw .8cqw}.live-rate-columns-head,.live-rate-row,.live-rate-skeleton{grid-template-columns:1.08fr .96fr .96fr;align-items:center;gap:1cqw;display:grid}.live-rate-columns-head{min-height:3.1cqw;margin:1cqw 1.2cqw .7cqw}.live-rate-columns-head span{color:#727b78;font-size:var(--demo-type-table-head);font-weight:var(--demo-weight-bold);letter-spacing:var(--demo-tracking-table);text-align:center;background:#f4f7f6;border-radius:999px;padding:.65cqw .8cqw}.live-rate-columns-head span:nth-child(2){color:#307960;background:#e5f6f0;border:1px solid #c2eadc}.live-rate-columns-head span:nth-child(3){color:#5f6094;background:#eef;border:1px solid #dad7f9}.live-rate-list{align-content:start;gap:.45cqw;min-height:0;padding:0 1.15cqw 1.15cqw;display:grid;overflow:hidden}.live-rate-row{background:#f9fcfbe6;border:1px solid #e7edeb;border-radius:1.2cqw;min-height:4.25cqw;padding:.45cqw .8cqw;transition:border-color .24s,background .24s;position:relative;overflow:hidden}.live-rate-row strong{font-size:var(--demo-type-body-strong);font-weight:var(--demo-weight-semibold);padding-left:.45cqw}.live-rate-row>span{color:#248360;min-height:3cqw;font-size:var(--demo-type-body-strong);font-weight:var(--demo-weight-semibold);font-variant-numeric:tabular-nums;background:#e6f7f1;border-radius:.9cqw;justify-content:center;align-items:center;padding:.55cqw .65cqw;display:flex}.live-rate-row>span:last-child{color:#5d5f94;background:#eef}.live-rate-row.is-down>span{color:#c45e51;background:#fff0ee}.live-rate-row.is-down>span:last-child{color:#bd5046;background:#ffe8e5}.live-rate-row.is-same>span{color:#4e625b;background:#f0f5f3}.live-rate-row.is-flashing-up{animation:1.65s ease-out live-rates-flash-up}.live-rate-row.is-flashing-down{animation:1.65s ease-out live-rates-flash-down}.live-rate-skeleton{background:#f8fbfae0;border-radius:1.2cqw;min-height:4.25cqw;padding:.75cqw .85cqw}.live-rate-skeleton i{background:linear-gradient(100deg,#edf1ef 20%,#f8faf9 48%,#edf1ef 76%) 0 0/220% 100%;border-radius:999px;height:1.45cqw;animation:1.45s linear infinite live-rates-shimmer}.live-rates-source{color:#7b8581;font-size:var(--demo-type-micro);align-items:center;gap:.65cqw;padding:0 .7cqw;display:flex}.live-rates-source span{color:#4ea98b}@keyframes live-rates-pulse{0%,to{box-shadow:0 0 #2984631f}50%{box-shadow:0 0 0 .42cqw #2984631f}}@keyframes live-rates-shimmer{to{background-position:-220% 0}}@keyframes live-rates-flash-up{0%,to{background:#f9fcfbe6;border-color:#e7edeb}18%{background:#e7f9f2;border-color:#83d5b8}}@keyframes live-rates-flash-down{0%,to{background:#f9fcfbe6;border-color:#e7edeb}18%{background:#fff0ee;border-color:#efaca4}}@media (prefers-reduced-motion:reduce){.live-rates-status.is-live i,.live-rate-skeleton i,.live-rate-row{animation:none}}