:root{--ink:#18211c;--muted:#6b716b;--paper:#f5f4ef;--gold:#d6aa32;--green:#326b50;--line:#e1e3db;--blue:#296781}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip{position:fixed;top:-80px;z-index:9;background:#fff;padding:12px}.skip:focus{top:0}aside{position:fixed;inset:0 auto 0 0;width:244px;background:#141713;color:#faf9f0;padding:33px 21px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:13px;align-items:center;padding:0 12px 45px}.brand img{width:39px;height:48px;object-fit:contain}.brand span{font:600 29px/1 'Barlow Condensed',sans-serif;letter-spacing:2px}.brand small{display:block;font:500 9px/2 'DM Sans',sans-serif;letter-spacing:3px;color:#b9bdb4}.nav-label{font-size:9px;letter-spacing:2px;color:#939d90;padding-left:14px;margin-bottom:15px}nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:6px;color:#b8bfb6;margin:5px 0}nav a b{width:20px;font-size:18px;font-weight:400;text-align:center}nav a:hover{background:#242a22;color:#fff}nav a[aria-current=page]{background:#d6aa321c;color:#efca68;box-shadow:inset 2px 0 var(--gold)}.side-foot{margin-top:auto;padding:24px 12px 0;font-size:11px;color:#c5cec0;border-top:1px solid #333b30}.side-foot small{display:block;color:#84917e;margin-top:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83b79c;margin-right:7px}.shell{margin-left:244px}header{height:88px;display:flex;align-items:center;gap:20px;padding:0 42px;border-bottom:1px solid var(--line);background:#fff}.crumb{font-size:10px;letter-spacing:1.5px}.crumb span{padding:0 10px;color:#a5ada1}.role-label{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}select,input{background:#fff;border:1px solid #d5dacf;color:var(--ink);border-radius:5px;padding:10px 12px;max-width:100%}.avatar{width:35px;height:35px;background:#e7eddf;border-radius:50%;display:grid;place-items:center;color:var(--green);font-weight:600}.icon-button{display:none;border:0;background:transparent;font-size:22px}.preview{margin:0;background:#eee9d8;padding:12px 42px;display:flex;align-items:center;gap:16px;font-size:11px;color:#6a5c2b}.preview strong{font-size:8px;letter-spacing:1px;white-space:nowrap}.preview button{margin-left:auto;border:0;background:transparent;text-decoration:underline;color:inherit;white-space:nowrap}main{max-width:1540px;margin:auto;padding:40px 42px 60px;min-height:calc(100vh - 220px)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--green);margin:0 0 7px}h1,h2,h3,p{margin-top:0}h1{font:600 clamp(36px,3.7vw,55px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:-.6px;margin-bottom:12px}h2{font:600 26px/1.2 'Barlow Condensed',sans-serif;margin-bottom:18px}h3{font-size:14px;margin-bottom:7px}.lead{color:var(--muted);max-width:650px}.heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:5px;padding:11px 19px;font-weight:500;font-size:12px}.button.gold{background:var(--gold);border-color:var(--gold);color:#211c0c}.button.secondary{background:transparent;color:var(--ink);border-color:#ccd2c5}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.metric,.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px}.metric>span{color:var(--muted);font-size:11px}.metric strong{display:block;font:600 37px/1.2 'Barlow Condensed',sans-serif;margin:12px 0 7px}.metric small{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:24px}.grid.equal{grid-template-columns:1fr 1fr}.card .top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.top h2{margin:0}.tag{display:inline-flex;font-size:9px;border-radius:20px;padding:4px 9px;color:var(--green);background:#edf3eb;white-space:nowrap}.tag.blue{background:#eaf2f5;color:var(--blue)}.tag.amber{background:#faf1d9;color:#856921}.hero{background:#19251e;color:#f6f5eb;border:0;position:relative;overflow:hidden;padding:32px}.hero:after{content:'';position:absolute;right:-50px;top:-80px;width:260px;height:260px;border:1px solid #b7d1b52a;border-radius:50%;pointer-events:none}.hero .eyebrow{color:#d8bd68}.hero h2{font-size:36px;max-width:410px;margin-top:16px}.hero p{color:#b7c7b8;max-width:420px;font-size:12px}.hero .button{position:relative;z-index:1}.row{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid #eceee7}.row:first-of-type{border-top:0}.row .details{flex:1;min-width:0}.row p{font-size:11px;color:var(--muted);margin:3px 0 0}.row button{flex-shrink:0}.initial{width:40px;height:40px;display:grid;place-items:center;background:#f0f2e9;border-radius:7px;font:600 20px 'Barlow Condensed';flex-shrink:0}.progress{height:5px;background:#e8ece3;border-radius:8px;overflow:hidden;margin:13px 0}.progress div{height:100%;background:var(--green);width:50%}.progress[data-level="0"] div{width:0}.progress[data-level="100"] div{width:100%}.muted{color:var(--muted)}.small{font-size:11px}.stack{display:grid;gap:18px}.empty{border:1px dashed #ced6c7;background:#f9faf6;padding:26px;border-radius:6px;text-align:center}.empty p{font-size:12px;color:var(--muted);margin-bottom:14px}.plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:26px 0}.plan{background:#fff;border:1px solid var(--line);border-radius:8px;padding:23px 17px;display:flex;flex-direction:column}.plan.selected{border:2px solid var(--gold);padding:22px 16px}.plan .price{font:600 40px 'Barlow Condensed';margin:16px 0}.plan .price small{font:11px 'DM Sans';color:var(--muted)}.plan ul{padding-left:16px;font-size:11px;color:#626a5c;flex:1}.plan li{margin-bottom:12px}.plan button{width:100%;padding:9px 5px}.notice{border-left:3px solid var(--gold);background:#f0eddf;padding:18px 22px;font-size:12px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px}.field small{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.check{display:flex;gap:12px;align-items:flex-start;margin:16px 0;font-size:12px}.check input{accent-color:var(--green);margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-size:9px;letter-spacing:1px;color:var(--muted);padding:12px;background:#f6f7f2}td{padding:16px 12px;border-bottom:1px solid var(--line)}.steps{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.step{font-size:10px;padding:8px 13px;border:1px solid var(--line);border-radius:30px;background:white}.step.active{border-color:var(--green);color:var(--green)}.integration{display:flex;justify-content:space-between;align-items:center;gap:15px}.integration p{font-size:11px;margin:5px 0 0;color:var(--muted)}footer{padding:24px 42px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.3px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:#18211c;color:white;padding:14px 24px;border-radius:7px;max-width:90vw;z-index:10;display:none;font-size:12px}#toast.visible{display:block}button.link{border:0;background:none;color:var(--green);padding:8px;font-size:11px}code{overflow-wrap:anywhere}@media(max-width:1200px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:30px 26px}header,.preview{padding-left:26px;padding-right:26px}.metrics{gap:12px}.metric{padding:18px}.grid{grid-template-columns:1.3fr 1fr}}@media(max-width:950px){aside{width:210px}.shell{margin-left:210px}.grid,.grid.equal{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{flex-wrap:wrap;gap:5px 10px}.preview span{flex-basis:100%;order:3}.preview button{font-size:10px}.heading{align-items:flex-start}.crumb{display:none}}@media(max-width:650px){aside{transform:translateX(-100%);width:236px;transition:transform .2s}.nav-open aside{transform:translateX(0)}.shell{margin-left:0}.icon-button{display:block}header{height:70px;padding:0 18px;gap:12px}.role-label{font-size:10px;gap:6px}.role-label select{padding:7px 10px}.preview{padding:10px 18px}main{padding:28px 18px 40px}.heading{display:block}.heading>.button{margin-top:8px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:32px}.card{padding:21px}.hero{padding:25px}.plans{grid-template-columns:1fr}.plan .price{margin:7px 0}.form-grid{grid-template-columns:1fr}.row{gap:10px}.row .button{padding:8px;font-size:10px}.integration{align-items:flex-start}.integration .tag{white-space:normal}footer{padding:20px 18px;display:block}footer span{display:block;margin-top:7px}#toast{left:50%}.table-wrap{margin:0 -8px}.brand{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}