:root{--blue:#1d5ccc;--aqua:#00e6e8;--ink:#272d41;--muted:#68778d;--bg:#fff;--line:#e3eaf5;--font:Arial,'Microsoft YaHei','PingFang SC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible,button:focus-visible{outline:2px solid #00b9d8;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #1d5ccc30;border-color:var(--blue)}.icon-library{width:0;height:0;overflow:hidden;position:absolute}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:64px;position:sticky;top:0;background:#1d5ccc;box-shadow:0 3px 9px #12439945;z-index:50;color:#fff}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{width:145px;flex-shrink:0;padding:6px 9px;border-radius:5px;background:#fff}.brand img{width:100%}.nav{display:flex;align-items:center;gap:24px;margin-left:auto;white-space:nowrap;height:100%}.nav a{font-size:13px;position:relative;display:flex;align-items:center;height:100%;color:#e9f1ff}.nav a:hover,.nav a.active{color:var(--aqua)}.nav a.active:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:9px;background:var(--aqua)}.nav-actions{display:flex;align-items:center;gap:13px;white-space:nowrap}.language{display:flex;align-items:center;gap:5px;font-size:12px;color:#e7efff}.language svg{width:16px;height:16px}.login-button,.register-button{min-width:66px;padding:6px 18px;line-height:1.4;border-radius:20px;font-size:13px}.login-button{color:#00e5eb;border:1px solid #00dce4}.register-button{color:#0d365f;background:#00e6e8;border:1px solid #00e6e8;font-weight:600}.login-button:hover{background:#ffffff12}.register-button:hover{background:#6effff}.menu-toggle{display:none}.opening{position:relative;isolation:isolate;overflow:hidden;padding-bottom:12px}.blue-ellipse{position:absolute;background:#1d5ccc;width:max(1900px,107vw);height:1420px;top:-610px;left:50%;transform:translateX(-50%);border-radius:0 0 50% 50%;z-index:-2}.hero{position:relative;height:570px;display:flex;align-items:flex-start}.hero-copy{padding-top:113px;position:relative;z-index:3}.hero h1{color:#fff;font-size:46px;font-weight:650;line-height:1.5;letter-spacing:0}.hero-description{color:#f0f5ff;line-height:1.7;font-size:14px;margin-top:16px}.hero-register{display:flex;align-items:center;background:#fff;border:1px solid #d2e1fb;border-radius:30px;width:360px;height:56px;padding:6px;margin-top:74px}.hero-register input{border:0;outline:none;width:0;flex:1;background:transparent;padding:9px 13px;font-size:14px;color:#34446a;min-width:0}.hero-register input::placeholder{color:#a8b7cd}.hero-register button{border-radius:24px;background:#272d41;color:white;min-width:110px;padding:8px 15px;font-size:14px}.hero-register button:hover{background:#0e244f}.hero-note{color:#d9e6ff;font-size:11px;line-height:1.7;margin-top:79px}.hero-art{position:absolute;left:475px;right:-35px;top:25px;height:540px;isolation:isolate}.blue-sphere{position:absolute;width:590px;height:590px;border-radius:50%;top:230px;left:-105px;background:radial-gradient(circle at 65% 20%,#226ddd,#1b5bc900 70%);box-shadow:inset 3px 12px 40px #1c56bc;z-index:-1}.bank-card{position:absolute;width:405px;height:260px;border-radius:25px;padding:26px;color:#fff;box-shadow:0 18px 32px #0c3c9a45;overflow:hidden;border:1px solid #ffffff30}.card-front{left:68px;top:42px;z-index:3;background:linear-gradient(25deg,#ef96e5 2%,#d649e8 28%,#5e57f0 53%,#0eb5fa 82%,#6d7aff);transform:rotate(0deg)}.card-front:after{content:'';position:absolute;width:450px;height:155px;border-radius:50%;left:-50px;top:-60px;background:#13e3ff25;transform:rotate(-20deg);filter:blur(12px)}.card-back{left:185px;top:195px;background:linear-gradient(23deg,#010d27 15%,#251348 47%,#b608b3 85%,#ef4bd2);z-index:1;transform:rotate(0)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top b{font-size:23px;font-weight:700;font-style:italic;letter-spacing:-.6px}.card-top>span{font-size:9px;letter-spacing:2px;opacity:.8}.card-chip{position:absolute;right:31px;top:75px;width:43px;height:35px;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 12px,#b9d4cc 12px 13px),repeating-linear-gradient(0deg,#e7f4ed 0 10px,#b9d4cc 10px 11px);border:1px solid #b7d3c6}.card-account{font-size:11px;color:#e3ddfa;margin-top:68px;line-height:1}.card-number{font-size:26px;letter-spacing:.5px;line-height:1.6;white-space:nowrap}.card-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:14px}.card-bottom>span{font-size:11px;font-style:italic;line-height:1.5}.card-bottom small{font-size:10px;display:inline;margin-left:20px;font-style:normal}.card-bottom>strong{font-size:19px;font-style:italic;letter-spacing:1px}.card-demo-label{font-size:7px;position:absolute;bottom:6px;left:26px;opacity:.6}.card-back .card-account{margin-top:68px}.card-back .card-chip{background-color:#cb89dc}.card-circles{display:flex;isolation:isolate;padding-right:9px}.card-circles i{width:26px;height:26px;background:#00e7e5;border-radius:50%;display:block}.card-circles i:last-child{background:#4781ffb0;margin-left:-9px}.security-tile{position:absolute;z-index:4;top:334px;left:5px;width:101px;height:101px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(125deg,#bdf1c8,#93eac9 50%,#8feafa);box-shadow:0 10px 25px #153ca847;transform:rotate(0deg)}.security-tile svg{width:58px;height:58px;fill:#17436d;stroke:#b4f1ed;stroke-width:1.5}.advantages{position:relative;z-index:5}.advantages>h2{font-size:40px;line-height:1.4;font-weight:650;text-align:center;color:white;margin-bottom:40px}.advantage-layout{display:grid;grid-template-columns:minmax(0,856px) minmax(0,320px);gap:24px}.advantage-left{display:grid;gap:24px}.feature-panel{background:#fff;border-radius:20px;padding:29px 38px 33px;box-shadow:0 18px 28px -20px #1d5ccc55;border:1px solid #ffffff}.feature-panel h3{color:var(--blue);font-size:22px;font-weight:600;line-height:1.5;margin-bottom:24px}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-item{display:flex;gap:17px;align-items:flex-start}.feature-item>svg{width:28px;height:28px;color:#5e6c83;margin-top:1px;stroke-width:1.4}.feature-item h4{font-size:16px;line-height:1.5;font-weight:400;margin-bottom:10px;white-space:nowrap}.feature-item p{font-size:12px;color:#68778d;line-height:1.8;white-space:nowrap}.feature-side{padding:29px 35px 22px}.feature-side .feature-row{display:flex;flex-direction:column;gap:29px}.feature-side .feature-item{gap:17px}.feature-note{font-size:11px;color:#95a5bc;text-align:right;margin-top:24px}.scenario-section,.business-section{padding-top:96px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{text-align:center;font-size:36px;font-weight:600;line-height:1.5;color:#272d41}.section-description{text-align:center;color:#8998af;font-size:14px;margin-top:14px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.scenario-card{text-align:center;background:#fff;border:1px solid #e9effa;border-radius:15px;padding:32px 18px 24px;box-shadow:0 10px 32px #1d5ccc07;transition:transform .2s,box-shadow .2s}.scenario-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1d5ccc16}.scenario-symbol{display:grid;place-items:center;width:65px;height:65px;background:linear-gradient(135deg,#edf4ff,#dceaff);border-radius:18px;margin:0 auto 19px;color:var(--blue)}.scenario-symbol svg{width:31px;height:31px}.scenario-card h3{font-size:19px;font-weight:500;margin-bottom:13px}.scenario-card p{font-size:13px;color:#8392a9;line-height:1.8}.scene-tag{display:block;font-size:11px;color:#95a6c1;border-top:1px solid #edf1f8;margin-top:22px;padding-top:17px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}.business-grid article{position:relative;border:1px solid #e4edf9;background:#fff;border-radius:14px;padding:47px 31px 27px;box-shadow:0 8px 20px #1d5ccc04}.business-avatar{position:absolute;top:-25px;left:30px;width:56px;height:56px;display:grid;place-items:center;background:#e4f1ff;border:4px solid var(--bg);border-radius:50%;color:var(--blue)}.business-grid h3{font-size:18px;font-weight:500;margin-bottom:15px}.business-grid p{font-size:13px;color:#7a89a1;line-height:1.9;min-height:80px}.business-grid article>div{font-size:12px;color:#4280cf;margin-top:20px}.business-grid article>div>span{margin-left:12px}.section-footnote{font-size:11px;color:#a2aec1;text-align:center;margin-top:24px}.start-section{padding-top:85px;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:80px}.steps article{position:relative;text-align:left;background:#fff;border-radius:12px;padding:86px 27px 29px;border:1px solid #edf2fb}.step-ribbon{position:absolute;top:-21px;left:50%;transform:translateX(-50%);width:144px;height:73px;background:linear-gradient(135deg,#5c9dff,#1d5ccc);border-radius:0 0 20px 20px;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%);color:#fff;font-size:23px;display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:6px}.step-ribbon b{font-size:43px;font-weight:600;line-height:1}.steps article>svg{position:absolute;top:78px;right:24px;width:35px;height:35px;stroke-width:1.2;color:#6494da}.steps h3{font-size:18px;font-weight:500;margin-bottom:24px}.steps p{font-size:13px;line-height:1.8;color:#78879f}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;border-radius:24px;padding:11px 27px;font-weight:500;border:1px solid var(--blue)}.primary-button:hover{background:#1149ac}.start-button{margin-top:52px;font-size:23px;border-radius:36px;padding:12px 88px}.faq-section{padding-top:85px;padding-bottom:85px}.faq-list{max-width:900px;margin:32px auto 0;background:#fff;border:1px solid #e7eef9;border-radius:12px;padding:10px 30px}.faq-list details{border-bottom:1px solid #e8eef7;padding:20px 0}.faq-list details:last-child{border-bottom:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{width:14px;height:14px;position:relative;flex-shrink:0}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;left:2px;top:6px;width:10px;height:1px;background:#6382b3}.faq-list summary>span:after{transform:rotate(90deg)}.faq-list details[open] summary>span:after{transform:none}.faq-list details p{font-size:12px;color:#8290a5;line-height:1.9;padding:14px 25px 0 0}.footer{background:#f7f7f7;padding:45px 0 23px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:35px}.footer-brand{display:block;width:180px}.footer-top>div>p{font-size:12px;color:#8799b3;margin-top:18px}.footer-links{display:flex;gap:100px}.footer-links>div{display:grid;gap:10px;align-content:start}.footer-links strong{font-size:14px;font-weight:500;margin-bottom:6px}.footer-links a,.footer-links button{padding:0;text-align:left;font-size:12px;color:#7b8ea9}.footer-links a:hover,.footer-links button:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #dfe7f4;padding-top:22px;font-size:11px;color:#92a3bb}.footer-bottom>span:last-child{float:right}.disclaimer{font-size:10px;color:#a2aec1;line-height:1.9;margin-top:17px}.service-rail{position:fixed;right:18px;top:58%;z-index:30;display:flex;flex-direction:column;align-items:center;width:48px;background:#fff;border-radius:25px;box-shadow:0 5px 20px #1d5ccc24;overflow:hidden;color:#1d5ccc}.service-rail button,.service-rail>a{width:100%;height:43px;display:grid;place-items:center;font-size:22px}.service-rail svg{width:21px;height:21px}.service-rail .rail-heading{height:65px;background:var(--blue);font-size:13px;line-height:1.5;color:#fff;padding-block:10px}.service-rail button:hover,.service-rail>a:hover{background:#e7f0ff}.service-rail .rail-heading:hover{background:#174fb5}.back-top{font-size:22px}.modal{border:1px solid #dde6f6;border-radius:15px;padding:35px;color:var(--ink);background:#fff;max-height:90vh;max-height:90dvh;overflow:auto;width:min(480px,calc(100% - 32px));box-shadow:0 35px 100px #102c5738}.modal::backdrop{background:#0d234565;backdrop-filter:blur(6px)}.modal h2{font-size:25px;font-weight:600}.section-kicker{color:var(--blue);font-size:10px;letter-spacing:2px;margin-bottom:15px}.modal-close{position:absolute;top:15px;right:15px;width:29px;height:29px;display:grid;place-items:center;background:#f0f5fc;color:#7a8da9;border-radius:50%}.modal-close svg{width:16px;height:16px}.modal-intro{color:#8897ab;font-size:12px;margin:12px 0 23px;line-height:1.8}#consult-form{display:grid;gap:14px}#consult-form>label{display:grid;gap:7px;font-size:12px}input,select,textarea{width:100%;border:1px solid #dce6f5;border-radius:6px;padding:10px 12px;background:#fafcff;color:#334665;font-size:12px}input::placeholder,textarea::placeholder{color:#a8b5c8}textarea{resize:vertical;min-height:80px}#consult-form .consent{display:flex;align-items:flex-start;gap:9px;color:#96a4b9;font-size:10px}.consent input{width:13px;height:13px;margin:3px 0;accent-color:var(--blue);flex-shrink:0}.full{width:100%}.consult-result{text-align:center}.success-mark{width:53px;height:53px;display:grid;place-items:center;background:#e2f0ff;color:var(--blue);border-radius:50%;margin:12px auto 18px}.consult-result h3{font-size:18px}.consult-result>p{font-size:12px;color:#8b9bb2;margin-top:10px}.consult-result pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:#f3f7ff;border:1px solid #e3ebf8;border-radius:7px;padding:18px;font:12px/1.9 var(--font);color:#637b9e;margin:22px 0}.text-button{padding:10px;font-size:12px;color:#8295b1}.dashboard-modal{width:min(790px,calc(100% - 32px));padding:38px}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-head h2{font-size:24px}.dashboard-head p{font-size:11px;color:#95a3b8;margin-top:10px}.dashboard-head .section-kicker{font-size:9px;margin-bottom:10px}.outline-button{border:1px solid #ccdaef;color:var(--blue);border-radius:6px;padding:9px 13px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.outline-button svg{width:16px;height:16px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0}.demo-stats>div{background:#f1f6ff;border:1px solid #e1eaf9;border-radius:8px;padding:17px}.demo-stats span{font-size:11px;color:#91a3bd;display:block}.demo-stats strong{font-size:25px;color:#3167b6;font-weight:600;display:block;margin-top:5px}.demo-stats small{font-size:11px;font-weight:400}.demo-stats>div:last-child strong{font-size:20px;line-height:40px}.demo-card-list{border:1px solid #e3ebf8;border-radius:10px;padding:0 18px}.demo-card-list article{display:flex;align-items:center;gap:17px;padding:18px 0}.demo-card-list article:not(:last-child){border-bottom:1px solid #e3ebf8}.mini-credit{position:relative;padding:9px 10px;width:75px;height:48px;border-radius:6px;font-weight:800;font-size:17px;font-style:italic;line-height:1}.mini-credit>small{position:absolute;bottom:7px;right:7px;font-size:7px;letter-spacing:1px;font-weight:400;font-style:normal}.mint-credit{background:linear-gradient(25deg,#d78af7,#4c8cfa);color:#fff}.green-credit{background:linear-gradient(25deg,#173455,#9b43b5);color:#fff}.cream-credit{background:linear-gradient(25deg,#80ceec,#4389ed);color:#fff}.demo-card-list h3{font-size:13px;font-weight:500}.demo-card-list p{font-size:10px;color:#99a8bf;margin-top:4px}.status-toggle{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--blue);margin-left:auto;padding:7px;border-radius:5px}.status-toggle>i{width:28px;height:16px;background:var(--blue);border-radius:12px;position:relative}.status-toggle>i:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:white;top:3px;right:3px}.status-toggle.paused{color:#a1aec3}.status-toggle.paused>i{background:#cbd5e5}.status-toggle.paused>i:after{transform:translateX(-12px)}.dashboard-tip{font-size:11px;color:#91a2ba;padding-top:17px}.legal-modal{width:min(560px,calc(100% - 32px))}.legal-modal h3{font-size:14px;margin:20px 0 7px;font-weight:500}.legal-modal p{font-size:12px;color:#7f90aa;line-height:2}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#eef5ff;color:#315e9d;border:1px solid #d0e0f7;padding:12px 22px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:200;font-size:12px;max-width:calc(100% - 36px);text-align:center;box-shadow:0 5px 25px #1d5ccc14}.toast.visible{opacity:1;transform:translate(-50%,0)}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1700px){.blue-ellipse{width:107vw;height:1540px;top:-730px}}
@media(max-width:1250px){.container{width:calc(100% - 100px)}.nav{gap:18px}.nav-wrap{gap:20px}.nav a{font-size:12px}.brand{width:130px}.language{display:none}.nav-actions{gap:9px}.hero h1{font-size:39px}.hero-art{left:410px;transform:scale(.9);transform-origin:top left;width:620px;right:auto;top:40px}.hero{height:555px}.hero-copy{padding-top:105px}.advantage-layout{grid-template-columns:2.7fr 1fr;gap:20px}.feature-panel{padding:26px}.feature-side{padding:26px 23px}.feature-item{gap:10px}.feature-item>svg{width:25px;height:25px}.feature-item h4{font-size:14px}.feature-item p{font-size:11px}.feature-panel h3{font-size:21px}.feature-side .feature-item{gap:10px}.feature-row{gap:13px}.service-rail{right:10px;width:40px}.service-rail .rail-heading{font-size:12px}.business-grid article{padding-inline:25px}.steps{gap:20px}.steps article{padding-left:23px;padding-right:18px}.steps article>svg{right:19px;width:30px;height:30px}.steps p{font-size:12px}.footer-links{gap:70px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.header{height:58px}.nav{gap:14px}.nav a{font-size:11px}.nav-wrap{gap:15px}.brand{width:115px}.login-button,.register-button{min-width:52px;padding:5px 12px;font-size:12px}.hero{height:500px}.hero-copy{padding-top:95px}.hero h1{font-size:33px}.hero-description{font-size:12px}.hero-register{width:315px;height:50px;margin-top:59px}.hero-register input{font-size:12px}.hero-register button{font-size:12px;min-width:90px}.hero-note{margin-top:65px;font-size:10px}.hero-art{left:340px;transform:scale(.76);top:32px}.advantages>h2{font-size:34px;margin-bottom:33px}.blue-ellipse{height:1300px;top:-565px}.advantage-layout{grid-template-columns:2.6fr 1fr;gap:18px}.advantage-left{gap:18px}.feature-panel{padding:23px 20px}.feature-panel h3{font-size:18px;margin-bottom:19px}.feature-item{gap:8px}.feature-item>svg{width:21px;height:21px}.feature-item h4{font-size:13px;margin-bottom:8px}.feature-item p{font-size:10px;white-space:normal}.feature-item p br{display:none}.feature-side{padding:23px 18px}.feature-side .feature-row{gap:25px}.feature-side .feature-item{gap:8px}.feature-note{font-size:10px}.scenario-section,.business-section{padding-top:75px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-size:30px}.scenario-grid{gap:18px}.scenario-card{padding-inline:12px}.scene-tag{font-size:9px}.scenario-card p{font-size:12px}.business-grid{gap:18px}.business-grid h3{font-size:16px}.business-grid p{font-size:12px}.business-grid article>div{font-size:10px}.business-grid article>div>span{margin-left:5px}.steps{gap:16px}.steps article{padding:80px 18px 25px}.steps article>svg{top:74px;right:14px;width:26px;height:26px}.steps h3{font-size:16px}.steps p{font-size:11px}.step-ribbon{width:122px;height:64px;font-size:20px}.step-ribbon b{font-size:37px}.service-rail{right:5px;width:33px}.service-rail button,.service-rail>a{height:36px}.service-rail svg{width:18px;height:18px}.service-rail .rail-heading{height:57px;font-size:10px}.footer-links{gap:50px}}
@media(max-width:760px){.header{height:62px}.brand{width:133px}.nav{display:none;position:absolute;left:0;right:0;top:62px;background:#1c56bd;padding:12px 22px;height:auto;box-shadow:0 10px 20px #123f9d25;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{height:auto;padding:13px;font-size:13px}.nav a.active:after{display:none}.nav-actions{margin-left:auto;gap:10px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:24px;height:30px;padding:2px}.menu-toggle>span{width:20px;height:1.5px;background:white;display:block}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.container{width:calc(100% - 44px)}.hero{height:450px}.hero h1{font-size:28px}.hero-description{font-size:11px}.hero-copy{padding-top:76px}.hero-register{width:275px;margin-top:48px}.hero-note{font-size:9px;margin-top:49px}.hero-art{left:285px;transform:scale(.59);top:35px}.blue-ellipse{height:1260px;top:-590px;width:1500px}.advantages>h2{font-size:30px;margin-bottom:25px}.advantage-layout{grid-template-columns:2.7fr 1fr;gap:14px}.advantage-left{gap:14px}.feature-panel{padding:19px 16px;border-radius:15px}.feature-panel h3{font-size:16px;margin-bottom:18px}.feature-item{gap:7px}.feature-item h4{font-size:12px}.feature-item p{font-size:9px;line-height:1.8}.feature-item>svg{width:18px;height:18px}.feature-row{gap:10px}.feature-side{padding:19px 14px}.feature-side .feature-row{gap:24px}.feature-side .feature-item{gap:7px}.feature-note{font-size:9px}.scenario-grid{gap:13px}.scenario-card h3{font-size:16px}.scenario-card p{font-size:11px}.scenario-symbol{width:53px;height:53px;border-radius:15px}.scene-tag{font-size:8px}.business-grid article{padding:43px 20px 20px}.business-grid p{font-size:11px;min-height:100px}.business-grid article>div{font-size:9px}.steps{gap:13px}.steps article{padding:75px 16px 23px}.steps article>svg{display:none}.steps h3{font-size:16px}.steps p{font-size:10px}.step-ribbon{width:108px;height:60px;font-size:18px}.step-ribbon b{font-size:32px}.footer-links{gap:35px}.footer-brand{width:150px}.service-rail{display:none}}
@media(max-width:560px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.hero{height:665px;display:flex;align-items:flex-start}.hero-art{left:50%;top:13px;transform:translateX(-50%) scale(.55);transform-origin:top center;width:620px;height:550px;right:auto}.hero-copy{padding-top:325px;width:100%}.hero h1{font-size:31px;line-height:1.45}.hero-description{font-size:13px;line-height:1.8;margin-top:13px}.hero-description br{display:none}.hero-register{width:100%;height:50px;margin-top:24px}.hero-register input{font-size:13px;padding-left:14px}.hero-register button{font-size:13px;min-width:100px}.hero-note{font-size:10px;margin-top:24px;line-height:1.7}.hero-note br{display:none}.blue-ellipse{width:1250px;height:1390px;top:-605px;border-radius:0 0 50% 50%}.advantages>h2{font-size:27px;text-align:left;margin-bottom:22px}.advantage-layout{grid-template-columns:1fr;gap:15px}.advantage-left{gap:15px}.feature-panel{border-radius:17px;padding:23px 26px;background:#ffffffed}.feature-panel h3{font-size:19px;margin-bottom:22px}.feature-row{grid-template-columns:1fr;gap:22px}.feature-item{gap:19px}.feature-item>svg{width:28px;height:28px;margin-top:2px}.feature-item h4{font-size:15px;margin-bottom:7px}.feature-item p{font-size:12px;line-height:1.8}.feature-item p br{display:block}.feature-side .feature-row{gap:22px}.feature-side .feature-item{gap:19px}.feature-note{text-align:left;font-size:9px;margin-top:18px;line-height:1.8}.opening{padding-bottom:0}.scenario-section,.business-section{padding-top:54px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-size:26px;text-align:left}.section-description{font-size:12px;text-align:left;margin-top:10px;line-height:1.8}.scenario-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.scenario-card{padding:24px 13px 17px;border-radius:12px}.scenario-card h3{font-size:17px}.scenario-card p{font-size:12px}.scenario-symbol{width:57px;height:57px;margin-bottom:16px}.scene-tag{font-size:9px;padding-top:14px;margin-top:18px;white-space:nowrap}.business-grid{grid-template-columns:1fr;gap:40px;margin-top:45px}.business-grid article{padding:42px 25px 24px}.business-grid h3{font-size:17px}.business-grid p{font-size:12px;min-height:unset}.business-grid article>div{font-size:11px;margin-top:15px}.business-grid article>div>span{margin-left:12px}.section-footnote{font-size:9px;text-align:left;line-height:1.8;margin-top:20px}.start-section{padding-top:50px}.steps{grid-template-columns:1fr;gap:15px;margin-top:25px}.steps article{padding:24px;border-radius:11px;overflow:hidden}.step-ribbon{top:0;left:auto;right:0;transform:none;width:100px;height:38px;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);border-radius:0;font-size:17px;padding:0 0 0 8px;gap:8px}.step-ribbon b{font-size:24px}.steps article>svg{display:block;right:24px;top:60px;width:31px;height:31px}.steps h3{font-size:17px;margin-bottom:10px}.steps p{font-size:12px}.start-button{font-size:17px;width:100%;margin-top:25px;padding:10px}.start-section>.section-footnote{text-align:left}.faq-section{padding-top:49px;padding-bottom:45px}.faq-list{padding:5px 20px;margin-top:22px}.faq-list summary{font-size:12px;line-height:1.8}.faq-list details p{font-size:11px;padding-right:0}.footer{padding-top:30px}.footer-top{display:block;padding-bottom:25px}.footer-brand{width:155px}.footer-top>div>p{font-size:11px;margin-top:12px}.footer-links{justify-content:space-between;gap:20px;margin-top:30px}.footer-links strong{font-size:12px}.footer-links a,.footer-links button{font-size:11px}.footer-bottom{font-size:9px}.footer-bottom>span:last-child{float:none;display:block;margin-top:8px}.disclaimer{font-size:9px}.modal{padding:30px 24px}.modal h2{font-size:23px}.dashboard-modal{padding:30px 20px}.dashboard-head{display:block}.dashboard-head h2{font-size:22px}.dashboard-head .outline-button{margin-top:15px}.demo-stats{gap:8px;margin-block:20px}.demo-stats>div{padding:12px 10px}.demo-stats span{font-size:9px}.demo-stats strong{font-size:22px}.demo-stats>div:last-child strong{font-size:14px;line-height:35px}.demo-card-list{padding:0 12px}.demo-card-list article{gap:10px}.demo-card-list .mini-credit{width:54px;height:38px;font-size:14px;padding:7px;flex-shrink:0}.mini-credit>small{font-size:5px}.demo-card-list h3{font-size:11px}.demo-card-list p{font-size:8px}.status-toggle{font-size:9px;padding:3px;gap:7px}.dashboard-tip{font-size:9px}.nav-actions{gap:8px}.login-button,.register-button{padding:5px 12px;min-width:48px;font-size:11px}}
@media(max-width:360px){.brand{width:116px}.nav-actions{gap:7px}.login-button,.register-button{min-width:42px;padding:5px 9px}.hero h1{font-size:27px}.hero-art{transform:translateX(-50%) scale(.5)}.hero-copy{padding-top:300px}.hero{height:640px}.scene-tag{font-size:8px}.feature-panel{padding-inline:22px}}
/* Detail refinement: reference layout, consistent type and optical alignment. */
:root{--ink:#24314c;--muted:#738199;--bg:#fff;--font:'Microsoft YaHei','PingFang SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body{letter-spacing:.1px}button,a,input,select,textarea{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}h1,h2,h3,h4{text-wrap:balance}.header{height:72px;background:#1d5cccf5;backdrop-filter:blur(20px);box-shadow:0 1px 0 #ffffff12}.header.scrolled{box-shadow:0 5px 24px #143e8b24}.nav-wrap{gap:32px}.brand{width:163px;padding:0;background:transparent;border-radius:0}.brand img{width:100%;height:auto}.nav{gap:25px}.nav a{font-size:13px;font-weight:400}.nav a.active:after{height:2px;bottom:15px;border-radius:3px;left:8px;right:8px}.nav-actions{gap:12px}.login-button,.register-button{min-height:34px;min-width:68px}.register-button{box-shadow:0 4px 14px #00dce51c}.hero{height:548px}.hero-copy{padding-top:83px}.hero-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.4px;color:#bad7ff;margin-bottom:19px}.hero-eyebrow i{width:5px;height:5px;background:#38eeea;border-radius:50%;box-shadow:0 0 0 4px #00e6e810}.hero h1{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:46px;font-weight:700;line-height:1.19;letter-spacing:-1.5px}.hero-title-cn{display:block;font-size:43px;line-height:1.35;font-weight:600;letter-spacing:1px;margin-top:9px}.hero-description{font-size:14px;line-height:1.9;color:#d9e8ff;margin-top:21px}.hero-register{width:368px;height:54px;margin-top:31px;border:1px solid #ffffffa6;box-shadow:0 8px 20px #103e9e14;padding:5px}.hero-register:focus-within{box-shadow:0 0 0 4px #66e8ff30,0 10px 24px #103e9e24}.hero-register input{font-size:13px;padding-left:17px}.hero-register button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:119px;font-size:13px;padding:9px 15px;background:#1f304e}.hero-register button svg{width:15px;height:15px}.hero-register button:hover{background:#12223e}.hero-assurances{display:flex;gap:24px;margin-top:20px;font-size:11px;color:#c6ddff}.hero-assurances>span{display:flex;align-items:center;gap:6px;padding:3px 0}.hero-assurances svg{width:14px;height:14px;color:#71e7ef}.hero-note{font-size:10px;line-height:1.8;color:#aac6ef;margin-top:28px;max-width:375px}.blue-ellipse{background:radial-gradient(ellipse at 67% 47%,#2168db 0,#1d5ccc 42%,#1a57c3 100%);top:-660px;height:1425px;width:max(1820px,112vw)}.hero-art{left:502px;top:22px;right:auto;width:650px;height:510px;perspective:1200px}.blue-sphere{left:-62px;top:224px;width:585px;height:585px;background:radial-gradient(circle at 72% 13%,#2d78ed30,#154eae1c 65%);box-shadow:inset 4px 6px 45px #164eab1a}.aqua-ribbon{width:540px;height:240px;top:114px;left:30px;transform:rotate(-27deg);background:linear-gradient(135deg,#00d3e6,#1de8f1 40%,#00bfdf 72%,#00a5d7);box-shadow:inset 0 12px 28px #8efaff48,inset -15px -12px 25px #008dbf47,0 14px 35px #0645a71a}.aqua-ribbon:after{background:linear-gradient(25deg,#1e5fce,#2067d6);bottom:-29px;left:-70px}.bank-card{width:374px;height:234px;padding:24px;border-radius:20px;border:1px solid #ffffff3a;box-shadow:0 22px 38px #0d378e38,inset 0 1px 0 #ffffff38;backface-visibility:hidden}.bank-card:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff16,transparent 35%,#ffffff09 70%,transparent);z-index:0}.card-front{left:57px;top:43px;transform:rotate(-3deg);background:radial-gradient(ellipse at 98% 0,#47d8ff 0,transparent 49%),radial-gradient(ellipse at 6% 100%,#ef8bcf 0,transparent 53%),linear-gradient(155deg,#7168f5 5%,#4b82fa 32%,#9755ed 67%,#dd51cf);box-shadow:0 26px 45px #092e883d,inset 0 1px 0 #ffffff45;z-index:3}.card-front:after{width:450px;height:220px;top:-130px;left:-60px;filter:none;background:linear-gradient(90deg,#ffffff0d,#ffffff12);border-bottom:1px solid #ffffff14;transform:rotate(-24deg)}.card-back{left:191px;top:202px;transform:rotate(6deg);background:radial-gradient(ellipse at 100% 0,#b932cd 0,transparent 58%),linear-gradient(155deg,#12446d,#131c44 50%,#2a164f)}.card-top{position:relative;z-index:2}.card-top{padding-top:8px}.card-top img{width:134px;height:auto;opacity:.97}.card-top>span{font-size:8px;letter-spacing:2px;color:#e2f2ff}.card-chip{top:91px;left:25px;right:auto;width:36px;height:29px;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 11px,#a7c0c89e 11px 12px),repeating-linear-gradient(0deg,#e0eaf1 0 9px,#a7c0c8 9px 10px);border:1px solid #dae8ec;box-shadow:inset 0 0 7px #ffffff60}.contactless{position:absolute;left:74px;top:92px;width:23px;height:26px;stroke:#ebeeff;stroke-width:1.3;opacity:.75}.card-account{margin-top:97px;font-size:7px;letter-spacing:1.1px;color:#e8deff;opacity:.85;line-height:1.2}.card-number{font-family:Arial,sans-serif;font-size:21px;letter-spacing:1px;font-weight:400;line-height:1.8;margin-top:3px}.card-bottom{margin-top:11px;align-items:center}.card-bottom>span:first-child{font-size:7px;font-style:normal;letter-spacing:1px;color:#eee8ff}.card-bottom small{display:block;font-size:6px;letter-spacing:.6px;margin:4px 0 0;color:#e6dff6}.card-monogram{font-family:Arial,sans-serif;font-style:italic;font-size:25px!important;font-weight:800;letter-spacing:-4px!important;opacity:.9;padding-right:3px}.card-demo-label{font-size:5px;left:24px;bottom:7px;letter-spacing:1px;opacity:.4}.card-back .card-account{margin-top:97px}.card-back .card-chip{background-color:#dbd8eb}.security-tile{top:318px;left:-4px;width:86px;height:86px;border-radius:22px;transform:rotate(-8deg);background:linear-gradient(135deg,#d2ffd9,#8ce9d2 65%,#83dcf5);box-shadow:0 17px 30px #0639912e,inset 0 1px 1px #ffffffd9,inset 0 -2px 3px #5dc5b761}.security-tile svg{width:44px;height:44px;stroke-width:1.4;z-index:1}.security-ring{position:absolute;width:59px;height:59px;border-radius:50%;border:1px solid #f2fff26b;background:#b6f4d92b}.art-orbit{position:absolute;width:480px;height:375px;border:1px solid #a9e5ff1a;left:50px;top:20px;border-radius:50%;z-index:-1;transform:rotate(-22deg)}.orbit-b{width:585px;height:470px;left:-20px;top:7px;transform:rotate(18deg);border-color:#a9e5ff0c}.art-caption{position:absolute;bottom:24px;left:145px;display:flex;align-items:center;gap:9px;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2px;color:#94c2fb}.art-caption>span{width:24px;height:1px;background:#94c2fb66}.advantages>h2{font-size:36px;font-weight:600;letter-spacing:1px;margin-bottom:33px}.advantage-layout{grid-template-columns:minmax(0,856px) minmax(0,320px);gap:24px}.advantage-left{gap:22px}.feature-panel{border-radius:17px;background:#fcfcfc;border:1px solid #e7ece9;box-shadow:0 12px 30px -20px #174c3926;padding:28px 33px 30px;transition:box-shadow .25s,transform .25s}.feature-panel:hover{box-shadow:0 18px 38px -22px #1d5ccc55;transform:translateY(-2px)}.feature-panel h3{font-size:20px;line-height:1.5;font-weight:600;margin-bottom:24px;letter-spacing:.1px}.feature-row{gap:20px}.feature-item{gap:13px;min-width:0}.feature-item>svg{width:27px;height:27px;stroke-width:1.35;color:#6b809e;margin-top:1px}.feature-item h4{font-size:15px;color:#34445f;margin-bottom:9px;white-space:normal;line-height:1.5}.feature-item p{font-size:12px;line-height:1.85;color:#7b8aa1;white-space:normal;overflow-wrap:break-word}.feature-item p br{display:none}.feature-side{padding:28px 29px}.feature-side .feature-row{gap:26px}.feature-side .feature-item{gap:13px}.feature-note{font-size:10px;line-height:1.9;color:#9caac0;margin-top:20px}.scenario-section,.business-section{padding-top:82px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-size:32px;font-weight:600;letter-spacing:.5px}.section-description{font-size:13px;line-height:1.9;color:#8a98ad;margin-top:13px}.scenario-grid{gap:22px;margin-top:35px}.scenario-card{text-align:left;position:relative;padding:30px 27px 23px;border-radius:14px;box-shadow:0 4px 20px #154c9e03;border-color:#e5edf9;overflow:hidden}.scenario-card:after{content:'↗';position:absolute;top:31px;right:24px;color:#a0b4d1;font-size:21px;transition:transform .2s,color .2s}.scenario-card:hover:after{color:var(--blue);transform:translate(2px,-2px)}.scenario-symbol{margin:0 0 23px;width:57px;height:57px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffd9;background:linear-gradient(140deg,#eef6ff,#dceaff)}.scenario-symbol svg{width:28px;height:28px;stroke-width:1.4}.scenario-card:nth-child(2) .scenario-symbol{background:linear-gradient(140deg,#e9fbf5,#d9f2ed);color:#259789}.scenario-card:nth-child(3) .scenario-symbol{background:linear-gradient(140deg,#f1eeff,#e6e0fc);color:#8671c5}.scenario-card:nth-child(4) .scenario-symbol{background:linear-gradient(140deg,#eef5ff,#dce9fa);color:#5c89c3}.scenario-card h3{font-size:18px;font-weight:500;margin-bottom:12px}.scenario-card p{font-size:12px;line-height:1.9}.scene-tag{font-size:10px;margin-top:23px;padding-top:15px}.business-grid{gap:23px}.business-grid article{border-radius:13px;padding:46px 29px 27px;box-shadow:0 5px 24px #1d5ccc04}.business-grid h3{font-size:18px}.business-grid p{line-height:1.95;font-size:13px;min-height:79px}.business-avatar{width:54px;height:54px;left:27px}.business-grid article>div{font-size:11px;color:#618bc8}.section-footnote{font-size:10px;line-height:1.9;color:#9eacc1}.start-section{padding-top:78px}.steps{gap:24px;margin-top:68px}.steps article{padding:85px 27px 28px;border:1px solid #e5edf9;box-shadow:0 5px 25px #1d5ccc03}.step-ribbon{filter:drop-shadow(0 6px 8px #1d5ccc12);background:linear-gradient(145deg,#67a6ff,#2a6ed8 70%,#1d5ccc)}.steps article>svg{top:83px;right:25px;width:31px;height:31px}.steps h3{font-size:17px;margin-bottom:21px}.steps p{font-size:12px;line-height:1.95}.start-button{font-size:18px;padding:13px 75px;margin-top:39px;box-shadow:0 7px 20px #1d5ccc20}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1d5ccc30}.faq-section{padding-top:76px;padding-bottom:78px}.faq-list{max-width:960px;padding:7px 32px;border-color:#e5edf9;box-shadow:0 5px 25px #1d5ccc03}.faq-list details{padding:23px 0}.faq-list summary{font-weight:500;color:#40516d;font-size:14px}.faq-list details[open] summary{color:var(--blue)}.faq-list details p{font-size:12px;line-height:2;color:#8291a8;padding-top:14px;max-width:830px}.footer{background:#edf3fc;padding-top:43px}.footer-links{gap:85px}.footer-brand{width:173px}.footer-links strong{font-size:13px;font-weight:600}.footer-links a,.footer-links button{font-size:12px}.footer-bottom{display:flex;align-items:center;gap:4px;font-size:10px}.footer-bottom>span:last-child{margin-left:auto;float:none}.service-rail{width:46px;right:16px;top:50%;transform:translateY(-18%);border-radius:24px;box-shadow:0 6px 24px #1d5ccc1a;border:1px solid #e4edfa}.service-rail button,.service-rail>a{height:44px;position:relative}.service-rail button:not(.rail-heading):before,.service-rail>a:before{content:attr(aria-label);position:absolute;right:57px;white-space:nowrap;font-size:11px;color:#4d6890;background:#fff;border:1px solid #e3ebf7;border-radius:6px;padding:7px 11px;box-shadow:0 4px 14px #1d5ccc14;opacity:0;pointer-events:none;transform:translateX(4px);transition:.2s}.service-rail{overflow:visible}.service-rail .rail-heading{border-radius:24px 24px 0 0;height:62px;font-size:12px;background:linear-gradient(180deg,#2d75e4,#1d5ccc)}.service-rail button:last-child{border-radius:0 0 24px 24px}.service-rail button:hover:before,.service-rail>a:hover:before{opacity:1;transform:none}.service-rail svg{width:19px;height:19px}.service-rail .back-top:not(.visible){visibility:hidden;height:0}.modal{border:1px solid #e1e9f6;box-shadow:0 25px 100px #102c5738}.modal-close:hover{background:#e2edff;color:#2057a9}.modal-intro{line-height:1.95}.primary-button:hover{box-shadow:0 5px 16px #1d5ccc25}.outline-button:hover{background:#edf4ff}.status-toggle:hover{background:#f0f6ff}.toast{z-index:250}
@media(min-width:1700px){.blue-ellipse{width:112vw;height:1540px;top:-775px}}
@media(max-width:1250px) and (min-width:1001px){.nav-wrap{gap:21px}.brand{width:145px}.nav{gap:20px}.nav a{font-size:12px}.hero-art{left:425px;top:25px;transform:scale(.89);transform-origin:top left}.hero h1{font-size:43px}.hero-title-cn{font-size:39px}.hero-description{font-size:13px}.hero-copy{padding-top:84px}.hero-register{width:345px}.feature-panel{padding:25px 24px}.feature-side{padding:25px 23px}.feature-item{gap:10px}.feature-item>svg{width:24px;height:24px}.feature-panel h3{font-size:19px}.feature-item h4{font-size:14px}.feature-item p{font-size:11px}.feature-row{gap:15px}.feature-side .feature-item{gap:10px}.scenario-card{padding:27px 23px 22px}.business-grid p{min-height:100px}.steps{gap:20px}.steps article{padding-inline:23px}.steps article>svg{width:28px;right:21px}.footer-links{gap:65px}}
@media(max-width:1000px) and (min-width:761px){.header{height:64px}.brand{width:130px}.nav-wrap{gap:17px}.nav{gap:14px}.nav a{font-size:11px}.nav-actions{gap:9px}.login-button,.register-button{min-width:53px;min-height:31px;padding-inline:11px}.hero{height:492px}.hero-copy{padding-top:73px}.hero-eyebrow{font-size:8px;margin-bottom:16px}.hero h1{font-size:36px}.hero-title-cn{font-size:33px;margin-top:7px}.hero-description{font-size:12px;margin-top:18px}.hero-register{width:306px;height:50px;margin-top:27px}.hero-register button{min-width:102px;font-size:12px;padding-inline:12px}.hero-register input{font-size:11px;padding-left:12px}.hero-assurances{font-size:10px;gap:20px;margin-top:17px}.hero-note{font-size:9px;margin-top:24px;max-width:300px}.hero-art{left:327px;top:31px;transform:scale(.74);transform-origin:top left}.blue-ellipse{height:1320px;top:-620px}.advantages>h2{font-size:31px;margin-bottom:29px}.advantage-layout{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:18px}.advantage-left{gap:18px}.feature-panel{padding:23px 20px}.feature-panel h3{font-size:17px;margin-bottom:20px}.feature-row{gap:12px}.feature-item{gap:9px}.feature-item>svg{width:21px;height:21px}.feature-item h4{font-size:13px;margin-bottom:8px}.feature-item p{font-size:11px;line-height:1.8}.feature-side{padding:23px 18px}.feature-side .feature-item{gap:9px}.feature-side .feature-row{gap:27px}.feature-note{font-size:9px}.scenario-section,.business-section{padding-top:65px}.scenario-grid{gap:16px}.scenario-card{padding:24px 19px 20px}.scenario-card:after{right:17px;top:26px;font-size:18px}.scenario-card h3{font-size:17px}.scenario-card p{font-size:11px}.scenario-symbol{width:48px;height:48px;border-radius:13px}.scene-tag{font-size:9px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-size:28px}.business-grid article{padding-inline:22px}.business-grid h3{font-size:16px}.business-grid p{font-size:12px;min-height:120px}.steps{gap:16px}.steps article{padding:76px 19px 24px}.steps article>svg{top:74px;right:15px;width:25px;height:25px}.steps h3{font-size:16px}.steps p{font-size:11px}.service-rail{right:6px;width:33px}.service-rail button,.service-rail>a{height:37px}.service-rail .rail-heading{height:55px;font-size:10px}.service-rail svg{width:17px;height:17px}}
@media(max-width:760px) and (min-width:561px){.hero{height:475px}.hero-copy{padding-top:65px}.hero-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:15px}.hero h1{font-size:33px}.hero-title-cn{font-size:29px}.hero-description{font-size:11px;margin-top:17px}.hero-register{width:275px;height:48px;margin-top:25px}.hero-register input{font-size:11px;padding-left:11px}.hero-register button{min-width:98px;font-size:11px;gap:6px;padding-inline:12px}.hero-assurances{font-size:9px;gap:18px;margin-top:18px}.hero-note{font-size:8px;max-width:260px;margin-top:24px}.hero-art{left:280px;top:51px;transform:scale(.57);transform-origin:top left}.blue-ellipse{height:1300px;top:-605px;width:1500px}.advantages>h2{font-size:29px}.advantage-layout{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:15px}.feature-panel{padding:21px 17px}.feature-panel h3{font-size:16px}.feature-row{gap:12px}.feature-item{display:block}.feature-item>svg{width:23px;height:23px;margin-bottom:9px}.feature-item h4{font-size:12px}.feature-item p{font-size:10px}.feature-side .feature-row{gap:19px}.feature-side .feature-item{display:flex;gap:9px}.feature-side .feature-item>svg{width:19px;height:19px}.scenario-grid{gap:13px}.scenario-card{padding:23px 17px 18px}.scenario-card:after{right:14px;font-size:17px}.scenario-symbol{width:44px;height:44px;border-radius:12px}.scenario-symbol svg{width:25px;height:25px}.scenario-card h3{font-size:16px}.scenario-card p{font-size:11px}.scene-tag{font-size:8px}.business-grid article{padding-inline:18px}.business-grid h3{font-size:15px}.business-grid p{font-size:11px;min-height:125px}.business-grid article>div{font-size:9px}.business-grid article>div>span{margin-left:5px}.steps{gap:13px}.steps article{padding:73px 15px 22px}.steps h3{font-size:15px}.steps p{font-size:10px}.steps article>svg{display:none}}
@media(max-width:760px){.header{height:64px}.brand{width:145px}.nav{top:64px;background:#fff;box-shadow:0 10px 20px #164c3218}.nav a{font-size:13px;color:#587066}.nav a:hover{background:#f1faf4;color:#078653}.nav a.active:after{display:none}.nav-actions{gap:10px}.login-button,.register-button{min-width:54px;min-height:32px;font-size:12px}.nav-wrap{gap:15px}.service-rail{display:none}.footer-links{gap:35px}}
@media(max-width:560px){.hero{height:695px}.hero-art{left:50%;top:19px;transform:translateX(-50%) scale(.56);transform-origin:top center;width:650px;height:510px;right:auto}.hero-copy{padding-top:324px}.hero-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px}.hero h1{font-size:36px;line-height:1.15;letter-spacing:-1px}.hero-title-cn{font-size:31px;margin-top:8px;line-height:1.4;letter-spacing:.5px}.hero-description{font-size:12px;line-height:1.9;margin-top:16px;max-width:350px}.hero-description br{display:none}.hero-register{height:51px;width:100%;margin-top:22px}.hero-register input{font-size:12px;padding-left:14px}.hero-register button{min-width:112px;font-size:12px;gap:7px}.hero-assurances{font-size:10px;gap:23px;margin-top:17px}.hero-assurances svg{width:13px;height:13px}.hero-note{font-size:8px;line-height:1.8;margin-top:20px;max-width:100%}.art-caption{bottom:8px;left:113px;font-size:7px}.blue-ellipse{width:1250px;height:1460px;top:-640px}.advantages>h2{font-size:26px;letter-spacing:.5px;margin-bottom:23px}.feature-panel{padding:24px 25px;border-radius:15px}.feature-panel h3{font-size:18px;margin-bottom:22px}.feature-row{gap:23px}.feature-item{display:flex;gap:17px}.feature-item>svg{width:27px;height:27px;margin-top:1px;margin-bottom:0}.feature-item h4{font-size:14px;margin-bottom:6px}.feature-item p{font-size:12px;line-height:1.85}.feature-item p br{display:block}.feature-side .feature-row{gap:23px}.feature-side .feature-item{gap:17px}.feature-note{font-size:8px;line-height:1.9}.scenario-section,.business-section{padding-top:50px}.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-size:24px;letter-spacing:0}.section-description{font-size:11px;margin-top:11px}.scenario-grid{gap:13px;margin-top:24px}.scenario-card{padding:24px 19px 19px;border-radius:12px}.scenario-card:after{top:24px;right:15px;font-size:19px}.scenario-symbol{width:46px;height:46px;border-radius:13px;margin-bottom:21px}.scenario-symbol svg{width:25px;height:25px}.scenario-card h3{font-size:16px;margin-bottom:10px}.scenario-card p{font-size:11px;line-height:1.9}.scene-tag{font-size:8px;padding-top:14px;margin-top:20px;white-space:normal;line-height:1.8}.business-grid{gap:38px;margin-top:42px}.business-grid article{padding:43px 24px 24px;border-radius:12px}.business-grid h3{font-size:16px}.business-grid p{font-size:12px;min-height:unset}.business-grid article>div{font-size:10px}.section-footnote{font-size:9px;line-height:1.9}.start-section{padding-top:48px}.steps{gap:15px;margin-top:25px}.steps article{padding:25px;border-radius:11px}.steps article>svg{display:block;right:23px;top:59px;width:29px;height:29px}.step-ribbon{width:100px;height:38px;font-size:17px}.step-ribbon b{font-size:24px}.steps h3{font-size:16px;margin-bottom:11px}.steps p{font-size:12px;line-height:1.85}.start-button{font-size:15px;margin-top:25px;padding:12px;width:100%}.faq-section{padding-top:47px;padding-bottom:47px}.faq-list{padding:4px 21px;margin-top:23px;border-radius:11px}.faq-list details{padding:20px 0}.faq-list summary{font-size:12px;line-height:1.9}.faq-list details p{font-size:11px;line-height:1.95;padding-top:12px}.footer{padding-top:32px}.footer-links{gap:20px}.footer-brand{width:158px}.footer-links strong{font-size:12px}.footer-links a,.footer-links button{font-size:11px}.footer-bottom{display:block;font-size:9px}.footer-bottom>span:last-child{display:block;margin-top:9px}.disclaimer{font-size:9px}.modal{border-radius:14px}.dashboard-head h2{font-size:21px}}
@media(max-width:360px){.brand{width:125px}.nav-wrap{gap:8px}.nav-actions{gap:7px}.login-button,.register-button{min-width:45px;padding-inline:9px;font-size:11px}.hero-art{transform:translateX(-50%) scale(.49);top:17px}.hero-copy{padding-top:285px}.hero{height:675px}.hero h1{font-size:33px}.hero-title-cn{font-size:28px}.hero-register input{font-size:11px;padding-left:11px}.hero-register button{min-width:103px;font-size:11px}.hero-assurances{gap:19px;font-size:9px}.advantages>h2{font-size:24px}.feature-panel{padding-inline:22px}.scenario-card{padding-inline:15px}.scenario-card:after{right:12px}.scene-tag{font-size:8px}}
.card-account,.card-back .card-account{margin-top:88px}.card-bottom{margin-top:8px}.card-bottom small{font-size:6px;margin-top:4px}.card-monogram{font-size:22px!important;line-height:1!important}.card-demo-label{bottom:5px;font-size:4px;letter-spacing:.7px}
@media(max-width:560px){.advantage-layout{grid-template-columns:minmax(0,1fr);gap:15px}.feature-row{grid-template-columns:minmax(0,1fr)}.feature-item p br{display:block}.feature-side .feature-row{gap:23px}.hero{height:679px}.hero-art{top:12px;transform:translateX(-50%) scale(.54)}.hero-copy{padding-top:310px}.hero-note{margin-top:20px}.hero-title-cn{font-size:30px}.hero h1{font-size:35px}.advantages>h2{margin-bottom:23px}}
@media(max-width:360px){.hero-art{transform:translateX(-50%) scale(.47)}.hero-copy{padding-top:278px}.hero{height:655px}.hero h1{font-size:32px}.hero-title-cn{font-size:28px}}.advantages{padding-top:44px}@media(max-width:560px){.advantages{padding-top:32px}}
/* Manba Card brand palette: keep the reference layout, use the brand green system. */
:root{--blue:#078653;--aqua:#a9f3bd;--ink:#17382b;--muted:#718679;--bg:#fff;--line:#deeee2}
.header{background:#fff;color:#17382b;box-shadow:0 4px 18px #164c3214}.header.scrolled{box-shadow:0 5px 24px #164c3220}.brand{background:transparent}.nav a{color:#587066}.nav a:hover,.nav a.active{color:#078653}.nav a.active:after{background:#078653}.language{color:#587066}.login-button{color:#078653;border-color:#a9d9bb}.register-button{color:#fff;background:#078653;border-color:#078653;box-shadow:0 4px 14px #0a72452b}.register-button:hover{background:#056c43}.menu-toggle>span{background:#078653}.blue-ellipse{background:radial-gradient(ellipse at 67% 47%,#0a9a62 0,#078653 42%,#066b45 100%)}.blue-sphere{background:radial-gradient(circle at 31% 22%,#9bffd45a 0,#35c8873d 17%,#10875c45 48%,#034f353c 77%,#023b2d5c 100%);box-shadow:inset 20px 14px 32px #d7ffe22a,inset -30px -22px 52px #003a2b70,0 22px 38px #034f3526;overflow:hidden;transform:translateZ(0)}.blue-sphere:before{content:'';position:absolute;inset:21px;border:1px solid #b4ffe545;border-radius:48% 52% 49% 51%;transform:rotate(-18deg);opacity:.65}.blue-sphere:after{content:'';position:absolute;inset:-2px;background:radial-gradient(ellipse at 27% 20%,#ffffff30 0,transparent 13%),linear-gradient(112deg,transparent 23%,#b5ffe91f 24%,transparent 26%,transparent 58%,#b5ffe91a 59%,transparent 62%);mix-blend-mode:screen}.globe-lat,.globe-long{position:absolute;display:block;border:1px solid #b5ffe83b;border-radius:50%;pointer-events:none}.globe-lat{width:92%;height:29%;left:4%;top:35%;transform:rotate(-7deg)}.lat-b{height:58%;top:21%;opacity:.62}.globe-long{width:30%;height:94%;left:35%;top:3%;transform:rotate(-14deg)}.long-b{width:66%;left:17%;transform:rotate(-14deg);opacity:.56}.globe-shine{position:absolute;width:170px;height:170px;top:8px;left:55px;border-radius:50%;background:radial-gradient(circle at 68% 68%,#c7ffe738,transparent 65%);filter:blur(5px);display:block}.orbit-node{position:absolute;display:block;width:8px;height:8px;background:#aaffcf;border-radius:50%;box-shadow:0 0 0 5px #aaffcf1c,0 0 18px #aaffcf;z-index:1}.orbit-node-a{left:41px;top:71px}.orbit-node-b{right:65px;bottom:93px;width:6px;height:6px;background:#e0ffe9}.aqua-ribbon{background:linear-gradient(135deg,#46ef9d,#7af5a8 40%,#0bc884 72%,#00a56e);box-shadow:inset 0 12px 28px #b5ffd248,inset -15px -12px 25px #00875c47,0 14px 35px #034f351a}.aqua-ribbon:after{background:linear-gradient(25deg,#078653,#07935a)}.art-orbit{border-color:#c1ffdb1f}.orbit-b{border-color:#c1ffdb12}.security-tile{box-shadow:0 17px 30px #034f352e}.hero-eyebrow i{background:#a9f3bd;box-shadow:0 0 0 4px #a9f3bd20}.hero-assurances{color:#d1f4dc}.hero-assurances svg{color:#a9f3bd}.hero-register:focus-within{box-shadow:0 0 0 4px #a9f3bd30,0 10px 24px #034f3524}.hero-register button:hover{background:#0e4934}.card-front{background:radial-gradient(ellipse at 98% 0,#72f0bc 0,transparent 49%),radial-gradient(ellipse at 6% 100%,#9ce673 0,transparent 53%),linear-gradient(155deg,#168b62 5%,#11b879 32%,#0c9c6a 67%,#087451)}.card-back{background:radial-gradient(ellipse at 100% 0,#39bd7c 0,transparent 58%),linear-gradient(155deg,#0a4f3b,#123e32 50%,#086d4c)}.feature-panel{box-shadow:0 12px 30px -20px #07865340}.feature-panel:hover{box-shadow:0 18px 38px -22px #07865355}.scenario-card:hover:after{color:#078653}.scenario-card:nth-child(2) .scenario-symbol{background:linear-gradient(140deg,#e9fff0,#d9f5e5);color:#16855b}.scenario-card:nth-child(3) .scenario-symbol{background:linear-gradient(140deg,#edfff4,#dbf5e6);color:#258d64}.scenario-card:nth-child(4) .scenario-symbol{background:linear-gradient(140deg,#effff4,#d9f2e3);color:#368b61}.business-grid article>div{color:#16855b}.start-button{box-shadow:0 7px 20px #07865320}.start-button:hover{box-shadow:0 10px 25px #07865330}.footer{background:#f7f7f7}.modal::backdrop{background:#063b2865}.outline-button{color:#078653}.outline-button:hover{background:#edf9f0}.status-toggle{color:#078653}.status-toggle>i{background:#078653}.status-toggle:hover{background:#eef9f1}.toast{background:#eefaf1;color:#26734d;border-color:#ccebd6}
@media(min-width:1700px){.blue-ellipse{background:radial-gradient(ellipse at 67% 47%,#0a9a62 0,#078653 42%,#066b45 100%)}}
.feature-panel h3:after{content:'';display:block;width:24px;height:2px;margin-top:10px;border-radius:3px;background:#71d99b}.feature-panel h3{margin-bottom:27px}.feature-item h4{letter-spacing:.1px}.scenario-card,.business-grid article,.steps article{transition:transform .25s,box-shadow .25s,border-color .25s}.scenario-card:hover,.business-grid article:hover,.steps article:hover{border-color:#b8e6c8;box-shadow:0 14px 30px #07865312}.card-front:hover{transform:translateY(-4px) rotate(-3deg)}.card-front .card-top,.card-back .card-top{transform:translateY(1px)}.card-front .card-bottom,.card-back .card-bottom{position:relative;z-index:2}.card-front{box-shadow:0 28px 48px #034f3536,inset 0 1px 0 #ffffff45}.card-back{box-shadow:0 22px 40px #023b2d40,inset 0 1px 0 #ffffff35}
@media(max-width:560px){.card-top{padding-top:7px}.card-chip{top:90px}.contactless{top:91px}.card-account,.card-back .card-account{margin-top:96px}.card-number{font-size:20px}.feature-panel h3{margin-bottom:25px}}
/* Move the entire hero composition down together, without changing its internal alignment. */
.hero{margin-top:36px}.blue-ellipse{translate:0 36px}.opening{background:linear-gradient(#078653 0 38px,transparent 38px)}
@media(max-width:1000px){.hero{margin-top:30px}.blue-ellipse{translate:0 30px}}
@media(max-width:560px){.hero{margin-top:22px}.blue-ellipse{translate:0 22px}}
/* Globe-2 by inky2010, Openclipart 80947, Public Domain. Recoloured for Manba. */
.blue-sphere{background:none;box-shadow:none;overflow:visible;opacity:1;filter:drop-shadow(10px 24px 28px #034b3340);z-index:0}.blue-sphere:before,.blue-sphere:after{display:none}.globe-svg{width:100%;height:100%;object-fit:contain;display:block;transform:none;opacity:.76;mix-blend-mode:multiply}
@media(max-width:560px){.blue-sphere{opacity:.88}.globe-svg{opacity:.68}}
/* Hero globe replacement: keep the globe behind the cards and make orbit lines subtle. */
.blue-sphere{width:560px;height:580px;top:180px;left:-60px;z-index:0;opacity:1;filter:drop-shadow(10px 24px 28px #034b3338)}
.blue-sphere:before,.blue-sphere:after{content:none!important;display:none!important}
.globe-svg{position:relative;z-index:1;transform:none;opacity:.76;mix-blend-mode:multiply}
.art-orbit{border-color:#a9f3bd18;z-index:-1}
.orbit-b{border-color:#a9f3bd0c}
/* Card finishing: fixed optical grid prevents footer clipping at all viewport sizes. */
.bank-card{padding:0;border-radius:21px;border-color:#d4ffe53b;box-shadow:0 22px 45px #003c2a3b,inset 0 1px 0 #ffffff45;transition:transform .35s,box-shadow .35s}.bank-card:before{background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 4px),linear-gradient(120deg,#ffffff1c,transparent 44%,#ffffff08 72%,transparent);z-index:0}.bank-card .card-top{position:absolute;top:34px;left:27px;right:27px;padding:0;transform:none;z-index:2;height:34px}.card-top img{width:130px;filter:drop-shadow(0 1px 1px #00452d18)}.card-top>span{font-family:Arial,sans-serif;letter-spacing:1.6px;font-size:7px;border:1px solid #d6ffe538;border-radius:4px;padding:4px 6px;background:#ffffff09;color:#e8fff1}.card-chip{top:91px;left:28px;width:35px;height:28px;border:1px solid #e6edc1aa;border-radius:6px;background:linear-gradient(125deg,#f2f0d9,#c2d4ac 42%,#e7edc8 65%,#a5bd99);box-shadow:inset 0 1px 2px #ffffffb0,0 1px 2px #003e3520;overflow:hidden}.card-chip:before{content:'';position:absolute;top:8px;left:-1px;right:-1px;height:10px;border-top:1px solid #779d83;border-bottom:1px solid #779d83}.card-chip:after{content:'';position:absolute;top:-1px;bottom:-1px;left:10px;right:10px;border-inline:1px solid #779d83;border-radius:4px}.contactless{top:92px;left:75px;width:22px;height:25px;stroke:#d3ffe6;opacity:.72}.bank-card .card-account{position:absolute;top:133px;left:28px;margin:0;font-family:Arial,sans-serif;font-size:6px;letter-spacing:1.5px;color:#e2ffeb;line-height:1.2;opacity:.65}.bank-card .card-number{position:absolute;top:148px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font-family:Consolas,'Courier New',monospace;font-variant-numeric:tabular-nums;font-size:21px;letter-spacing:1.8px;line-height:1.2;color:#f5fff8;text-shadow:0 1px 1px #00452d35}.card-number>span:last-child{font-size:18px;letter-spacing:2px}.bank-card .card-bottom{position:absolute;left:28px;right:28px;bottom:23px;margin:0;display:grid;grid-template-columns:1fr auto 42px;gap:24px;align-items:end;z-index:2;line-height:1.2}.card-holder,.card-expiry{display:grid;gap:5px}.card-holder>span,.card-expiry>span{font-family:Arial,sans-serif;font-size:5px;letter-spacing:1px;color:#d9ffea;opacity:.65}.card-holder>strong,.card-expiry>strong{font-family:Arial,sans-serif;font-size:8px;font-weight:500;letter-spacing:1px;color:#effff4}.card-expiry>strong{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:1px}.card-monogram{font-size:24px!important;font-weight:800;letter-spacing:-4px!important;line-height:1!important;justify-self:end;color:#dcffe8;opacity:.8;padding-right:3px}.card-demo-label{bottom:7px;left:28px;font-size:4px;letter-spacing:1px;color:#daffe8;opacity:.4}.card-back .card-chip{background:linear-gradient(125deg,#d8e3ce,#9ab7a5 45%,#d0dfc2 70%,#86a694)}.card-back .card-top>span{border-color:#98e9bb30;background:#d9ffe808}.card-front{background:radial-gradient(ellipse at 97% 1%,#80efd3 0,transparent 48%),radial-gradient(ellipse at 6% 100%,#b5e79a 0,transparent 58%),linear-gradient(145deg,#259a70 8%,#14b287 36%,#138a65 72%,#07724f);box-shadow:0 27px 44px #003b2b40,0 3px 5px #003b2b12,inset 0 1px 0 #ffffff66}.card-front:after{background:linear-gradient(90deg,#ffffff04,#ffffff18);border-bottom:1px solid #f0fff31c}.card-back{background:radial-gradient(ellipse at 100% 0,#36b081 0,transparent 59%),linear-gradient(140deg,#0e5d49,#153f34 54%,#096045);box-shadow:0 24px 40px #002f2440,inset 0 1px 0 #ffffff38}.card-front:hover{box-shadow:0 31px 48px #003b2b40,0 5px 9px #003b2b1a,inset 0 1px 0 #ffffff66}
/* Feature panels: opaque surfaces, consistent icons and generous optical spacing. */
.advantages .feature-panel{background:#fafcfb;border-color:#e4ebe7;backdrop-filter:none;opacity:1;padding:28px 30px 30px;box-shadow:0 10px 26px -20px #123d2b38}
.feature-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.feature-kicker{display:block;color:#72867b;font-size:10px;font-weight:500;letter-spacing:1.5px;margin-bottom:9px}
.advantages .feature-panel h3{font-size:21px;color:#174332;letter-spacing:.2px;line-height:1.5;margin:0;text-wrap:initial}
.advantages .feature-panel h3:after{display:none}
.feature-heading-mark{font-family:Arial,sans-serif;font-size:38px;font-weight:700;letter-spacing:-2px;color:#e1ebe5;line-height:1}
.advantages .feature-row{gap:24px}
.advantages .feature-item{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.feature-icon{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid #d9eade;border-radius:13px;background:#edf5ef;color:#13804f;box-shadow:inset 0 1px 0 #fff}
.feature-icon svg{width:24px;height:24px;stroke-width:1.65;fill:none;stroke:currentColor}
.advantages .feature-item h4{font-size:14px;font-weight:600;color:#294b39;line-height:1.5;margin-bottom:8px;text-wrap:initial}
.advantages .feature-item p{font-size:12px;line-height:1.9;color:#718077;white-space:normal;overflow-wrap:anywhere}
.advantages .feature-item p br{display:none}
.advantages .feature-side{display:flex;flex-direction:column;padding:28px 25px 26px;background:#f6f9f7}
.advantages .feature-side h3{font-size:20px}
.advantages .feature-side .feature-row{display:flex;flex-direction:column;gap:27px}
.advantages .feature-side .feature-item{flex-direction:row;gap:13px}
.advantages .feature-side .feature-icon{width:38px;height:38px;border-radius:11px}
.advantages .feature-side .feature-icon svg{width:22px;height:22px}
.advantages .feature-side .feature-item h4{margin-bottom:6px}
.feature-more{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:23px;border-top:1px solid #e0e9e3;color:#16794d;font-size:12px;font-weight:500}
.feature-more svg{width:17px;height:17px;transition:transform .2s}
.feature-more:hover svg{transform:translateX(3px)}
@media(min-width:1251px){.advantages .feature-row{gap:22px}.advantages .feature-item p br{display:block}}
@media(max-width:1250px) and (min-width:761px){.advantages .feature-panel{padding:25px 23px}.advantages .feature-panel h3{font-size:18px}.advantages .feature-row{gap:18px}.advantages .feature-item h4{font-size:13px}.advantages .feature-item p{font-size:11px}.advantages .feature-side{padding:25px 20px}.advantages .feature-side .feature-item{flex-direction:column;gap:12px}.feature-more{margin-top:26px}}
@media(max-width:760px) and (min-width:561px){.advantages .feature-panel{padding:23px 18px}.advantages .feature-panel h3{font-size:17px}.feature-heading-mark{display:none}.advantages .feature-row{gap:14px}.advantages .feature-item h4{font-size:12px}.advantages .feature-item p{font-size:11px}.advantages .feature-side .feature-item{flex-direction:column}.advantages .feature-side{padding:23px 18px}.feature-more{margin-top:24px}}
@media(max-width:560px){.advantages .feature-panel{padding:25px 23px 26px}.feature-heading{margin-bottom:25px}.feature-kicker{font-size:9px;margin-bottom:8px}.advantages .feature-panel h3{font-size:18px}.feature-heading-mark{font-size:32px}.advantages .feature-row{gap:24px}.advantages .feature-item,.advantages .feature-side .feature-item{flex-direction:row;gap:15px}.feature-icon,.advantages .feature-side .feature-icon{width:42px;height:42px;border-radius:12px}.advantages .feature-item h4{font-size:14px;margin-bottom:6px}.advantages .feature-item p{font-size:12px}.advantages .feature-side{padding:25px 23px 26px}.advantages .feature-side h3{font-size:18px}.advantages .feature-side .feature-row{gap:24px}.feature-more{margin-top:25px;padding-top:20px}}
/* Local subset of Noto Sans SC; user-entered glyphs fall back to system sans. */
@font-face{font-family:'Manba Sans';src:url('./assets/manba-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--font:'Manba Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif}
body{font-family:var(--font);font-weight:400;line-height:1.75;letter-spacing:0;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:var(--font)}
h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.025em}
.hero h1{font-family:var(--font);font-weight:650;letter-spacing:-1.2px}
.hero-title-cn{font-family:var(--font);font-weight:550;letter-spacing:.015em;line-height:1.4}
.hero-description{font-weight:400;letter-spacing:.015em;line-height:1.95}
.nav a{font-size:13px;font-weight:500;letter-spacing:.02em}
.login-button,.register-button,.primary-button{font-weight:500;letter-spacing:.025em}
.advantages>h2,.scenario-section>h2,.business-section>h2,.start-section>h2,.faq-section>h2{font-weight:550;letter-spacing:.015em}
.advantages .feature-panel h3{font-size:21px;font-weight:550;letter-spacing:-.02em}
.advantages .feature-item h4{font-size:14px;font-weight:550;letter-spacing:0;line-height:1.65}
.advantages .feature-item p{font-size:13px;line-height:1.9;color:#68786f;letter-spacing:0}
.feature-kicker{font-weight:450;letter-spacing:.1em}
.scenario-card h3,.business-grid h3,.steps h3{font-weight:550;letter-spacing:0}
.scenario-card p,.business-grid p,.steps p{font-size:14px;line-height:1.9;color:#6d7c73}
.section-description{font-size:15px;line-height:1.9}
.faq-list summary{font-size:15px;font-weight:500;letter-spacing:0}
.faq-list details p{font-size:14px;line-height:1.95}
.footer-links strong{font-weight:550}
@media(max-width:1250px) and (min-width:761px){.nav a{font-size:12px}.advantages .feature-panel h3{font-size:18px}.advantages .feature-item p{font-size:12px}.scenario-card p,.business-grid p,.steps p{font-size:12px}}
@media(max-width:760px) and (min-width:561px){.advantages .feature-panel h3{font-size:17px}.advantages .feature-item p{font-size:12px}.scenario-card p,.business-grid p,.steps p{font-size:12px}}
@media(max-width:560px){.advantages .feature-panel h3,.advantages .feature-side h3{font-size:18px}.advantages .feature-item h4{font-size:14px}.advantages .feature-item p{font-size:13px}.hero-description{font-size:13px}.hero-title-cn{font-weight:550;letter-spacing:0}.scenario-card p,.business-grid p,.steps p{font-size:13px}.section-description{font-size:13px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}}
/* Center desktop navigation independently of the logo and action widths. */
@media(min-width:761px){.nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}.nav{margin-left:0;justify-content:center}.nav-actions{justify-self:end}.brand{justify-self:start}}
@media(min-width:761px) and (max-width:1000px){.nav-wrap{gap:12px}.nav{gap:12px}}
@media(max-width:760px){.nav a{justify-content:center}}
/* Compact feature rows: keep every SVG to the left of its text. */
.advantages .feature-item,.advantages .feature-side .feature-item{flex-direction:row;align-items:flex-start;gap:12px}
.advantages .feature-item>div{min-width:0;flex:1}
.advantages .feature-icon{width:36px;height:36px;border-radius:10px}
.advantages .feature-icon svg{width:21px;height:21px}
.advantages .feature-item p br{display:none}
@media(max-width:560px){.advantages .feature-item,.advantages .feature-side .feature-item{gap:14px}.advantages .feature-icon{width:38px;height:38px;border-radius:11px}}
/* Scenario cards: clear use cases, left-aligned icon rows and opaque surfaces. */
.scenario-section{padding-top:88px;background:#fff}
.scenario-eyebrow{display:block;text-align:center;color:#6b8174;font-size:10px;font-weight:500;letter-spacing:.14em;margin-bottom:13px}
.scenario-section>h2{font-size:34px;line-height:1.45;letter-spacing:.01em}
.scenario-section>h2>span{color:#078653}
.scenario-section>.section-description{text-align:center;font-size:14px;line-height:1.9;color:#728076;margin-top:14px}
.scenario-section .scenario-grid{gap:20px;margin-top:36px;align-items:stretch}
.scenario-section .scenario-card{display:flex;flex-direction:column;text-align:left;padding:25px 24px 0;background:#fafcfb;border:1px solid #e2ebe5;border-radius:16px;box-shadow:0 5px 18px #12473104;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.scenario-section .scenario-card:after{display:none}
.scenario-section .scenario-card:hover{transform:translateY(-4px);border-color:#b5d9c3;box-shadow:0 12px 26px #1247310d}
.scenario-top{display:flex;align-items:center;gap:13px;margin-bottom:20px;width:100%}
.scenario-section .scenario-symbol{margin:0;width:46px;height:46px;border-radius:13px;background:#e9f4ed;color:#0d8050;border:1px solid #d8eadd;flex-shrink:0}
.scenario-section .scenario-card:nth-child(2) .scenario-symbol{background:#edf5f1;color:#258263}
.scenario-section .scenario-card:nth-child(3) .scenario-symbol{background:#edf3f4;color:#397b78}
.scenario-section .scenario-card:nth-child(4) .scenario-symbol{background:#f0f4e9;color:#6a8243}
.scenario-section .scenario-symbol svg{width:25px;height:25px;stroke-width:1.6}
.scenario-category{display:block;font-size:10px;color:#819087;margin-bottom:4px;line-height:1.4;letter-spacing:.03em}
.scenario-section .scenario-card h3{font-size:19px;line-height:1.5;letter-spacing:0;color:#244833;margin:0}
.scenario-section .scenario-card>p{font-size:13px;line-height:1.9;color:#6a7b70;margin:0;min-height:50px}
.scenario-tags{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 23px}
.scenario-tags>span{display:block;padding:3px 8px;background:#f0f4f1;border-radius:5px;font-size:10px;line-height:1.6;color:#75847a;white-space:nowrap}
.scenario-section .scene-tag{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:stretch;margin: auto -24px 0;padding:15px 24px;border-top:1px solid #e4ece7;font-size:12px;font-weight:500;color:#397a54;line-height:1.6;white-space:normal}
.scenario-section .scene-tag svg{width:16px;height:16px;transition:transform .2s}
.scenario-card:hover .scene-tag svg{transform:translateX(3px)}
.scenario-note{font-size:11px;line-height:1.8;color:#8c9990;text-align:center;margin-top:22px}
@media(max-width:1100px) and (min-width:761px){.scenario-section .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.scenario-section .scenario-card>p br{display:none}.scenario-section .scenario-card>p{min-height:0}}
@media(max-width:760px){.scenario-section .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.scenario-section .scenario-card{padding:22px 19px 0}.scenario-section .scene-tag{margin-inline:-19px;padding-inline:19px}.scenario-section .scenario-card>p br{display:none}.scenario-section .scenario-card>p{min-height:0}}
@media(max-width:560px){.scenario-section{padding-top:56px}.scenario-eyebrow{text-align:left;font-size:9px;margin-bottom:11px}.scenario-section>h2{font-size:26px;text-align:left}.scenario-section>.section-description{text-align:left;font-size:13px;margin-top:11px}.scenario-section .scenario-grid{grid-template-columns:1fr;margin-top:25px;gap:14px}.scenario-section .scenario-card{padding:21px 22px 0;border-radius:13px}.scenario-top{margin-bottom:14px;gap:13px}.scenario-section .scenario-card h3{font-size:18px}.scenario-section .scenario-symbol{width:42px;height:42px;border-radius:12px}.scenario-section .scenario-symbol svg{width:23px;height:23px}.scenario-tags{margin:15px 0 19px}.scenario-section .scene-tag{margin-inline:-22px;padding:13px 22px}.scenario-note{text-align:left;font-size:10px;margin-top:18px}}
/* Feature copy uses neutral black and gray; only icons retain the brand green. */
.advantages .feature-panel h3,.advantages .feature-panel h4{color:#202020}
.advantages .feature-item p{color:#666}
.advantages .feature-more{color:#303030}
.advantages .feature-icon{color:#444;background:#f2f2f2;border-color:#e4e4e4;box-shadow:inset 0 1px 0 #fff}
.advantages .feature-icon svg{stroke:currentColor}
/* Subtle surface translucency only: keep text and icons fully opaque. */
.advantages .feature-panel{background:rgba(250,252,251,.96)}
.advantages .feature-side{background:rgba(246,249,247,.96)}
/* Direct transition from scenarios to onboarding, without a duplicate business block. */
#scenarios + .start-section{padding-top:64px}
@media(max-width:560px){#scenarios + .start-section{padding-top:44px}}
/* Seamless photographic scene accordion. */
.scenario-showcase{background:#fff;padding-top:84px}
.scenario-intro{text-align:center;margin-bottom:34px}
.scenario-intro h2{font-size:34px;font-weight:550;line-height:1.5;letter-spacing:.015em}
.scenario-intro h2{color:#000}.scenario-intro h2 span{color:#078653}
.scenario-intro .section-description{font-size:14px;color:#77857b;margin-top:12px;text-align:center}
.scene-accordion{display:flex;max-width:1600px;width:100%;height:390px;margin:0 auto;overflow:hidden;background:#123b2a}
.scene-panel{position:relative;flex:1 1 0;min-width:0;isolation:isolate;overflow:hidden;transition:flex-grow .55s cubic-bezier(.22,.61,.36,1)}
.scene-panel.is-active{flex-grow:2}
.scene-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.65);transform:scale(1.04);transition:transform .7s,filter .55s;z-index:-3}
.scene-panel:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#07150f33 0,#07150f52 40%,#04120fbd 100%);transition:opacity .45s}
.scene-panel:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#036c4be8,#078653d1);backdrop-filter:blur(3px);opacity:0;transition:opacity .45s}
.scene-panel.is-active:after{opacity:1}
.scene-panel.is-active .scene-photo{transform:scale(1);filter:saturate(.6)}
.scene-title{margin:0;position:absolute;inset:0;z-index:2;pointer-events:none}
.scene-toggle{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;inset:0;width:100%;padding:0 12px 30px;align-items:flex-end;font-size:19px;font-weight:550;color:#fff;letter-spacing:.02em;pointer-events:auto;transition:background .2s}
.scene-toggle:focus-visible{outline:2px solid #c9f8dc;outline-offset:-5px}
.scene-panel.is-active .scene-toggle{inset:30px auto auto 12%;padding:0;width:auto;max-width:80%;height:30px;align-items:center;justify-content:flex-start;font-size:19px}
.scene-toggle-mark{display:none}
.scene-detail{position:absolute;inset:0;padding:80px 12% 24px;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .35s,visibility .25s;color:#fff}
.scene-panel.is-active .scene-detail{opacity:1;visibility:visible;transform:translateY(0);transition-delay:.12s}
.scene-detail-inner{width:100%;min-width:220px;max-width:360px}
.scene-overline{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:.18em;color:#b4e5cb;display:block;margin-bottom:9px}
.scene-detail h4{font-size:24px;font-weight:500;line-height:1.55;color:#fff;letter-spacing:.01em;margin-bottom:20px}
.scene-detail dl{display:grid;gap:12px;margin:0 0 22px}
.scene-detail dt{font-size:12px;line-height:1.6;font-weight:550;color:#effff5;margin-bottom:3px}
.scene-detail dd{font-size:12px;line-height:1.85;font-weight:400;color:#d4e9de;margin:0}
.scene-consult{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500;color:#fff;border-bottom:1px solid #c2f3d76b;padding:0 0 7px}
.scene-consult svg{width:17px;height:17px;transition:transform .2s}
.scene-consult:hover svg{transform:translateX(4px)}
.scene-consult:focus-visible{outline-color:#dcffe9}
.scenario-showcase .scenario-note{text-align:center;padding:0 18px;margin-top:19px}
@media(min-width:1700px){.scene-accordion{height:420px}}
@media(min-width:761px) and (max-width:1100px){.scene-accordion{height:400px}.scene-detail{padding:75px 9% 20px}.scene-panel.is-active .scene-toggle{left:9%}.scene-detail-inner{min-width:0}.scene-detail h4{font-size:21px}.scene-detail dd{font-size:11px}.scene-toggle{font-size:17px}}
@media(max-width:760px){.scenario-showcase{padding-top:56px}.scenario-intro{margin-bottom:26px}.scenario-intro h2{font-size:27px}.scenario-intro .scenario-eyebrow,.scenario-intro .section-description{text-align:center}.scenario-intro .section-description{font-size:13px}.scene-accordion{display:flex;flex-direction:column;height:auto;max-width:none}.scene-panel,.scene-panel.is-active{flex:none;min-height:0;height:88px;transition:height .4s ease}.scene-panel.is-active{height:380px}.scene-photo{object-position:center 45%}.scene-toggle{align-items:center;justify-content:space-between;padding:0 26px;font-size:18px;text-align:left}.scene-toggle-mark{display:block;font-size:23px;font-weight:400;line-height:1}.scene-panel.is-active .scene-toggle{inset:0 0 auto;width:100%;height:65px;max-width:none;padding:0 26px;justify-content:space-between;font-size:18px}.scene-panel.is-active .scene-toggle-mark{transform:rotate(45deg)}.scene-detail{padding:75px 26px 24px;align-items:flex-start}.scene-detail-inner{max-width:480px;min-width:0}.scene-detail h4{font-size:23px;margin-bottom:18px}.scene-detail dl{gap:12px;margin-bottom:20px}.scene-detail dd{font-size:12px}.scenario-showcase .scenario-note{text-align:center;font-size:10px}}
/* Keep the photographic accordion aligned with the restored content width. */
.scene-accordion{width:min(1200px,calc(100% - 80px))}
@media(max-width:1250px){.scene-accordion{width:calc(100% - 100px)}}
@media(max-width:1000px){.scene-accordion{width:calc(100% - 64px)}}
@media(max-width:760px){.scene-accordion{width:calc(100% - 44px)}}
@media(max-width:560px){.scene-accordion{width:calc(100% - 36px)}}
/* Brand benefits: four visual cards inspired by the reference layout, recoloured for Manba. */
.brand-benefits{padding:92px 0 24px;background:#fff;color:#202020}
.brand-benefits-inner{min-width:0}
.brand-benefits-heading{text-align:center;margin-bottom:30px}
.brand-benefits-heading .product-eyebrow{margin-bottom:12px}
.brand-benefits-heading h2{font-size:31px;line-height:1.5;font-weight:550;letter-spacing:0;color:#202020}
.brand-benefits-heading h2 span{color:#078653}
.brand-benefits-heading p{margin-top:11px;font-size:13px;line-height:1.9;color:#7b857f}
.brand-benefits-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);grid-template-rows:184px 184px;gap:16px}
.brand-benefit-card{position:relative;display:flex;align-items:center;min-width:0;overflow:hidden;border-radius:15px;padding:24px 34px;border:1px solid #e4ebe7}
.brand-benefit-card.is-dark{background:#078653;border-color:#078653;color:#fff;box-shadow:0 14px 30px #07865318}
.brand-benefit-card.is-light{background:#edf7f0;color:#19392a;border-color:#e0eee4}
.brand-benefit-copy{position:relative;z-index:2;width:48%;min-width:0}
.brand-benefit-copy h3{font-size:19px;line-height:1.5;font-weight:600;letter-spacing:0;margin-bottom:10px}
.brand-benefit-copy p{font-size:11px;line-height:1.8;color:#d5f4df;max-width:210px}
.brand-benefit-card.is-light .brand-benefit-copy p{color:#6c8173}
.brand-benefit-art{position:absolute;right:4%;top:50%;width:48%;height:100%;transform:translateY(-50%);display:grid;place-items:center;color:#0a9c60;pointer-events:none}
.brand-benefit-card.is-dark .brand-benefit-art{color:#aef2c8}
.art-ledger{right:0;width:49%;height:138%;opacity:.95}
.art-ledger:before{content:'';position:absolute;left:17%;top:5%;width:56%;height:92%;border:15px solid currentColor;border-radius:14px;transform:rotate(-10deg);opacity:.85}
.art-ledger:after{content:'';position:absolute;left:30%;top:17%;width:28%;height:52%;border:10px solid currentColor;border-left-width:20px;border-right-width:20px;border-radius:28px;transform:rotate(-10deg);opacity:.95}
.art-ledger span,.art-ledger i,.art-ledger b{position:absolute;display:block;background:currentColor;border-radius:5px;transform:rotate(-10deg)}
.art-ledger span{left:36%;top:58%;width:32%;height:13%}.art-ledger i{left:28%;top:75%;width:16%;height:10%}.art-ledger b{left:49%;top:75%;width:16%;height:10%}
.art-bolt{width:42%;height:120%;right:1%;opacity:.78}
.art-bolt svg{width:132px;height:132px;stroke-width:1.25;fill:currentColor;stroke:currentColor;transform:rotate(-9deg)}
.art-chart{width:43%;height:120%;right:3%;opacity:.7}
.art-chart svg{width:145px;height:145px;stroke-width:1.05;fill:none;stroke:currentColor;transform:rotate(-9deg)}
.art-shield{width:48%;height:125%;right:1%;opacity:.9}
.art-shield svg{width:138px;height:138px;stroke-width:1.1;fill:currentColor;stroke:currentColor;transform:translateY(-3px)}
.art-shield span{position:absolute;left:34%;top:53%;width:34%;height:8%;border:8px solid #078653;border-top:0;border-right:0;transform:rotate(-45deg);border-radius:3px}
.brand-benefits-note{text-align:center;padding:17px 18px 0;color:#98a49c;font-size:10px;line-height:1.8}
@media(max-width:760px){.brand-benefits{padding-top:68px}.brand-benefits-heading{margin-bottom:23px}.brand-benefits-heading h2{font-size:26px}.brand-benefits-heading p{text-align:left;font-size:12px}.brand-benefits-grid{grid-template-columns:1fr;grid-template-rows:none;gap:13px}.brand-benefit-card{min-height:155px;padding:22px 24px}.brand-benefit-copy{width:55%}.brand-benefit-copy h3{font-size:18px}.brand-benefit-copy p{font-size:11px}.brand-benefit-art{width:47%;right:0}.art-ledger{height:125%}.art-bolt svg,.art-chart svg{width:112px;height:112px}.art-shield svg{width:118px;height:118px}.brand-benefits-note{text-align:left;padding-inline:0}}
@media(max-width:380px){.brand-benefit-card{min-height:143px;padding-inline:19px}.brand-benefit-copy{width:59%}.brand-benefit-copy h3{font-size:17px}.brand-benefit-copy p{font-size:10px}.brand-benefit-art{width:44%}.art-bolt svg,.art-chart svg{width:96px;height:96px}.art-shield svg{width:105px;height:105px}}
/* Customer voice: clickable testimonial carousel with Manba green accents. */
.testimonial-section{padding:94px 0 30px;background:#fff;color:#202020;overflow:hidden}
.testimonial-inner{min-width:0}
.testimonial-heading{text-align:center;margin-bottom:30px}
.testimonial-heading .product-eyebrow{margin-bottom:12px}
.testimonial-heading h2{font-size:31px;line-height:1.45;font-weight:550;letter-spacing:0;color:#202020;white-space:nowrap}
.testimonial-heading h2 span{color:#078653}
.testimonial-heading p{margin-top:11px;font-size:13px;line-height:1.9;color:#7b857f}
.testimonial-slider{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;max-width:1010px;margin:0 auto}
.testimonial-track{position:relative;min-width:0;min-height:280px}
.testimonial-card{position:absolute;inset:0;display:grid;grid-template-columns:1fr .9fr;min-width:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(20px) scale(.98);border:1px solid #e1ebe4;border-radius:19px;background:#fff;box-shadow:0 16px 38px #123d2b12;transition:opacity .35s,transform .4s,visibility .35s}
.testimonial-card.is-active{position:relative;opacity:1;visibility:visible;transform:none}
.testimonial-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:35px 42px 32px}
.testimonial-person{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.testimonial-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;font-size:16px;font-weight:600;color:#fff;box-shadow:0 4px 10px #07865322}
.testimonial-avatar-photo{display:block;object-fit:cover;object-position:center;overflow:hidden;background:#edf3ef}
.avatar-mint{background:#73c99a}.avatar-green{background:#078653}.avatar-deep{background:#276c4f}
.testimonial-person>span:last-child{display:grid;gap:2px;min-width:0}
.testimonial-person strong{font-size:14px;line-height:1.4;font-weight:600;color:#263a30}
.testimonial-person small{font-size:10px;line-height:1.5;color:#829087}
.testimonial-card blockquote{margin:0;max-width:390px;font-size:14px;line-height:2;color:#52645a;font-weight:400}
.testimonial-tags{margin-top:20px;font-size:10px;line-height:1.5;color:#078653;letter-spacing:.02em}
.testimonial-photo{position:relative;min-width:0;overflow:hidden;background:#e9f4ed}
.testimonial-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0786530a,#07865326);pointer-events:none}
.testimonial-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .6s}
.testimonial-card.is-active .testimonial-photo img{transform:scale(1.02)}
.testimonial-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e8de;border-radius:50%;background:#fff;color:#078653;box-shadow:0 8px 18px #123d2b10;transition:background .2s,color .2s,transform .2s}
.testimonial-arrow:hover{background:#078653;color:#fff;transform:translateY(-2px)}
.testimonial-arrow svg{width:18px;height:18px}.testimonial-prev svg{transform:rotate(180deg)}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px}
.testimonial-controls button{width:27px;height:12px;padding:4px 0;display:grid;place-items:center}
.testimonial-controls button span{display:block;width:20px;height:3px;border-radius:99px;background:#d8e4dc;transition:width .25s,background .25s}
.testimonial-controls button[aria-selected=true] span{width:27px;background:#078653}
.testimonial-note{text-align:center;margin-top:17px;padding:0 18px;color:#9aa69f;font-size:10px;line-height:1.8}
@media(max-width:760px){.testimonial-section{padding-top:68px}.testimonial-heading{margin-bottom:23px}.testimonial-heading h2{font-size:clamp(16px,5.8vw,26px)}.testimonial-heading p{text-align:left;font-size:12px}.testimonial-slider{display:block;position:relative;padding:0 4px}.testimonial-track{min-height:430px}.testimonial-card{grid-template-columns:1fr;grid-template-rows:190px 1fr;border-radius:16px}.testimonial-copy{grid-row:2;padding:24px 23px 25px}.testimonial-photo{grid-row:1}.testimonial-person{margin-bottom:15px}.testimonial-card blockquote{font-size:13px;line-height:1.9}.testimonial-tags{margin-top:14px}.testimonial-arrow{position:absolute;z-index:3;top:166px;width:34px;height:34px}.testimonial-prev{left:-2px}.testimonial-next{right:-2px}.testimonial-arrow svg{width:15px;height:15px}.testimonial-controls{margin-top:19px}}
@media(max-width:380px){.testimonial-track{min-height:405px}.testimonial-card{grid-template-rows:165px 1fr}.testimonial-copy{padding-inline:19px}.testimonial-card blockquote{font-size:12px}.testimonial-person strong{font-size:13px}}
/* Business challenges: staggered notes around an original portrait. */
.pain-section{padding:85px 0 0;background:linear-gradient(#fff,#f8faf9);color:#202020;overflow:hidden}
.pain-heading{text-align:center}.pain-heading .product-eyebrow{margin-bottom:13px}.pain-heading h2{font-size:30px;line-height:1.6;font-weight:550;letter-spacing:0;text-wrap:initial;color:#202020}.pain-heading h2 span{color:#078653}.pain-heading>p{margin-top:12px;font-size:13px;line-height:1.9;color:#828883}
.pain-orbit{position:relative;max-width:1100px;height:420px;margin:34px auto 0;isolation:isolate}
.pain-orbit:before{content:'';position:absolute;left:50%;bottom:4px;width:540px;height:380px;border:1px solid #e9eeeb;border-radius:50%;transform:translateX(-50%);z-index:-2}
.pain-portrait{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:330px;height:410px;overflow:hidden;z-index:2;pointer-events:none}
.pain-portrait-ring{position:absolute;left:50%;bottom:-66px;width:320px;height:320px;transform:translateX(-50%);border-radius:50%;border:15px solid #dfe9e3;background:#eaf1ed;z-index:-1;box-shadow:0 0 0 12px #f1f5f2}
.pain-portrait img{position:absolute;left:50%;bottom:-75px;transform:translateX(-50%);height:470px;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 7px 12px #213c2810)}
.pain-note{position:absolute;width:290px;padding:19px 23px;border-radius:13px;background:#eef2f0;border:1px solid #e9eeeb;z-index:3;min-height:98px}
.pain-note h3{font-size:15px;line-height:1.5;color:#303b34;font-weight:550;letter-spacing:0;margin-bottom:6px}.pain-note p{font-size:12px;line-height:1.85;color:#89918c;max-width:250px}
.pain-note-1{top:20px;right:calc(50% + 125px)}.pain-note-2{top:20px;left:calc(50% + 125px)}.pain-note-3{top:149px;right:calc(50% + 176px)}.pain-note-4{top:149px;left:calc(50% + 176px)}.pain-note-5{top:278px;right:calc(50% + 140px)}.pain-note-6{top:278px;left:calc(50% + 140px)}
/* Give the desktop notes more breathing room around the portrait and keep both sides balanced. */
.pain-next{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px 0 25px;font-size:12px;color:#638571;border-top:1px solid #e7eee9}.pain-next svg{width:16px;height:16px}.pain-next:hover{color:#078653}
@media(max-width:1100px) and (min-width:761px){.pain-note{width:230px;padding:17px 19px}.pain-note-1{right:calc(50% + 92px)}.pain-note-2{left:calc(50% + 92px)}.pain-note-3{right:calc(50% + 126px)}.pain-note-4{left:calc(50% + 126px)}.pain-note-5{right:calc(50% + 98px)}.pain-note-6{left:calc(50% + 98px)}.pain-portrait{width:290px}.pain-portrait img{height:450px}.pain-portrait-ring{width:290px;height:290px}}
@media(max-width:760px){.pain-section{padding-top:56px}.pain-heading h2{font-size:25px}.pain-heading h2 span{display:block}.pain-heading>p{font-size:12px;max-width:330px;margin:12px auto 0}.pain-orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:auto;margin-top:24px;padding-top:230px;padding-bottom:22px}.pain-orbit:before{top:10px;bottom:auto;width:290px;height:220px}.pain-portrait{top:0;bottom:auto;height:230px;width:240px}.pain-portrait img{height:330px;bottom:-93px}.pain-portrait-ring{width:220px;height:220px;bottom:-63px;border-width:11px}.pain-note{position:static;min-height:0;width:auto;padding:17px 15px;z-index:3}.pain-note h3{font-size:13px;margin-bottom:6px}.pain-note p{font-size:11px;line-height:1.85}.pain-next{font-size:11px;padding:18px 0 23px}}
@media(max-width:360px){.pain-note{padding:15px 12px}.pain-note p{font-size:10px}.pain-heading h2{font-size:23px}}
/* Product showcase: neutral typography and local, illustrative interfaces. */
.product-section{color:#202020;background:#fff;padding:96px 0}
.product-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:64px}
.product-copy{min-width:0}
.product-eyebrow{display:block;font-size:11px;letter-spacing:.12em;color:#7a817d;font-weight:500;margin-bottom:18px}
.product-section h2{font-size:36px;line-height:1.5;font-weight:550;letter-spacing:0;text-wrap:initial;color:#202020}
.product-section h2 em{font-style:normal;color:#078653}
.product-copy>p,.product-centered-heading>p{font-size:14px;line-height:1.95;color:#707070;margin-top:20px}
.product-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0 26px;border-bottom:1px solid #e8e8e8;padding-bottom:10px}
.product-tabs button{padding:8px 12px;border-radius:6px;color:#666;font-size:13px}
.product-tabs button[aria-selected=true]{background:#eaf4ee;color:#078653;font-weight:550}
.product-link{display:inline-flex;align-items:center;gap:18px;color:#078653;font-size:13px;font-weight:500;padding:0 0 7px;border-bottom:1px solid #b9d8c6}
.product-link svg{width:17px;height:17px}
.product-link:hover{color:#045b38;border-color:#078653}
.product-footnote{display:block;margin-top:20px;font-size:10px;color:#8b8b8b;line-height:1.8}
.workspace-preview{min-width:0;background:#fff;border:1px solid #e1e6e3;border-radius:16px;box-shadow:0 22px 64px #16462e10;overflow:hidden;transform:rotate(-1deg)}
.preview-topbar{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #edf0ee}
.preview-topbar img{width:112px;height:auto;margin-right:auto}
.demo-label{display:inline-block;white-space:nowrap;border:1px solid #dce6df;background:#f5f9f6;color:#64806e;border-radius:5px;font-size:9px;line-height:1.6;padding:3px 7px;font-weight:400}
.preview-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:600 12px Arial,sans-serif;color:#4f6759;background:#eaf0ec}
.preview-layout{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:350px}
.preview-sidebar{display:flex;flex-direction:column;gap:6px;background:#fafbfa;border-right:1px solid #edf0ee;padding:21px 9px;color:#858b87;font-size:10px}
.preview-sidebar-label{font:9px Arial,sans-serif;letter-spacing:.07em;padding:0 8px;margin-bottom:13px;color:#a0a7a2}
.preview-sidebar>span:not(:first-child){display:flex;align-items:center;white-space:nowrap;gap:8px;padding:10px 9px;border-radius:5px}
.preview-sidebar svg{width:15px;height:15px}
.preview-sidebar .is-current{color:#078653;background:#eaf4ee}
.preview-sidebar small{font:7px Arial,sans-serif;color:#a0a7a2;margin-top:auto;padding:25px 8px 0;letter-spacing:.04em}
.preview-content{padding:23px;min-width:0}
.workspace-panel{min-height:306px}
.workspace-panel[hidden],.control-panel[hidden]{display:none}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}
.preview-heading>div>span{font:8px Arial,sans-serif;color:#9a9f9c;letter-spacing:.12em}
.preview-heading h3{font-size:17px;font-weight:550;color:#2a302d;letter-spacing:0;margin-top:3px}
.preview-count{font-size:9px;color:#8a918c}
.preview-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#f6f8f7;border:1px solid #eef1ef;border-radius:8px;padding:14px;margin-bottom:9px}
.preview-stat-row div{display:grid;gap:4px}
.preview-stat-row span{font-size:9px;color:#89908b}
.preview-stat-row strong{font:500 24px Arial,sans-serif;color:#2d3831}
.preview-stat-row small{font:9px var(--font);color:#8a938d}
.preview-card-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f2f1;padding:13px 0}
.preview-card-icon{display:flex;justify-content:space-between;align-items:flex-end;width:51px;height:34px;flex-shrink:0;padding:6px;border-radius:5px;background:#078653;color:#fff;font:bold 12px Arial,sans-serif}
.preview-card-icon small{font:6px Arial,sans-serif;opacity:.8}
.preview-card-icon.pale{background:#cae6d5;color:#316a49}.preview-card-icon.neutral{background:#e9e8de;color:#868368}
.preview-card-row>div{display:grid;gap:3px;min-width:0}
.preview-card-row b{font-size:11px;font-weight:500;color:#3a413c}
.preview-card-row>div>span{font-size:9px;color:#949b96}
.preview-status{margin-left:auto;font-size:9px;white-space:nowrap;padding:3px 7px;border-radius:4px;background:#edf7f0;color:#37835a}
.preview-status.muted{background:#f0f1f0;color:#959b96}
.preview-bottom{display:flex;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid #edf0ee;font-size:9px;color:#8f9992}
.preview-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#369764;margin-right:5px}
.budget-summary{background:#f3f8f5;border-radius:8px;padding:17px;margin-bottom:19px}.budget-summary>span,.bill-summary>span{display:block;color:#7b8d82;font-size:10px}.budget-summary strong{display:block;font:500 30px Arial,sans-serif;margin:9px 0;color:#244b35}.budget-summary strong small{font-size:18px;color:#7b9384}.budget-summary p{font-size:10px;color:#7e8d83}
.budget-line{margin-top:16px}.budget-line>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8b958e;margin-bottom:6px}.budget-line b{font-weight:500;color:#4c5951}
.budget-line meter{display:block;width:100%;height:7px;border:0;border-radius:6px;background:#edf0ee}.budget-line meter::-webkit-meter-bar{background:#edf0ee;border:0;border-radius:6px}.budget-line meter::-webkit-meter-optimum-value{background:#459d70;border-radius:6px}.budget-line meter::-moz-meter-bar{background:#459d70;border-radius:6px}
.bill-summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0 22px}.bill-summary strong{font:500 24px Arial,sans-serif;color:#2e4738}.preview-table-wrap{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px;color:#616d65}.preview-table th{font-weight:400;background:#f7f9f8;color:#949c97}.preview-table th,.preview-table td{padding:13px 8px;border-bottom:1px solid #eef1ef}.preview-table th:last-child,.preview-table td:last-child{text-align:right}.preview-small-note{margin-top:18px;font-size:9px;color:#959c97}
.control-section{background:#f8faf9;padding:80px 0}.control-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:100px}
.control-preview{background:#fff;border:1px solid #e3e9e5;border-radius:18px;padding:28px 32px;box-shadow:0 16px 40px #123b2207;min-width:0}
.control-preview-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#666;margin-bottom:24px}
.control-concept-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:15px;max-width:320px;min-height:178px;margin:0 auto 24px;padding:23px 25px;border-radius:14px;background:radial-gradient(ellipse at 90% 10%,#34b58066,transparent 60%),linear-gradient(125deg,#056344,#0c9561);box-shadow:0 14px 25px #08634124;color:#fff}
.control-concept-card img{width:112px;height:auto}.control-concept-card>span{font:7px Arial,sans-serif;letter-spacing:.15em;color:#c4e6d6}.control-concept-card strong{font:15px Consolas,monospace;letter-spacing:.05em;white-space:nowrap}.control-concept-card small{font:6px Arial,sans-serif;letter-spacing:.1em;color:#b1d8c5}
.control-panel{min-height:112px;border:1px solid #e7ece9;border-radius:10px;padding:17px 18px;background:#fcfdfc}
.control-rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-rule-row>div{display:grid;gap:4px}.control-rule-row b,.role-preview-row b{font-size:12px;font-weight:500;color:#303b34}.control-rule-row div>span,.role-preview-row div>span{font-size:10px;color:#939b96}.control-rule-row>strong{font:500 18px Arial,sans-serif;color:#2e4938}
.preview-switch{width:40px;height:24px;border-radius:20px;background:#078653;padding:3px;flex-shrink:0}.preview-switch>span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateX(16px);transition:transform .2s}.preview-switch[aria-checked=false]{background:#a4aca7}.preview-switch[aria-checked=false]>span{transform:translateX(0)}
.control-live{font-size:10px;line-height:1.8;color:#7c8780;margin-top:13px}.control-preview-note{font-size:9px;line-height:1.8;color:#959d98;margin-top:17px;text-align:center}
.control-tabs{display:grid;margin-top:26px;gap:0}.control-tabs button{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e1e7e3;padding:16px 0;text-align:left;color:#717973}.control-tabs button>svg{width:23px;height:23px}.control-tabs button>span:not(.control-tab-arrow){display:grid;gap:4px}.control-tabs b{font-size:14px;font-weight:500}.control-tabs small{font-size:11px;font-weight:400;color:#929a94}.control-tab-arrow{margin-left:auto;color:#a3afa7;font-size:18px}.control-tabs button[aria-selected=true]{color:#078653}.control-tabs button[aria-selected=true] .control-tab-arrow{color:#078653}
.role-preview-row{display:flex;gap:10px;align-items:center}.role-preview-row+div{margin-top:12px}.role-preview-row>div{display:grid;gap:3px;min-width:0}.role-avatar{display:grid;place-items:center;width:30px;height:30px;background:#e9f3ed;color:#4e7d60;border-radius:50%;font-size:11px;flex-shrink:0}.role-avatar.pale{background:#f0f1ed;color:#868c78}.role-tag{margin-left:auto;font-size:9px;color:#8a958e}.control-limit-track{height:5px;border-radius:5px;background:#e8eee9;margin-top:15px;overflow:hidden}.control-limit-track>span{display:block;width:40%;height:100%;background:#369763}
.product-centered-heading{text-align:center;margin-bottom:40px}.product-centered-heading .product-eyebrow{margin-bottom:13px}.product-centered-heading>p{margin-top:13px}
.fees-section{padding-bottom:30px}.fees-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);border:1px solid #e4e8e5;border-radius:16px;overflow:hidden}.fees-intro{padding:34px;background:#f5f8f6;display:flex;flex-direction:column;align-items:flex-start}.fees-intro>svg{width:28px;height:28px;color:#59675e;margin-bottom:19px}.fees-intro h3{font-size:21px;color:#262e29;font-weight:550;letter-spacing:0}.fees-intro>p{font-size:13px;line-height:1.9;color:#707c74;margin-top:14px}.fees-intro>span{font-size:11px;line-height:1.9;color:#929a94;margin:15px 0 29px}.fees-intro .product-link{margin-top:auto;font-size:12px;gap:10px}
.fee-details{margin:0;padding:8px 32px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.fee-details>div{padding:25px 0;border-bottom:1px solid #edf0ee}.fee-details>div:nth-last-child(-n+2){border:0}.fee-details dt{font-size:14px;font-weight:500;color:#333b36;display:flex;align-items:center;gap:10px}.fee-details dt span{font:10px Arial,sans-serif;color:#9aa79e}.fee-details dd{margin:11px 0 0;font-size:12px;line-height:1.95;color:#7b837e}
@media(max-width:1100px){.product-split{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}.product-section h2{font-size:30px}.product-copy>p{font-size:13px}.desktop-break{display:none}.preview-layout{grid-template-columns:82px minmax(0,1fr)}.preview-sidebar{font-size:9px;padding-inline:5px}.preview-sidebar-label{font-size:7px;padding-inline:4px}.preview-sidebar>span:not(:first-child){padding:9px 5px;gap:5px}.preview-content{padding:18px 15px}.preview-count{font-size:8px}.control-split{grid-template-columns:1fr 1fr;gap:48px}.control-preview{padding:24px}.fees-intro{padding:28px}.fee-details{padding-inline:25px;gap:0 20px}}
@media(max-width:900px) and (min-width:761px){.product-split{grid-template-columns:1fr;gap:35px}.product-copy{max-width:600px}.product-tabs{margin-top:22px}.workspace-preview{max-width:700px;width:100%;justify-self:center;transform:none}.control-split{grid-template-columns:1fr 1fr;gap:30px}.control-preview{padding:20px 16px}.control-concept-card{padding:20px 16px}.control-concept-card strong{font-size:13px}.control-panel{padding:15px 12px}.fees-layout{grid-template-columns:.9fr 1.4fr}.fee-details{grid-template-columns:1fr}.fee-details>div{padding:18px 0}.fee-details>div:nth-last-child(2){border-bottom:1px solid #edf0ee}}
@media(max-width:760px){.product-section{padding:60px 0}.product-split,.control-split{grid-template-columns:1fr;gap:32px}.product-section h2{font-size:28px}.product-eyebrow{font-size:10px;margin-bottom:13px}.product-copy>p{margin-top:15px}.product-tabs{margin:23px 0}.product-tabs button{padding:8px 10px;font-size:12px}.workspace-preview{transform:none}.preview-layout{grid-template-columns:76px minmax(0,1fr)}.preview-topbar{padding:14px}.preview-sidebar small{font-size:6px;padding-inline:3px}.preview-content{padding:17px 12px}.preview-heading h3{font-size:15px}.preview-count{max-width:70px;text-align:right;font-size:8px}.preview-card-row{gap:8px}.preview-card-icon{width:40px;height:29px}.preview-card-row b{font-size:10px}.preview-card-row>div>span{font-size:8px}.preview-status{font-size:8px;padding:2px 5px}.preview-bottom{padding:11px 14px;font-size:8px}.control-section{padding:55px 0}.control-split>.product-copy{grid-row:1}.control-tabs{margin-top:18px}.control-tabs button{padding:14px 0}.control-preview{max-width:500px;width:100%;justify-self:center;padding:24px}.product-centered-heading{margin-bottom:28px}.product-centered-heading>p{font-size:13px}.fees-layout{grid-template-columns:1fr}.fees-intro{padding:26px}.fees-intro>svg{margin-bottom:13px}.fees-intro>span{margin-bottom:23px}.fee-details{grid-template-columns:1fr;padding:0 26px}.fee-details>div{padding:22px 0}.fee-details>div:nth-last-child(2){border-bottom:1px solid #edf0ee}.fees-section{padding-bottom:15px}}
@media(max-width:380px){.preview-layout{grid-template-columns:minmax(0,1fr)}.preview-sidebar{display:none}.preview-content{padding:18px 16px}.preview-bottom{font-size:7px}.control-preview{padding:20px 16px}.control-concept-card strong{font-size:13px}.control-panel{padding:15px 12px}.role-preview-row div>span{font-size:9px}.product-section h2{font-size:26px}}
/* Workspace refinement: larger, straight-on product UI with working sidebar. */
.workspace-section{padding:104px 0 100px}
.workspace-section .product-split{grid-template-columns:minmax(0,.72fr) minmax(0,1.58fr);gap:46px}
.workspace-section .product-copy>p{font-size:14px;line-height:2;max-width:340px}
.workspace-section h2{font-size:34px;line-height:1.55;letter-spacing:-.02em}
.workspace-section .product-tabs{gap:4px;border:1px solid #e5e9e6;border-radius:9px;background:#f7f9f8;padding:4px;width:max-content;max-width:100%;margin:27px 0 26px;flex-wrap:nowrap}
.workspace-section .product-tabs button{font-size:12px;padding:9px 11px;white-space:nowrap}
.workspace-section .product-tabs button[aria-selected=true]{background:#fff;color:#078653;box-shadow:0 2px 5px #153f2310}
.workspace-section .product-footnote{font-size:10px;max-width:290px}
.workspace-preview{transform:none;border-radius:14px;border-color:#dce5df;box-shadow:0 24px 65px -20px #1b5b3430,0 3px 9px #173f2610;background:#fff}
.workspace-preview .preview-topbar{padding:18px 20px;gap:13px;background:#fff}
.workspace-preview .preview-topbar img{width:119px;margin-right:0}
.preview-topbar-divider{width:1px;height:19px;background:#e1e7e3}
.preview-space-name{font-size:11px;color:#68756d;flex:1}
.workspace-preview .demo-label{font-size:9px;padding:3px 7px}
.workspace-preview .preview-avatar{width:28px;height:28px;font-size:12px}
.workspace-preview .preview-layout{grid-template-columns:123px minmax(0,1fr);min-height:430px}
.workspace-preview .preview-sidebar{background:#f8faf9;padding:23px 10px 16px;gap:7px}
.workspace-preview .preview-sidebar-label{font:10px var(--font);letter-spacing:.04em;color:#9aaba0;padding:0 10px;margin-bottom:13px}
.preview-sidebar>button{display:flex;align-items:center;gap:8px;padding:12px 10px;text-align:left;white-space:nowrap;font-size:11px;line-height:1.6;border:1px solid transparent;border-radius:6px;color:#76837a}
.preview-sidebar>button:hover{background:#eef3f0;color:#31694b}
.preview-sidebar>button.is-current{color:#087b4e;background:#e6f2eb;border-color:#dcece2;font-weight:500}
.preview-sidebar-bottom{display:flex;align-items:center;gap:7px;margin-top:auto;padding:24px 0 0;border-top:1px solid #e7eee9}
.preview-sidebar-bottom>div{min-width:0;display:grid;gap:3px}.preview-sidebar-bottom b{font-size:9px;font-weight:500;color:#67786d}.workspace-preview .preview-sidebar-bottom small{font:8px var(--font);letter-spacing:0;color:#9ba69f;margin:0;padding:0}
.workspace-preview .preview-content{padding:24px 22px 19px;background:#fcfdfc}
.workspace-preview .workspace-panel{min-height:390px}
.workspace-preview .preview-heading{margin-bottom:21px;gap:12px;align-items:center}
.workspace-preview .preview-heading>div>span{font-size:8px;letter-spacing:.11em;color:#98a49c}
.workspace-preview .preview-heading h3{font-size:20px;font-weight:550;margin-top:5px;line-height:1.4;color:#263d2f}
.preview-heading p{font-size:10px;color:#8b988f;margin-top:6px;line-height:1.7}
.preview-open-button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:5px;background:#078653;color:#fff;font-size:10px;white-space:nowrap}
.preview-open-button:hover{background:#056d43}.preview-open-button svg{width:13px;height:13px}
.workspace-preview .preview-stat-row{padding:0;gap:10px;border:0;background:none;margin-bottom:21px}
.workspace-preview .preview-stat-row>div{background:#fff;border:1px solid #e5ece7;border-radius:8px;padding:13px 14px;gap:10px;box-shadow:0 2px 5px #234d3203}
.workspace-preview .preview-stat-row span{display:flex;align-items:center;gap:5px;font-size:10px;color:#87978c}
.preview-stat-row i{display:block;width:5px;height:5px;border-radius:50%;background:#afc3b6}.preview-stat-row>div:nth-child(2) i{background:#219966}.preview-stat-row>div:nth-child(3) i{background:#b6bdb8}
.workspace-preview .preview-stat-row strong{font:500 28px Arial,sans-serif;letter-spacing:-.04em;color:#263d2f}
.workspace-preview .preview-stat-row small{font-size:10px;letter-spacing:0;margin-left:3px}
.preview-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.preview-list-toolbar h4{font-size:12px;font-weight:550;letter-spacing:0;color:#48584d}.preview-list-toolbar>span{font-size:9px;color:#9aa69e}
.preview-card-list{border:1px solid #e6ece8;border-radius:8px;background:#fff;overflow:hidden}
.preview-list-columns{display:grid;grid-template-columns:minmax(0,1fr) 88px 59px;gap:12px;padding:10px 13px;background:#f5f8f6;color:#94a098;font-size:9px}.preview-list-columns>span:last-child{text-align:right}
.workspace-preview .preview-card-row{display:grid;grid-template-columns:47px minmax(0,1fr) 88px 59px;gap:10px;padding:15px 13px;border-bottom:1px solid #edf1ee}
.workspace-preview .preview-card-row:last-child{border-bottom:0}
.workspace-preview .preview-card-icon{width:47px;height:31px;border:1px solid #ffffff20;border-radius:5px;padding:6px;font-size:13px;box-shadow:0 2px 5px #1b4d2c0d}
.workspace-preview .preview-card-row b{font-size:11px;color:#3a4c40}.workspace-preview .preview-card-row>div>span{font-size:9px;color:#98a49c;margin-top:2px}
.preview-row-amount{font:10px Arial,sans-serif;color:#607269;white-space:nowrap}
.workspace-preview .preview-status{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;font-size:9px;padding:3px 5px;border-radius:4px;background:#edf7f0;color:#39835b}
.preview-status i{width:4px;height:4px;border-radius:50%;background:currentColor}
.workspace-preview .preview-status.muted{background:#f0f2f0;color:#929e96}
.workspace-preview .preview-small-note{font-size:9px;margin-top:12px;color:#9ba69f}
.workspace-preview .preview-bottom{background:#fff;font-size:9px;padding:12px 20px}
.workspace-preview .budget-summary{padding:22px;margin-bottom:23px;border:1px solid #e0eee5}.workspace-preview .budget-summary>span{font-size:11px}.workspace-preview .budget-summary strong{font-size:34px;margin:12px 0}.workspace-preview .budget-summary p{font-size:11px}.workspace-preview .budget-line{margin-top:22px}.workspace-preview .budget-line>div{font-size:11px;margin-bottom:9px}.workspace-preview .budget-line meter{height:8px}
.workspace-preview .bill-summary{background:#eef6f1;border:1px solid #e1ece5;border-radius:8px;padding:22px 17px;margin-bottom:15px}.workspace-preview .bill-summary>span{font-size:11px}.workspace-preview .bill-summary strong{font-size:26px}.workspace-preview .preview-table{font-size:11px;background:#fff}.workspace-preview .preview-table th,.workspace-preview .preview-table td{padding:16px 10px}
@media(min-width:761px) and (max-width:1150px){.workspace-section .product-split{grid-template-columns:1fr;gap:36px}.workspace-section .product-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;align-items:center}.workspace-section .product-eyebrow{grid-column:1 / -1}.workspace-section .product-copy h2{grid-row:2 / 5}.workspace-section .product-copy>p{margin:0;max-width:none}.workspace-section .product-tabs{margin:17px 0}.workspace-section .product-link{justify-self:start}.workspace-section .product-footnote{grid-column:2;max-width:none;margin-top:13px}.workspace-preview{max-width:820px;width:100%;justify-self:center}}
@media(max-width:760px){.workspace-section{padding:60px 0}.workspace-section .product-split{grid-template-columns:1fr;gap:30px}.workspace-section h2{font-size:28px}.workspace-section .product-copy>p{font-size:13px;max-width:none}.workspace-section .product-footnote{max-width:none}.workspace-section .product-tabs{margin:23px 0}.workspace-preview .preview-topbar{padding:15px 13px;gap:9px}.workspace-preview .preview-topbar img{width:104px}.preview-space-name{font-size:9px}.preview-topbar-divider{height:16px}.workspace-preview .preview-layout{grid-template-columns:1fr;min-height:0}.workspace-preview .preview-sidebar{flex-direction:row;gap:4px;padding:10px 12px;border-right:0;border-bottom:1px solid #e6ece8;display:flex}.workspace-preview .preview-sidebar-label,.preview-sidebar-bottom{display:none}.preview-sidebar>button{flex:1;justify-content:center;font-size:10px;gap:6px;padding:9px 4px}.preview-sidebar>button svg{width:14px;height:14px}.workspace-preview .preview-content{padding:20px 13px 16px}.workspace-preview .workspace-panel{min-height:385px}.workspace-preview .preview-heading h3{font-size:18px}.preview-heading p{font-size:9px}.preview-open-button{font-size:9px;padding:8px;gap:5px}.workspace-preview .preview-stat-row{gap:7px;margin-bottom:20px}.workspace-preview .preview-stat-row>div{padding:12px 10px;gap:9px}.workspace-preview .preview-stat-row strong{font-size:26px}.workspace-preview .preview-stat-row span{font-size:9px}.workspace-preview .preview-card-row{grid-template-columns:39px minmax(0,1fr) 55px;gap:8px;padding:14px 10px}.workspace-preview .preview-card-icon{width:39px;height:29px;padding:5px}.preview-row-amount{display:none}.preview-list-columns{grid-template-columns:minmax(0,1fr) 55px;padding-inline:10px}.preview-list-columns>span:nth-child(2){display:none}.workspace-preview .preview-status{font-size:8px;gap:3px;padding:3px 4px}.workspace-preview .preview-card-row b{font-size:11px}.workspace-preview .preview-card-row>div>span{font-size:8px}.workspace-preview .preview-bottom{padding:11px 13px;font-size:8px}.workspace-preview .preview-table{font-size:10px}.workspace-preview .preview-table th,.workspace-preview .preview-table td{padding:15px 7px}.workspace-preview .bill-summary{padding:20px 13px}.workspace-preview .bill-summary strong{font-size:22px}.workspace-preview .budget-line>div{font-size:10px}}
@media(max-width:380px){.preview-space-name,.preview-topbar-divider{display:none}.workspace-preview .preview-topbar .demo-label{margin-left:auto}.workspace-preview .preview-avatar{width:24px;height:24px}.workspace-preview .preview-heading{align-items:flex-start}.preview-open-button{font-size:8px;padding:7px 6px}.preview-heading p{max-width:140px}.workspace-preview .preview-card-row{gap:6px;grid-template-columns:35px minmax(0,1fr) 51px;padding-inline:8px}.workspace-preview .preview-card-icon{width:35px;height:26px;font-size:11px}.workspace-preview .preview-card-row b{font-size:10px}.workspace-preview .preview-card-row>div>span{font-size:7px}.workspace-preview .preview-stat-row>div{padding:11px 8px}.workspace-preview .preview-stat-row strong{font-size:24px}}
/* Tablet product composition with a foreground concept card and budget panel. */
.workspace-visual{position:relative;min-width:0;width:100%;padding:0 0 88px 36px;isolation:isolate}
.workspace-visual:after{content:'';position:absolute;left:10%;right:0;bottom:55px;height:35px;border-radius:50%;background:#15362317;filter:blur(24px);z-index:-1}
.workspace-visual .tablet-preview{max-width:none;width:100%;border:10px solid #303533;border-radius:25px;box-shadow:0 1px 0 1px #676e69,0 20px 38px -20px #253a2c38;overflow:hidden;background:#fff}
.tablet-preview .preview-topbar{padding:12px 15px;gap:10px}.tablet-preview .preview-topbar img{width:100px}.tablet-preview .preview-avatar{width:23px;height:23px;font-size:10px}.tablet-preview .preview-space-name{font-size:10px}.tablet-preview .preview-layout{grid-template-columns:100px minmax(0,1fr);min-height:0}.tablet-preview .preview-sidebar{padding:18px 8px 12px}.tablet-preview .preview-sidebar-label{font-size:9px;padding:0 6px}.tablet-preview .preview-sidebar>button{font-size:10px;padding:10px 6px;gap:6px}.tablet-preview .preview-sidebar>button svg{width:14px;height:14px}.tablet-preview .preview-sidebar-bottom{gap:5px}.tablet-preview .preview-sidebar-bottom b{font-size:8px}.tablet-preview .preview-sidebar-bottom small{font-size:7px}
.tablet-preview .preview-content{padding:18px 16px 15px}.tablet-preview .workspace-panel{min-height:360px}.tablet-preview .preview-heading{margin-bottom:17px}.tablet-preview .preview-heading h3{font-size:18px}.tablet-preview .preview-heading p{font-size:9px}.tablet-preview .preview-stat-row{gap:8px;margin-bottom:17px}.tablet-preview .preview-stat-row>div{padding:11px;gap:8px}.tablet-preview .preview-stat-row strong{font-size:25px}.tablet-preview .preview-stat-row span{font-size:9px}.tablet-preview .preview-list-columns{grid-template-columns:minmax(0,1fr) 72px 52px;gap:8px;padding:9px 10px;font-size:8px}.tablet-preview .preview-card-row{grid-template-columns:40px minmax(0,1fr) 72px 52px;gap:8px;padding:12px 10px}.tablet-preview .preview-card-icon{width:40px;height:28px;font-size:12px}.tablet-preview .preview-card-row b{font-size:10px}.tablet-preview .preview-card-row>div>span{font-size:8px}.tablet-preview .preview-status{font-size:8px;gap:3px}.tablet-preview .preview-row-amount{font-size:9px}.tablet-preview .preview-bottom{padding:10px 15px;font-size:8px}.tablet-preview .preview-small-note{font-size:8px}.tablet-preview .budget-summary{padding:18px;margin-bottom:17px}.tablet-preview .budget-line{margin-top:17px}.tablet-preview .budget-summary strong{font-size:30px}.tablet-preview .preview-table th,.tablet-preview .preview-table td{padding:13px 8px}
.workspace-floating-card{position:absolute;left:0;bottom:14px;z-index:3;width:250px;height:155px;border-radius:12px;overflow:hidden;padding:21px 22px 17px;color:#fff;background:radial-gradient(ellipse at 85% 0%,#2ab28080,transparent 68%),linear-gradient(120deg,#073d2c,#087c50);border:1px solid #2b8664;box-shadow:0 14px 24px #164b2d26}
.workspace-floating-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff03 0 1px,transparent 1px 5px)}
.floating-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.floating-card-top img{width:109px;height:auto}.floating-card-top>span{font:6px Arial,sans-serif;color:#b9e6d1;letter-spacing:.12em}.floating-card-chip{display:block;width:25px;height:20px;margin-top:14px;border:1px solid #d4dbac;border-radius:4px;background:linear-gradient(130deg,#e7e5c5,#afbf9c 55%,#e5e8c6);position:relative}.floating-card-chip:before{content:'';position:absolute;inset:6px 0;border-block:1px solid #7f987c}.floating-card-chip:after{content:'';position:absolute;inset:0 8px;border-inline:1px solid #7f987c}.floating-card-number{display:block;margin-top:9px;font:12px Consolas,monospace;letter-spacing:.12em;color:#e2f2e9}.floating-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:13px}.floating-card-bottom>span{font:6px Arial,sans-serif;letter-spacing:.09em;color:#d2e8dc}.floating-card-bottom small{display:block;margin-top:4px;font-size:4px;letter-spacing:.06em;color:#94c5ac}.floating-card-bottom b{font:600 22px Arial,sans-serif;line-height:1;letter-spacing:-2px;color:#cbf5dd}
.workspace-floating-controls{position:absolute;left:268px;bottom:14px;z-index:4;width:252px;background:#fff;border:1px solid #e7eae8;border-radius:8px;padding:17px 18px 0;box-shadow:0 10px 26px #183b2421;color:#404a43}
.floating-controls-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.floating-controls-head h3{font-size:11px;font-weight:550;letter-spacing:0}.floating-controls-head>span{font-size:8px;color:#93a197;background:#f1f5f2;border-radius:3px;padding:2px 5px}.floating-control-caption{font-size:9px;color:#96a298;margin-bottom:6px}.floating-control-value{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #e9eeeb;border-radius:4px;font-size:8px;color:#819087}.floating-control-value strong{font:500 12px Arial,sans-serif;color:#3c5445}.floating-control-value>span:last-child{margin-left:auto;font-size:7px}.floating-control-progress{height:4px;border-radius:4px;overflow:hidden;background:#edf2ef;margin:12px 0 6px}.floating-control-progress>span{display:block;width:40%;height:100%;background:#32996a}.floating-control-meta{display:flex;justify-content:space-between;font-size:8px;color:#99a49c;margin-bottom:13px}.floating-control-footer{border-top:1px solid #edf0ee;padding:9px 0;display:flex;align-items:center;gap:5px;font-size:8px;color:#6f8f7c}.floating-control-footer svg{width:12px;height:12px}
@media(min-width:761px) and (max-width:1150px){.workspace-visual{max-width:820px;justify-self:center;padding-left:40px}.workspace-visual .tablet-preview{max-width:none}.workspace-floating-card{left:0}.workspace-floating-controls{left:268px}}
@media(max-width:760px){.workspace-visual{padding:0 0 88px 12px}.workspace-visual .tablet-preview{border-width:6px;border-radius:17px}.tablet-preview .preview-topbar{padding:11px 10px;gap:8px}.tablet-preview .preview-topbar img{width:90px}.tablet-preview .preview-topbar-divider,.tablet-preview .preview-space-name{display:none}.tablet-preview .preview-topbar .demo-label{margin-left:auto;font-size:8px}.tablet-preview .preview-avatar{display:none}.tablet-preview .preview-layout{grid-template-columns:1fr}.tablet-preview .preview-sidebar{padding:8px;gap:4px}.tablet-preview .preview-sidebar>button{justify-content:center;padding:8px 3px;font-size:9px;gap:4px}.tablet-preview .preview-content{padding:17px 10px 15px}.tablet-preview .workspace-panel{min-height:368px}.tablet-preview .preview-heading h3{font-size:17px}.tablet-preview .preview-heading p{font-size:8px}.tablet-preview .preview-open-button{font-size:8px;padding:7px 6px;gap:4px}.tablet-preview .preview-stat-row{gap:5px}.tablet-preview .preview-stat-row>div{padding:10px 8px}.tablet-preview .preview-stat-row span{font-size:8px}.tablet-preview .preview-stat-row strong{font-size:23px}.tablet-preview .preview-list-columns{grid-template-columns:minmax(0,1fr) 49px;padding-inline:8px}.tablet-preview .preview-card-row{grid-template-columns:33px minmax(0,1fr) 49px;padding:12px 8px;gap:6px}.tablet-preview .preview-card-icon{width:33px;height:25px;padding:5px;font-size:10px}.tablet-preview .preview-card-row b{font-size:10px}.tablet-preview .preview-card-row>div>span{font-size:7px}.tablet-preview .preview-status{font-size:7px;padding:3px}.tablet-preview .preview-bottom{padding:10px;font-size:7px}.tablet-preview .preview-small-note{font-size:7px}.tablet-preview .preview-table{font-size:9px}.tablet-preview .preview-table th,.tablet-preview .preview-table td{padding:13px 5px}.workspace-floating-card{width:160px;height:103px;left:0;bottom:10px;padding:13px 14px;border-radius:8px}.floating-card-top img{width:75px}.floating-card-top>span{font-size:4px}.floating-card-chip{width:18px;height:14px;margin-top:9px}.floating-card-chip:before{inset:4px 0}.floating-card-chip:after{inset:0 6px}.floating-card-number{font-size:8px;margin-top:6px}.floating-card-bottom{margin-top:9px}.floating-card-bottom>span{font-size:4px}.floating-card-bottom small{font-size:3px;margin-top:3px}.floating-card-bottom b{font-size:15px}.workspace-floating-controls{width:174px;left:auto;right:0;bottom:5px;padding:11px 11px 0;border-radius:6px}.floating-controls-head{margin-bottom:9px}.floating-controls-head h3{font-size:9px}.floating-controls-head>span{font-size:6px}.floating-control-caption{font-size:7px;margin-bottom:5px}.floating-control-value{font-size:6px;gap:5px;padding:5px}.floating-control-value strong{font-size:9px}.floating-control-value>span:last-child{font-size:5px}.floating-control-progress{margin:9px 0 5px;height:3px}.floating-control-meta{font-size:6px;margin-bottom:9px}.floating-control-footer{font-size:6px;padding:7px 0}.floating-control-footer svg{width:10px;height:10px}}
@media(max-width:360px){.workspace-floating-card{width:142px;height:95px;padding:12px}.workspace-floating-controls{width:150px;bottom:0}.floating-card-top img{width:64px}.floating-card-number{font-size:7px}.floating-card-bottom{margin-top:7px}.floating-control-value>span:last-child{display:none}.tablet-preview .preview-card-row{grid-template-columns:28px minmax(0,1fr) 45px;gap:5px;padding-inline:6px}.tablet-preview .preview-card-icon{width:28px;height:23px;font-size:9px}.tablet-preview .preview-card-row b{font-size:9px}.tablet-preview .preview-card-row>div>span{font-size:6px}}
/* Reference-style card view: details at left, limits and transactions at right. */
.tablet-preview .card-detail-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.65fr);gap:10px;padding:13px;background:#f8faf9;align-items:stretch}
.card-detail-aside{background:#fff;border:1px solid #e7ece9;border-radius:5px;padding:13px 12px;min-width:0}
.detail-block-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:13px}.detail-block-heading h3{font-size:10px;font-weight:550;color:#3f4a43;letter-spacing:0;line-height:1.5}.detail-block-heading>button{font-size:7px;padding:4px 5px;border:1px solid #e2eee7;border-radius:3px;color:#078653;background:#fff;white-space:nowrap}.detail-block-heading>button:hover{background:#edf7f1}.detail-block-heading>span{font-size:7px;color:#9aa69e}
.detail-mini-card{position:relative;aspect-ratio:1.6;width:100%;max-width:170px;margin:8px auto 0;padding:13px 12px;border-radius:7px;background:radial-gradient(ellipse at 90% 5%,#239d7059,transparent 65%),linear-gradient(125deg,#0a4933,#087348);color:#fff;overflow:hidden;box-shadow:0 5px 12px #1b503316}.detail-mini-card img{width:80px;height:auto;margin-left:auto}.detail-mini-chip{display:block;width:18px;height:14px;border-radius:3px;background:linear-gradient(120deg,#e1dfbd,#99b594);border:1px solid #b6c5a2;margin-top:12px}.detail-mini-card>span:last-of-type{display:block;font:8px Consolas,monospace;letter-spacing:.08em;margin-top:9px}.detail-mini-card>b{position:absolute;right:10px;bottom:9px;font:600 18px Arial,sans-serif;letter-spacing:-1px;color:#c3ebd5}
.detail-card-caption{display:block;text-align:center;font-size:7px;color:#86a492;margin:10px 0 13px}.detail-properties{margin:0;display:grid}.detail-properties>div{padding:11px 0;border-bottom:1px solid #f0f3f1}.detail-properties dt{font-size:7px;color:#a2aca5;margin-bottom:4px}.detail-properties dd{margin:0;font-size:9px;color:#56695d;line-height:1.6}.detail-active{display:inline-block;color:#33845a;background:#eaf5ed;border-radius:2px;padding:1px 5px;font-size:7px}.detail-demo-note{margin-top:18px;font-size:7px;color:#adb6af;line-height:1.8}
.tablet-preview .card-detail-layout>.preview-content{padding:0;background:none;min-width:0}.tablet-preview .card-detail-layout .workspace-panel{min-height:440px}.detail-usage,.detail-transactions{border:1px solid #e7ece9;border-radius:5px;background:#fff;padding:13px 12px}.detail-usage{margin-bottom:10px}.detail-spend{display:flex;align-items:center;gap:7px;font-size:8px;color:#7d8a81;margin-bottom:17px}.detail-spend strong{font:600 12px Arial,sans-serif;color:#078653}.detail-spend>span{font:6px Arial,sans-serif;color:#a3afa7}.detail-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}.detail-limit-grid>div{min-width:0}.detail-limit-grid div>span{display:flex;justify-content:space-between;gap:6px;font-size:7px;color:#99a69d}.detail-limit-grid b{font:7px Arial,sans-serif;color:#889a8e}.detail-limit-grid p{font:7px Arial,sans-serif;color:#6c7f73;margin:5px 0 6px}.detail-limit-grid meter{display:block;width:100%;height:3px;background:#eaf0ec;border:0;border-radius:2px}.detail-limit-grid meter::-webkit-meter-bar{background:#eaf0ec;border:0;border-radius:2px}.detail-limit-grid meter::-webkit-meter-optimum-value{background:#72b992;border-radius:2px}.detail-limit-grid meter::-moz-meter-bar{background:#72b992}
.detail-search{display:flex;align-items:center;gap:7px;border:1px solid #edf0ee;border-radius:3px;padding:5px 7px;background:#fcfdfc}.detail-search svg{width:10px;height:10px;color:#a7b2ab}.detail-search input{min-width:0;width:100%;font-size:8px;border:0;background:none;padding:0;color:#566d5f;outline:none}.detail-search input::placeholder{color:#b2bbb5}.detail-search:focus-within{border-color:#8dbfa2}.detail-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:6px;margin:8px 0 7px}.detail-filters>label,.detail-filters>span{display:flex;align-items:center;min-width:0;border:1px solid #edf1ee;border-radius:3px;font-size:7px;color:#9ba89f;padding:5px 6px;white-space:nowrap}.detail-filters>label{background:#edf7f0;border-color:#dcece2;padding:0}.detail-filters select{width:100%;min-width:0;font-size:7px;color:#4f916a;border:0;background:transparent;padding:5px;outline:none}.detail-transaction-table{width:100%;table-layout:fixed;text-align:left;border-collapse:collapse;font-size:7px;color:#809186}.detail-transaction-table th{font-size:6px;font-weight:500;color:#98a69c;padding:8px 3px;border-bottom:1px solid #edf1ee}.detail-transaction-table th:nth-child(1){width:14%}.detail-transaction-table th:nth-child(2){width:42%}.detail-transaction-table th:nth-child(3){width:25%;text-align:right}.detail-transaction-table th:nth-child(4){width:19%;text-align:right}.detail-transaction-table td{padding:12px 3px;border-bottom:1px solid #f2f4f2;overflow-wrap:anywhere}.detail-transaction-table td:nth-child(3){text-align:right;font-family:Arial,sans-serif;white-space:nowrap}.detail-transaction-table td:nth-child(4){text-align:right}.detail-transaction-table td span{display:inline-block;white-space:nowrap;font-size:6px;padding:2px 4px;background:#eaf6ee;color:#548f69;border-radius:2px}.detail-record-note,.detail-empty{font-size:7px;color:#a8b4ac;margin-top:11px;line-height:1.7}.detail-empty{padding:20px 0;text-align:center}.detail-empty[hidden],.detail-transaction-table tr[hidden]{display:none}
.tablet-preview .card-detail-layout #workspace-budgets,.tablet-preview .card-detail-layout #workspace-bills{background:#fff;border:1px solid #e7ece9;border-radius:5px;padding:16px 13px}.tablet-preview .card-detail-layout .preview-heading h3{font-size:16px}.tablet-preview .card-detail-layout .preview-heading>div>span{font-size:7px}.tablet-preview .card-detail-layout .preview-count{font-size:7px}.tablet-preview .card-detail-layout .budget-line>div{font-size:9px}.tablet-preview .card-detail-layout .budget-summary>span{font-size:9px}.tablet-preview .card-detail-layout .budget-summary p{font-size:8px}.tablet-preview .card-detail-layout .budget-summary strong{font-size:25px}.tablet-preview .card-detail-layout .bill-summary{padding:17px 10px}.tablet-preview .card-detail-layout .bill-summary>span{font-size:8px}.tablet-preview .card-detail-layout .bill-summary strong{font-size:20px}.tablet-preview .card-detail-layout .preview-table{font-size:8px}.tablet-preview .card-detail-layout .preview-table th,.tablet-preview .card-detail-layout .preview-table td{padding:13px 5px}
@media(max-width:760px){.tablet-preview .card-detail-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr);gap:6px;padding:7px}.card-detail-aside{padding:10px 7px}.detail-block-heading{gap:4px;margin-bottom:10px;align-items:flex-start;flex-wrap:wrap}.detail-block-heading h3{font-size:8px}.detail-block-heading>button{font-size:6px;padding:3px 4px}.detail-block-heading>span{font-size:6px}.detail-mini-card{padding:8px;border-radius:4px;min-height:68px}.detail-mini-card img{width:57px}.detail-mini-chip{width:13px;height:10px;margin-top:9px}.detail-mini-card>span:last-of-type{font-size:5px;margin-top:7px}.detail-mini-card>b{font-size:12px;bottom:5px;right:6px}.detail-card-caption{font-size:6px;margin:8px 0}.detail-properties>div{padding:11px 0}.detail-properties dt{font-size:6px}.detail-properties dd{font-size:7px}.detail-active{font-size:6px;padding:1px 3px}.detail-demo-note{font-size:6px}.detail-usage,.detail-transactions{padding:10px 7px}.detail-spend{flex-wrap:wrap;font-size:6px;gap:4px;margin-bottom:12px}.detail-spend strong{font-size:10px}.detail-limit-grid{gap:12px 8px}.detail-limit-grid div>span,.detail-limit-grid b{font-size:6px}.detail-limit-grid p{font-size:5px;line-height:1.6;margin:5px 0}.detail-limit-grid meter{height:2px}.detail-search{padding:5px;gap:4px}.detail-search input{font-size:6px}.detail-search svg{width:8px;height:8px}.detail-filters{gap:4px;grid-template-columns:1.2fr 1fr;margin:7px 0}.detail-filters>span:nth-last-child(-n+2){display:none}.detail-filters>label,.detail-filters>span{font-size:5px;padding:4px}.detail-filters select{font-size:6px;padding:4px}.detail-transaction-table{font-size:5px}.detail-transaction-table th{font-size:5px;padding:8px 2px}.detail-transaction-table td{padding:12px 2px}.detail-transaction-table th:nth-child(1){width:17%}.detail-transaction-table th:nth-child(2){width:35%}.detail-transaction-table th:nth-child(3){width:29%}.detail-transaction-table th:nth-child(4){width:19%}.detail-transaction-table td span{font-size:4px;padding:2px}.detail-record-note{font-size:5px}.tablet-preview .card-detail-layout .workspace-panel{min-height:425px}.tablet-preview .card-detail-layout #workspace-budgets,.tablet-preview .card-detail-layout #workspace-bills{padding:12px 8px}.tablet-preview .card-detail-layout .preview-heading h3{font-size:12px}.tablet-preview .card-detail-layout .preview-count{font-size:5px;max-width:none}.tablet-preview .card-detail-layout .preview-heading>div>span{font-size:5px}.tablet-preview .card-detail-layout .budget-summary{padding:12px 8px}.tablet-preview .card-detail-layout .budget-summary strong{font-size:19px}.tablet-preview .card-detail-layout .budget-summary strong small{font-size:12px}.tablet-preview .card-detail-layout .budget-summary>span,.tablet-preview .card-detail-layout .budget-summary p{font-size:6px}.tablet-preview .card-detail-layout .budget-line>div{font-size:6px;gap:4px;flex-wrap:wrap}.tablet-preview .card-detail-layout .bill-summary{padding:13px 7px;flex-wrap:wrap;gap:8px}.tablet-preview .card-detail-layout .bill-summary strong{font-size:17px}.tablet-preview .card-detail-layout .preview-table{font-size:5px}.tablet-preview .card-detail-layout .preview-table th,.tablet-preview .card-detail-layout .preview-table td{padding:13px 3px}.tablet-preview .card-detail-layout .preview-small-note{font-size:5px}}
/* Landscape tablet: compress vertical UI spacing rather than stretch the artwork. */
@media(min-width:761px){.tablet-preview .detail-block-heading{margin-bottom:7px}.tablet-preview .detail-limit-grid{gap:6px 18px}.tablet-preview .detail-limit-grid p{margin:2px 0 3px;line-height:1.35}.tablet-preview .detail-limit-grid div>span{line-height:1.4}.tablet-preview .detail-transaction-table{line-height:1.4}.tablet-preview .detail-transaction-table td{padding-block:6px}.tablet-preview .detail-filters>span{padding-block:4px}.tablet-preview .detail-search{padding-block:4px}}
.tablet-preview .preview-topbar{padding-block:9px}
.tablet-preview .card-detail-layout{padding:10px;gap:9px}
.tablet-preview .card-detail-layout .workspace-panel{min-height:0}
.card-detail-aside{padding:11px 12px}
.detail-block-heading{margin-bottom:9px}
.detail-mini-card{max-width:150px;margin-top:5px}
.detail-card-caption{margin:7px 0 8px}
.detail-properties>div{padding:6px 0}
.detail-properties dt{margin-bottom:2px;line-height:1.4}
.detail-properties dd{line-height:1.4}
.detail-demo-note{margin-top:10px;line-height:1.5}
.detail-usage,.detail-transactions{padding:10px 12px}
.detail-usage{margin-bottom:8px}
.detail-spend{margin-bottom:10px}
.detail-limit-grid{gap:8px 18px}
.detail-limit-grid p{margin:3px 0 4px}
.detail-filters{margin:6px 0 4px}
.detail-transaction-table th{padding-block:6px}
.detail-transaction-table td{padding-block:8px}
.detail-record-note{margin-top:7px}
.tablet-preview .preview-bottom{padding-block:7px}
.tablet-preview .card-detail-layout #workspace-budgets,.tablet-preview .card-detail-layout #workspace-bills{min-height:380px}
@media(max-width:760px){.tablet-preview .preview-topbar{padding-block:8px}.tablet-preview .card-detail-layout{padding:6px;gap:5px}.card-detail-aside{padding:9px 6px}.detail-usage,.detail-transactions{padding:9px 6px}.detail-mini-card{min-height:65px}.detail-properties>div{padding:8px 0}.detail-limit-grid{gap:9px 7px}.detail-transaction-table td{padding-block:9px}.tablet-preview .card-detail-layout #workspace-budgets,.tablet-preview .card-detail-layout #workspace-bills{min-height:360px}}
/* Raised call-to-action and dark, structured footer. */
.footer.footer-redesign{display:flow-root;margin-top:176px;padding:0 0 28px;background:#252b3b;color:#c4c9d4;border-radius:16px 16px 0 0}
.footer-redesign>.container{display:flow-root}
.footer-cta{position:relative;width:min(1200px,calc(100% - 80px));margin-inline:auto;isolation:isolate;overflow:hidden;min-height:320px;margin-top:-112px;margin-bottom:64px;padding:52px clamp(44px,5vw,80px);border-radius:22px;background:linear-gradient(115deg,#078653,#086748);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;box-shadow:0 18px 42px #0c35221c;color:#fff}
/* Keep the consultation banner aligned with the restored content rail. */
@media(max-width:1250px){.footer-cta{width:calc(100% - 100px)}}
@media(max-width:1000px){.footer-cta{width:calc(100% - 64px)}}
@media(max-width:760px){.footer-cta{width:calc(100% - 44px)}}
@media(max-width:560px){.footer-cta{width:calc(100% - 36px)}}
.footer-cta:before{content:'';position:absolute;z-index:-1;pointer-events:none;border:58px solid #b9ffdb0c;border-radius:50%;width:350px;height:350px;left:-165px;top:-255px}
.footer-cta:after{content:'';position:absolute;z-index:-1;pointer-events:none;top:42px;right:0;height:calc(100% - 24px);aspect-ratio:1118 / 1160;transform:translateX(25%);background:url('./assets/manba-globe.png') center / contain no-repeat;opacity:.26}
.footer-cta-copy,.footer-cta-action{min-width:0}
.footer-cta-copy>span{display:block;font-size:12px;line-height:1.5;letter-spacing:.2em;color:#bbebd1;font-weight:500}
.footer-cta h2{font-size:40px;line-height:1.4;font-weight:550;letter-spacing:.01em;margin:14px 0 16px;color:#fff;text-wrap:initial}
.footer-cta-copy>p{font-size:15px;line-height:1.85;color:#d1eade}
.footer-cta-action{width:100%;max-width:560px;justify-self:end}
.footer-journey{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:18px}
.footer-journey li{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start;gap:16px;font-size:15px;line-height:1.5;color:#fff}
.footer-journey li:not(:last-child):after{content:'';position:absolute;left:12px;top:32px;bottom:-20px;width:1px;background:#c4efdb70;pointer-events:none}
.footer-journey svg{position:relative;z-index:1;width:25px;height:25px;margin-top:5px;padding:5px;border-radius:50%;background:#fff;stroke:#078653;stroke-width:2}
.footer-journey li>span{display:grid;gap:2px;min-width:0}
.footer-journey b{display:block;font-family:Arial,sans-serif;font-size:12px;line-height:1.3;margin:0;color:#d2efdf;font-weight:400;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.footer-journey li>span>span{display:block;font-weight:500}
.footer-contact-form{display:flex;align-items:center;gap:5px;width:100%;max-width:460px;background:#fff;border:1px solid #fff;border-radius:999px;padding:4px;min-width:0;min-height:48px}
.footer-contact-form input{background:transparent;min-width:0;flex:1;width:0;border:0;color:#242b29;padding:6px 12px;font-size:13px;outline:none}
.footer-contact-form input::placeholder{color:#87958d}
.footer-contact-form:focus-within{box-shadow:0 0 0 4px #d3ffe32b}
.footer-contact-form button{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 18px;font-size:13px;border-radius:999px;color:#fff;background:#08774d;font-weight:500}
.footer-contact-form button:hover{background:#045e3b}
.footer-contact-form button svg{width:16px;height:16px}
.footer-form-note{font-size:11px;line-height:1.7;color:#c5e5d5;margin-top:10px;padding-left:14px}
.footer-main{display:grid;grid-template-columns:1fr 2.6fr 1.05fr;gap:42px;padding-bottom:37px}
.footer-redesign .footer-brand{width:160px;max-width:100%;margin-bottom:17px}
.footer-identity>p{font-size:12px;color:#e0e3ea;margin-bottom:8px}
.footer-identity>span{font-size:11px;color:#8e98ac}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-nav h3,.footer-contact h3{font-size:12px;font-weight:500;color:#fff;margin:0 0 7px;letter-spacing:0}
.footer-nav a,.footer-nav button{font-size:11px;line-height:1.7;color:#aab3c5;padding:0;text-align:left}
.footer-nav a:hover,.footer-nav button:hover,.footer-quick-links a:hover,.footer-quick-links button:hover{color:#d7fae4}
.footer-contact{border-left:1px solid #ffffff14;padding-left:25px}
.footer-contact-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff24;background:#ffffff06;border-radius:8px;color:#d8e7df;margin-bottom:12px}
.footer-contact-icon svg{width:19px;height:19px}
.footer-contact p{font-size:11px;line-height:1.9;color:#aab3c5}
.footer-contact>button{display:flex;align-items:center;gap:12px;font-size:11px;color:#c5f3d6;padding:0;margin-top:12px}
.footer-contact>button svg{width:14px;height:14px}
.footer-contact-note{display:block;font-size:9px;line-height:1.8;color:#7f8ba1;margin-top:13px}
.footer-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:20px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;font-size:10px;color:#929db1}
.footer-quick-links>span{color:#d5dbe6;margin-right:8px}
.footer-quick-links button{font-size:10px;padding:0;color:inherit}
.footer-redesign .footer-bottom{padding-top:23px;color:#8f9ab0;font-size:10px;border:0;justify-content:flex-start;gap:4px}
.footer-redesign .footer-bottom>span:last-child{margin-left:auto;color:#7c89a0}
.footer-redesign .disclaimer{max-width:980px;color:#7e899d;font-size:9px;line-height:1.9;margin-top:14px}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr 3fr;gap:32px}.footer-contact{grid-column:2;border-left:0;padding-left:0;display:grid;grid-template-columns:34px 1fr;gap:0 14px}.footer-contact-icon{grid-row:1 / 4}.footer-contact p,.footer-contact>button,.footer-contact-note{grid-column:2}.footer-contact-note{margin-top:9px}.footer-cta{min-height:292px;gap:30px;padding:44px 36px}.footer-cta h2{font-size:34px}.footer-cta-copy>p{font-size:14px}.footer-journey li{font-size:14px}}
@media(max-width:760px){.footer-cta:after{width:min(100%,360px);height:auto;top:calc(50% + 30px);transform:translate(25%,-50%)}.footer.footer-redesign{margin-top:134px}.footer-cta{min-height:0;margin-top:-82px;margin-bottom:44px;padding:36px 29px;grid-template-columns:1fr;gap:28px;border-radius:17px}.footer-cta h2{font-size:32px;margin:12px 0 14px}.footer-cta-action{max-width:none}.footer-journey{gap:18px;margin-bottom:24px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-nav{gap:22px}.footer-contact{grid-column:auto}.footer-redesign .footer-brand{width:151px}.footer-identity>span{display:block}.footer-quick-links{gap:13px 20px}.footer-redesign .footer-bottom{display:flex;flex-wrap:wrap;line-height:1.9}.footer-redesign .footer-bottom>span:last-child{margin-left:0;flex-basis:100%;margin-top:5px}}
@media(max-width:460px){.footer-cta{padding:32px 22px;gap:26px}.footer-cta-copy>span{font-size:11px}.footer-cta h2{font-size:28px}.footer-cta-copy>p{font-size:13px}.footer-contact-form{min-height:46px;padding:4px}.footer-contact-form button{padding:7px 12px;gap:6px;font-size:12px}.footer-contact-form input{padding-left:9px;font-size:12px}.footer-form-note{font-size:10px;padding-left:9px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.footer-nav h3{font-size:12px}.footer-nav a,.footer-nav button{font-size:12px}.footer-quick-links>span{flex-basis:100%}}
/* Align the desktop card pair with the right edge of the primary nav action. Keep the globe in place. */
@media(min-width:1251px){.hero-art .card-front{left:188px}.hero-art .card-back{left:305px}}
/* Login and registration demo page opened by the primary navigation action. */
.auth-modal{width:min(900px,calc(100% - 32px));padding:0;overflow:hidden;border:1px solid #dcebe2;background:#fff}
.auth-layout{display:grid;grid-template-columns:minmax(290px,.86fr) minmax(0,1.14fr);min-height:510px}
.auth-visual{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#087f51,#075c41);min-height:510px}
.auth-visual:before{content:'';position:absolute;inset:-25%;background:radial-gradient(circle at 32% 27%,#b8f8d040 0 8%,transparent 31%),radial-gradient(circle at 84% 86%,#b0f5c527 0 7%,transparent 30%);z-index:-1}
.auth-glow{position:absolute;left:-90px;bottom:-110px;width:390px;height:390px;border:1px solid #bfffe035;border-radius:50%;box-shadow:0 0 0 22px #bfffe00e,0 0 0 54px #bfffe008}
.auth-orbit{position:absolute;display:block;border:1px solid #c9ffe640;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.auth-orbit-a{width:430px;height:220px;left:-54px;top:122px}.auth-orbit-b{width:350px;height:180px;left:22px;top:186px;opacity:.6}
.auth-card{position:absolute;width:220px;height:140px;border-radius:15px;padding:18px 19px;color:#effff5;background:linear-gradient(135deg,#39c994,#08784e);box-shadow:0 24px 35px #013c2b45;transform:rotate(-12deg)}.auth-card strong{display:block;font-size:16px;letter-spacing:-.04em}.auth-card small{display:block;font:7px/1.4 Arial,sans-serif;letter-spacing:1.6px;opacity:.75;margin-top:4px}.auth-card b{position:absolute;left:19px;bottom:18px;font:13px/1 Arial,sans-serif;letter-spacing:2px}.auth-card:after{content:'';position:absolute;right:-30px;top:-45px;width:150px;height:100px;border:1px solid #d6ffeb55;border-radius:50%;transform:rotate(25deg)}.auth-card-chip{position:absolute;right:19px;top:45px;width:27px;height:21px;border-radius:4px;background:linear-gradient(135deg,#f1f0ce,#a1c99e);opacity:.85}.auth-card-back{left:118px;top:257px;transform:rotate(8deg);background:linear-gradient(145deg,#0c5e47,#063d31);opacity:.88}.auth-card-front{left:34px;top:179px;z-index:2}
.auth-visual:after{content:'一张卡，理清每一笔支出';position:absolute;left:34px;bottom:32px;color:#d6f9e2;font-size:15px;letter-spacing:.04em}
.auth-panel{position:relative;padding:48px 58px 42px;min-width:0}.auth-panel .section-kicker{margin-bottom:12px}.auth-panel h2{font-size:28px;line-height:1.45;color:#203b2e;font-weight:600}.auth-subtitle{margin-top:9px;color:#7c8c83;font-size:13px;line-height:1.8}.auth-switch{display:flex;gap:23px;margin:30px 0 24px;border-bottom:1px solid #e4ece7}.auth-switch button{position:relative;padding:0 0 11px;color:#87958d;font-size:14px}.auth-switch button[aria-selected=true]{color:#078653;font-weight:600}.auth-switch button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#078653}.auth-form{display:grid;gap:14px}.auth-form>label{display:grid;gap:7px;color:#4c5f54;font-size:12px}.auth-form input{background:#fbfdfb;border-color:#dce9e0;border-radius:7px;color:#254437}.auth-form input:focus{outline:2px solid #07865324;border-color:#078653}.auth-password{position:relative}.auth-password input{padding-right:55px}.auth-password button{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#078653;font-size:11px}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-3px}.auth-check{display:flex!important;grid-template:none!important;align-items:center;gap:7px!important;color:#84928a!important;font-size:11px!important}.auth-check input{width:14px;height:14px;accent-color:#078653}.auth-link{color:#078653;font-size:11px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:5px;min-height:44px;border-radius:7px}.auth-submit svg{width:16px;height:16px}.auth-hint{text-align:center;color:#98a49d;font-size:10px;line-height:1.7;margin-top:1px}.auth-agree{margin-top:1px}.auth-form[hidden]{display:none}
@media(max-width:700px){.auth-modal{width:min(520px,calc(100% - 24px))}.auth-layout{display:block;min-height:0}.auth-visual{height:178px;min-height:0}.auth-card{transform:scale(.68) rotate(-12deg);transform-origin:left top;left:35px;top:73px}.auth-card-back{left:163px;top:49px;transform:scale(.68) rotate(8deg)}.auth-visual:after{left:24px;bottom:19px;font-size:12px}.auth-panel{padding:30px 27px 28px}.auth-panel h2{font-size:24px}.auth-switch{margin-top:24px}}
@media(max-width:380px){.auth-panel{padding-inline:21px}.auth-visual{height:160px}.auth-card{left:16px;top:62px}.auth-card-back{left:143px;top:39px}.auth-visual:after{left:18px;font-size:11px}}
/* Standalone account page: account form left, Manba brand artwork right. */
a.register-button{display:inline-flex;align-items:center;justify-content:center}
.auth-page{min-height:100vh;min-height:100dvh;background:#fff;color:#303632}
.auth-page .auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);min-height:100vh;min-height:100dvh}
.auth-account-side{display:flex;flex-direction:column;align-items:flex-end;min-width:0;padding:0 68px 0 32px}
.auth-header{width:310px;max-width:100%;height:100px;display:flex;align-items:flex-start;padding-top:30px;flex-shrink:0}
.auth-brand img{width:142px;height:auto}
.auth-form-brand{display:inline-block;margin-bottom:22px;vertical-align:top}
.auth-page .auth-panel{width:310px;max-width:100%;min-width:0;padding:40px 0;margin:auto 0}
.auth-panel h1{font-size:28px;line-height:1.5;letter-spacing:0;font-weight:550;color:#252e28}
.auth-page .auth-panel .section-kicker{font-size:10px;letter-spacing:.12em;color:#078653;margin-bottom:12px}
.auth-page .auth-subtitle{font-size:12px;margin-top:7px;color:#909790}
.auth-page .auth-switch{margin:24px 0 22px;gap:22px;border-color:#edf0ee}
.auth-page .auth-switch button{font-size:12px;padding-bottom:10px}
.auth-page .auth-form{gap:15px}
.auth-page .auth-form>label{gap:7px;color:#505a53;font-size:11px}
.auth-page .auth-form input:not([type=checkbox]){display:block;width:100%;height:40px;min-height:40px;padding:9px 11px;border:1px solid #e1e6e2;border-radius:4px;background:#fff;font-size:12px;color:#303b34}
.auth-page .auth-form input::placeholder{color:#b0b6b1}
.auth-page .auth-password{display:block}
.auth-page .auth-password input:not([type=checkbox]){padding-right:49px}
.auth-page .auth-password button{font-size:10px;color:#7e8a82}
.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.auth-page .auth-link{font-size:10px;padding:0}
.auth-page .auth-submit{min-height:40px;margin-top:2px;border-radius:4px;background:#078653;color:#fff;font-size:12px;box-shadow:none}
.auth-page .auth-submit:hover{background:#056f44}
.auth-page .auth-check{line-height:1.8;font-size:10px!important}
.auth-page .auth-check input{flex:0 0 14px}
.auth-page .auth-hint{margin-top:6px;line-height:1.9;font-size:9px;color:#9aa39d}
.auth-divider{display:flex;align-items:center;gap:10px;color:#b8bfba;font-size:10px;margin:0}
.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#edf0ee}
.auth-explore{display:flex;align-items:center;justify-content:center;min-height:37px;border:1px solid #e5eae6;border-radius:4px;font-size:11px;color:#078653}
.auth-explore:hover{background:#f6faf7;border-color:#c7dacd}
.auth-mode-link{text-align:center;font-size:10px;color:#909a93;line-height:1.8}
.auth-mode-link button{padding:0 0 0 6px;font-size:10px;color:#078653}
.auth-account-footer{width:310px;max-width:100%;padding:24px 0 20px;flex-shrink:0;text-align:center;color:#929c95;font-size:9px;line-height:1.9}
.auth-back{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#078653;margin-bottom:7px}
.auth-back:hover{color:#055e3c}
.auth-product-side{display:flex;align-items:center;min-width:0;padding:84px 40px 84px 72px;background:linear-gradient(110deg,#f5f6f7,#fafbfb 68%,#fff)}
.auth-product-list{width:340px;max-width:100%}
.auth-product-item{display:flex;align-items:flex-start;gap:18px;margin-bottom:31px}
.auth-product-item:last-of-type{margin-bottom:0}
.auth-product-item>div{min-width:0;padding-top:2px}
.auth-product-item h2{font-size:13px;font-weight:550;line-height:1.6;color:#39423c;letter-spacing:0}
.auth-product-item p{font-size:11px;line-height:1.9;color:#949d97;margin-top:7px;max-width:265px}
.auth-product-icon{display:grid;place-items:center;position:relative;width:39px;height:39px;flex:0 0 39px;border-radius:10px;color:#078653;background:#e0f2e7}
.auth-product-icon svg{width:29px;height:29px;stroke-width:1.5}
.auth-icon-wallet{background:#deede8;color:#26795b}.auth-icon-bill{background:#e4f2ea;color:#14895c}.auth-icon-team{background:#e1eef0;color:#36796c}.auth-icon-api{background:#e6eee2;color:#5c8655}
.auth-product-note{font-size:9px;line-height:1.9;color:#aab2ac;margin:30px 0 0 57px}
@media(min-width:1600px){.auth-account-side{padding-right:80px}.auth-product-side{padding-left:80px}.auth-header,.auth-page .auth-panel,.auth-account-footer{width:320px}}
@media(max-width:1000px){.auth-account-side{padding-right:40px}.auth-product-side{padding-left:40px;padding-right:30px}.auth-product-item{gap:14px}.auth-product-note{margin-left:53px}}
@media(max-width:760px){.auth-page .auth-layout{display:flex;flex-direction:column;min-height:100dvh}.auth-account-side{align-items:center;min-height:100dvh;padding:0 26px}.auth-header{width:340px;height:92px;padding-top:26px}.auth-page .auth-panel{width:340px;padding:30px 0 40px;margin:auto 0}.auth-panel h1{font-size:24px}.auth-page .auth-form input:not([type=checkbox]){height:44px;font-size:13px}.auth-page .auth-submit{min-height:44px}.auth-account-footer{width:340px;padding-bottom:22px}.auth-product-side{display:none}}
@media(max-height:700px) and (min-width:761px){.auth-header{height:74px;padding-top:22px}.auth-page .auth-panel{padding:24px 0}.auth-account-footer{padding:14px 0}.auth-product-side{padding-block:50px}.auth-product-item{margin-bottom:24px}}
/* Restore original Manba green card artwork on the right-hand side. */
.auth-page .auth-brand-side{min-height:680px;height:auto}
.auth-brand-side .auth-visual-copy{position:relative;z-index:3;padding:clamp(48px,6vw,100px) clamp(32px,5vw,84px) 0;color:#fff}
.auth-visual-copy>span{font-size:10px;letter-spacing:.2em;color:#bce6cf}
.auth-visual-copy h2{font-size:clamp(30px,3.2vw,48px);font-weight:550;line-height:1.5;margin-top:20px;letter-spacing:0;color:#fff}
.auth-visual-copy p{margin-top:18px;font-size:13px;line-height:1.8;color:#c7e9d6}
.auth-brand-side .auth-card-front{left:14%;top:365px;transform:rotate(-12deg) scale(1.12);transform-origin:left top}
.auth-brand-side .auth-card-back{left:43%;top:420px;transform:rotate(8deg) scale(1.12);transform-origin:left top}
.auth-brand-side .auth-orbit-a{width:88%;height:280px;left:1%;top:330px}
.auth-brand-side .auth-orbit-b{width:75%;height:250px;left:15%;top:380px}
.auth-page .auth-brand-side:after{display:none}
.auth-visual-caption{position:absolute;bottom:35px;left:clamp(32px,5vw,84px);font-size:10px;letter-spacing:.15em;color:#bbdfcc}
@media(min-width:1700px){.auth-brand-side .auth-card-front{left:20%;transform:rotate(-12deg) scale(1.4)}.auth-brand-side .auth-card-back{left:46%;transform:rotate(8deg) scale(1.4)}}
@media(max-width:1000px) and (min-width:761px){.auth-brand-side .auth-card-front{left:10%;transform:rotate(-12deg)}.auth-brand-side .auth-card-back{left:33%;transform:rotate(8deg)}}
@media(max-width:760px){.auth-page .auth-brand-side{display:none}}
/* Center the account content within the white half, independently of the brand panel. */
@media(min-width:761px){.auth-account-side{align-items:center;padding-inline:32px}.auth-account-side>.auth-header,.auth-account-side>.auth-panel,.auth-account-side>.auth-account-footer{margin-inline:0}}
/* Product copy lives below the card artwork, never over the cards. */
.auth-brand-art{position:relative;min-height:635px;overflow:hidden}
.auth-brand-side .auth-glow{position:absolute;top:auto;bottom:-110px;z-index:-1;pointer-events:none}
.auth-brand-features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin:320px clamp(20px,2vw,36px) 0;padding:26px 0 30px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8fc5aa66 transparent}
.auth-brand-features article{min-width:0;padding:18px 12px 20px;border:1px solid #c9f5dd29;border-radius:10px;background:#ffffff09}
.auth-brand-features h3{color:#f1fff6;font-size:12px;font-weight:550;line-height:1.7;margin:0 0 10px}
.auth-brand-features p{color:#c1e1cf;font-size:10px;line-height:1.95;margin:0;overflow-wrap:break-word}
.auth-brand-side .auth-visual-caption{position:relative;bottom:auto;left:auto;margin:0 clamp(32px,5vw,84px);padding:0 0 32px}
@media(min-width:1700px){.auth-brand-art{min-height:690px}}
@media(max-width:1100px) and (min-width:761px){.auth-brand-art{min-height:615px}}
/* Account-page cards use the supplied Manba logo, with consistent safe areas. */
.auth-brand-side .auth-card{padding:18px 18px 16px;border:1px solid #d6ffe83b;box-shadow:0 20px 35px #013c2b38,inset 0 1px #ffffff18;overflow:hidden}
.auth-brand-side .auth-card-back{opacity:1;border-color:#91d8b62b}
.auth-card-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.auth-card-heading img{display:block;width:110px;height:auto;max-height:28px;object-fit:contain;object-position:left center}
.auth-card-heading>span{font:6px/1.4 Arial,sans-serif;letter-spacing:1px;color:#e0f8e9;opacity:.8}
.auth-brand-side .auth-card-chip{left:18px;right:auto;top:54px;width:25px;height:19px;border:1px solid #eee9b06b;background:linear-gradient(135deg,#e9e5ba,#aac59b 55%,#d5d8ad);box-shadow:inset 0 0 0 1px #ffffff30}
.auth-brand-side .auth-card-chip:before{content:'';position:absolute;left:8px;right:8px;top:0;bottom:0;border-inline:1px solid #65785d66}
.auth-brand-side .auth-card-chip:after{content:'';position:absolute;left:0;right:0;top:8px;border-top:1px solid #65785d66}
.auth-card-contactless{position:absolute;left:49px;top:55px;width:16px;height:16px;stroke:#e6f9ec;stroke-width:1.4;opacity:.7}
.auth-brand-side .auth-card .auth-card-number{left:18px;top:87px;bottom:auto;font:11px/1.3 Arial,sans-serif;letter-spacing:1.7px;white-space:nowrap}
.auth-card-footer{position:absolute;left:18px;right:18px;bottom:20px;display:flex;justify-content:space-between;gap:10px;font:6px/1.4 Arial,sans-serif;letter-spacing:.8px;color:#d6f1e1}
.auth-card-demo{position:absolute;bottom:7px;left:18px;font:4px/1.4 Arial,sans-serif;letter-spacing:1px;opacity:.45}
/* Rebalance the double-card composition within the expanded vertical spacing. */
.auth-page .auth-brand-side{container-type:inline-size}
.auth-brand-side .auth-brand-art{overflow:visible}
.auth-brand-side .auth-card{width:clamp(185px,43cqw,410px);height:auto;aspect-ratio:1.586;border-radius:clamp(13px,2cqw,23px);padding:clamp(16px,3.2cqw,30px);transform-origin:center center}
.auth-brand-side .auth-card-front{left:10%;top:380px;transform:rotate(-10deg);z-index:2;background:linear-gradient(135deg,#36cc96 0%,#159a6b 50%,#087e55 100%)}
.auth-brand-side .auth-card-back{left:45%;top:535px;transform:rotate(9deg);z-index:1;background:linear-gradient(140deg,#126d56,#084c3f 65%,#063f34)}
.auth-brand-side .auth-card-heading{gap:10px}
.auth-brand-side .auth-card-heading img{width:66%;height:auto;max-height:none}
.auth-brand-side .auth-card-heading>span{font-size:clamp(5px,.85cqw,8px);letter-spacing:.1em}
.auth-brand-side .auth-card-chip{left:7.5%;top:39%;width:12%;height:14%;border-radius:4px}
.auth-brand-side .auth-card-chip:before{left:33%;right:33%}
.auth-brand-side .auth-card-chip:after{top:47%}
.auth-brand-side .auth-card-contactless{left:23%;top:40%;width:8%;height:12%}
.auth-brand-side .auth-card .auth-card-number{left:7.5%;top:64%;font-size:clamp(10px,1.8cqw,17px);letter-spacing:.13em}
.auth-brand-side .auth-card-footer{left:7.5%;right:7.5%;bottom:15%;font-size:clamp(5px,.95cqw,9px);letter-spacing:.08em}
.auth-brand-side .auth-card-demo{left:7.5%;bottom:6%;font-size:clamp(4px,.65cqw,6px);letter-spacing:.15em}
.auth-brand-side .auth-card:after{width:72%;height:76%;right:-24%;top:-38%;opacity:.55}
.auth-brand-side .auth-orbit-a{top:395px;left:-6%;width:110%;height:360px;opacity:.55}
.auth-brand-side .auth-orbit-b{top:450px;left:9%;width:92%;height:325px;opacity:.35}
@media(max-width:1100px) and (min-width:761px){.auth-brand-side .auth-card-front{left:9%;top:355px}.auth-brand-side .auth-card-back{left:43%;top:495px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}