:root{--navy:#102b52;--purple:#8c78a0;--purple-deep:#705b86;--lavender:#f2e8f5;--sage:#adbea4;--sage-light:#f4f7f1;--charcoal:#344548;--cream:#fffdf9;--white:#fff;--line:#e5dfea;--shadow:0 18px 48px rgba(16,43,82,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:"Open Sans",Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}.section{padding:82px 0}h1,h2,h3,legend{font-family:Georgia,"Times New Roman",serif;color:var(--navy);line-height:1.08}h1{font-size:clamp(3rem,6vw,5rem);margin:10px 0 22px;letter-spacing:-.04em}h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 18px}h3{font-size:1.3rem}.lead{font-size:1.14rem;max-width:680px}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--purple-deep)}.invoice-hero{padding:88px 0;background:radial-gradient(circle at 90% 5%,rgba(173,190,164,.35),transparent 30%),linear-gradient(180deg,#fff,var(--cream))}.invoice-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:center}.invoice-points{display:grid;gap:13px;margin-top:30px}.invoice-points div{display:grid;gap:2px;padding-left:18px;border-left:3px solid var(--sage)}.invoice-points strong{color:var(--navy)}.invoice-summary{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.summary-line{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.summary-line strong{color:var(--navy);font-size:1.25rem}.invoice-summary p{font-size:.92rem;margin:18px 0 0}.invoice-form-section{background:#fff}.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}.invoice-form{border:1px solid var(--line);border-radius:24px;padding:38px;background:var(--cream);box-shadow:0 14px 38px rgba(16,43,82,.07)}fieldset{border:0;padding:0;margin:0 0 34px}legend{font-size:1.55rem;font-weight:700;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:800;color:var(--navy);font-size:.91rem}.field label span{font-weight:400;color:#6d7779}.field input,.field select,.field textarea{width:100%;border:1px solid #cfc7d6;border-radius:12px;background:#fff;padding:13px 14px;color:var(--charcoal)}.field textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:.91rem}.check input{margin-top:4px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--navy);color:#fff}.form-note{font-size:.82rem;margin:13px 0 0;color:#657173}.invoice-help{position:sticky;top:112px;background:var(--lavender);border-radius:22px;padding:30px}.invoice-help h3{margin:28px 0 8px}.invoice-help ol{padding-left:21px}.invoice-help li+li{margin-top:11px}.help-note{background:#fff;border-left:4px solid var(--sage);border-radius:12px;padding:16px;margin-top:24px;font-size:.9rem}@media(max-width:900px){.invoice-hero-grid,.invoice-layout{grid-template-columns:1fr}.invoice-help{position:static}.invoice-summary{max-width:620px}}@media(max-width:650px){.wrap{width:min(100% - 28px,1120px)}.invoice-hero{padding:64px 0}.section{padding:62px 0}.invoice-form{padding:27px 20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.summary-line{align-items:flex-start}}