main.cst-page{--cst-accent:var(--cst-brand,var(--deepwater));--cst-accent-alt:var(--cst-brand-alt,var(--lagoon))}.cst-white{background:var(--white)}.cst-tint{background:var(--paper-2)}.cst-lagoon{background:color-mix(in srgb, var(--lagoon) 22%, var(--white))}.cst-dark{background:linear-gradient(160deg, #16344a, var(--deepwater));color:var(--sailcloth)}.cst-dark .section-title{color:#fff}.cst-body{color:var(--basalt);margin-top:1.3rem;font-size:1.1rem;line-height:1.6}.cst-body--light{color:#ffffffd1}.cst-ticks{gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.cst-ticks li{color:var(--deepwater);padding-left:1.8rem;font-weight:600;position:relative}.cst-ticks li:before{content:"✓";color:var(--kelp);font-weight:800;position:absolute;left:0}.cst-ticks--light li{color:#fff}.cst-ticks--light li:before{color:var(--lagoon)}.cst-split{align-items:center;gap:clamp(2.2rem,5vw,4.5rem);display:grid}@media (min-width:960px){.cst-split{grid-template-columns:.9fr 1.1fr}.cst-split--wide{grid-template-columns:.8fr 1.2fr}.cst-split--flip>:first-child{order:2}}.cst-split .section-title{margin-top:1.1rem}.cst-hero{color:#fff;background:radial-gradient(55% 75% at 82% 45%, color-mix(in srgb, var(--cst-accent-alt) 40%, transparent), transparent 70%), linear-gradient(100deg, color-mix(in srgb, var(--cst-accent) 55%, #0b1a24) 0%, color-mix(in srgb, var(--cst-accent) 85%, #0b1a24) 100%);padding-block:clamp(3.5rem,8vw,7rem) clamp(3.5rem,7vw,6rem);overflow:hidden}.cst-hero-grid{align-items:center;gap:clamp(2.6rem,5vw,4rem);display:grid}@media (min-width:960px){.cst-hero-grid{grid-template-columns:1fr 1.1fr}}.cst-hero-title{color:#fff;margin-top:1.1rem;font-size:clamp(2.5rem,1.2rem + 4.4vw,4.5rem);line-height:1.03}.cst-hero-lead{color:#ffffffdb;max-width:34rem;margin-top:1.3rem;font-size:clamp(1.05rem,1rem + .45vw,1.25rem);line-height:1.55}.cst-cta-row{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.cst-store{width:100%;max-width:600px;color:var(--basalt);background:#fff;border-radius:18px;justify-self:center;margin:0;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3}.cst-store-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.cst-store-brand{align-items:center;gap:.7rem;min-width:0;display:flex}.cst-store-brand img{object-fit:contain;width:auto;max-width:140px;height:26px}.cst-store-brand strong{color:var(--cst-accent);text-transform:uppercase;letter-spacing:.06em;font-size:1rem}.cst-store-name{border-left:1px solid var(--line);color:var(--slate);white-space:nowrap;padding-left:.7rem;font-size:.82rem;font-weight:700}.cst-store-cart{width:26px;height:26px;color:var(--deepwater);position:relative}.cst-store-cart svg{width:100%;height:100%}.cst-store-count{background:var(--cst-accent);color:#fff;min-width:1.15rem;height:1.15rem;animation:cstBump .4s var(--ease);border-radius:999px;place-items:center;padding:0 .25rem;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:-7px;right:-9px}.cst-store-tabs{color:var(--slate);gap:1.1rem;padding:.6rem 1.1rem 0;font-size:.78rem;font-weight:600;display:flex}.cst-store-tabs .is-on{color:var(--deepwater);border-bottom:2px solid var(--cst-accent);padding-bottom:.35rem}.cst-store-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:0;padding:.8rem 1.1rem 1.1rem;list-style:none;display:grid}.cst-store-grid li{transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:12px;gap:.35rem;display:grid;position:relative}.cst-store-grid li.is-on{box-shadow:0 0 0 2px var(--cst-accent-alt), 0 16px 28px -16px #00000073;transform:translateY(-4px)}.cst-store-item{color:var(--deepwater);padding:0 .15rem .2rem;font-size:.78rem;font-weight:700}.cst-badge{border-radius:999px;padding:.16rem .45rem;font-size:.62rem;font-weight:800;position:absolute;top:.4rem;left:.4rem}.cst-badge--reorder{color:#13633f;background:#dff1e7}.cst-badge--approval{color:#8a5a00;background:#fdf1dc}.cst-badge--size{color:var(--deepwater);background:#e2eef5}.cst-store-toast{white-space:nowrap;background:var(--basalt);color:#fff;animation:cstToast 2.2s var(--ease) both;border-radius:999px;padding:.5rem .9rem;font-size:.82rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);box-shadow:0 12px 24px -12px #0009}.cst-toast-check{color:#7fd6a5;margin-right:.2rem;font-weight:800}@keyframes cstBump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes cstToast{0%{opacity:0;transform:translate(-50%,8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.cst-store-toast,.cst-store-count{animation:none}}.cst-why-head .section-title{max-width:22ch}.cst-why{align-items:center;gap:1.6rem;margin-top:clamp(2.2rem,4vw,3rem);display:grid}@media (min-width:960px){.cst-why{grid-template-columns:1.15fr auto .85fr;gap:2rem}}.cst-scatter{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.cst-note{max-width:15rem;color:var(--basalt);background:#fffdf3;border-radius:4px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;line-height:1.35;box-shadow:0 10px 20px -14px #214c6699}.cst-note--0{transform:rotate(-3deg)}.cst-note--1{background:#f6faf8;transform:rotate(2deg)translateY(6px)}.cst-note--2{background:#fff5ee;transform:rotate(-1.5deg)}.cst-note--3{transform:rotate(3deg)translateY(-4px)}.cst-note--4{background:#f6faf8;transform:rotate(-2.5deg)translateY(4px)}.cst-note--5{background:#fff5ee;transform:rotate(1.5deg)}.cst-why-arrow{color:var(--kelp);justify-self:center;font-size:2.2rem;transform:rotate(90deg)}@media (min-width:960px){.cst-why-arrow{transform:none}}.cst-why-store{background:var(--white);box-shadow:0 0 0 2px var(--kelp), 0 30px 60px -36px #214c6699;border-radius:18px;padding:clamp(1.4rem,3vw,2rem)}.cst-why-label{border-bottom:1px solid var(--line);color:var(--deepwater);align-items:center;gap:.7rem;padding-bottom:.9rem;font-weight:800;display:flex}.cst-why-label img{object-fit:contain;border-right:1px solid var(--line);width:auto;max-width:130px;height:24px;padding-right:.7rem}.cst-why-store ul{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.cst-why-store li{color:var(--deepwater);padding-left:1.8rem;font-weight:600;position:relative}.cst-why-store li:before{content:"✓";color:var(--kelp);font-weight:800;position:absolute;left:0}.cst-flow{align-items:start;gap:1.2rem;margin:clamp(2.2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:grid}@media (min-width:960px){.cst-flow{grid-template-columns:1fr auto 1fr auto 1fr}}.cst-flow-arrow{color:var(--lagoon);place-self:center;font-size:2rem;transform:rotate(90deg)}@media (min-width:960px){.cst-flow-arrow{margin-top:-4rem;transform:none}}.cst-flow-step h3{color:var(--deepwater);align-items:center;gap:.6rem;margin-top:1.1rem;font-size:1.2rem;display:flex}.cst-flow-step h3 span{background:var(--deepwater);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-size:.85rem;font-weight:800;display:grid}.cst-flow-step p{color:var(--basalt-soft);margin-top:.45rem;line-height:1.55}.cst-flow-visual{aspect-ratio:1;border-radius:var(--radius);background:#f5f3f3;position:relative;overflow:hidden}.cst-flow-visual .od-photo{background:#f5f3f3;border-radius:0}.cst-flow-tag{color:#fff;background:#0b1a24c7;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;position:absolute;bottom:.8rem;left:.8rem}.cst-shelf{background:var(--white);grid-template-rows:minmax(0,1.4fr) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.9rem;display:grid;position:absolute;inset:0}.cst-shelf-new{min-height:0;box-shadow:0 0 0 2px var(--kelp);border-radius:10px;grid-column:1/-1;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:.6rem;padding:.4rem;display:grid;position:relative}.cst-shelf-new span{color:#13633f;font-size:.82rem;font-weight:800}.cst-shelf-old{opacity:.85;border-radius:8px;min-width:0;min-height:0;overflow:hidden}.cst-shelf-old .od-photo{aspect-ratio:auto;width:100%;height:100%}.cst-shelf-new .od-photo{max-height:100%}.cst-flow-visual--order{background:var(--paper-2);place-items:center;padding:1rem;display:grid}.cst-reorder{background:#fff;border-radius:14px;gap:.8rem;width:100%;max-width:280px;padding:1.1rem;display:grid;box-shadow:0 20px 40px -24px #214c6699}.cst-reorder-head{letter-spacing:.12em;text-transform:uppercase;color:var(--slate);font-size:.72rem;font-weight:800}.cst-reorder-row{grid-template-columns:64px 1fr;align-items:center;gap:.8rem;display:grid}.cst-reorder-thumb{border-radius:8px;overflow:hidden}.cst-reorder-name{color:var(--deepwater);font-weight:800}.cst-reorder-meta{color:var(--slate);margin-top:.15rem;font-size:.8rem}.cst-reorder-qty{color:var(--basalt);font-size:.9rem}.cst-reorder-btn{background:var(--kelp);color:#fff;text-align:center;border-radius:10px;padding:.65rem;font-weight:800}.cst-modes{gap:1rem;margin-top:clamp(2rem,4vw,2.8rem);display:grid}@media (min-width:820px){.cst-modes{grid-template-columns:1fr 1fr}}.cst-mode{background:var(--white);border-radius:20px;padding:clamp(1.6rem,3vw,2.4rem)}.cst-mode--alt{background:var(--deepwater);color:#fff}.cst-mode h3{color:var(--deepwater);font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight:300}.cst-mode--alt h3{color:#fff}.cst-mode p{color:var(--basalt-soft);margin-top:.7rem;font-size:1.05rem;line-height:1.6}.cst-mode--alt p{color:#fffc}.cst-mode ul{border-top:1px solid var(--line);gap:.5rem;margin:1.2rem 0 0;padding:1.1rem 0 0;list-style:none;display:grid}.cst-mode--alt ul{border-color:var(--line-light)}.cst-mode li{color:var(--deepwater);padding-left:1.4rem;font-weight:600;position:relative}.cst-mode--alt li{color:#fff}.cst-mode li:before{content:"";background:var(--kelp);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.cst-mode--alt li:before{background:var(--lagoon)}.cst-cats{flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 0;padding:0;list-style:none;display:flex}.cst-cats li{background:var(--white);border:1px solid var(--line);color:var(--deepwater);border-radius:999px;padding:.45rem .95rem;font-size:.9rem;font-weight:600}.cst-bill{justify-self:center;width:100%;max-width:520px;min-height:390px;margin:0;position:relative}.cst-invoice{border:1px solid var(--line);background:#fff;border-radius:10px;width:72%;padding:1.3rem 1.3rem 1.1rem;position:absolute;top:0;right:0;transform:rotate(2deg);box-shadow:0 30px 60px -36px #214c6699}.cst-invoice-head{border-bottom:2px solid var(--cst-accent);justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.8rem;display:flex}.cst-invoice-head img{object-fit:contain;width:auto;max-width:120px;height:22px}.cst-invoice-head strong{color:var(--cst-accent);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.cst-invoice-head span{color:var(--slate);white-space:nowrap;font-size:.75rem;font-weight:700}.cst-invoice-dept{color:var(--slate);margin-top:.8rem;font-size:.8rem}.cst-invoice-dept strong{color:var(--deepwater)}.cst-invoice ul{margin:.6rem 0 0;padding:0;list-style:none}.cst-invoice li{border-bottom:1px dashed var(--line);color:var(--basalt);justify-content:space-between;padding:.45rem 0;font-size:.85rem;display:flex}.cst-invoice-foot{color:var(--slate);margin-top:.7rem;font-size:.75rem}.cst-card{aspect-ratio:1.586;color:#fff;background:radial-gradient(120% 90% at 90% 0%, color-mix(in srgb, var(--cst-accent-alt) 55%, transparent), transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--cst-accent) 80%, #0b1a24), color-mix(in srgb, var(--cst-accent) 45%, #0b1a24));border-radius:14px;grid-template-rows:auto 1fr auto auto;width:56%;padding:1rem 1.1rem;display:grid;position:absolute;bottom:0;left:0;transform:rotate(-4deg);box-shadow:0 30px 50px -24px #0009}.cst-card-chip{background:linear-gradient(135deg,#e9d79b,#b89a4e);border-radius:5px;width:34px;height:26px}.cst-card-logo{object-fit:contain;align-self:center;width:auto;max-width:60%;height:24px}.cst-card-name{text-transform:uppercase;letter-spacing:.06em;align-self:center;font-weight:800}.cst-card-num{letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace;font-size:.85rem}.cst-card-label{opacity:.8;text-transform:uppercase;letter-spacing:.12em;margin-top:.2rem;font-size:.7rem}.cst-split .ent-stores,.cst-split .ent-flow,.cst-split .ent-spend{width:100%}.cst-free{text-align:center}.cst-free-title{color:var(--deepwater);font-size:clamp(2.6rem,1.4rem + 4.4vw,5rem);line-height:1.02}.cst-free-lead{max-width:32rem;color:var(--basalt);margin:1.1rem auto 0;font-size:1.15rem;line-height:1.6}.cst-free-stats{gap:1.6rem;max-width:900px;margin:clamp(2.2rem,4vw,3rem) auto 0;padding:0;list-style:none;display:grid}@media (min-width:720px){.cst-free-stats{grid-template-columns:repeat(3,1fr)}}.cst-free-stats li{gap:.4rem;display:grid}@media (min-width:720px){.cst-free-stats li+li{border-left:1px solid var(--line)}}.cst-free-num{color:var(--kelp);font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);font-weight:800;line-height:1}.cst-free-label{color:var(--basalt-soft);font-size:.98rem}
