*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f6f8fb;line-height:1.55}a{color:inherit}button,input,select{font:inherit}.site-header{background:#0f172a;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:30}.nav{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:850;text-decoration:none;letter-spacing:-.03em;font-size:1.12rem}.brand span{color:#7dd3fc}.nav-links{display:flex;gap:17px;flex-wrap:wrap}.nav-links a{font-size:.9rem;text-decoration:none;color:#dbeafe}.nav-links a:hover{color:#fff}.hero{background:linear-gradient(135deg,#0f172a 0%,#14294a 62%,#164e63 100%);color:#fff;padding:58px 22px 47px}.hero-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.45fr .75fr;gap:38px;align-items:center}.eyebrow{display:inline-block;font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:#a5f3fc;margin-bottom:10px}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}.hero p{font-size:1.08rem;color:#dbeafe;max-width:800px;margin:0 0 21px}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-pill{font-size:.8rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:999px;padding:7px 11px}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:20px;backdrop-filter:blur(8px)}.hero-flow strong{display:block;margin-bottom:12px}.flow-list{display:grid;gap:8px}.flow-list span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:9px 11px;color:#e0f2fe}.flow-list b{text-align:center;color:#67e8f9}.wrap{max-width:1240px;margin:auto;padding:0 22px}.tool-shell{margin-top:-23px;position:relative;z-index:2}.panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 12px 34px rgba(15,23,42,.06);border-radius:18px;padding:24px}.panel h2,.panel h3,.card h3{letter-spacing:-.025em;margin-top:0}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar h2{margin-bottom:3px}.toggle-group{display:flex;background:#eef2f7;border-radius:10px;padding:3px}.toggle-group button{border:0;background:transparent;padding:8px 12px;border-radius:8px;cursor:pointer;color:#475569}.toggle-group button.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px rgba(15,23,42,.08);font-weight:750}.workspace-meta{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:10px 0 4px}.grow-field{min-width:260px;max-width:520px;flex:1}.workspace-save-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-save-actions select{min-width:220px}.privacy-inline{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#64748b;margin:6px 0 16px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.package-scroll{overflow-x:auto;padding-bottom:4px}.package-grid{display:grid;grid-template-columns:1.35fr repeat(5,minmax(100px,.8fr)) minmax(105px,.85fr) auto;gap:9px;align-items:end;margin:9px 0;min-width:990px}.package-head-row{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:850;padding:0 3px}.field label{display:block;font-size:.76rem;color:#64748b;font-weight:750;margin-bottom:5px}.field input,.field select,.workspace-save-actions select,.fcl-rate-row input{width:100%;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:10px 11px;outline:none;color:#172033}.field input:focus,.field select:focus,.workspace-save-actions select:focus,.fcl-rate-row input:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.package-name{font-weight:750}.icon-btn{border:1px solid #dbe1ea;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}.icon-btn:hover{background:#f8fafc}.primary-btn{border:0;background:#0369a1;color:#fff;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.primary-btn:hover{background:#075985}.secondary-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.secondary-btn:hover{background:#f8fafc}.ghost-btn{border:0;background:transparent;padding:9px 8px;cursor:pointer;font-weight:700}.ghost-btn:disabled{opacity:.35;cursor:not-allowed}.danger-text{color:#b91c1c}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.ad-slot{margin:27px auto;border:1px dashed #cbd5e1;background:#fafafa;border-radius:12px;min-height:92px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:23px}.metric{border:1px solid #e2e8f0;background:#fbfdff;border-radius:14px;padding:16px}.accent-metric{background:#f0f9ff;border-color:#bae6fd}.metric .label{font-size:.77rem;color:#64748b;font-weight:750}.metric .value{font-size:1.62rem;font-weight:850;letter-spacing:-.04em;margin-top:2px}.metric .sub{font-size:.76rem;color:#64748b;margin-top:3px}.callout{margin-top:14px;border-radius:14px;padding:15px;background:#ecfeff;border:1px solid #a5f3fc}.callout.warn{background:#fff7ed;border-color:#fed7aa}.callout.good{background:#f0fdf4;border-color:#bbf7d0}.callout strong{display:block;margin-bottom:3px}.section{padding:50px 0}.section-soft{position:relative}.section-soft:before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;background:#f1f5f9}.section h2{font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.04em;margin:0 0 9px}.section-lead{color:#64748b;max-width:840px;margin:0 0 23px}.section-heading-row{display:flex;justify-content:space-between;gap:25px;align-items:end}.source-review{font-size:.75rem;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 10px;white-space:nowrap;margin-bottom:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.card h3{margin:0 0 8px}.card p{color:#64748b;margin:0}.link-card{text-decoration:none;transition:.15s transform,.15s box-shadow}.link-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.06)}.mini-tag{display:inline-block;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:5px 8px;margin-bottom:9px}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 13px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;white-space:nowrap}td{font-size:.9rem}.table-wrap td input,.table-wrap td select{width:100%;min-width:90px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 9px;background:#fff}.table-wrap td input:focus,.table-wrap td select:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.08)}tr:last-child td{border-bottom:0}.compact-table td{padding-top:10px;padding-bottom:10px}.small{font-size:.8rem;color:#64748b}.footnote{margin-top:8px}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#f1f5f9;padding:3px 6px;border-radius:6px}.source-link{color:#0369a1;font-weight:750;text-decoration:none}.source-link:hover{text-decoration:underline}.good-text{color:#15803d;font-weight:750}.warn-text{color:#c2410c;font-weight:750}.inline-card{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin-top:14px}.inline-card>div:first-child{margin-right:auto}.narrow-field{width:220px}.mini-result{min-width:140px}.mini-result span{display:block;font-size:.72rem;color:#64748b}.mini-result strong{font-size:1.15rem}.planner-grid,.cost-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.inline-form{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.pallet-controls{grid-template-columns:1.2fr 1.2fr .9fr .9fr}.custom-pallet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f8fafc;border-radius:12px;padding:12px;margin-top:12px}.pallet-results{grid-template-columns:repeat(4,1fr)}.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini-stats span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;font-size:.75rem;color:#64748b}.mini-stats b{color:#172033}.pallet-visual-card{display:flex;flex-direction:column;min-height:455px}.visual-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.util-pill{background:#ecfeff;color:#155e75;border:1px solid #a5f3fc;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.pallet-svg{width:100%;flex:1;min-height:330px;margin:8px 0}.pallet-outline{fill:#f8fafc;stroke:#64748b;stroke-width:4}.carton-block{fill:#dbeafe;stroke:#0284c7;stroke-width:2}.svg-label{font-size:15px;fill:#64748b;font-family:Inter,system-ui,sans-serif}.container-sku-select{max-width:350px;margin-bottom:13px}.cost-grid{align-items:start}.cost-fields{grid-template-columns:.7fr 1fr 1fr .8fr}.cost-results{grid-template-columns:1fr 1fr}.fcl-rate-list{display:grid;gap:10px}.fcl-rate-row{display:grid;grid-template-columns:1.1fr 1fr 1.15fr;gap:10px;align-items:center}.fcl-rate-row span{font-weight:750}.fcl-rate-row strong{font-size:.82rem;color:#64748b}.allocation-controls{margin-top:0;margin-bottom:14px}.faq details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#64748b}.site-footer{margin-top:40px;background:#0f172a;color:#cbd5e1;padding:35px 22px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#dbeafe}.page-hero{padding:42px 22px 34px;background:#0f172a;color:#fff}.page-hero .wrap{padding:0}.page-hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:7px 0 10px}.page-hero p{color:#cbd5e1;max-width:780px}.result-banner{margin-top:18px;background:#0f172a;color:#fff;border-radius:15px;padding:20px;display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.result-banner .big{font-size:2rem;font-weight:850}.breadcrumbs{font-size:.82rem;color:#94a3b8}.breadcrumbs a{color:#bae6fd}.notice{font-size:.78rem;color:#64748b;background:#f8fafc;border-left:3px solid #94a3b8;padding:10px 12px;margin-top:15px}.seo-copy h2{margin-top:30px}.seo-copy p,.seo-copy li{color:#475569}.hidden{display:none!important}
@media(max-width:1000px){.hero-inner,.planner-grid,.cost-grid{grid-template-columns:1fr}.hero-card{display:none}.three-col{grid-template-columns:repeat(2,1fr)}.package-grid{min-width:940px}.section-heading-row{align-items:flex-start}.source-review{white-space:normal}.pallet-visual-card{min-height:380px}}
@media(max-width:760px){.nav-links{display:none}.results,.pallet-results{grid-template-columns:repeat(2,1fr)}.workspace-meta{align-items:stretch;flex-direction:column}.workspace-save-actions select{flex:1}.section-heading-row{display:block}.source-review{display:inline-block;margin-bottom:20px}.three-col{grid-template-columns:1fr}.inline-form,.pallet-controls,.custom-pallet,.cost-fields{grid-template-columns:1fr 1fr}.inline-card{align-items:stretch}.narrow-field{width:auto;flex:1}.fcl-rate-row{grid-template-columns:1fr 1fr}.fcl-rate-row strong{grid-column:1/-1}.pallet-svg{min-height:280px}}
@media(max-width:520px){.hero{padding-top:40px}.panel{padding:16px}.results,.pallet-results,.inline-form,.pallet-controls,.custom-pallet,.cost-fields{grid-template-columns:1fr}.metric .value{font-size:1.4rem}.section{padding:38px 0}.action-row>*{flex:1 1 46%}.workspace-save-actions>*{width:100%}.fcl-rate-row{grid-template-columns:1fr}.wrap{padding:0 15px}.hero{padding-left:15px;padding-right:15px}.pallet-svg{min-height:230px}.source-review{font-size:.7rem}}
@media print{.site-header,.hero,.ad-slot,.action-row,.workspace-save-actions,.source-review,.site-footer,.secondary-content{display:none!important}.tool-shell{margin-top:0}.panel{box-shadow:none;border:0}.wrap{max-width:none}.section{break-inside:avoid}.section-soft:before{display:none}.results{grid-template-columns:repeat(4,1fr)}}
@media(min-width:761px){.package-row .field label{display:none}.workspace-save-actions select{width:auto}}
#palletSku,#palletType{min-width:160px}
@media(max-width:760px){
.package-scroll{overflow:visible}
.package-head-row{display:none}
.package-grid{min-width:0;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin:10px 0 14px}
.package-row .field:first-child{grid-column:1/-1}
.package-row .remove{grid-column:1/-1;justify-self:end;padding:7px 14px;background:#fff}
}
/* Analytics consent */
.consent-banner{position:fixed;z-index:9999;left:18px;right:18px;bottom:18px;max-width:980px;margin:0 auto;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);padding:17px}.consent-inner{display:flex;gap:22px;align-items:center;justify-content:space-between}.consent-copy{max-width:690px}.consent-copy strong{font-size:1rem}.consent-copy p{margin:5px 0 4px;color:#475569;font-size:.86rem;line-height:1.5}.consent-copy a{font-size:.82rem;color:#0369a1;font-weight:750}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.footer-cookie-btn{border:0;background:transparent;color:#dbeafe;padding:0;font:inherit;cursor:pointer}.footer-cookie-btn:hover{text-decoration:underline}@media(max-width:720px){.consent-banner{left:10px;right:10px;bottom:10px;padding:14px}.consent-inner{align-items:stretch;flex-direction:column;gap:12px}.consent-actions{display:grid;grid-template-columns:1fr 1fr}.consent-actions button{width:100%}}@media(max-width:430px){.consent-actions{grid-template-columns:1fr}}
/* v2.2 editorial / methodology content */
.worked-example{margin:24px 0;padding:20px 22px;border:1px solid #dbe4ef;border-radius:16px;background:#f8fafc}
.worked-example h3{margin-top:0}
.formula-block{margin:14px 0;padding:13px 16px;border-radius:12px;background:#0f172a;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94rem;overflow-x:auto}
.content-list{padding-left:1.25rem;line-height:1.75;color:#334155}
.content-list li{margin:.35rem 0}
.source-strip{margin:22px 0;padding:15px 18px;border-left:4px solid #0ea5e9;background:#f0f9ff;border-radius:0 12px 12px 0;color:#334155}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.comparison-grid .card h3{margin-top:0}
.methodology-page h2{scroll-margin-top:90px;margin-top:38px}
.methodology-page .table-wrap{margin:16px 0 22px}
.methodology-page td,.methodology-page th{vertical-align:top}
@media(max-width:760px){.comparison-grid{grid-template-columns:1fr}.worked-example{padding:17px}.source-strip{margin-left:0;margin-right:0}}