@font-face{font-family:Montserrat;src:url('assets/montserrat-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--blue:#0057B8;--blue80:#3379C6;--pale:#E6EEF8;--line:#CCDDF1;--ink:#101214;--muted:#57677c;--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:Montserrat,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{transition:background .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue80);outline-offset:4px}button{border:0}img{display:block;max-width:100%}[hidden]{display:none!important}.page{max-width:1320px;margin:auto;padding:0 40px}.skip-link{position:fixed;left:18px;top:-80px;z-index:10;background:white;padding:12px;border:2px solid var(--blue)}.skip-link:focus{top:12px}
.site-header{height:100px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.logo-lockup{display:flex;align-items:center;justify-content:center;gap:18px}.client-logo{width:104px;height:59px;object-fit:contain}.ocean-logo{width:102px;height:auto}.logo-separator{font-size:21px;font-weight:400;color:#7d8995}.preview-label{position:absolute;right:0;top:15px;font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--muted)}
.intro{text-align:center;padding-top:38px}h1{color:var(--blue);font-size:clamp(36px,4.5vw,61px);line-height:1.04;letter-spacing:-.055em;margin:0 auto 18px;font-weight:800}.intro>p:first-of-type{font-size:16px;color:var(--muted);margin:0 0 30px}.video-placeholder{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:13px;min-height:390px;background:var(--pale);display:flex;align-items:center;justify-content:center;padding:68px 24px}.video-logo{position:absolute;top:24px;left:26px;width:116px;height:auto}.video-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em}.video-copy .eyebrow{color:var(--blue)}.video-copy h2{color:var(--blue);font-weight:800;letter-spacing:-.045em;font-size:clamp(28px,3.5vw,47px);line-height:1.08;margin:16px 0 26px}.video-calculator-link{display:inline-flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);border-radius:30px;padding:12px 21px;font-size:12px;font-weight:700;text-decoration:none}.video-calculator-link:hover{background:var(--pale)}.video-status{position:absolute;bottom:20px;left:24px;z-index:1;display:inline-block;font-size:10px;letter-spacing:.02em;color:var(--blue);background:rgba(255,255,255,.86);padding:7px 11px;border-radius:20px}.video-waves{position:absolute;inset:auto 0 0;height:60%;z-index:-1}.video-waves svg{height:100%;width:100%;fill:var(--line)}.video-waves path+path{fill:var(--blue80);opacity:.2}.video-caption{font-size:11px;color:var(--muted);margin:10px 0 0}
.calculator{padding-top:34px;scroll-margin-top:20px}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:stretch}.products-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 10px}.products-title{display:flex;align-items:center;gap:13px}.products-title h2{margin:0;font-size:26px;letter-spacing:-.05em;line-height:1.2}.count-pill{white-space:nowrap;background:var(--pale);color:var(--blue);padding:5px 11px;border-radius:22px;font-size:11px;font-weight:700}.period-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;white-space:nowrap}select{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:10px 25px 10px 10px;min-height:40px}.starting-note{font-size:11px;color:var(--muted);margin:0 0 18px;max-width:640px}.product-list{display:grid;gap:18px}.product-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:23px;background:white}.product-picture{grid-column:1;grid-row:1 / span 3;display:flex;align-items:center;justify-content:center;min-height:148px}.product-picture img{width:78px;height:148px;object-fit:contain}.product-picture svg{width:42px;height:42px;fill:none;stroke:var(--blue80);stroke-width:1.2}.product-body{min-width:0}.product-top{display:grid;grid-template-columns:minmax(0,1fr) 151px;gap:16px;padding-right:20px;align-items:start;margin-bottom:18px}.name-input{width:100%;padding:0 0 3px;border:0;background:transparent;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.035em;color:var(--ink);border-radius:2px;min-width:0}.name-input:hover,.name-input:focus{box-shadow:0 1px 0 var(--line)}.scope-note{font-size:10px;color:var(--muted);margin:1px 0 0;line-height:1.55}.sku-result{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.sku-result-label{font-size:8px;font-weight:700;color:var(--muted);letter-spacing:.075em}.sku-result-value{font-size:15px;line-height:1.4;font-weight:700}.sku-result-unit{font-size:11px;font-weight:400;color:var(--muted);margin-left:3px}.remove-product{position:absolute;right:10px;top:14px;display:grid;place-items:center;background:transparent;color:var(--muted);width:30px;height:30px;font-size:23px;line-height:1;border-radius:5px}.remove-product:hover{background:var(--pale);color:var(--blue)}.product-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{min-width:0}.input-group label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:700}.number-input{width:100%;min-width:0;height:43px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 12px;font-size:14px;color:var(--ink)}.field-note{display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}.row-error{grid-column:2;margin:10px 0 0;font-size:11px;color:#8b2222}.product-card.has-error{border-color:#8b2222}.number-input[aria-invalid=true],.name-input[aria-invalid=true]{box-shadow:0 0 0 1px #8b2222}.empty-state{padding:36px 20px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}
.summary{border-radius:var(--radius);background:var(--blue);color:white;padding:29px 27px;display:flex;flex-direction:column;min-height:550px;min-width:0}.summary h2{margin:0 0 23px;font-size:10px;line-height:1.5}.summary-label{font-size:15px;line-height:1.6;margin:0 0 21px;max-width:270px}.summary-number{display:flex;flex-direction:column;font-weight:700;line-height:1.03;letter-spacing:-.055em;font-size:clamp(34px,4.6vw,63px);font-variant-numeric:tabular-nums}.summary-unit{font-size:37px;line-height:1.15;letter-spacing:-.03em;margin-top:2px}#summary-count{font-size:13px;line-height:1.6;margin:17px 0 0}.partial-status{font-size:11px;margin:10px 0 0;color:white}.summary hr{height:1px;border:0;background:rgba(255,255,255,.4);width:100%;margin:27px 0 0;flex-shrink:0}.summary-disclaimers{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:32px 0}.summary-disclaimers p{font-size:12px;line-height:1.65;margin:0}.download-button{background:white;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:11px;border-radius:6px;padding:15px 9px;min-height:50px;font-size:11px;font-weight:700;flex-shrink:0}.download-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.download-button:hover{background:var(--pale)}
.calculator-actions{width:calc((100% - 40px) / 2.9 * 1.9);display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px}.add-button{display:inline-flex;align-items:center;gap:10px;text-align:left;color:var(--blue);background:transparent;font-size:13px;padding:10px 0}.add-button span{font-size:27px;line-height:1}.add-button:hover{text-decoration:underline}.calculate-button{padding:14px 24px;min-height:46px;background:var(--blue);color:white;border-radius:8px;font-size:13px;font-weight:700;white-space:nowrap}.calculate-button:hover{background:var(--blue80)}.calculation-status{width:calc((100% - 40px) / 2.9 * 1.9);font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 12px;min-height:16px}.methodology{width:calc((100% - 40px) / 2.9 * 1.9);border:1px solid var(--line);border-radius:8px}.methodology summary{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;cursor:pointer;list-style:none}.methodology summary::-webkit-details-marker{display:none}.methodology summary>span{font-size:26px;font-weight:400;color:var(--blue);line-height:1}.methodology[open] summary>span{transform:rotate(45deg)}.methodology-content{border-top:1px solid var(--line);padding:6px 17px 14px}.methodology-content p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.scenario-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 0;padding:13px 18px;background:var(--pale);border-radius:8px}.scenario-strip p{font-size:11px;margin:0;color:var(--blue)}.scenario-strip button{background:transparent;color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap;padding:7px 0}.scenario-strip button span{font-size:17px;margin-left:8px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:20px;padding:15px 0 25px;color:var(--muted);font-size:10px}footer p{margin:0}
@media(min-width:1500px){.summary-number{font-size:65px}}
@media(max-width:1100px){.page{padding:0 28px}.calculator-grid{gap:28px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.product-card{padding:18px;grid-template-columns:64px minmax(0,1fr);column-gap:16px}.product-picture img{width:64px;height:140px}.product-top{grid-template-columns:minmax(0,1fr) 118px;gap:10px;padding-right:16px}.name-input{font-size:12px}.scope-note{font-size:9px}.sku-result-label{font-size:7px;letter-spacing:.02em}.sku-result-value{font-size:13px}.product-inputs{gap:15px}.summary{padding:27px 21px}.summary-label{font-size:13px}.summary-number{font-size:clamp(30px,4.8vw,55px)}.summary-disclaimers p{font-size:11px}.calculator-actions,.calculation-status,.methodology{width:calc((100% - 28px) / 2.8 * 1.8)}.add-button,.calculate-button{font-size:11px}.calculate-button{padding:13px 18px}}
@media(max-width:850px){.calculator-grid{grid-template-columns:minmax(0,1fr);gap:26px}.summary{min-height:0;height:auto;padding:27px;max-width:none}.summary-label{max-width:none;margin-bottom:15px}.summary-number{flex-direction:row;align-items:baseline;gap:12px;font-size:52px}.summary-unit{font-size:25px}.summary-disclaimers{gap:13px;padding:25px 0}.summary-disclaimers p{font-size:12px}.summary #summary-count{font-size:13px}.download-button{font-size:13px}.calculator-actions,.calculation-status,.methodology{width:100%}.product-card{grid-template-columns:80px minmax(0,1fr);padding:23px;column-gap:24px}.product-picture img{width:80px;height:145px}.product-top{grid-template-columns:minmax(0,1fr) 153px}.name-input{font-size:15px}.scope-note{font-size:10px}.sku-result-label{font-size:8px}.sku-result-value{font-size:15px}.field-note{font-size:10px}.video-placeholder{min-height:330px}.video-copy h2{font-size:36px}footer{font-size:9px}}
@media(max-width:540px){.page{padding:0 18px}.site-header{height:91px}.preview-label{top:7px;font-size:6px;letter-spacing:.08em}.logo-lockup{gap:14px}.client-logo{width:93px;height:53px}.ocean-logo{width:89px}.logo-separator{font-size:18px}.intro{padding-top:28px}h1{font-size:35px;letter-spacing:-.06em}.desktop-break{display:none}.intro>p:first-of-type{font-size:12px;line-height:1.7;margin-bottom:22px}.video-placeholder{min-height:285px;padding:62px 16px 58px}.video-logo{width:87px;top:17px;left:17px}.video-copy h2{font-size:27px;letter-spacing:-.05em;margin:13px 0 18px}.video-copy .eyebrow{font-size:8px}.video-calculator-link{font-size:10px;padding:9px 14px;gap:9px}.video-status{bottom:13px;left:14px;font-size:8px;padding:5px 8px}.video-caption{font-size:9px;line-height:1.7}.calculator{padding-top:28px}.products-heading{flex-wrap:wrap;gap:12px;margin-top:0}.products-title h2{font-size:23px}.count-pill{font-size:9px;padding:5px 9px}.period-control{font-size:9px;gap:7px}.period-control select{padding:8px 15px 8px 8px;font-size:10px;min-height:37px}.starting-note{font-size:10px;line-height:1.7;margin-bottom:15px}.product-list{gap:15px}.product-card{grid-template-columns:57px minmax(0,1fr);padding:17px 14px;column-gap:15px}.product-picture{grid-row:1;min-height:83px}.product-picture img{width:57px;height:87px}.product-body{display:contents}.product-top{grid-column:2;margin:0;display:flex;flex-direction:column;gap:9px;padding-right:18px;align-items:flex-start}.name-input{font-size:13px}.scope-note{font-size:9px}.sku-result{gap:2px}.sku-result-label{font-size:7px}.sku-result-value{font-size:13px}.sku-result-unit{font-size:10px}.remove-product{right:6px;top:10px;width:26px;height:26px;font-size:21px}.product-inputs{grid-column:1 / -1;display:grid;gap:16px;margin-top:16px}.input-group label{font-size:10px}.number-input{height:42px;padding:9px 11px;font-size:16px}.field-note{font-size:9px;min-height:14px}.row-error{grid-column:1 / -1;font-size:10px}.summary{padding:24px;min-width:0}.summary h2{font-size:9px;margin-bottom:17px}.summary-label{font-size:13px}.summary-number{font-size:46px}.summary-unit{font-size:24px}.summary-disclaimers{padding:26px 0;gap:16px}.summary-disclaimers p{font-size:11px}.summary hr{margin-top:22px}.download-button{font-size:11px;min-height:48px}.calculator-actions{gap:12px}.add-button{font-size:11px;gap:7px}.add-button span{font-size:23px}.calculate-button{font-size:11px;padding:12px 15px;min-height:43px}.calculation-status{font-size:9px}.methodology summary{font-size:10px;padding:12px 13px}.methodology-content{padding:6px 13px 12px}.methodology-content p{font-size:10px}.scenario-strip{padding:12px 13px;gap:12px;align-items:flex-start}.scenario-strip p{font-size:10px;line-height:1.7;max-width:230px}.scenario-strip button{padding-top:1px;font-size:10px}footer{flex-direction:column;gap:7px;line-height:1.6;padding-bottom:20px}}
.name-input{display:block;resize:none;height:2.9em;overflow:auto;white-space:normal;font-family:inherit}
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}
.product-picture{overflow:hidden}.product-picture img{width:148px;max-width:none;flex:none}
@media(max-width:1100px) and (min-width:851px){.product-picture img{width:140px}}
@media(max-width:540px){.product-picture img{width:87px}}
.hero-video{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--pale)}
.video-embed{width:100%;position:relative;padding-top:56.25%}
.video-error{font-size:11px;color:var(--muted);margin:10px 0 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}