:root{--ink:#20231c;--muted:#6d7067;--deep:#303527;--sage:#67705d;--gold:#b58d4f;--gold-soft:#eee1ca;--paper:#f4f1e9;--surface:#fffdf8;--line:#ddd6c9;--ok:#51705a;--warn:#986b2e;--shadow:0 18px 45px rgba(41,42,34,.08)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font:15px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}.product-header{padding:30px clamp(20px,5vw,72px) 36px;background:var(--deep);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;position:relative}.back-link{grid-column:1/-1;color:#d7bc8a;text-decoration:none;font-size:14px;width:max-content}.header-copy{max-width:760px}.header-copy h1{margin:8px 0 10px;font-size:clamp(38px,5vw,58px);line-height:1}.header-copy p{margin:0;color:rgba(255,255,255,.72);font-size:16px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800}.product-header .eyebrow{color:#d7bc8a}.tenant-badge{align-self:end;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(215,188,138,.32);border-radius:14px;background:rgba(255,255,255,.05)}.tenant-badge span{width:9px;height:9px;border-radius:50%;background:#9aba87;box-shadow:0 0 0 5px rgba(154,186,135,.13)}.tenant-badge strong{font-size:13px}.product-main{max-width:1400px;margin:0 auto;padding:28px clamp(16px,4vw,54px) 80px}.page-status{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--muted)}.page-status.error{border-color:#d7b7ae;background:#fff8f5;color:#8a3f31}.summary-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.summary-card{min-width:0;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.summary-card h2{font-size:27px;margin:9px 0}.plan-card-current{border-top:4px solid var(--gold)}.plan-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.plan-line h2{margin-bottom:4px}.status-pill{padding:5px 9px;border-radius:99px;background:#e6eee7;color:var(--ok);font-size:11px;font-weight:800;text-transform:uppercase}.summary-card>p{margin:5px 0 18px;color:var(--muted)}.module-list{display:flex;flex-wrap:wrap;gap:6px}.module-pill{padding:5px 8px;border-radius:8px;background:#f1eee6;color:#5b5e54;font-size:11px;font-weight:700}.usage{margin-top:17px}.usage-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.usage-head span{color:var(--muted);font-size:13px}.usage-track{height:9px;background:#ece8df;border-radius:99px;overflow:hidden}.usage-track i{display:block;height:100%;background:linear-gradient(90deg,var(--sage),#879178);border-radius:inherit}.facts{margin:15px 0 0}.facts div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #ebe5db}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:750;text-align:right}.section-tabs{display:flex;gap:7px;margin:30px 0 20px;padding:5px;background:#e8e5dc;border-radius:14px;width:max-content;max-width:100%;overflow:auto}.section-tabs button,.billing-toggle button{border:0;background:transparent;border-radius:10px;padding:10px 15px;color:#5e6258;font-weight:750;white-space:nowrap}.section-tabs button.active,.billing-toggle button.active{background:var(--surface);color:var(--deep);box-shadow:0 5px 18px rgba(48,53,39,.08)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}.section-heading h2{margin:5px 0 0;font-size:31px}.section-heading>p{max-width:590px;margin:0;color:var(--muted)}.surface{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.practice-form{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.practice-form label,.plan-dialog label{display:grid;gap:7px}.practice-form label span,.plan-dialog label span{font-weight:750;font-size:13px}.practice-form input,.practice-form select,.plan-dialog textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #d5cdc0;border-radius:11px;background:#fff;color:var(--ink)}.practice-form input:focus,.practice-form select:focus,.plan-dialog textarea:focus{outline:3px solid rgba(181,141,79,.18);border-color:var(--gold)}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:7px}.primary-button,.secondary-button{min-height:44px;padding:10px 15px;border-radius:11px;font-weight:800}.primary-button{border:1px solid var(--deep);background:var(--deep);color:#fff}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--deep)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.feedback{color:var(--muted);font-size:13px}.feedback.success{color:var(--ok)}.feedback.error{color:#9d493a}.team-list{display:grid;gap:0}.team-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:15px 4px;border-top:1px solid #ebe5db}.team-row:first-child{border-top:0}.team-row strong{display:block}.team-row small{color:var(--muted)}.role-pill{padding:5px 9px;background:var(--gold-soft);border-radius:99px;color:#705329;font-size:11px;font-weight:800}.billing-toggle{display:flex;padding:4px;background:#e8e5dc;border-radius:12px}.billing-toggle button{padding:8px 12px}.pending-request{margin:0 0 14px;padding:14px 16px;border:1px solid #d8c29e;border-radius:14px;background:#fff9ec;color:#6d532e}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.commercial-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.commercial-card.recommended{border:2px solid var(--gold);padding:21px}.recommended-label{position:absolute;top:-11px;right:16px;padding:5px 9px;border-radius:99px;background:var(--gold);color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.commercial-card h3{font-size:27px;margin:7px 0}.commercial-card>p{min-height:66px;color:var(--muted);font-size:13px}.price{margin:8px 0 16px;font:400 34px/1 Georgia,serif}.price small{font:500 12px/1.3 Inter,sans-serif;color:var(--muted)}.plan-limits{display:grid;gap:8px;margin:0 0 17px;padding:14px 0;border-top:1px solid #e9e3d9;border-bottom:1px solid #e9e3d9;font-size:13px}.plan-limits span{display:flex;justify-content:space-between;gap:9px}.plan-limits b{color:var(--sage)}.feature-list{display:grid;gap:8px;margin-bottom:18px;color:#565a50;font-size:12px}.feature-list span:before{content:'✓';margin-right:7px;color:var(--ok);font-weight:900}.commercial-card .primary-button{margin-top:auto;width:100%}.commercial-card.current .primary-button{background:#e7eee7;border-color:#d1ddd1;color:var(--ok)}.plan-dialog{width:min(520px,calc(100% - 28px));padding:0;border:0;border-radius:22px;background:var(--surface);box-shadow:0 28px 80px rgba(24,27,20,.32)}.plan-dialog::backdrop{background:rgba(24,27,20,.55);backdrop-filter:blur(4px)}.plan-dialog form{position:relative;padding:28px}.plan-dialog h2{font-size:31px;margin:7px 0}.plan-dialog p{color:var(--muted)}.plan-dialog textarea{min-height:110px;resize:vertical}.dialog-close{position:absolute;right:16px;top:15px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:23px}.plan-dialog .form-actions{margin-top:18px}
@media(max-width:1100px){.summary-grid{grid-template-columns:1fr 1fr}.plan-card-current{grid-column:1/-1}.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.product-header{display:block;padding:24px 18px 28px}.tenant-badge{margin-top:22px;width:max-content;max-width:100%}.product-main{padding:18px 13px 90px}.summary-grid{grid-template-columns:1fr}.plan-card-current{grid-column:auto}.section-heading{display:block}.section-heading>p,.billing-toggle{margin-top:12px}.practice-form{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.commercial-card{min-height:auto}.commercial-card>p{min-height:0}.team-row{grid-template-columns:1fr auto}.team-row time{grid-column:1/-1}.section-tabs{position:sticky;top:8px;z-index:20}.surface{padding:18px}}
