:root{--ink:#14211d;--muted:#66736e;--line:#dfe7e2;--paper:#f7faf8;--card:#fff;--brand:#176b4d;--brand-dark:#0e4935;--brand-soft:#e7f5ee;--accent:#d9aa4d;--danger:#ad3f3f;--shadow:0 18px 50px #193d3017}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle at 85% 0%, #e2f1e9 0, transparent 28rem), var(--paper);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f7faf8db;border-bottom:1px solid #14211d14;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:14px clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:19px;font-weight:760;display:inline-flex}.brand-mark{color:#fff;background:var(--brand);border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;display:grid}.header-actions{justify-content:flex-end;align-items:center;gap:13px;display:flex}.quiet-link{color:var(--muted);font-size:14px;font-weight:650}.quiet-link:hover{color:var(--brand)}.centered{text-align:center;margin-top:17px;display:block}.button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:700;transition:all .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #14211d14}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.button-primary:hover:not(:disabled){background:var(--brand-dark)}.button-secondary{color:var(--brand);background:0 0;border-color:#176b4d4d}.button-ghost{background:0 0;border-color:#0000}.button-wide{width:100%;min-height:49px}.button-small{min-height:34px;padding:6px 11px;font-size:12px}.text-button{color:var(--brand);background:0 0;border:0;padding:4px;font-weight:750}.text-button.danger{color:var(--danger)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(45px,8vw,110px);max-width:1240px;min-height:calc(100vh - 151px);margin:0 auto;padding:clamp(70px,10vw,140px) 28px 80px;display:grid}.hero-copy{max-width:650px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.15em;margin:0 0 12px;font-size:12px;font-weight:850}.hero h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(49px,6.2vw,82px);font-weight:500;line-height:.99}.hero-lead{max-width:600px;color:var(--muted);margin:26px 0 30px;font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-panel{position:relative}.hero-panel:before{content:"";border:1px solid #176b4d2e;border-radius:36px;position:absolute;inset:-28px 25px 22px -28px;transform:rotate(-3deg)}.mini-window{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;position:relative;overflow:hidden;transform:rotate(1.3deg)}.window-bar{border-bottom:1px solid var(--line);background:#eff4f1;gap:7px;padding:15px 18px;display:flex}.window-bar span{background:#b9c7c0;border-radius:99px;width:8px;height:8px}.window-body{padding:30px}.mini-heading{align-items:center;gap:14px;display:flex}.mini-heading div:last-child,.mini-access div{flex-direction:column;gap:3px;display:flex}.mini-heading span,.mini-access span,.mini-grid span{color:var(--muted);font-size:13px}.mini-grid{grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 16px;display:grid}.mini-grid>div{background:var(--paper);border-radius:13px;flex-direction:column;gap:7px;padding:16px;display:flex}.mini-access{background:var(--brand-soft);border:1px solid #cfe7da;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.green{color:var(--brand)}.success-check{background:var(--brand);color:#fff;border-radius:99px;place-items:center;width:45px;height:45px;font-size:22px;font-weight:900;display:grid}.success-check.small{width:30px;height:30px;font-size:14px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff8c;flex-wrap:wrap;justify-content:center;gap:22px 65px;padding:20px clamp(25px,6vw,90px);font-size:13px;font-weight:750;display:flex}.portal-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:62px 0 90px}.portal-heading{justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:35px;display:flex}.portal-heading h1{letter-spacing:-.035em;margin:0 0 9px;font:500 clamp(39px,6vw,61px)/1 Georgia,serif}.portal-heading p:not(.eyebrow){color:var(--muted);margin:0}.role-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:4px;min-width:150px;padding:17px 20px;display:flex;box-shadow:0 8px 25px #14211d0a}.role-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.role-card strong{text-transform:capitalize}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:47px;display:grid}.metric{border:1px solid var(--line);background:#ffffffbf;border-radius:16px;justify-content:space-between;align-items:baseline;padding:22px;display:flex}.metric span{color:var(--muted);font-weight:650}.metric strong{font:500 34px Georgia,serif}.section-block{margin-top:44px}.section-title{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-title h2{letter-spacing:-.02em;margin:0;font:500 29px Georgia,serif}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;gap:17px;padding:24px;display:grid;box-shadow:0 8px 30px #193d300a}.product-card>.button{grid-column:1/-1}.plan-actions{grid-column:1/-1;gap:9px;display:grid}.product-icon{background:var(--brand);color:#fff;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font:600 22px Georgia,serif;display:grid}.product-copy{min-width:0}.product-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.status{color:#52605a;text-transform:capitalize;white-space:nowrap;background:#edf1ef;border-radius:99px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-active,.status-succeeded,.status-paid{background:var(--brand-soft);color:var(--brand-dark)}.status-failed,.status-terminated,.status-cancelled,.status-overdue{color:#963d3d;background:#f9e9e9}.status-pending,.status-incomplete{color:#7c5d1b;background:#fff3d8}.table-card{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.table-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(170px,1.7fr) .7fr 1fr .45fr;align-items:center;gap:18px;min-height:72px;padding:15px 20px;font-size:14px;display:grid}.table-row:last-child{border-bottom:0}.table-row>div{flex-direction:column;gap:5px;display:flex}.table-row span:not(.status){color:var(--muted)}.invoice-row{grid-template-columns:1.5fr .7fr .65fr 1fr}.invoice-row .amount{font-weight:800;color:var(--ink)!important}.invoice-actions{justify-content:flex-end;align-items:center;flex-direction:row!important;gap:10px!important;display:flex!important}.payment-row{grid-template-columns:1.5fr .7fr .65fr 1fr}.empty-state{text-align:center;color:var(--muted);padding:32px}.loading-card{border:1px solid var(--line);width:min(550px,100% - 40px);min-height:180px;color:var(--muted);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:100px auto;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:99px;width:29px;height:29px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:14px 17px;font-size:14px;display:flex}.notice-error{color:#7a3030;background:#fcecec;border:1px solid #f2cccc}.notice button{color:inherit;background:0 0;border:0;font-weight:800}.subscribe-shell,.auth-shell{place-items:center;min-height:calc(100vh - 150px);padding:55px 20px;display:grid}.subscribe-card{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:23px;padding:clamp(28px,6vw,48px)}.subscribe-card h1{letter-spacing:-.03em;margin:0 0 12px;font:500 42px/1.08 Georgia,serif}.subscribe-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.price-line{align-items:baseline;gap:11px;padding:22px 0;display:flex}.price-line strong{font:500 48px Georgia,serif}.price-line span{color:var(--muted)}.feature-list{gap:11px;margin:0 0 25px;padding:0;list-style:none;display:grid}.feature-list li:before{content:"✓";color:var(--brand);margin-right:10px;font-weight:900}.selected-account{background:var(--paper);color:var(--muted);border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:14px}.success-card{text-align:center}.success-card .success-check{margin:0 auto 20px}.success-card .button{margin-top:12px}.payment-shell{place-items:center;min-height:calc(100vh - 150px);padding:55px 20px;display:grid}.payment-card{border:1px solid var(--line);width:min(720px,100%);box-shadow:var(--shadow);background:#fff;border-radius:23px;padding:clamp(27px,5vw,45px)}.payment-card>h1{letter-spacing:-.03em;margin:0 0 12px;font:500 42px/1.08 Georgia,serif}.payment-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.payment-card>.spinner{margin:0 auto 14px;display:block}.method-selector{grid-template-columns:repeat(2,1fr);gap:11px;margin:25px 0 18px;display:grid}.method-option{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;flex-direction:column;gap:6px;padding:17px;display:flex}.method-option span{color:var(--muted);font-size:13px;line-height:1.45}.method-option.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}.bank-details{background:#f0faf5;border:1px solid #b9dccc;border-radius:13px;margin:17px 0;padding:18px}.bank-details.demo{background:#fff8e7;border-color:#e8c97c}.bank-notice{color:#845d10;margin-bottom:14px;display:block}.bank-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:0;display:grid}.bank-details dl div{min-width:0}.bank-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:11px;font-weight:800}.bank-details dd{overflow-wrap:anywhere;margin:0;font-weight:700}.method-instructions{background:var(--paper);border-radius:11px;padding:13px 15px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0;display:grid}.form-grid label{gap:7px;display:grid}.form-grid label>span{color:var(--muted);font-size:12px;font-weight:750}.form-grid input,.form-grid textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd8d1;border-radius:10px;padding:11px 12px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--brand);outline:2px solid #176b4d33}.form-grid textarea{resize:vertical;min-height:90px}.full-field{grid-column:1/-1}.site-footer{border-top:1px solid var(--line);min-height:75px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:20px clamp(20px,5vw,76px);font-size:13px;display:flex}@media (max-width:800px){.site-header{padding-inline:18px}.header-actions .quiet-link{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-panel{width:min(500px,100%);margin:20px auto 0}.portal-heading{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.table-row,.invoice-row{grid-template-columns:1fr auto;gap:10px}.table-row>:nth-child(3){grid-column:1}.table-row>:nth-child(4){grid-area:2/2}.site-footer{flex-direction:column;align-items:flex-start}.method-selector,.form-grid,.bank-details dl{grid-template-columns:1fr}.full-field{grid-column:auto}}@media (max-width:520px){.brand span:last-child{display:none}.header-actions{gap:8px}.hero h1{font-size:46px}.portal-shell{width:min(100% - 24px,1180px);padding-top:40px}.product-card{padding:19px}}.portal-app{grid-template-columns:252px minmax(0,1fr);width:min(1440px,100%);min-height:calc(100vh - 152px);margin:0 auto;display:grid}.portal-sidebar{border:1px solid var(--line);background:#ffffffdb;border-radius:20px;flex-direction:column;align-self:start;min-height:510px;margin:28px 0 28px 24px;padding:19px 13px;display:flex;position:sticky;top:104px;box-shadow:0 18px 45px #14211d0d}.account-lockup{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:5px 6px 19px;display:flex}.account-avatar{background:linear-gradient(145deg, var(--brand), #238861);color:#fff;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font:600 19px Georgia,serif;display:grid;box-shadow:0 8px 18px #176b4d33}.account-lockup div{flex-direction:column;gap:3px;min-width:0;display:flex}.account-lockup strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.account-lockup span:last-child{color:var(--muted);font-size:11px}.portal-sidebar nav{gap:5px;padding-top:18px;display:grid}.portal-sidebar nav button{width:100%;min-height:43px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:9px 11px;font-weight:700;display:grid}.portal-sidebar nav button:hover{color:var(--ink);background:#f1f6f3}.portal-sidebar nav button.active{background:var(--brand-soft);color:var(--brand-dark)}.portal-sidebar nav svg,.metric svg,.record-icon svg,.button svg,.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.portal-sidebar nav button:first-child svg{fill:currentColor;stroke:none}.portal-sidebar nav small{min-width:21px;color:inherit;text-align:center;background:#14211d0f;border-radius:99px;padding:3px 6px;font-size:10px}.sidebar-note{border-top:1px solid var(--line);align-items:flex-start;gap:9px;margin-top:auto;padding:14px 10px 4px;display:flex}.sidebar-note div{flex-direction:column;gap:3px;display:flex}.sidebar-note strong{font-size:11px}.sidebar-note span:last-child{color:var(--muted);font-size:10px}.live-dot{background:#21a36f;border-radius:99px;width:8px;height:8px;margin-top:3px;box-shadow:0 0 0 4px #e4f7ef}.portal-content{min-width:0;padding:50px clamp(28px,5vw,76px) 84px}.portal-content .portal-heading{align-items:center;padding-bottom:27px}.portal-content .portal-heading h1{font-size:clamp(37px,5vw,55px)}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#fff;border-radius:12px;place-items:center;display:grid}.icon-button:hover{color:var(--brand);border-color:#b9d8ca;box-shadow:0 7px 20px #14211d0f}.portal-content .metric-grid{margin:2px 0 42px}.portal-content .metric{border:1px solid var(--line);text-align:left;min-height:140px;color:var(--ink);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;align-items:start;padding:20px;display:grid;box-shadow:0 10px 30px #14211d09}.portal-content .metric:hover{border-color:#b8d5c8;transform:translateY(-2px);box-shadow:0 15px 36px #14211d12}.portal-content .metric>span{align-items:center;gap:8px;font-size:13px;display:flex}.portal-content .metric>strong{grid-area:1/2/3;font-size:43px}.portal-content .metric>small{color:var(--muted);grid-column:1/-1;align-self:end;font-size:11px}.portal-section{margin-top:39px}.portal-section:first-child{margin-top:0}.portal-section .section-title{align-items:end}.portal-section .section-title h2{font-size:28px}.portal-section .section-title p:not(.eyebrow){color:var(--muted);margin:7px 0 0;font-size:13px}.compact-section{margin-top:50px}.product-card{border-radius:19px;flex-direction:column;gap:18px;min-height:280px;padding:23px;display:flex}.product-card-top{justify-content:space-between;align-items:flex-start;display:flex}.product-card .product-copy{flex:1}.product-card h3{margin:0 0 8px;font-size:20px}.product-card .button svg{width:16px;height:16px}.plan-option{border:1px solid var(--line);min-height:55px;color:var(--brand-dark);background:#fbfcfb;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.plan-option:hover{background:var(--brand-soft);border-color:#acd3c1}.plan-option>span:first-child{flex-direction:column;gap:2px;display:flex}.plan-option strong{font-size:13px}.plan-option small{color:var(--muted);text-transform:capitalize;font-size:10px}.plan-option>span:last-child{font-size:12px;font-weight:800}.split-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 9px 30px #14211d09}.panel-heading{border-bottom:1px solid var(--line);background:#fbfcfb;justify-content:space-between;align-items:center;min-height:58px;padding:15px 18px;display:flex}.panel-heading h3{margin:0;font-size:15px}.panel-heading span{color:var(--muted);font-size:11px}.record-list{display:grid}.record{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:77px;padding:14px 17px;display:flex}.record:last-child{border-bottom:0}.record-main{align-items:center;gap:11px;min-width:0;display:flex}.record-main>div{flex-direction:column;gap:4px;min-width:0;display:flex}.record-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.record-main span:last-child{color:var(--muted);font-size:11px}.record-icon{background:var(--paper);width:34px;height:34px;color:var(--brand);border-radius:10px;flex:none;place-items:center;display:grid}.record-icon svg{width:16px;height:16px}.record-actions{flex:none;align-items:center;gap:10px;display:flex}.payment-record{grid-template-columns:minmax(220px,1.5fr) .55fr .5fr 1fr;display:grid}.record-amount{font-size:13px}.record-note{color:var(--muted);font-size:11px}@media (max-width:1050px){.portal-app{grid-template-columns:1fr}.portal-sidebar{min-height:auto;margin:20px 24px 0;position:static}.portal-sidebar nav{grid-template-columns:repeat(4,1fr);display:grid}.portal-sidebar nav button{grid-template-columns:20px 1fr auto}.sidebar-note{display:none}.portal-content{padding-top:35px}}@media (max-width:760px){.portal-sidebar{margin-inline:12px;padding:12px}.account-lockup{border-bottom:0;padding-bottom:10px}.portal-sidebar nav{grid-template-columns:repeat(2,1fr);padding-top:6px}.portal-content{padding:30px 16px 70px}.portal-content .metric-grid,.split-grid{grid-template-columns:1fr}.payment-record{grid-template-columns:1fr auto;align-items:start}.payment-record .record-note{grid-column:1/-1}}