@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17294a;--muted:#63718a;--blue:#315af3;--navy:#112a50;--line:#e1e7f0;--paper:#f5f7fb;--green:#16856a}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.6 'DM Sans',sans-serif;background:#fff}h1,h2,h3,h4,.brand{font-family:Manrope,sans-serif}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(48px,5.8vw,78px);font-weight:800;margin:22px 0}h2{font-size:clamp(32px,3.6vw,46px);font-weight:800;margin:18px 0 24px}h3{font-size:22px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7593ff;outline-offset:3px}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.button{background:var(--blue);color:#fff;border:1px solid transparent;padding:14px 22px;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;gap:20px;font-weight:700;min-height:48px;box-shadow:0 4px 9px #315af310;transition:transform .15s,background .15s}.button:hover{background:#2047d6;transform:translateY(-1px)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.button.white{background:#fff;color:var(--blue)}.button.small{padding:10px 16px;min-height:44px;font-size:13px}.text-link{font-weight:700;color:var(--ink);padding:12px 0}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;font-size:24px;font-weight:800;letter-spacing:-1.2px}.brand-sub{display:block;font-family:'DM Sans',sans-serif;letter-spacing:3px;font-size:8px;margin-top:6px;font-weight:500}.site-header{height:94px;width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;min-height:595px;padding:45px 0 70px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--blue)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:6px}.hero h1 span{color:var(--blue)}.lead{font-size:17px;line-height:1.8;max-width:440px;color:var(--muted)}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.hero-notes{display:flex;gap:18px;font-size:11px;color:var(--muted);margin-top:27px}.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e7edff 0,transparent 70%)}.orbit{position:absolute;border:1px solid #d6e1ff;border-radius:50%;width:410px;height:410px;transform:rotate(-25deg)}.orbit.two{width:510px;height:260px}.orb{position:absolute;right:15px;top:3px;background:radial-gradient(circle at 30% 20%,#c7e4ff,#7099ff 40%,#2949d1 75%,#1b2b89);color:#eaf1ff;box-shadow:15px 24px 45px #4268d345;border-radius:50%;height:148px;width:148px;display:grid;place-items:center;font-size:100px;transform:rotate(16deg)}.mini-window{z-index:1;background:#fff;width:410px;padding:0 25px 20px;border:1px solid #e2e8f5;border-radius:15px;box-shadow:0 30px 65px #24437620;transform:rotate(-3deg)}.window-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f5;height:45px;color:#b8c4d6;font-size:8px;letter-spacing:1px}.mini-heading{display:flex;gap:10px;align-items:center;margin:22px 0}.mini-heading b{font-size:13px}.mini-heading small{display:block;font-size:10px;color:var(--muted)}.site-icon{border-radius:12px;background:#eaf0ff;color:var(--blue);width:43px;height:43px;display:inline-grid;place-items:center;font-family:Georgia,serif;font-size:24px;flex-shrink:0}.pill{font-size:10px;line-height:1.5;padding:4px 8px;border-radius:30px;background:#edf1ff;color:#4562af;white-space:nowrap}.mini-heading .pill{margin-left:auto}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mini-stats small{font-size:8px;letter-spacing:.8px;color:var(--muted)}.mini-stats strong{display:block;font-size:24px;margin:5px 0}.mini-stats em{font-size:13px;font-style:normal;color:#8c9bb6}.fake-chart{display:flex;align-items:end;gap:12px;height:69px;margin:10px 0 16px;border-bottom:1px solid #e4eafa}.fake-chart i{background:#d7e2ff;width:18px;height:30%}.fake-chart i:nth-child(3n){height:65%;background:#809ffb}.fake-chart i:nth-child(2n){height:48%}.fake-chart i:nth-child(4n){height:88%;background:#315af3}.mini-footer{font-size:10px;color:var(--muted)}.floating-tag{position:absolute;z-index:2;bottom:16px;right:0;background:#fff;border:1px solid var(--line);padding:14px 22px;border-radius:12px;box-shadow:0 10px 30px #21397315;display:flex;gap:12px;align-items:center}.floating-tag>span{background:#eff8ed;color:var(--green);font-size:24px;padding:0 10px;border-radius:8px}.floating-tag b{font-size:12px}.floating-tag small{display:block;font-size:10px;color:var(--muted)}.trust-strip{background:#f5f7fc;border-block:1px solid #edf0f5}.trust-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:83px;color:#65748e}.trust-strip span{font-size:12px}.trust-strip b{font-family:Manrope;font-size:18px;letter-spacing:-.5px}.section{padding:85px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:60px}.section-heading p{max-width:320px;color:var(--muted);font-size:15px}.feature-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{padding:28px;border:1px solid var(--line);border-radius:13px;margin-top:25px}.feature-icon{font-size:26px;color:var(--blue);display:inline-grid;place-items:center;width:48px;height:48px;background:#eff3ff;border-radius:12px;margin-bottom:25px}.feature p{color:var(--muted);font-size:14px;margin-bottom:0}.plans-section{background:#f7f9fd;padding:75px 0}.center-heading{text-align:center;max-width:650px;margin:0 auto 40px}.center-heading p{color:var(--muted);font-size:14px}.plan{background:#fff;border:1px solid var(--line);padding:32px;border-radius:15px}.plan.featured{border:2px solid var(--blue);box-shadow:0 12px 30px #315af310}.plan-label{font-size:10px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.plan h3{margin:16px 0}.plan-size{font-size:48px;font-weight:700;letter-spacing:-2px}.plan-size span{font-size:20px;letter-spacing:0;color:var(--muted)}.plan p{color:var(--muted);font-size:13px}.plan ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid var(--line);font-size:13px;line-height:2.4}.plan li:before{content:'✓';color:var(--blue);padding-right:10px}.plan .button{width:100%;font-size:13px}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px}.muted{color:var(--muted)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:20px;margin-bottom:28px}.steps li>span{font:700 14px Manrope;color:var(--blue);background:#eff3ff;border-radius:50%;min-width:40px;height:40px;display:grid;place-items:center}.steps h3{font-size:19px;margin:5px 0 9px}.steps p{font-size:14px;color:var(--muted)}.cta{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:45px 55px;border-radius:18px}.cta .eyebrow{color:#a9c2ff}.cta h2{max-width:650px}.cta-star{position:absolute;font-size:290px;right:70px;top:-35px;line-height:1.4;color:#34578d;transform:rotate(10deg);pointer-events:none}.cta .button{position:relative;z-index:1}.footer{display:flex;align-items:center;justify-content:space-between;padding:40px 0;color:var(--muted);font-size:12px}.footer .brand{font-size:20px;color:var(--ink)}.prototype-note{text-align:center;font-size:11px;color:#66748c;border-top:1px solid var(--line);padding:14px 22px;background:#f7f9fc}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}
/* Hosting workspace */
.dashboard{background:var(--paper)}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#d1ddf1;padding:31px 22px;display:flex;flex-direction:column;z-index:40}.sidebar .brand{font-size:23px;color:white;margin-bottom:45px}.nav-label{color:#8299bc;font-size:9px;letter-spacing:1.8px;font-weight:700;padding:0 14px;margin:18px 0 9px}.side-nav{display:grid;gap:7px}.nav-button{display:flex;align-items:center;gap:13px;background:none;border:0;color:#b6c6df;border-radius:8px;padding:13px 14px;text-align:left;font-size:13px;font-weight:500;min-height:46px}.nav-button i{font-style:normal;font-size:18px;width:21px}.nav-button.active{background:#315af3;color:#fff;box-shadow:0 5px 12px #0001}.nav-button:hover{color:#fff;background:#ffffff14}.nav-button.active:hover{background:#315af3}.sidebar-bottom{margin-top:auto;font-size:11px;color:#92a9cd}.sidebar-bottom a{display:block;padding:12px 10px}.account-chip{border-top:1px solid #ffffff17;padding:20px 5px 0;display:flex;gap:10px;align-items:center}.avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#dce6ff;color:#3152a1;font-weight:700;font-size:12px;flex-shrink:0}.account-chip b{display:block;color:#e4ecfa;font-size:12px}.workspace{margin-left:240px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.topbar small{color:var(--muted)}.top-actions{display:flex;gap:15px;align-items:center}.demo-badge{font-size:10px;color:#945615;background:#fff4dd;border:1px solid #f1dfbd;padding:5px 10px;border-radius:30px}.dash-main{max-width:1350px;margin:auto;padding:33px 38px 50px}.dash-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.dash-title h1{font-size:30px;letter-spacing:-1px;margin:0 0 7px}.dash-title p{font-size:13px;color:var(--muted);margin:0}.welcome-banner{background:linear-gradient(115deg,#e8edff,#f1f5ff);border:1px solid #d9e3fc;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-radius:12px;margin-bottom:24px}.welcome-banner h2{font-size:20px;margin:0 0 6px}.welcome-banner p{font-size:12px;color:#5a6e97;margin:0;max-width:520px}.welcome-banner .banner-icon{font-size:48px;color:#5072e8;line-height:1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:27px;letter-spacing:-1px;margin:12px 0 6px;font-family:Manrope}.stat strong em{font-size:12px;font-style:normal;letter-spacing:0;color:var(--muted);font-weight:500}.stat small{font-size:10px;color:var(--muted)}.progress{height:5px;background:#edf1f8;border-radius:9px;overflow:hidden;margin:10px 0}.progress span{display:block;height:100%;width:24%;background:var(--blue);border-radius:9px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.card h2{font-size:18px;letter-spacing:-.4px;margin:0}.card-head a,.card-head button.link{color:var(--blue);font-size:12px;font-weight:600;background:none;border:0;min-height:44px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px}.site-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:17px 0;border-top:1px solid var(--line)}.site-row h3{font-size:14px;letter-spacing:0;margin:0 0 4px;overflow-wrap:anywhere}.site-row p{font-size:11px;color:var(--muted);margin:0}.site-row .grow{flex:1;min-width:130px}.site-row .button{font-size:11px;padding:9px 12px;min-height:44px;gap:8px}.site-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#f8faff;border:1px solid #edf1f7;border-radius:9px;padding:16px;margin:3px 0 20px}.site-info small{font-size:9px;letter-spacing:.6px;color:var(--muted);display:block}.site-info b{font-size:11px}.small-note{font-size:11px;color:var(--muted);line-height:1.7}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{min-height:86px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:13px;text-align:left;font-size:11px;transition:background .15s}.quick:hover{background:#f4f7ff}.quick span{display:block;color:var(--blue);font-size:22px;margin-bottom:4px}.activity{list-style:none;padding:0;margin:0}.activity li{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:10px;font-size:12px}.activity li:before{content:'';width:7px;height:7px;flex-shrink:0;background:#9bacd7;border-radius:50%;margin-top:7px}.activity small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.help-card{background:#edf3ff;border-color:#dae5fc;margin-top:22px}.help-card p{font-size:12px;color:var(--muted);margin:12px 0 18px}.lower-card{margin-top:22px}.panel-footer{font-size:10px;color:#78869b;display:flex;justify-content:space-between;margin-top:25px;gap:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:630px}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.5px;font-weight:600;background:#f7f9fd;padding:13px 15px}td{padding:16px 15px;border-bottom:1px solid var(--line)}td strong{display:block}td small{color:var(--muted)}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1;min-width:0}.field,input,select{border:1px solid #d5deec;border-radius:8px;padding:11px 13px;min-height:44px;background:#fff;color:var(--ink)}.field{display:block;width:100%}.form-grid{display:grid;gap:15px}.form-grid label{font-size:12px;font-weight:600}.form-grid label input,.form-grid label select{display:block;width:100%;margin-top:6px}dialog{border:1px solid var(--line);border-radius:17px;padding:30px;width:min(460px,calc(100% - 32px));box-shadow:0 20px 100px #091a4640;color:var(--ink)}dialog::backdrop{background:#10244770;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:0 0 12px}dialog p{font-size:14px;color:var(--muted)}.dialog-close{float:right;border:0;background:#f0f3f8;border-radius:50%;width:38px;height:38px;font-size:24px;margin:-12px -12px 5px 10px}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.mobile-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:44px;min-height:44px;color:var(--ink);font-size:19px}.menu-scrim{display:none}.status-pending{color:#9b702d;background:#fff4de;border-radius:20px;padding:4px 8px;font-size:10px}.onboarding{margin-top:22px}.onboarding summary{cursor:pointer;font-weight:700;font-size:13px;min-height:44px;display:flex;align-items:center}.onboarding ol{font-size:12px;color:var(--muted);padding-left:18px;line-height:2}.usage-legend{display:flex;gap:18px;color:var(--muted);font-size:11px}.usage-legend span:before{content:'●';color:var(--blue);margin-right:6px}.usage-legend span+span:before{color:#dce5ff}.big-chart{display:flex;align-items:end;gap:12px;height:145px;padding:20px 0 0;border-bottom:1px solid var(--line)}.big-chart span{flex:1;background:#dfe7ff;border-radius:4px 4px 0 0;min-width:4px}.big-chart span:nth-child(3n){background:#809cf6}.big-chart span:last-child{background:var(--blue)}
@media(max-width:1050px){.hero-art{transform:scale(.9);transform-origin:center}.hero{gap:0}.sidebar{width:205px;padding-inline:16px}.workspace{margin-left:205px}.topbar{padding-inline:24px}.dash-main{padding:25px 24px}.dash-grid{grid-template-columns:1fr}.stat-grid{gap:12px}.stat{padding:16px}.feature{padding:22px}.hero-notes{flex-wrap:wrap;gap:5px 14px}.plan{padding:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:80px;width:calc(100% - 36px)}.site-header nav{display:none}.site-header .brand{font-size:21px}.hero{grid-template-columns:1fr;padding:35px 0 45px;min-height:0}.hero h1{font-size:58px}.hero-art{height:355px;transform:scale(.88);margin:10px -10px -25px}.hero-copy{position:relative;z-index:2}.lead{font-size:16px}.actions{gap:18px;flex-wrap:wrap}.hero-notes{font-size:10px}.trust-strip .wrap{flex-wrap:wrap;justify-content:center;padding:18px 0;gap:15px 24px}.trust-strip span{width:100%;text-align:center}.trust-strip b{font-size:14px}.section{padding:55px 0}.section-heading{display:block}.feature-grid,.plan-grid,.how{grid-template-columns:1fr;gap:16px}.feature{margin-top:0}.feature-icon{margin-bottom:18px}.section-heading p{max-width:none}.plans-section{padding:55px 0}.plan{padding:28px}.how{gap:30px}.cta{padding:32px 25px}.cta-star{font-size:190px;right:-65px;top:50px;opacity:.5}.cta h2{font-size:33px}.footer{flex-wrap:wrap;gap:22px;padding:28px 0}.footer>span{display:none}.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px}.sidebar.open{transform:translateX(0)}.menu-scrim.open{display:block;position:fixed;inset:0;border:0;background:#0b1b415c;z-index:39}.workspace{margin:0}.mobile-toggle{display:block}.topbar{height:70px;padding:0 18px;gap:12px}.topbar .breadcrumb{display:none}.top-actions{gap:12px}.dash-main{padding:25px 18px}.dash-title{align-items:flex-start;flex-wrap:wrap}.dash-title h1{font-size:27px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat strong{font-size:24px}.welcome-banner{padding:20px}.welcome-banner h2{font-size:18px}.banner-icon{display:none}.card{padding:19px}.site-info{gap:8px;padding:12px}.site-info b{font-size:10px}.panel-footer{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;flex-basis:100%;font-size:16px}.dialog-close{min-height:44px;min-width:44px}input,select{font-size:16px}.brand-sub{font-size:7px}}
@media(max-width:380px){.hero h1{font-size:48px}.hero-art{transform:scale(.75);margin-inline:-30px}.hero-notes span{display:block}.mini-window{width:360px}.site-header .button{padding:9px 12px}.stat{padding:13px}.stat-label{font-size:10px}.stat strong{font-size:22px}.demo-badge{font-size:9px}.site-info{grid-template-columns:1fr 1fr}.site-info>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep decorative artwork within the page on narrow screens. */
body:not(.dashboard){overflow-x:clip}.hero-art{clip-path:inset(-45px 0 -45px 0)}.stat strong{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.dash-grid>*{min-width:0}


.hero>*{min-width:0}.hero h1{overflow-wrap:normal}@media(max-width:760px){.hero h1{font-size:clamp(39px,11.5vw,58px)}.hero-art{width:100%;margin-inline:0}.mini-window{width:100%;min-width:0}.orbit{max-width:100%}.orbit.two{max-width:100%}}


@media(max-width:760px){.hero-art{overflow:hidden;clip-path:none}.cta{overflow:hidden}}