/* Customer package surfaces. The existing paper/teal brand remains shared. */
.package-site{font-size:16px;--muted:#536367}
.package-site :focus-visible{outline:3px solid #326e9a;outline-offset:4px}
.package-site .skip{position:absolute;left:16px;top:-80px;z-index:20;background:#fff;padding:12px}.package-site .skip:focus{top:12px}
.package-site .nav{gap:20px;flex-wrap:wrap}.package-site .navlinks{gap:18px;flex-wrap:wrap}.package-site .navlinks a{display:inline-block!important;font-size:14px}
.package-site .navlinks a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.package-site .section{padding:44px 0}.package-site .pagehead{padding:42px 0 20px}.package-site .pagehead h1{font-size:clamp(36px,5vw,60px);max-width:850px}.package-site .section h2{font-size:clamp(29px,3.5vw,42px)}
.package-site .kicker,.package-site .tag,.package-site .small{font-size:14px}.package-site p{max-width:72ch}.package-site .actions{margin-top:22px}.package-site .btn{cursor:pointer;min-height:46px}.package-site button:disabled{opacity:.65;cursor:wait}.package-site [hidden]{display:none!important}
.package-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:46px 0}.package-hero h1{font-size:clamp(38px,4.9vw,66px);line-height:1.04;letter-spacing:-.035em;margin:16px 0 20px}.package-hero p{font-size:19px}.package-hero .proof{margin:0;border:1px solid var(--line);border-top:5px solid var(--accent);background:var(--panel);box-shadow:var(--s-shadow-soft)}
.proof-head{padding:20px 24px;border-bottom:1px solid var(--line)}.proof-head strong{display:block;font:700 26px var(--s-font-display);color:var(--accent)}.proof img{width:100%;display:block}.proof figcaption{padding:14px 24px;font-size:14px}.proof .metric-row{padding:20px 24px}
.metric-row{display:flex;gap:28px;flex-wrap:wrap}.metric-row strong{font-size:28px;display:block;color:var(--accent)}.metric-row span{font-size:14px}.eyebrow{font-size:14px;color:var(--accent);font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.section-line{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.text-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-card{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:6px;min-width:0}.package-card.featured{border-top:4px solid var(--accent)}.package-card h2,.package-card h3{font-size:25px!important;line-height:1.15;margin:13px 0}.package-card p{margin:0 0 18px}.package-card .deliveries{font-size:14px;padding:12px 0;border-top:1px solid var(--line);margin-top:auto}.package-card .btn{margin-top:14px}.availability{font-size:14px;color:#536367}.filetags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.filetags span{font-size:14px;border:1px solid var(--line);padding:3px 9px;background:var(--panel)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filters button{border:1px solid var(--line);padding:10px 17px;border-radius:999px;background:var(--panel);color:var(--text);cursor:pointer;min-height:44px}.filters button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.package-card details{margin-top:12px}.package-site summary{cursor:pointer;padding:10px 0;color:var(--accent);font-weight:700}.package-card details p{font-size:14px;margin-top:10px}.package-site ul{padding-left:22px}.package-site li{margin:8px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.steps article{border-top:2px solid var(--accent);padding-top:16px}.steps h3{font-size:23px;margin:10px 0}.steps p{margin:0}.stepno{font:700 15px var(--s-font-mono);color:var(--accent)}
.package-split{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:start}.package-side{border:1px solid var(--line);padding:24px;background:var(--panel);border-radius:6px}.package-side h2,.package-side h3{font-size:25px!important}.package-site .callout{border-left:4px solid var(--accent);background:var(--s-color-accent-soft);padding:22px;margin:24px 0}.package-site .review-note{border-left-color:#976226;background:#f1e7d5}.package-site .callout p{margin:5px 0}
.preview-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.preview-tabs button{padding:12px 18px;border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--accent)}.preview-tabs button[aria-selected=true]{background:var(--accent);color:#fff}.preview-panel{border:1px solid var(--line);background:#fff;padding:24px}.preview-panel h2{font-size:28px!important;margin-top:0}.preview-panel img{display:block;width:100%;height:auto;border:1px solid #e2e6e9;margin:20px 0}.preview-panel figcaption{font-size:14px;color:#536367}.preview-panel figure{margin:0}.preview-panel a.text-link{display:inline-block;margin-top:12px}
.file-list{list-style:none;padding:0!important}.file-list li{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line);margin:0}.file-type{font:700 14px var(--s-font-mono);color:var(--accent)}.file-list strong{display:block}.file-list p{font-size:15px;margin:5px 0}
.value-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.value-form label,.package-site .form label{font-size:16px;display:block}.value-form input,.value-form select{display:block;width:100%;padding:12px;background:#fff;border:1px solid var(--line);border-radius:5px;margin-top:7px;color:var(--text)}.value-form small{display:block;font-size:14px;margin-top:5px;color:var(--muted)}.value-form .span2{grid-column:1/-1}.value-results{background:var(--accent);color:#fff;padding:30px;border-radius:6px}.value-results h2,.value-results h3{color:#fff}.value-results .big{display:block;font-size:44px;line-height:1.1;margin:12px 0}.value-results p{font-size:16px}.value-results dl{margin:24px 0}.value-results dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #ffffff55}.value-results dd{margin:0;font-weight:700}.value-results .muted{color:#e0efeb}.value-results .formula{font-size:14px;border-top:1px solid #ffffff55;padding-top:16px}.value-form details{grid-column:1/-1}.value-form details>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:12px}.value-error{color:#852e24;margin:0}
.package-site .form{max-width:none}.package-site .form textarea{min-height:90px}.package-site .form input[type=checkbox]{width:auto;margin-right:10px}.package-site .footer{font-size:14px}.package-site .footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px}
.breadcrumb{padding-top:24px;font-size:14px;color:var(--muted)}.breadcrumb a{text-decoration:underline}.package-site .noscript{border:1px solid #a87535;padding:15px;margin:20px 0}.package-site .empty-results{padding:20px;border:1px solid var(--line)}
@media(max-width:950px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-hero{gap:24px}.package-site .nav{align-items:flex-start}.package-site .navlinks{gap:12px}.package-site .navlinks a{font-size:14px}}
@media(max-width:720px){.package-hero,.package-split{grid-template-columns:1fr}.package-hero{padding:30px 0}.package-site .section{padding:32px 0}.steps{grid-template-columns:1fr;gap:20px}.section-heading{align-items:start;flex-direction:column;gap:8px}.value-results{padding:22px}.package-site .navlinks{width:100%}.preview-panel{padding:16px}.preview-tabs button{flex:1}.package-site .pagehead h1{font-size:38px}}
@media(max-width:480px){.package-grid,.value-form,.value-form details>div{grid-template-columns:1fr}.value-form .span2{grid-column:auto}.package-card{padding:20px}.package-site .navlinks{gap:10px 16px}.package-site .navlinks .pill{padding:7px 10px}.package-site .actions .btn{width:100%}.file-list li{grid-template-columns:52px 1fr}.value-results .big{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}