.hero h1{font-size:clamp(40px,4.4vw,66px);line-height:1.4}
.hero-actions{flex-wrap:wrap}
.hero-actions .button{font-size:15px}
.tools-journey{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:24px}
.scattered-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scattered-tools>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:20px}
.scattered-tools small{font-size:12px;color:var(--muted);padding:4px 9px;background:#f2f5f3;border-radius:4px}
.scattered-tools p{grid-column:1/-1;font-size:14px;color:var(--muted);margin:6px 0}
.journey-arrow{font-size:35px;text-align:center;color:var(--deep-teal)}
.owned-tool{padding:34px;background:var(--navy);color:white;border-radius:12px}
.owned-tool h3{font-size:27px;margin:16px 0 10px;font-weight:500}
.owned-tool p{color:#c0d5dd;font-size:15px;margin-bottom:18px}
.owned-caption{font-size:13px;color:#7de0d3}
.tools-section>.field-note{margin-top:24px}
.subscription-calculator{align-items:start}
.subscription-calculator .calc-inputs,.subscription-calculator .calc-output{min-width:0}
.subscription-calculator .calc-output{border-radius:14px}
.subscription-calculator .simple-title .eyebrow{font-size:11px;margin:0 0 8px}
.subscription-calculator .simple-title h3{margin:0}
.draft-preview{padding:16px;background:#edf6f2;border:1px solid #c7e0d5;border-radius:8px;font-size:13px;color:var(--navy);line-height:1.9;margin-top:20px}
.draft-error{color:#9b3030;font-size:13px}
.add-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}
.add-actions .button{width:100%;justify-content:center;cursor:pointer;font-family:inherit;font-size:15px}
.add-actions .text-link{border:0;background:none;font-family:inherit;cursor:pointer;color:var(--deep-teal);padding:8px}
.sum-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px}
.sum-heading .eyebrow{font-size:11px;color:#9ddbd1;margin:0}
#subscription-count{font-size:12px;color:#d0e6e9}
.sum-options{margin-bottom:24px}
.sum-options label{color:#e2efef!important;font-size:13px}
.sum-options select{color:var(--navy);background:#f5faf8;border:1px solid #c3d7d6;max-width:100%}
.subscription-list{list-style:none;padding:0;margin:0 0 24px}
.subscription-list:empty{display:none}
.subscription-list li{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:1px solid #365363;padding:18px 0}
.subscription-list li:first-child{padding-top:0}
.subscription-info{min-width:0}
.subscription-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.subscription-heading strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.subscription-heading img{width:48px;height:28px;object-fit:contain;background:white;border-radius:4px;padding:4px;flex-shrink:0}
.subscription-info small{display:block;color:#b6cbd5;font-size:12px;line-height:1.8}
.row-monthly{display:block;font-size:13px;color:#8fe0d4;margin-top:4px}
.subscription-actions{display:flex;gap:8px;flex-shrink:0}
.subscription-actions button{font-family:inherit;font-size:12px;background:transparent;color:#dbefec;border:1px solid #536d7b;border-radius:5px;padding:5px 8px;cursor:pointer}
.subscription-actions button:hover{background:#284b5d}
.subscription-actions button:focus-visible,.add-actions button:focus-visible{outline:3px solid #18b5a4;outline-offset:3px}
.sum-totals #subscription-total{font-size:clamp(32px,4vw,52px);overflow-wrap:anywhere}
.sum-totals #cost-duration{font-size:16px}
.sum-totals #billing-description{font-size:12px}
.subscription-calculator .ownership-result .calculator-cta{font-size:14px;white-space:normal;text-align:center}
#cost-form{scroll-margin-top:110px}
#subscription-name{direction:rtl}
.subscription-calculator #manual-fields .cost-field+.cost-field{margin-top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.tools-journey{grid-template-columns:1fr;gap:18px}.journey-arrow{transform:rotate(-90deg)}.owned-tool{padding:28px}.hero h1{font-size:48px}}
@media(max-width:600px){.hero h1{font-size:37px}.hero-actions{align-items:stretch;gap:18px}.hero-actions .button{font-size:14px}.scattered-tools>span{font-size:17px;padding:18px 12px}.sum-heading{align-items:flex-start}.sum-heading .eyebrow{max-width:150px}.subscription-list li{flex-wrap:wrap;gap:10px}.subscription-actions{margin-inline-start:auto}.subscription-calculator .calc-inputs,.subscription-calculator .calc-output{padding:24px 20px}.subscription-heading strong{font-size:13px}.sum-totals #subscription-total{font-size:35px}.owned-tool h3{font-size:24px}}
