:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--white:#fff;--background:#f7f9fc;--navy:#081b3a;--mint:#20dda5;--emerald:#06bc83;--teal:#18c7ba;--aqua:#41d9e7;--blue:#3d6ff5;--soft-blue:#edf4ff;--soft-mint:#eafef6;--cta-start:#28e3ae;--cta-end:#06b980;--muted:#52647c;--border:#e3ebf3;--red:#b42335;--soft-red:#fff4f5;--radius-card:24px;--radius-compact:20px;--radius-control:16px;--motion-press:.12s;--motion-standard:.24s;--motion-reveal:.36s}
*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{color:var(--navy);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.1px;font-size:clamp(25px,2.4vw,36px);font-weight:600;line-height:1.2}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)}.app-layout{min-height:100vh}.sidebar{z-index:30;background:#fff;border-right:1px solid #e9eef4;flex-direction:column;width:242px;padding:23px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:-.6px;align-items:center;gap:8px;padding:0 2px 28px;font-size:19px;font-weight:650;display:flex}.wordmark small{letter-spacing:1.8px;color:var(--muted);margin-top:0;font-size:8px;font-weight:500;display:block}.sidebar nav{scrollbar-width:thin;flex:1;padding:0 0 12px;overflow-y:auto}.nav-group{color:#6b7e94;letter-spacing:1.4px;text-transform:uppercase;margin:15px 15px 5px;font-size:9px}.nav-link{color:var(--muted);transition:background var(--motion-standard), color var(--motion-standard);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.nav-link:hover{background:var(--background)}.nav-link.selected{background:var(--soft-mint);color:var(--navy);font-weight:600}.nav-link.selected svg{color:#047e66}.nav-dot{background:#059876;border-radius:50%;width:5px;height:5px;margin-left:auto}.system-link{border-top:1px solid var(--border);align-items:center;gap:10px;padding:18px 9px 2px;font-size:11px;display:flex}.system-link>svg:first-child{color:#079b7d}.system-link>svg:last-child{color:var(--muted);margin-left:auto}.system-link small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.workspace{margin-left:242px}.topbar{background:#ffffffd9;border-bottom:1px solid #e9eef4;justify-content:space-between;align-items:center;height:79px;padding:0 40px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:22px;display:flex}.top-breadcrumb{color:var(--muted);font-size:11px}.top-breadcrumb>span{color:#c3cedb;margin:0 14px}.preview-pill{color:#496576;align-items:center;gap:7px;font-size:10px;display:flex}.preview-pill>span{background:var(--teal);width:6px;height:6px;box-shadow:0 0 0 4px var(--soft-mint);border-radius:50%}.avatar,.phone-avatar{background:var(--soft-blue);color:#426590;border:1px solid #dae7f7;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;font-weight:600;display:grid}main{max-width:1600px;min-height:calc(100vh - 142px);margin:0 auto;padding:35px 40px 26px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:2px;color:#647993;margin-bottom:10px;font-size:9px;font-weight:600}.page-heading p{color:var(--muted);margin-top:10px;font-size:12px}.badge{white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:500;display:inline-flex}.badge.mint{background:var(--soft-mint);color:#086750}.badge.blue{background:var(--soft-blue);color:#315fb1}.badge.neutral{background:var(--background);color:var(--muted)}.badge.red{background:var(--soft-red);color:var(--red)}.card{border-radius:var(--radius-card);background:#fff;border:1px solid #ecf1f5;padding:24px;box-shadow:0 5px 28px #081b3a04}.foundation-grid{grid-template-columns:minmax(0,1fr) 323px;align-items:start;gap:32px;display:grid}.foundation-left{gap:18px;display:grid}.brand-hero{background:linear-gradient(108deg,#fff 10%,#f8fefc 56%,#e7fcf5 100%);border:1px solid #e5f1ed;min-height:304px;padding:32px 30px;position:relative;overflow:hidden}.hero-text{z-index:2;max-width:75%;position:relative}.brand-hero .badge{letter-spacing:1.5px;background:#eaf9f3;border:1px solid #d9efe6;padding:5px 7px;font-size:7px}.tiny-dot{background:#099770;border-radius:50%;width:4px;height:4px;margin-right:2px}.brand-hero h2{letter-spacing:-1.7px;margin:19px 0 15px;font-size:clamp(30px,3.1vw,48px);font-weight:550;line-height:1.12}.brand-hero h2 span{color:#0caa83}.brand-hero p{color:#5a7380;font-size:11px;line-height:1.8}.hero-divider{border-top:1px solid #daeee6;max-width:250px;margin-top:23px}.hero-bottom{color:#5e7b73;align-items:center;gap:40px;margin-top:16px;font-size:8px;display:flex}.hero-bottom span:first-child{white-space:nowrap;align-items:center;gap:7px;display:flex}.hero-bottom span:last-child{white-space:nowrap}.hero-art{place-items:center;width:260px;height:240px;display:grid;position:absolute;top:55px;right:-27px;transform:rotate(-11deg)}.logo-tile{z-index:1;background:linear-gradient(140deg,#fff,#f1fcf9);border:1px solid #fff;border-radius:35px;place-items:center;width:144px;height:144px;display:grid;transform:rotate(5deg);box-shadow:12px 22px 30px #228e7730,inset -3px -4px 6px #d2ebe7,inset 3px 3px 3px #fff}.orbit{border:1px solid #78d9c34d;border-radius:50%;width:250px;height:110px;position:absolute;transform:rotate(-35deg)}.orbit-b{width:285px;height:195px;transform:rotate(26deg)}.art-spark{background:#38cbb0;border-radius:4px;width:11px;height:11px;position:absolute}.spark-a{top:23px;right:55px;transform:rotate(30deg)}.spark-b{background:#afd7ff;width:7px;height:7px;bottom:34px;left:32px}.art-bubble{background:linear-gradient(135deg,#fff,#70dfcb);border-radius:50%;width:26px;height:26px;position:absolute;bottom:39px;right:20px;box-shadow:0 5px 10px #15927420}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-heading>div{align-items:center;gap:10px;display:flex}.section-number{color:#8598ac;font-size:10px}.section-heading small{color:var(--muted);font-size:9px}.palette{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.swatch{border:1px solid #081b3a08;border-radius:12px;width:100%;height:47px;margin-bottom:10px;display:block}.palette strong{font-size:10px;font-weight:600;display:block}.palette small{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:9px;display:block}.component-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.component-grid .card{padding:22px}.component-grid h3{font-size:12px}.button{border-radius:var(--radius-control);min-height:44px;transition:transform var(--motion-press), box-shadow var(--motion-standard);border:0;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:11px;font-weight:600;display:inline-flex}.button:active{transform:scale(.98)}.button.primary{background:linear-gradient(120deg, var(--cta-start), var(--cta-end));color:var(--navy);box-shadow:0 4px 12px #0bab8116}.button.primary:hover{box-shadow:0 6px 18px #0bab8130}.button.secondary{border:1px solid var(--border);background:#fff}.button.danger{color:var(--red);background:#fff;border:1px solid #f2bdc4}.button:disabled{opacity:.45}.button-demo{flex-direction:column;gap:10px;display:flex}.badge-row{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.badge-row .badge{font-size:9px}.component-note{color:var(--muted);margin-top:13px;font-size:9px;line-height:1.8}.field{flex-direction:column;gap:8px;font-size:10px;font-weight:500;display:flex}.field input{background:var(--background);border:1px solid var(--border);width:100%;color:var(--navy);border-radius:12px;padding:13px 15px;font-size:20px;font-weight:500}.field input::placeholder{color:#71829a}.field small{color:var(--muted);font-size:9px;font-weight:400}.type-specimen{border-top:1px solid #edf1f5;align-items:center;gap:13px;margin-top:20px;padding-top:17px;font-size:11px;display:flex}.type-specimen>span{letter-spacing:-2px;font-size:30px}.type-specimen small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.text-button{color:#087c69;background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:9px;display:flex}.steps-card{padding:21px 24px}.step-progress{justify-content:space-between;gap:9px;margin:0;padding:0;list-style:none;display:flex}.step-progress li{color:#6d8092;transition:color var(--motion-standard);align-items:center;gap:8px;font-size:10px;display:flex;position:relative}.step-progress li>span{width:24px;height:24px;transition:background var(--motion-standard);background:#f1f5f9;border-radius:50%;place-items:center;font-size:10px;display:grid}.step-progress li.active{color:#08725b}.step-progress li.active>span{color:#065740;background:#d8faee}.phone-caption{letter-spacing:1.2px;color:#6a8095;justify-content:space-between;gap:15px;padding:0 4px 14px;font-size:8px;display:flex}.phone-caption>span:last-child{letter-spacing:0}.phone{background:#fff;border:5px solid #fff;border-radius:40px;overflow:hidden;box-shadow:0 0 0 1px #dfe7ed,0 20px 50px #19355110}.phone-status{justify-content:space-between;padding:14px 22px 13px;font-size:10px;font-weight:650;display:flex}.phone-status>span:last-child{font-size:9px}.phone-content{padding:2px 19px 0}.phone-brand{letter-spacing:-.4px;align-items:center;gap:4px;font-size:14px;font-weight:650;display:flex}.phone-brand>img{margin-left:-7px}.phone-avatar{width:27px;height:27px;margin-left:auto;font-size:9px}.phone-page-key{letter-spacing:1.8px;color:#607a8d;margin-top:24px;font-size:8px}.phone h2{letter-spacing:-.7px;margin-top:7px;font-size:24px;font-weight:560;line-height:1.2}.phone-intro{color:#657e8e;margin-top:8px;font-size:10px}.phone-balance{background:linear-gradient(125deg,#eafbf5,#f3fcf9 68%,#e9f5fd);border:1px solid #e1f4ed;border-radius:21px;margin-top:23px;padding:18px}.phone-balance-top{color:#49776d;justify-content:space-between;align-items:center;font-size:10px;display:flex}.phone-balance>strong{letter-spacing:-1px;margin:20px 0 9px;font-size:37px;font-weight:550;line-height:1;display:block}.phone-balance>strong small{letter-spacing:0;color:#51756d;font-size:12px;font-weight:500}.phone-balance>.muted{font-size:9px}.phone-actions{gap:10px;margin-top:18px;display:flex}.phone-actions button{opacity:.8;background:#fff;border:1px solid #d6eae2;border-radius:11px;justify-content:center;align-items:center;gap:5px;width:50%;padding:10px 0;font-size:10px;font-weight:500;display:flex}.phone-actions button.sell{background:linear-gradient(125deg, var(--cta-start), var(--cta-end));border-color:#0000}.phone-quick{justify-content:space-between;padding:23px 4px 22px;display:flex}.phone-quick>div{text-align:center}.phone-quick>div>span{color:#345e75;background:#f3f8fb;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.phone-quick small{color:#5e7585;margin-top:6px;font-size:9px;display:block}.phone-inset{background:var(--soft-blue);color:#234d83;border-radius:16px;align-items:center;gap:10px;padding:14px 13px;display:flex}.phone-inset strong{font-size:10px;font-weight:600}.phone-inset p{color:#53799a;margin-top:2px;font-size:8px}.phone-inset>svg{margin-left:auto}.inset-icon{color:#5e86cf}.phone-section-title{justify-content:space-between;align-items:center;margin:24px 0 15px;display:flex}.phone-section-title strong{font-size:12px;font-weight:600}.phone-section-title>span{color:#758696;font-size:9px}.phone-empty{text-align:center;background:#fafcfd;border:1px dashed #e6edf2;border-radius:15px;padding:17px 7px}.phone-empty p{color:#526a7e;font-size:9px}.phone-empty>small{color:#7b8c9a;margin-top:4px;font-size:7px;display:block}.empty-lines{justify-content:center;align-items:flex-end;gap:4px;height:22px;margin-bottom:12px;display:flex}.empty-lines>span{background:#d9e9e6;border-radius:3px;width:5px;height:13px}.empty-lines>span:nth-child(2){background:#8cdcc4;height:21px}.empty-lines>span:nth-child(3){background:#b7d9ee;height:16px}.phone-nav{border-top:1px solid #edf1f5;justify-content:space-around;margin-top:23px;padding:12px 13px 3px;display:flex}.phone-nav>button{color:#8b9aaa;min-width:51px;transition:color var(--motion-standard), background var(--motion-standard);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:7px 6px;font-size:8px;display:flex}.phone-nav>button.active{background:var(--soft-mint);color:#057b62}.phone-home-indicator{background:#081b3a;border-radius:3px;width:95px;height:4px;margin:13px auto 8px}.preview-disclosure{text-align:center;color:#667e92;margin:17px 0 0;font-size:9px;line-height:1.8}.workspace-footer{color:#718598;justify-content:space-between;padding:13px 40px 23px;font-size:9px;display:flex}.workspace-footer span{align-items:center;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin:20px 0 10px;font-size:35px;line-height:1.3;display:block}.metric-grid small{font-size:10px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--muted);max-width:470px;margin:12px auto;font-size:13px;line-height:1.8}.empty-state h3{font-size:20px}.empty-icon{background:var(--soft-mint);color:#088365;border-radius:18px;place-items:center;width:55px;height:55px;margin:0 auto 20px;display:grid}.icon-button{border:1px solid var(--border);background:0 0;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.mobile-menu,.mobile-close{display:none}.skip-link{background:var(--navy);color:#fff;z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.skeleton{background:linear-gradient(100deg,#eef3f7 15%,#f9fbfd 45%,#eef3f7 75%) 0 0/220% 100%;border-radius:7px;height:16px;animation:1.6s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-220% 0}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-heading,.foundation-left>.card,.component-grid,.mobile-preview{animation:reveal var(--motion-reveal) ease-out both}.foundation-left>.card:nth-child(2){animation-delay:50ms}.component-grid{animation-delay:90ms}.mobile-preview{animation-delay:.12s}@media (min-width:1500px){.brand-hero{min-height:324px}.hero-art{top:62px;right:25px}.hero-text{max-width:72%}.component-grid h3{font-size:14px}}@media (max-width:1220px){.sidebar{width:214px;padding:22px 12px}.workspace{margin-left:214px}main{padding:30px 25px}.topbar{padding:0 25px}.foundation-grid{grid-template-columns:minmax(0,1fr) 290px;gap:23px}.hero-art{opacity:.75;right:-72px}.hero-bottom>span:last-child{display:none}.component-grid{grid-template-columns:1fr}.component-grid .card{padding:22px}.button-demo{flex-direction:row}.button-demo .button{flex:1}.type-specimen{margin-top:13px}.phone-content{padding:2px 16px 0}.phone h2{font-size:23px}}@media (max-width:980px){.foundation-grid{grid-template-columns:1fr}.foundation-left{order:1}.mobile-preview{order:2;width:100%;max-width:330px;margin:auto}.component-grid{grid-template-columns:1fr 1fr}.button-demo{flex-direction:column}.hero-art{opacity:1;right:0}.page-heading>.badge{display:none}.hero-text{max-width:68%}.hero-bottom>span:last-child{display:initial}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sidebar{transition:transform var(--motion-standard);width:242px;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#081b3a30;border:0;position:fixed;inset:0}.workspace{margin-left:0}.topbar{height:66px;padding:0 20px}.topbar-left{gap:12px}.topbar-right{gap:14px}.top-breadcrumb{font-size:10px}.top-breadcrumb>span{margin:0 5px}.preview-pill{display:none}.mobile-menu,.mobile-close{display:grid}.mobile-close{background:#fff;border:0;position:absolute;top:27px;right:12px}.wordmark{padding-right:20px}main{padding:27px 20px}.page-heading{margin-bottom:23px}h1{font-size:27px}.page-heading p{font-size:11px}.eyebrow{letter-spacing:1.5px;font-size:8px}.brand-hero{min-height:290px;padding:25px}.brand-hero h2{font-size:38px}.hero-art{opacity:.45;top:70px;right:-67px}.hero-text{max-width:94%}.hero-bottom{gap:15px}.hero-divider{max-width:190px}.hero-bottom>span:last-child{display:none}.brand-hero .badge{font-size:6px}.palette{gap:9px}.swatch{height:39px}.palette strong{font-size:9px}.palette small{font-size:7px}.section-heading h3{font-size:12px}.component-grid{grid-template-columns:1fr}.button-demo{flex-direction:row}.type-specimen small{font-size:9px}.steps-card{padding:20px}.step-progress li{gap:4px;font-size:8px}.step-progress li>span{width:20px;height:20px;font-size:8px}.section-heading small,.text-button{font-size:8px}.workspace-footer{flex-wrap:wrap;gap:10px;padding:10px 20px 25px;font-size:8px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-grid .card{padding:18px}.metric-label{font-size:10px}.metric-grid small{font-size:9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.phone-profile-card{background:var(--soft-blue);border-radius:20px;flex-direction:column;align-items:center;gap:9px;margin-top:25px;padding:20px;display:flex}.phone-profile-card strong{font-size:12px}.phone-profile-card p{color:var(--muted);font-size:9px}.phone-profile-menu{margin-top:20px}.phone-profile-menu>div{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:18px 5px;display:flex}.phone-profile-menu>div>svg:last-child{margin-left:auto}.phone-profile-menu strong{font-size:11px;display:block}.phone-profile-menu small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.phone-logout{width:100%;color:var(--red);background:#fff;border:1px solid #f2bdc4;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:13px;font-size:11px;display:flex}.phone-version{text-align:center;color:var(--muted);margin:23px 0 40px;font-size:9px}.phone-history-empty{background:var(--soft-blue);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:13px;margin-top:25px;margin-bottom:260px;padding:38px 15px;display:flex}.phone-history-empty strong{font-size:12px}.phone-history-empty p{color:var(--muted);font-size:10px}.operations-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.operations-actions button,td button,form button{background:var(--soft-mint,#eafef6);color:#081b3a;cursor:pointer;border:1px solid #dcebe8;border-radius:12px;padding:10px 16px}form label{margin:12px 0;display:block}form input{border:1px solid #dcebe8;border-radius:12px;max-width:100%;padding:12px}td,th{text-align:left;border-bottom:1px solid #edf4ff;padding:16px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%}.table-scroll td small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.operations-form{gap:12px;max-width:720px;display:grid}.operations-form label{gap:8px;font-size:13px;display:grid}.operations-form textarea,.operations-form select,.toolbar input,.toolbar select{border:1px solid var(--border);color:var(--navy,#081b3a);font:inherit;background:#fff;border-radius:12px;max-width:100%;padding:12px}.operations-form textarea{resize:vertical;min-height:100px}.operations-form input[type=checkbox]{justify-self:start;width:auto}