@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{--orange:#d85a30;--orange-dark:#b84320;--charcoal:#2c2c2a;--ivory:#f1efe8;--muted:#6c6b65;--line:#dedbd2;--white:#fff;--green:#32604b;--radius:14px;font-family:'DM Sans',sans-serif;color:var(--charcoal);background:var(--ivory);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:var(--orange-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a94720;outline-offset:4px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(42px,5.1vw,76px);line-height:1.08;font-weight:600;margin:22px 0}h2{font-size:36px;line-height:1.18;font-weight:600;margin:12px 0}h3{font-weight:600}p{line-height:1.7}em{font-style:normal;color:var(--orange)}.site-header{height:96px;background:var(--charcoal);display:flex;align-items:center;justify-content:space-between;padding:10px 5.5%;gap:24px}.brand{display:block;height:76px}.brand img{width:235px;height:76px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav>a,.nav-button{color:#f1efe8;font-size:14px}.site-header nav>a[aria-current]{color:#f2a38b}.nav-button{background:none;border:0;cursor:pointer;padding:10px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--orange);color:white!important;border:1px solid var(--orange);padding:15px 22px;border-radius:7px;font-size:14px;font-weight:600;cursor:pointer;line-height:1.35;transition:background .15s}.button:hover{background:var(--orange-dark);border-color:var(--orange-dark);text-decoration:none}.button.small{padding:11px 15px}.button.secondary{background:transparent;color:var(--charcoal)!important;border-color:#c5c2b9}.button.secondary:hover{background:#e5e1d7}.button:disabled{opacity:.45;cursor:not-allowed}.button.full{width:100%}.text-link{font-size:14px;color:var(--charcoal);font-weight:600}.actions{display:flex;align-items:center;gap:28px;margin:30px 0 17px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;max-width:1440px;margin:auto;padding:95px 5.5% 90px}.lead{max-width:480px;font-size:17px;color:var(--muted);line-height:1.8}.fine{font-size:12px;color:var(--muted)}.hero-proof{display:flex;gap:22px;font-size:11px;margin-top:46px;color:var(--muted)}.hero-proof span:before{content:'✓';color:var(--orange);margin-right:5px}.preview{position:relative;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 28px 60px #2c2c2a12;transform:rotate(-1deg);margin-top:20px}.preview-top{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eeece6;padding:18px 16px;font-size:12px}.workspace-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#eed3c5;color:#9e4022;border-radius:9px;font-weight:700;flex-shrink:0}.preview-top .workspace-avatar{width:28px;height:28px}.status-pill{display:inline-block;font-size:11px;padding:6px 10px;background:#eaf0e8;border-radius:30px;color:var(--green);font-weight:600;white-space:nowrap}.preview-top .status-pill{margin-left:auto}.preview-content{display:grid;grid-template-columns:128px 1fr;min-height:328px}.preview-sidebar{display:flex;flex-direction:column;gap:20px;padding:22px 10px;background:#faf9f6;font-size:9px;border-radius:0 0 0 12px}.preview-sidebar strong{font-size:10px;padding-left:5px}.preview-sidebar span{padding-left:5px}.preview-sidebar .selected{background:#f4e0d6;color:var(--orange-dark);padding:9px 5px;border-radius:5px;margin:-9px 0}.preview-board{padding:24px}.preview-board .eyebrow{font-size:8px;color:var(--muted);margin:0}.preview-board h3{font-size:20px;margin:9px 0 22px}.mini-metrics{display:flex;gap:32px}.mini-metrics div{display:flex;flex-direction:column;gap:4px}.mini-metrics b{font-size:25px;font-family:Manrope,sans-serif}.mini-metrics small{font-size:9px;color:var(--muted)}.progress-track{height:5px;border-radius:10px;background:#efece5;margin:17px 0 22px}.progress-track i{display:block;width:86%;height:100%;background:var(--orange);border-radius:10px}.mini-label{font-size:8px;letter-spacing:.12em;color:var(--muted)}.task{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eeece6}.task-check{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#eaf0e8;color:var(--green);border-radius:6px;font-size:12px}.task-check.pending{color:var(--orange);background:#f5e4db}.task strong,.task small{display:block}.task strong{font-size:10px;font-weight:500}.task small{font-size:8px;color:var(--muted);margin-top:4px}.preview-board .fine{font-size:8px;text-align:right}.floating-note{position:absolute;bottom:-20px;right:-18px;background:var(--charcoal);color:var(--ivory);display:flex;gap:13px;align-items:center;border-radius:10px;padding:18px 22px;box-shadow:0 10px 20px #0001}.floating-note>span{color:#ef986f;font-size:28px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:9px;color:#cbc9c0;margin-top:5px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:45px 5.5% 65px;border-top:1px solid var(--line);max-width:1440px;margin:auto}.features>div>span{font-size:10px;letter-spacing:.1em;color:var(--orange);font-weight:600}.features h3{font-size:21px;line-height:1.35;max-width:260px}.features p{font-size:14px;color:var(--muted);max-width:320px}.pricing{background:#e9e6de;padding:80px 5.5%;scroll-margin-top:25px}.section-heading{text-align:center;max-width:650px;margin:0 auto 40px}.section-heading h2{font-size:44px}.section-heading>p:last-child{color:var(--muted);font-size:14px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1220px;margin:0 auto}.plan-card{position:relative;background:#fbfaf6;border:1px solid #dad6cc;border-radius:12px;padding:32px;display:flex;flex-direction:column}.plan-card.featured{border-color:var(--orange);background:white}.plan-ribbon{background:var(--orange);color:white;font-size:9px;letter-spacing:.09em;padding:6px 12px;border-radius:0 0 6px 6px;position:absolute;right:20px;top:0}.plan-card h3{font-size:29px;white-space:nowrap;margin:16px 0}.plan-card h3 small{font-size:12px;letter-spacing:0;font-family:'DM Sans',sans-serif;font-weight:400;color:var(--muted);margin-left:7px}.plan-card>p{font-size:13px;color:var(--muted)}.plan-card .eyebrow{color:var(--charcoal)}.plan-card ul{list-style:none;padding:5px 0 20px;font-size:12px;color:#5d5d56;line-height:2.5;flex:1}.plan-card li:before{content:'✓';color:var(--orange);margin-right:9px}.pricing>.fine{text-align:center;margin:25px auto 0}.closing{padding:80px 5.5%;text-align:center}.closing h2{font-size:48px;margin-bottom:25px}footer{border-top:1px solid var(--line);padding:32px 5.5%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}footer p{font-size:13px;font-weight:600}footer p span{font-weight:400;color:var(--muted);margin-left:10px}footer>div{display:flex;gap:25px;font-size:12px}footer>.muted{font-size:11px;width:100%;margin:0}.sandbox-banner{background:#f6decc;text-align:center;font-size:11px;padding:8px;letter-spacing:.03em;color:#7e3e27}.auth-layout{max-width:1200px;margin:auto;padding:70px 5.5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.auth-layout aside h1{font-size:60px}.onboarding-steps{margin:35px 0}.onboarding-steps p{font-size:13px}.onboarding-steps b{font-size:11px;color:var(--orange);margin-right:14px}.form-card{background:#fffdf8;border:1px solid var(--line);border-radius:var(--radius);padding:38px}.form-card h2{font-size:28px}.muted{color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin:19px 0}.field label,form>p>label{font-size:12px;font-weight:600}.field input,.field select,form>p input{border:1px solid #d5d1c7;border-radius:6px;padding:12px;background:white;min-width:0;width:100%;color:var(--charcoal)}.field small,.helptext{color:var(--muted);font-size:11px;line-height:1.6}.field.checkbox-field{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-end}.checkbox-field input{width:17px;margin:2px 4px 0 0}.checkbox-field label{line-height:1.7;font-weight:400}.form-links{font-size:11px;display:flex;justify-content:space-between;margin:23px 0 0}.errorlist{list-style:none;padding:0;font-size:12px;color:#ac3420;line-height:1.5}.center-card{max-width:620px;margin:80px auto 100px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;padding:45px}.center-card h1{font-size:46px}.center-card>p{font-size:14px;color:var(--muted)}.center-card .eyebrow{color:var(--orange-dark);font-size:10px}.messages{max-width:1300px;margin:20px auto 0;padding:0 5%}.notice{background:#e1eadd;color:#33533e;border:1px solid #c8d6c3;border-radius:8px;padding:13px 18px;font-size:13px}.notice.error{color:#883c25;background:#fae3d7;border-color:#e8c7b6}.dashboard{max-width:1320px;padding:55px 5.5% 90px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px}.page-heading h1{font-size:43px;margin:12px 0}.orange{color:var(--orange)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 30px}.metric{border:1px solid var(--line);border-radius:10px;padding:25px;background:#f8f6f0;display:flex;flex-direction:column;gap:8px}.metric>span{font-size:11px;color:var(--muted)}.metric>strong{font-size:22px;letter-spacing:-.03em}.metric>small{color:var(--muted);font-size:11px}.workspace-panel{background:#fffdf8;border:1px solid var(--line);border-radius:14px;overflow:hidden}.workspace-panel-head{display:flex;gap:15px;align-items:center;padding:25px 30px;border-bottom:1px solid var(--line)}.workspace-panel-head h2{font-size:20px;margin:0}.workspace-panel-head p{font-size:11px;margin:4px 0 0}.workspace-panel-head .status-pill{margin-left:auto}.status-pill.queued,.status-pill.provisioning{background:#f7e6d7;color:#9d5128}.status-pill.failed,.status-pill.suspended{background:#f5ded8;color:#983d27}.empty-state{text-align:center;padding:55px 30px}.empty-state h2{font-size:27px}.empty-state p{font-size:14px;color:var(--muted);max-width:590px;margin:15px auto 25px}.large-icon{font-size:36px;color:var(--orange)}.setup-track{display:flex;justify-content:center;gap:24px;margin-top:30px;font-size:11px;color:var(--muted)}.setup-track .done{color:var(--green)}.setup-track .active{color:var(--orange-dark)}.loader{width:35px;height:35px;border-radius:50%;border:3px solid #ead9cf;border-top-color:var(--orange);margin:0 auto 24px;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ready-state{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.ready-state h2{font-size:30px}.ready-state p{font-size:13px;color:var(--muted)}.credential-note{border-left:1px solid var(--line);padding-left:30px}.credential-note strong{font-size:14px}.credentials{padding:22px;background:var(--ivory);border-radius:8px}.credentials dt,dl dt{font-size:11px;color:var(--muted);margin:16px 0 5px}.credentials dd,dl dd{margin:0;overflow-wrap:anywhere;font-size:13px}.credentials code{user-select:all;font-size:13px}.billing-summary{display:flex;justify-content:space-between;gap:30px;padding:32px;border:1px solid var(--line);border-radius:14px;background:#fffdf8;align-items:center}.billing-summary h2{margin:12px 0;font-size:30px}.billing-summary p{font-size:13px}.section-heading.compact{text-align:left;margin:55px 0 25px;max-width:none}.section-heading.compact h2{font-size:28px}.table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:#fffdf8}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:500}td,th{padding:20px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}.receipt dl{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0}.receipt dl dd{font-size:15px}.receipt .receipt-total{font-size:28px;font-weight:600;margin:12px 0}
@media(max-width:1000px){.hero{gap:35px;padding-top:65px}.hero-proof{gap:12px;flex-wrap:wrap}.preview-sidebar{display:none}.preview-content{grid-template-columns:1fr}.auth-layout{gap:45px}.plan-card{padding:24px}.plan-card h3{font-size:23px}.plan-card h3 small{font-size:10px}.floating-note{right:-8px}.site-header nav{gap:20px}}
@media(max-width:720px){.site-header{height:auto;min-height:80px;padding:10px 5%;gap:10px;flex-wrap:wrap}.brand,.brand img{width:170px;height:56px}.site-header nav{gap:16px}.site-header nav>a,.nav-button{font-size:12px}.site-header .small{padding:9px;gap:7px}.site-header .small span{display:none}.hero{grid-template-columns:1fr;padding:50px 6% 70px;gap:40px}.hero h1{font-size:57px}.hero .lead{font-size:15px}.preview{max-width:500px;transform:none}.preview-content{grid-template-columns:100px 1fr}.preview-sidebar{display:flex;font-size:8px}.floating-note{right:5px;padding:12px 17px}.features{grid-template-columns:1fr;gap:28px;padding:35px 6%}.features h3,.features p{max-width:none}.features h3{margin:13px 0}.features p{margin:0}.pricing{padding:55px 6%}.section-heading h2{font-size:36px}.plan-grid{grid-template-columns:1fr}.plan-card{padding:30px}.plan-card h3{font-size:30px}.plan-card h3 small{font-size:13px}.closing{padding:55px 6%}.closing h2{font-size:36px}.auth-layout{grid-template-columns:1fr;padding:40px 6% 60px;gap:25px}.auth-layout aside h1{font-size:48px}.auth-layout .onboarding-steps{display:none}.form-card{padding:25px}.center-card{margin:40px 6% 60px;padding:28px}.center-card h1{font-size:39px}.dashboard{padding:35px 6% 60px}.page-heading{display:block}.page-heading h1{font-size:33px}.metric-grid{grid-template-columns:1fr;gap:12px}.metric{padding:20px}.metric>strong{font-size:23px}.workspace-panel-head{padding:20px;gap:10px;flex-wrap:wrap}.workspace-panel-head h2{font-size:18px}.workspace-panel-head .status-pill{margin-left:0}.empty-state{padding:40px 22px}.empty-state h2{font-size:24px}.setup-track{flex-direction:column;gap:13px}.ready-state{padding:25px;grid-template-columns:1fr;gap:25px}.credential-note{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.billing-summary{display:block;padding:25px}.billing-summary>div+div{margin-top:25px}.section-heading.compact h2{font-size:26px}footer{padding:25px 6%}footer p span{display:block;margin:5px 0 0}.lead{max-width:none}.receipt-total{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation:none}}
@media print{header,footer,.sandbox-banner,.messages{display:none}.receipt{margin:0;border:0;max-width:none}body{background:white}}

html {
  min-height: 100%;
}
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
body > main {
  flex: 1 0 auto;
  width: 100%;
  min-width: 0;
}
.site-header,
body > footer,
.sandbox-banner {
  flex-shrink: 0;
}
.auth-layout {
  width: 100%;
  align-items: center;
}
body > footer {
  margin-top: auto;
}
footer > div {
  flex-wrap: wrap;
  gap: 12px 24px;
}
@media (max-width: 720px) {
  .auth-layout {
    align-items: start;
  }
  footer > div {
    width: 100%;
    line-height: 1.7;
  }
}
@media print {
  body {
    display: block;
    min-height: 0;
  }
}
main:has(> .auth-layout),
main:has(> .center-card) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main > .center-card {
  width: min(620px, calc(100% - 48px));
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
}
#plans {
  scroll-margin-top: 120px;
}
@media (max-width: 720px) {
  #plans {
    scroll-margin-top: 170px;
  }
}
@media print {
  .site-header {
    position: static;
  }
}