/* The Autumn 100 offer block */
.offer-wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;margin-top:38px}
.offer-media figure{margin:0}
.offer-media img{display:block;width:100%;height:auto;border-radius:16px;background:var(--cream)}
.offer-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.offer-thumbs img{border-radius:10px;border:1px solid var(--line);cursor:pointer}
.offer-title{margin:0 0 8px;font-size:26px;letter-spacing:-.022em;color:var(--pine)}
.offer-rating{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:13px;color:var(--muted)}
.offer-rating .rs{color:#f5b301;font-size:14px;letter-spacing:1px}
.offer-rating b{color:var(--pine)}
.feat-h{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--pine)}
.feats{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:11px}
.feats li{position:relative;padding-left:26px;font-size:13.5px;color:var(--ink)}
.feats li:before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.offer-rule{display:flex;align-items:center;gap:14px;margin:0 0 16px;color:var(--pine);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.offer-rule:before,.offer-rule:after{content:"";flex:1;height:1px;background:var(--line)}
.claimed{margin:0 0 18px}
.claimed-bar{height:7px;border-radius:99px;background:var(--cream);overflow:hidden}
.claimed-fill{display:block;height:100%;border-radius:99px;background:var(--teal)}
.claimed-txt{display:flex;justify-content:space-between;gap:12px;margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.claimed-txt b{color:var(--pine)}
.picks{display:grid;gap:10px;margin:0 0 16px}
.picks input{position:absolute;opacity:0;width:1px;height:1px}
.pick{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer}
.pick .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none}
.pick .pname{display:block;font-size:14.5px;font-weight:700;color:var(--pine)}
.pick .psub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.pick .pprice{font-size:17px;font-weight:700;color:var(--pine);white-space:nowrap}
.pick .pwas{display:block;font-size:12px;font-weight:500;color:var(--muted);text-decoration:line-through}
.tagline{position:absolute;top:-10px;right:16px;padding:3px 10px;border-radius:999px;background:var(--pine);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.tagline.alt{background:var(--teal)}
.picks input:checked + .pick{border-color:var(--pine);background:rgba(0,133,115,.045);box-shadow:0 0 0 1px var(--pine)}
.picks input:checked + .pick .dot{border-color:var(--pine);background:var(--pine);box-shadow:inset 0 0 0 3px var(--paper)}
.picks input:focus-visible + .pick{outline:2px solid var(--teal);outline-offset:2px}
.offer-ship{margin:0 0 14px;font-size:12.5px;color:var(--muted)}
.offer-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 26px;border:1px solid var(--pine);border-radius:11px;background:var(--pine);color:#fff;font-size:16px;font-weight:700}
.offer-cta:hover{background:#013e2c}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0 0;font-size:12px;color:var(--muted)}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust i{width:5px;height:5px;border-radius:50%;background:var(--teal);display:inline-block}
.refer{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:24px;padding:20px 24px;border:1px dashed rgba(2,48,34,.3);border-radius:14px;background:rgba(0,133,115,.045)}
.refer-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pine);color:#fff;font-size:15px;font-weight:700}
.refer-h{margin:0 0 3px;font-size:15px;font-weight:700;color:var(--pine)}
.refer-p{margin:0;font-size:13px;color:var(--muted);max-width:64ch}
.refer-p a{color:var(--pine);font-weight:600}
.refer .tbtn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--pine);border-radius:10px;color:var(--pine);font-size:13px;font-weight:700;flex:none}
@media(max-width:900px){.offer-wrap{grid-template-columns:1fr;gap:30px}.refer{grid-template-columns:1fr}}
.offer-head{max-width:70ch}
.offer-head h2{margin:0 0 12px}
.offer-head p{margin:0;color:var(--muted);font-size:15px}
/* two tabs, with a pod dropdown inside Whole home */
.kit-tabs input[name=kittab]{position:absolute;opacity:0;width:1px;height:1px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--cream)}
.tabs label{padding:11px 16px;border-radius:9px;text-align:center;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer}
#tab-room:checked~.tabs label[for=tab-room],#tab-home:checked~.tabs label[for=tab-home]{background:var(--paper);color:var(--pine);box-shadow:0 1px 4px rgba(2,48,34,.1)}
.pane{display:none;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
#tab-room:checked~.panes .pane-room,#tab-home:checked~.panes .pane-home{display:block}
.pane-price{margin:0;font-size:42px;font-weight:700;letter-spacing:-.03em;color:var(--pine);line-height:1}
.pane-price>span{font-size:21px;vertical-align:super;margin-right:2px}
.pane-price em{margin-left:8px;font-style:normal;font-size:13px;font-weight:500;color:var(--muted)}
.pane-sub{margin:10px 0 18px;font-size:13.5px;color:var(--muted)}
.pane-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pane-list li{position:relative;padding-left:22px;font-size:13.5px}
.pane-list li:before{content:"";position:absolute;left:0;top:7px;width:11px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.pod-select{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:0 0 18px;border:1px solid var(--line);border-radius:11px;background:var(--cream);font-size:13px;font-weight:700;color:var(--pine)}
.pod-select select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font:inherit;font-weight:700;color:var(--pine);cursor:pointer}
.why{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:12px}
.why li{position:relative;padding-left:26px;font-size:13.5px;color:var(--muted);line-height:1.5}
.why li b{display:block;color:var(--pine);font-size:14px}
.why li:before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.pane-note{margin:0;font-size:12.5px;color:var(--muted)}
/* option 4: two cards, inset panel inside Whole home */
.offer-block .offer-media{max-width:760px;margin:0 auto 26px}
.offer-block .offer-thumbs{grid-template-columns:repeat(4,1fr)}
.banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 20px;margin:0 0 20px;border-radius:12px;background:var(--pine);color:#fff}
.banner strong{font-size:14px}
.banner span{font-size:13px;color:rgba(255,255,255,.82)}
.banner b{color:#fff}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.tier{position:relative;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:flex;flex-direction:column}
.tier-hi{border-color:var(--pine);box-shadow:0 18px 44px rgba(2,48,34,.09)}
.ribbon{position:absolute;top:-11px;left:28px;padding:4px 11px;border-radius:999px;background:var(--pine);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.tname{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--pine)}
.tprice{margin:0;font-size:44px;font-weight:700;letter-spacing:-.03em;color:var(--pine);line-height:1}
.tprice>span{font-size:22px;vertical-align:super;margin-right:2px}
.tprice em{margin-left:8px;font-style:normal;font-size:13px;font-weight:500;color:var(--muted)}
.tnote{margin:14px 0 18px;color:var(--muted);font-size:13.5px}
.tnote b{color:var(--pine)}
.tlist{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:8px}
.tlist li{padding-left:22px;position:relative;font-size:13.5px}
.tlist li:before{content:"";position:absolute;left:0;top:7px;width:11px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.inset{padding:18px;margin:0 0 22px;border-radius:12px;background:var(--cream)}
.pod-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;font-weight:700;color:var(--pine)}
.pod-row.bare{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.pod-row select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font:inherit;font-size:13px;font-weight:700;color:var(--pine);cursor:pointer}
.why{margin:0;padding:0;list-style:none;display:grid;gap:13px}
.why li{position:relative;padding-left:24px;font-size:13px;color:var(--muted);line-height:1.5}
.why li b{display:block;color:var(--pine);font-size:14px;font-weight:700}
.why li:before{content:"";position:absolute;left:0;top:6px;width:11px;height:6px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.tier .tbtn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:700;border:1px solid var(--pine)}
.tbtn-primary{background:var(--pine);color:#fff}
.tbtn-ghost{background:transparent;color:var(--pine)}
.tfoot{margin:12px 0 0;color:var(--muted);font-size:12px}
.guarantee{margin:18px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--pine)}
@media(max-width:900px){.tiers{grid-template-columns:1fr}}
.tag100{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--pine);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}
.offer-head{margin-bottom:26px}
.tier-shot{margin:0 0 18px;height:104px;border-radius:11px;background:var(--cream);overflow:hidden;display:flex;align-items:center;justify-content:center}
.tier-shot img{width:auto;height:100%;object-fit:contain;mix-blend-mode:multiply}
/* DenPod, by Senecta */
.consumer-header .brand{display:inline-flex;align-items:center;gap:11px}
.brand-by{display:inline-flex;align-items:center;gap:6px;padding-left:11px;border-left:1px solid var(--line);font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em}
.brand-by img{width:17px;height:auto;display:block}
@media(max-width:560px){.brand-by{font-size:11px;padding-left:9px;gap:5px}.brand-by img{width:15px}}
.offer-stars{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 0 22px;font-size:13.5px;color:var(--muted)}
.offer-stars .rs{color:#f5b301;font-size:15px;letter-spacing:1.5px}
.offer-stars b{color:var(--pine);font-weight:700}
.offer-stars .dot-sep{color:var(--line)}
.offer-stars a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.offer-stars a:hover{color:var(--pine)}
.offer-msg{margin:14px 0 0;text-align:center;font-size:13px;color:var(--muted);min-height:1.2em}
.offer-msg{margin:14px 0 0;text-align:center;font-size:13px;color:var(--muted);min-height:1.2em}
/* header: the mark sits left of the wordmark, no trailing dot */
.consumer-header .brand{display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:26px;height:auto;display:block}
.consumer-header .brand-wordmark::after{display:none!important;content:none!important}
/* consumer.css sets .brand img{width:168px}, so match its specificity */
.consumer-header .brand img.brand-mark{width:28px;height:auto;display:block}
/* a phone number people can see and tap */
.header-tel{display:inline-flex;align-items:baseline;gap:7px;margin-right:16px;font-size:13.5px;font-weight:700;color:var(--pine);white-space:nowrap}
.header-tel:hover{color:var(--teal)}
.tel-label{font-weight:500;color:var(--muted)}
@media(max-width:900px){.header-tel .tel-label{display:none}}
@media(max-width:620px){.header-tel{font-size:12.5px;margin-right:10px}}
.consumer-footer a[href^="tel:"]{font-weight:600}
/* contact section */
.contact-section{padding:78px 0 88px;background:var(--paper);border-top:1px solid var(--line)}
.contact-section h2{margin:0 0 12px}
.contact-lede{margin:0 0 28px;max-width:52ch;color:var(--muted);font-size:15px}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:16px}
.contact-card{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--cream);transition:transform .16s ease,box-shadow .16s ease}
.contact-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(2,48,34,.09)}
.contact-k{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.contact-v{font-size:19px;font-weight:700;color:var(--pine);letter-spacing:-.01em}
.contact-note{margin:26px 0 0;font-size:12.5px;color:var(--muted)}
@media(max-width:640px){.contact-grid{grid-template-columns:1fr}}
/* footer Contact opens to reveal the phone and email */
.footer-contact{display:block}
.footer-contact>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.footer-contact>summary::-webkit-details-marker{display:none}
.footer-contact>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);opacity:.6;transition:transform .15s ease}
.footer-contact[open]>summary::after{transform:rotate(-135deg) translate(-1px,-1px)}
.footer-contact-body{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.footer-contact-body a{font-weight:600}