
.design-capsules #check{background:#edf2ee}
.design-capsules #check>.wrap>.section__head{max-width:900px}
.design-capsules #check>.wrap>.section__head h2{max-width:none}
.design-capsules #check .steps{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #b6cac6;margin:0 0 50px;list-style:none;padding:0}
.design-capsules #check .steps__item{display:grid;grid-template-columns:52px 180px minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;padding:25px 0;border:0;border-bottom:1px solid #b6cac6;border-radius:0;background:transparent;box-shadow:none;position:relative}
.design-capsules #check .steps__num{position:static;grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;line-height:1;width:38px;height:38px;margin:0;font-size:12px;border:1px solid #8cacaf;color:#255466;background:transparent;border-radius:50%;padding:0}
.design-capsules #check .capsule-explainer{grid-column:2;grid-row:1}
.design-capsules #check .steps h3{grid-column:3;grid-row:1;margin:0;font-size:23px;line-height:1.25;max-width:230px}
.design-capsules #check .steps p{grid-column:4;grid-row:1;margin:0;font-size:14px;line-height:1.8;color:#49636a}
.capsule-explainer{display:flex;align-items:center;justify-content:center;min-width:0}
.capsule-explainer svg{display:block;width:160px;height:120px;max-width:100%}
.design-capsules #ix-fit{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 40px;padding:40px;background:#fff;border:1px solid #afc8ce;border-radius:6px;box-shadow:0 14px 40px #15394409}
.design-capsules #ix-fit>h3,.design-capsules #ix-fit>p,.capsule-method{grid-column:1/-1}
.design-capsules #ix-fit>h3{font-size:30px;margin:0}
.design-capsules #ix-fit>p{font-size:14px;max-width:870px;margin-bottom:15px}
.capsule-inputs,.capsule-results{min-width:0}

.design-capsules .capsule-workspace{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:inherit;align-items:start;min-width:0}
@media(max-width:750px){.design-capsules .capsule-workspace{grid-template-columns:minmax(0,1fr)}}
.design-capsules .capsule-results{background:#eaf2f4;padding:25px;border-radius:4px;align-self:start;position:sticky;top:calc(var(--nav-occupied-height,110px) + 15px)}
.design-capsules .capsule-results>h4:first-child{margin-top:0}
.design-capsules .ix-ing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0;border:0;border-top:1px solid #d2dfe0;background:none;box-shadow:none}
.design-capsules .ix-ing__name{grid-column:1/-1}
.design-capsules .ix-field{min-width:0}
.design-capsules .ix-field label{font-size:11px;line-height:1.5;min-height:30px;margin-bottom:6px}
.design-capsules .ix-field input,.design-capsules .ix-field select{background:#fafbf8;border:1px solid #a6bec6;border-radius:3px;padding:11px 10px;font-size:14px;width:100%;min-width:0;box-shadow:none}
.design-capsules .ix-fit__legend{font-size:12px;letter-spacing:.035em;font-weight:600;color:#264f5b}
.design-capsules .ix-fit__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.design-capsules .ix-fit__opts>.ix-field:last-child{grid-column:1/-1}
.design-capsules .ix-out{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:0;background:none}
.design-capsules .ix-out__tile{border:0;border-bottom:1px solid #bbd0d7;background:transparent;padding:16px 0;box-shadow:none}
.design-capsules .ix-out__num{font-size:26px;line-height:1.3;color:#135b76}
.design-capsules .ix-out__label{font-size:11px;line-height:1.5;margin-top:5px}
.design-capsules .ix-verdict{background:#fff;border:0;border-left:3px solid #288daf;padding:17px;font-size:12px;line-height:1.7;margin-top:20px}
.design-capsules .ix-verdict p{font-size:12px;line-height:1.75}
.design-capsules .ix-bar{padding:10px 0;background:none;border:0}
.design-capsules .ix-bar__label{font-size:11px}
.design-capsules .ix-bar__track{height:12px;border:0;border-radius:8px;background:#c8dce2;overflow:hidden}
.design-capsules .ix-bar__fill{border-radius:8px}
.design-capsules .ix-legendline{font-size:10px;line-height:1.6}
.capsule-method{border-top:1px solid #c1d5da;margin-top:12px;padding-top:25px}
.design-capsules .capsule-method h4{margin-top:0}
.design-capsules .capsule-method p{font-size:13px;line-height:1.85}
.design-capsules #weight .grid-3{gap:0;border:1px solid #c3d2d4;border-radius:5px;overflow:hidden}
.design-capsules #weight .grid-3 .card{border:0;border-right:1px solid #c3d2d4;border-radius:0;background:#f7f7f0;padding:28px}
.design-capsules #weight .grid-3 .card:last-child{border:0}
.design-capsules #weight .capsule-explainer{justify-content:flex-start;margin-bottom:18px}
.design-capsules #weight .tw{border:0;box-shadow:none;overflow:visible}
.design-capsules #weight table{display:block;width:100%;background:none;border:1px solid #c3d2d4;border-radius:4px;overflow:hidden}
.design-capsules #weight thead{display:block;background:#153c48}
.design-capsules #weight thead tr{display:flex;justify-content:space-between}
.design-capsules #weight th{border:0;padding:15px 22px;font-size:12px;text-align:left}
.design-capsules #weight tbody{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.design-capsules #weight tbody tr{display:flex;flex-direction:column;align-items:center;border-right:1px solid #c3d2d4;padding:24px;background:white}
.design-capsules #weight tbody tr:last-child{border-right:0}
.design-capsules #weight td{display:block;border:0;text-align:center;padding:4px;font-size:22px;color:#173e4b}
.design-capsules #weight td:last-child{font-size:15px;color:#486873}
.design-capsules #weight td .capsule-explainer{justify-content:center;margin:0 0 16px}
.design-capsules #shell .grid-2{gap:0;border:1px solid #afc8c1;border-radius:4px;overflow:hidden}
.design-capsules #shell .card{border:0;border-radius:0;padding:35px;background:#e4eee5}
.design-capsules #shell .card:last-child{background:#f4f0e5;border-left:1px solid #afc8c1}
.design-capsules #shell .capsule-explainer{float:right;width:110px;margin:0 0 20px 20px}
.design-capsules #shell .card h3{margin-top:20px}
.design-capsules #what .card__num{display:block;background:none;color:#366879;border:0;font-size:12px;margin-bottom:18px}
.design-capsules #formats .grid-3{gap:0;border-top:1px solid #b9cdd1;border-bottom:1px solid #b9cdd1}
.design-capsules #formats .card{background:transparent;border:0;border-right:1px solid #b9cdd1;border-radius:0;padding:32px}
.design-capsules #formats .card:last-child{border:0}
@media(max-width:1000px){.design-capsules #check .steps__item{grid-template-columns:42px 130px 1fr;gap:20px}.design-capsules #check .steps h3{grid-column:3;grid-row:1;align-self:start;max-width:none}.design-capsules #check .steps p{grid-column:3;grid-row:1;padding-top:65px}.design-capsules #ix-fit{gap:24px;padding:28px}.design-capsules #weight .grid-3{grid-template-columns:1fr}.design-capsules #weight .grid-3 .card{border-right:0;border-bottom:1px solid #c3d2d4}.design-capsules #weight .grid-3 .capsule-explainer{float:left;margin-right:30px}.design-capsules #formats .grid-3{grid-template-columns:1fr}.design-capsules #formats .card{border-right:0;border-bottom:1px solid #b9cdd1}}
@media(max-width:750px){.design-capsules #check .steps__item{grid-template-columns:36px 1fr 95px;gap:12px;padding:26px 0}.design-capsules #check .steps__num{align-self:start;width:30px;height:30px}.design-capsules #check .capsule-explainer{grid-column:3;grid-row:1/3;align-self:start}.design-capsules #check .steps h3{grid-column:2;grid-row:1;font-size:20px}.design-capsules #check .steps p{grid-column:2/4;grid-row:3;padding:0;font-size:13px}.capsule-explainer svg{height:95px}.design-capsules #check .steps h3{padding-top:3px}.design-capsules #ix-fit{grid-template-columns:1fr;padding:22px 16px}.design-capsules #ix-fit>h3{font-size:26px}.design-capsules .capsule-results{position:static;padding:19px}.design-capsules .ix-out__num{font-size:23px}.design-capsules #weight tbody{grid-template-columns:1fr 1fr}.design-capsules #weight tbody tr{border-bottom:1px solid #c3d2d4;padding:18px}.design-capsules #weight tbody tr:nth-child(2){border-right:0}.design-capsules #weight th{font-size:10px;padding:13px}.design-capsules #weight .grid-3 .capsule-explainer{float:none;margin:0 0 20px}.design-capsules #shell .grid-2{grid-template-columns:1fr}.design-capsules #shell .card{padding:26px}.design-capsules #shell .card:last-child{border-left:0;border-top:1px solid #afc8c1}}
.design-capsules #ix-fit{scroll-margin-top:125px}
.design-capsules #check .steps{position:relative}
.design-capsules #check .steps::before{content:'';position:absolute;left:18px;top:80px;bottom:80px;border-left:1px solid #b6cac6}
.design-capsules #check .steps__num{background:#edf2ee;z-index:1}
.capsule-size-note{font-size:11px;color:#617d87;margin-top:12px}
@media(min-width:751px) and (max-width:1000px){.design-capsules #check .steps h3{grid-row:1}.design-capsules #check .steps p{grid-row:2;padding:0}.design-capsules #check .steps__num,.design-capsules #check .capsule-explainer{grid-row:1/3}}
@media(max-width:750px){.design-capsules #check .steps::before{left:14px;top:40px;bottom:40px}}
.design-capsules #weight table{min-width:0;max-width:100%}
.design-capsules #weight tbody tr,.design-capsules #weight td{min-width:0;max-width:100%}
.design-capsules #weight td .capsule-explainer{max-width:120px;width:100%}

.design-capsules #docs>.wrap>.section__head{max-width:820px;margin-bottom:46px}
.design-capsules #docs .grid-2{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:65px;align-items:start}
.design-capsules #docs .card.card--dark{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.design-capsules #docs .card.card--dark:last-child{padding:26px 30px;border-left:2px solid #75bfd9;background:#1d4553}
.design-capsules #docs h4{font-size:22px;line-height:1.3;letter-spacing:-.015em;color:#fff;margin-bottom:20px}
.design-capsules #docs .doc-list{border-top:1px solid #50717e}
.design-capsules #docs .doc-list li{color:#dfedf2;border-color:#50717e;font-size:14px;padding:20px 0 20px 30px;line-height:1.75}
.design-capsules #docs .doc-list li::before{border-color:#94d6ee;top:27px}
.design-capsules #docs .card.card--dark p{font-size:15px;line-height:1.8;color:#d6e7ee}
.design-capsules #docs .card__link{margin-top:12px;color:#b5e8fa;font-size:14px}
@media(max-width:800px){.design-capsules #docs .grid-2{grid-template-columns:1fr;gap:30px}.design-capsules #docs .card.card--dark:last-child{padding:24px}.design-capsules #docs h4{font-size:20px}}

.design-capsules .capsule-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #bdced2}
.design-capsules .capsule-decision{padding:28px 30px;background:#f4f5ee;border-right:1px solid #bdced2;min-width:0}
.design-capsules .capsule-decision:last-child{border-right:0}
.design-capsules .capsule-decision__number{display:block;font-size:12px;letter-spacing:.08em;color:#46717d;margin-bottom:18px}
.design-capsules .capsule-decision h3,.design-capsules .capsule-pack-option h3,.design-capsules .capsule-order-brief h3{font-size:24px;line-height:1.25;margin:0 0 14px}
.design-capsules .capsule-decision p,.design-capsules .capsule-pack-option p,.design-capsules .capsule-order-brief p{font-size:14px;line-height:1.8;color:#47636f;margin:0}
.design-capsules .capsule-terms{border-bottom:1px solid #bdced2;margin-top:28px}
.design-capsules .capsule-terms summary{cursor:pointer;padding:22px 4px;font-size:14px;font-weight:600;line-height:1.6;color:#163d49}
.design-capsules .capsule-terms summary:focus-visible{outline:3px solid #1686ad;outline-offset:3px}
.design-capsules .capsule-terms dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:8px 4px 24px}
.design-capsules .capsule-terms dt{font-size:14px;font-weight:600;margin-bottom:8px}
.design-capsules .capsule-terms dd{margin:0;font-size:13px;line-height:1.8;color:#47636f}
.design-capsules .capsule-terms>p{font-size:13px;margin:0;padding:0 4px 24px;color:#47636f}
.design-capsules .capsule-shell-comparison table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:15px}
.design-capsules .capsule-shell-comparison caption{text-align:left;font-size:12px;letter-spacing:.06em;padding-bottom:16px;color:#47636f}
.design-capsules .capsule-shell-comparison th,.design-capsules .capsule-shell-comparison td{text-align:left;padding:22px 26px;border:0;border-bottom:1px solid #bdced2;color:#163d49;line-height:1.8;vertical-align:top}
.design-capsules .capsule-shell-comparison thead th{background:#e5eeeb;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.design-capsules .capsule-shell-comparison th:first-child{width:23%}
.design-capsules .capsule-shell-comparison tbody th{background:transparent;font-size:22px;font-family:var(--font-h);line-height:1.4}
.design-capsules .capsule-shell-comparison tbody td{background:transparent;color:#47636f}
.design-capsules .capsule-shell-note{max-width:850px;margin:24px 0 0;font-size:13px;line-height:1.8;color:#47636f}
.design-capsules .capsule-pack-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #bdced2;border-radius:4px;overflow:hidden}
.design-capsules .capsule-pack-option{padding:34px;background:#e8f0eb;min-width:0}
.design-capsules .capsule-pack-option+ .capsule-pack-option{background:#f3f0e6;border-left:1px solid #bdced2}
.design-capsules .capsule-pack-option .card__link{margin-top:22px;font-size:14px}
.design-capsules .capsule-order-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;padding-top:38px}
.design-capsules .capsule-order-brief>div{min-width:0}
.design-capsules .capsule-order-brief .capsule-pack-equation{padding:18px 20px;background:#edf2f3;border-left:2px solid #318caa;margin-top:18px;font-size:13px;font-weight:600;color:#163d49}
.design-capsules .capsule-order-brief .btn{margin-top:22px}
@media(max-width:800px){.design-capsules .capsule-decisions,.design-capsules .capsule-terms dl{grid-template-columns:1fr}.design-capsules .capsule-decision{border-right:0;border-bottom:1px solid #bdced2;padding:24px}.design-capsules .capsule-decision:last-child{border-bottom:0}.design-capsules .capsule-decision__number{margin-bottom:10px}.design-capsules .capsule-pack-options,.design-capsules .capsule-order-brief{grid-template-columns:1fr}.design-capsules .capsule-pack-option{padding:26px}.design-capsules .capsule-pack-option+ .capsule-pack-option{border-left:0;border-top:1px solid #bdced2}.design-capsules .capsule-order-brief{gap:30px}.design-capsules .capsule-shell-comparison th,.design-capsules .capsule-shell-comparison td{padding:18px 12px;font-size:13px}.design-capsules .capsule-shell-comparison th:first-child{width:30%}.design-capsules .capsule-shell-comparison tbody th{font-size:18px}}


@media(max-width:750px){
 .design-capsules .ix-field input,.design-capsules .ix-field select{font-size:16px;min-height:44px}
 .design-capsules .ix-ing__remove{width:44px;height:44px}
 .design-capsules .capsule-shell-comparison th,.design-capsules .capsule-shell-comparison td{padding:16px 10px}
 .design-capsules .capsule-shell-comparison tbody td{font-size:14px}
}


.design-capsules .capsule-decision-art{margin:-6px 0 24px;max-width:280px;width:100%}
.design-capsules .capsule-decision-art svg{display:block;width:100%;height:auto;aspect-ratio:2/1}
.design-capsules .capsule-pack-art{width:100%;max-width:320px;margin:0 auto 27px}
.design-capsules .capsule-pack-art svg{display:block;width:100%;height:auto;aspect-ratio:320/154}
@media(max-width:800px){
 .design-capsules .capsule-decision-art{max-width:250px;margin:0 0 22px}
 .design-capsules .capsule-pack-art{max-width:290px;margin-bottom:24px}
}


.capsule-input-basis{padding:18px 20px;background:#eaf2f1;border-left:3px solid #1686ad;margin:0 0 24px;color:#173e49}
.capsule-input-basis strong{display:block;font-size:15px;line-height:1.5}
.capsule-input-basis p{font-size:13px!important;line-height:1.7!important;margin:10px 0 0!important}
#ix-fit input[aria-invalid="true"]{border:2px solid #a43e2e;background:#fff9f5}
#ix-fit .ix-field label{line-height:1.45}
#ix-fit .ix-out__num:has(#ix-fit-best){overflow-wrap:anywhere}

.hero-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;max-width:640px;margin:22px 0 6px;padding:14px 0 0;border-top:1px solid #c4d0cc}
.hero-terms dt{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#47616b}
.hero-terms dd{margin:0;font-size:14px;line-height:1.55;color:var(--dark)}
@media(max-width:700px){.hero-terms{grid-template-columns:1fr}}

#ix-fit .ix-ing{position:static}
#ix-fit .ix-ing__pick{display:flex;gap:8px;align-items:stretch;min-width:0}
#ix-fit .ix-ing__pick select{flex:1 1 auto;min-width:0}
#ix-fit .ix-ing__remove{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:auto;min-height:44px;padding:0 14px;border:1px solid #a6bec6;border-radius:3px;background:#fff;color:#264f5b;font:600 13px/1 var(--font-b);cursor:pointer}
#ix-fit .ix-ing__remove:hover{background:#264f5b;color:#fff;border-color:#264f5b}
#ix-fit .ix-ing__remove:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
#ix-fit .ix-ing__hint{grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.5;color:#46646d}
#ix-fit .ix-ing__hint[hidden]{display:none}
#ix-fit .ix-ing--invalid select[aria-invalid="true"]{border:2px solid #a43e2e;background:#fff9f5}
#ix-fit .ix-seg{margin:0}
#ix-fit .ix-seg legend{display:block;font-family:var(--font-b);font-weight:600;font-size:11px;line-height:1.5;color:var(--gray);margin:0 0 6px;padding:0}
#ix-fit .ix-seg__opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #a6bec6;border-radius:3px;overflow:hidden;background:#fafbf8}
#ix-fit .ix-seg__opts label{position:relative;display:block;margin:0;cursor:pointer}
#ix-fit .ix-seg__opts label+label{border-left:1px solid #a6bec6}
#ix-fit .ix-seg__opts input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#ix-fit .ix-seg__opts span{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;font-weight:600;color:#264f5b}
#ix-fit .ix-seg__opts input:checked+span{background:#1686ad;color:#fff}
#ix-fit .ix-seg__opts input:focus-visible+span{outline:3px solid var(--blue);outline-offset:-3px}
#ix-fit .ix-seg__hint{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:#46646d}
#ix-fit .ix-fit__opts .ix-seg{grid-column:1/-1}
#ix-fit .ix-fit__facts:empty{display:none}
#ix-fit .ix-fit__facts{margin-top:8px}

#ix-fit .sf{margin:4px 0 0;display:grid;gap:8px;min-width:0;text-align:left}
#ix-fit .sf__title{margin:0;font-weight:600;font-size:15px;line-height:1.4;color:#102c36}
#ix-fit .sf__label{background:#fff;border:1px solid #102c36;border-radius:4px;padding:12px 14px 10px;color:#102c36;min-width:0}
#ix-fit .sf__head{margin:0 0 6px;padding:0 0 6px;border-bottom:1px solid #102c36;font-family:"Ubuntu","Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;color:#102c36}
#ix-fit .sf__serving{margin:0 0 8px;display:grid;gap:2px;font-size:13.5px;line-height:1.45}
#ix-fit .sf__serving div{display:flex;flex-wrap:wrap;gap:0 6px}
#ix-fit .sf__serving dt{margin:0;font-weight:600;font-family:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;color:#102c36}
#ix-fit .sf__serving dt::after{content:":"}
#ix-fit .sf__serving dd{margin:0}
#ix-fit .sf__table{width:100%;min-width:0;margin:0;border-collapse:collapse;font-size:13.5px;line-height:1.4;background:transparent;font-family:inherit}
#ix-fit .sf__table caption{caption-side:top;text-align:left;padding:6px 0 4px;border-top:1px solid #102c36;font-weight:600;font-size:12.5px;line-height:1.4;font-family:inherit;letter-spacing:normal;text-transform:none;color:#102c36}
#ix-fit .sf__table th,#ix-fit .sf__table td{padding:5px 6px;border:0;border-bottom:1px solid #c4d2cd;vertical-align:top;text-align:left;background:transparent;color:#102c36;font-family:inherit;letter-spacing:normal;text-transform:none}
#ix-fit .sf__table th:first-child,#ix-fit .sf__table td:first-child{padding-left:0}
#ix-fit .sf__table th:last-child,#ix-fit .sf__table td:last-child{padding-right:0}
#ix-fit .sf__table thead th{font-size:12px;font-weight:600;border-bottom:1px solid #102c36}
#ix-fit .sf__table tbody th{font-weight:400;overflow-wrap:anywhere}
#ix-fit .sf__table td,#ix-fit .sf__table thead th+th{text-align:right;white-space:nowrap}
#ix-fit .sf__table tbody tr:last-child>*{border-bottom:1px solid #102c36}
#ix-fit .sf__other{margin:8px 0 4px;font-size:13px;line-height:1.45;color:#102c36}
#ix-fit .sf__legend{margin:0;font-size:12px;line-height:1.45;color:#4b6067}
