:root{--ink: #13243f;--paper: #f6f8fb;--white: #ffffff;--red: #c9302c;--blue: #1f5fbf;--line: #dce3ee;--muted: #5a667a;--good: #1e7b4f;--good-bg: #e6f4ec;--warn: #8a5300;--warn-bg: #fff3dc;--bad: #b42318;--bad-bg: #fdebe9;--display: "Familjen Grotesk", "Segoe UI", system-ui, sans-serif;--body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--airmail: repeating-linear-gradient(135deg, var(--red) 0 12px, var(--white) 12px 20px, var(--blue) 20px 32px, var(--white) 32px 40px);--radius: 6px;--wrap: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0 0 .5em;letter-spacing:-.015em}h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:700}h2{font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:600}h3{font-size:1.15rem;font-weight:600}p{margin:0 0 1em}a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--ink)}code{font-family:var(--mono);font-size:.88em}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:3px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.narrow,.measure{max-width:680px}.block{padding-top:64px;padding-bottom:64px}.muted{color:var(--muted)}.small{font-size:.92rem}.section-lede{color:var(--muted);max-width:62ch}.page-loading{padding:80px 24px;text-align:center;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--white);padding:8px 12px;z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--white);border:2px solid var(--ink);border-radius:var(--radius);padding:11px 20px;font:700 1rem/1.2 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--blue);border-color:var(--blue);color:var(--white)}.btn:disabled{opacity:.6;cursor:progress}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--white);color:var(--ink);border-color:var(--ink)}.btn-small{padding:6px 12px;font-size:.9rem;border-width:1.5px}.danger{color:var(--bad)!important}.link-button{background:none;border:0;padding:0;color:var(--blue);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.form{display:grid;gap:18px}.form>.btn{justify-self:start}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.field{display:grid;gap:6px;border:0;padding:0;margin:0}.field label,.field legend{font-weight:700}.hint{margin:0;color:var(--muted);font-size:.9rem}input,select,textarea{font:inherit;color:var(--ink);background:var(--white);border:1.5px solid #b9c4d6;border-radius:var(--radius);padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #1f5fbf2e}.input-row{display:flex;gap:8px;align-items:center}.input-row input{flex:1;min-width:0}.address-input{gap:0}.address-input input{border-top-right-radius:0;border-bottom-right-radius:0}.suffix{padding:10px 12px;border:1.5px solid #b9c4d6;border-left:0;border-radius:0 var(--radius) var(--radius) 0;background:var(--paper);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.error{color:var(--bad);background:var(--bad-bg);padding:10px 14px;border-radius:var(--radius);margin:0}.radio-list{display:grid;gap:8px}.radio{display:flex;gap:10px;align-items:baseline;font-weight:400!important;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--white);cursor:pointer}.radio input{width:auto}.radio:has(input:checked){border-color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header-row{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}.brand-link{text-decoration:none;color:var(--ink)}.logo{display:inline-flex;align-items:center;gap:10px;font:700 1.3rem var(--display);color:var(--ink)}.nav{display:flex;align-items:center;gap:22px}.nav a:not(.btn),.nav .link-button{color:var(--ink);text-decoration:none;font-weight:700}.nav a:not(.btn):hover,.nav .link-button:hover{color:var(--blue)}.nav a.active{text-decoration:underline;text-decoration-thickness:2px}.menu-toggle{display:none}.site-footer{border-top:1px solid var(--line);background:var(--white);margin-top:32px}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;padding-bottom:24px}.footer-row p{margin:0}.envelope{padding:10px;background:var(--airmail);border-radius:4px}.envelope-inner{background:var(--white);padding:28px;position:relative;border-radius:2px}.hero{background:var(--white);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:80px}.lede{font-size:1.2rem;color:var(--muted);max-width:46ch;margin-bottom:28px}.hero-envelope{transform:rotate(-1.2deg);box-shadow:0 18px 40px -24px #13243f73}.envelope-label{display:block;font-weight:700;font-size:.95rem;margin-bottom:6px}.envelope-input{font:600 1.25rem var(--display);border-width:0 0 2px;border-radius:0;padding:6px 2px;border-color:var(--ink)}.envelope-input:focus{box-shadow:none;border-color:var(--blue)}.envelope-to{margin:22px 0 6px;color:var(--muted);font-size:.95rem}.envelope-lines{list-style:none;margin:0;padding:0;font:600 clamp(1.05rem,2vw,1.35rem)/1.2 var(--display)}.envelope-lines li{padding:12px 0;border-bottom:1px dashed var(--line);overflow-wrap:anywhere}.addr-local{color:var(--blue)}.postmark{position:absolute;top:18px;right:18px;width:82px;height:82px;border-radius:50%;border:2px solid var(--red);color:var(--red);display:grid;place-content:center;text-align:center;font:700 .72rem/1.25 var(--display);letter-spacing:.02em;transform:rotate(12deg);opacity:.85}.postmark:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--red);border-radius:50%}.steps{list-style:none;counter-reset:step;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps li{counter-increment:step;border-top:3px solid var(--ink);padding-top:16px}.steps li:before{content:counter(step);font:700 2rem var(--display);color:var(--red);display:block;margin-bottom:4px}.steps p{color:var(--muted);margin:0}.band{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plans{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));margin-top:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.plan{padding:28px 24px;display:flex;flex-direction:column;border-left:1px solid var(--line);position:relative}.plan:first-child{border-left:0}.plan-featured{background:#f1f5fc}.plan-featured:before{content:"";position:absolute;left:0;right:0;top:-1px;height:8px;background:var(--airmail)}.plan-note{margin:0 0 6px;color:var(--red);font-weight:700;font-size:.9rem;min-height:1.45em}.price{margin:4px 0 20px}.price-amount{font:700 2rem var(--display)}.price-period{color:var(--muted)}.plan-facts{margin:0 0 18px;display:grid;gap:0}.plan-facts div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.plan-facts dt{color:var(--muted)}.plan-facts dd{margin:0;font-weight:700}.plan-features{padding-left:1.1em;margin:0 0 24px;color:var(--ink)}.plan-features li{margin-bottom:4px}.plan-actions{margin-top:auto}.plan-actions .btn{width:100%}.two-col{display:grid;grid-template-columns:1fr 1.6fr;gap:48px}.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.facts li{color:var(--muted)}.facts strong{color:var(--ink);display:block}details{border-bottom:1px solid var(--line);padding:14px 0}details summary{font-weight:700;cursor:pointer}details p{margin:10px 0 0;color:var(--muted)}.cta-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;border-top:3px solid var(--ink)}.cta-strip h2{margin:0}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.page-head h1{margin:0;overflow-wrap:anywhere}.page-head p{margin:4px 0 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:40px 0 16px}.section-head h2{margin:0}.crumb{margin-bottom:8px;color:var(--muted)}.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.85rem;font-weight:700;white-space:nowrap}.chip-good{background:var(--good-bg);color:var(--good)}.chip-warn{background:var(--warn-bg);color:var(--warn)}.chip-bad{background:var(--bad-bg);color:var(--bad)}.chip-plain{background:#eef1f6;color:var(--muted)}.notice-envelope,.created-envelope{margin:8px 0 24px}.message-preview{white-space:pre-wrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font:.92rem/1.5 var(--mono);margin:0 0 16px;overflow-wrap:anywhere}.notice{padding:14px 18px;border-radius:var(--radius);margin:12px 0}.notice ul{margin:6px 0 0;padding-left:1.2em}.notice p:last-child{margin-bottom:0}.notice-good{background:var(--good-bg)}.notice-warn{background:var(--warn-bg)}.notice-bad{background:var(--bad-bg)}.notice-bad h2{font-size:1.25rem}.usage{border-left:4px solid var(--blue);padding:4px 0 4px 16px}.usage p{margin:0 0 4px}.domain-list{list-style:none;margin:0 0 20px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.domain-list li+li{border-top:1px solid var(--line)}.domain-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 20px;color:var(--ink);text-decoration:none}.domain-row:hover{background:#f1f5fc;color:var(--ink)}.domain-name{font:600 1.15rem var(--display);overflow-wrap:anywhere}.domain-meta{color:var(--muted)}.add-domain{display:grid;gap:8px}.add-domain label{font-weight:700}.stage{margin-top:32px;padding-top:28px;border-top:3px solid var(--ink)}.cf-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin:20px 0}.cf-box[open] summary{margin-bottom:14px}.help-steps{margin:10px 0 0;padding-left:1.3em;color:var(--muted)}.help-steps li{margin-bottom:4px}.records{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin:20px 0 12px}.record{display:grid;grid-template-columns:90px minmax(140px,1fr) minmax(0,2.4fr) 170px;gap:16px;padding:16px 18px;align-items:start}.record+.record{border-top:1px solid var(--line)}.record-head{font-weight:700;color:var(--muted);font-size:.9rem;padding-top:10px;padding-bottom:10px;background:var(--paper)}.record code{display:block;background:var(--paper);padding:6px 8px;border-radius:4px;overflow-wrap:anywhere;word-break:break-all;margin-bottom:6px}.rec-type{font-weight:700}.optional{display:block;font-weight:400;color:var(--muted);font-size:.82rem}.prio{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}.purpose{display:block;color:var(--muted);font-size:.88rem;margin-top:6px}.rec-status{display:grid;gap:6px;justify-items:start}.detail{font-size:.85rem;color:var(--muted)}.record-tips{color:var(--muted);padding-left:1.2em;margin:0 0 20px}.record-tips li{margin-bottom:4px}.mailbox-list{list-style:none;margin:16px 0 24px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.mailbox-list li{padding:14px 18px}.mailbox-list li+li{border-top:1px solid var(--line)}.mailbox-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center}.mailbox-row strong{overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}.inline-form .field{flex:1 1 320px}.inline-form label{display:grid;gap:4px;font-weight:700;font-size:.92rem}.app-settings{margin-top:24px}.settings-list{margin:12px 0 0}.settings-list div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:6px 0}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0}.danger-zone{margin-top:48px;padding-top:16px;border-top:1px solid var(--line)}.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:24px}.tab{background:none;border:0;padding:10px 16px;font:700 1rem var(--body);color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}.tab.on{color:var(--ink);border-bottom-color:var(--red)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.stats div{padding:14px 18px;border-left:1px solid var(--line)}.stats div:first-child{border-left:0}.stats dt{color:var(--muted);font-size:.9rem}.stats dd{margin:0;font:700 1.8rem var(--display)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{background:var(--white);border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;font:700 .9rem var(--body);color:var(--muted);cursor:pointer}.filter.on{border-color:var(--ink);color:var(--ink)}.search{max-width:320px}.customer-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.customer+.customer{border-top:1px solid var(--line)}.customer-summary{width:100%;display:grid;grid-template-columns:minmax(0,2fr) 1.2fr 1fr 1fr auto;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:14px 18px;font:inherit;color:var(--ink);cursor:pointer}.customer-summary:hover,.customer.open .customer-summary{background:#f1f5fc}.c-name{display:grid;min-width:0}.c-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-body{padding:4px 18px 20px}.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 24px;margin:8px 0 18px}.contact dt{color:var(--muted);font-size:.88rem}.contact dd{margin:0;overflow-wrap:anywhere}.admin-actions{display:grid;gap:16px}.admin-actions select,.admin-actions input{min-width:160px}.plan-editors{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.plan-editor{display:grid;gap:12px}.plan-editor label{display:grid;gap:4px;font-weight:700;font-size:.92rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks{display:flex;flex-wrap:wrap;gap:16px}.check{display:flex!important;align-items:center;gap:8px;font-weight:400!important}.check input{width:auto}@media (max-width: 960px){.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:56px}.hero-envelope{transform:none}.steps{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.plan{border-left:0;border-top:1px solid var(--line)}.plan:first-child{border-top:0}.two-col{grid-template-columns:1fr;gap:16px}.record{grid-template-columns:1fr;gap:8px}.record-head{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stats div:nth-child(4){border-left:0}.stats div:nth-child(n+4){border-top:1px solid var(--line)}.customer-summary{grid-template-columns:1fr auto}.c-plan,.c-exp,.c-usage{display:none}}@media (max-width: 720px){.block{padding-top:44px;padding-bottom:44px}.menu-toggle{display:inline-block;background:none;border:1.5px solid var(--line);border-radius:var(--radius);padding:6px 12px;font:700 .95rem var(--body);color:var(--ink)}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:16px 24px 24px;gap:16px}.nav.open{display:flex}.steps,.facts{grid-template-columns:1fr}.domain-row{grid-template-columns:1fr auto}.domain-meta{display:none}.input-row{flex-wrap:wrap}.address-input{flex-wrap:nowrap}.settings-list div{grid-template-columns:1fr;gap:0}.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div{border-left:0!important;border-top:1px solid var(--line)}.stats div:first-child,.stats div:nth-child(2){border-top:0}.postmark{width:64px;height:64px;font-size:.6rem;top:12px;right:12px}.envelope-inner{padding:22px 18px}}