/* DCC New Carriers: uses the existing ETM navy/teal system, no new palette. */ .dccnc-feed{--nc-navy:#0b1f3a;--nc-teal:#00c9a7;--nc-line:#c9d4e2;--nc-mute:#5b6b80} .dccnc-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px} .dccnc-head h2{margin:0 0 6px} .dccnc-sub{margin:0;color:var(--nc-mute);max-width:60ch} .dccnc-balance{border:1px solid var(--nc-line);border-radius:6px;padding:10px 14px;text-align:right;background:#fff} .dccnc-balance-label{display:block;font-size:12px;color:var(--nc-mute)} @media(max-width:520px){.dccnc-balance{width:100%;text-align:left}} /* Allowance notice. Official-document treatment: flat, ruled, navy. It is the single home for entitlement info, never merged with the credit balance. */ .dccnc-allow{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap; border:1px solid var(--nc-line);border-left:4px solid var(--nc-navy);border-radius:6px; background:#fff;padding:14px 16px;margin:0 0 16px} .dccnc-allow.is-spent{border-left-color:#b45309;background:#fffbf5} .dccnc-allow-main{flex:1 1 320px;min-width:0} .dccnc-allow-head{margin:0 0 8px;font-size:15px;color:var(--nc-navy)} .dccnc-allow-head strong{font-size:19px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .dccnc-allow-sub{margin:8px 0 0;font-size:12px;color:var(--nc-mute)} .dccnc-allow-warn{color:#b45309} .dccnc-meter{height:6px;background:#e6ecf3;border-radius:3px;overflow:hidden;max-width:420px} .dccnc-meter-fill{display:block;height:100%;background:var(--nc-navy);transition:width .3s ease} .dccnc-allow.is-spent .dccnc-meter-fill{background:#b45309} .dccnc-allow-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0} .dccnc-allow-cta-txt{margin:0;font-size:12px;color:var(--nc-mute);max-width:22ch} @media(prefers-reduced-motion:reduce){.dccnc-meter-fill{transition:none}} @media(max-width:640px){ .dccnc-allow{gap:12px} .dccnc-allow-cta{width:100%;justify-content:space-between} .dccnc-allow-cta-txt{max-width:none} } .dccnc-fresh{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--nc-mute);border:1px solid var(--nc-line);border-radius:3px;padding:2px 8px;white-space:nowrap} .dccnc-fresh.is-new{color:#0b1f3a;border-color:#0b1f3a;font-weight:600} .dccnc-fresh-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;display:inline-block;animation:dccnc-pulse 2s ease-in-out infinite} @keyframes dccnc-pulse{0%,100%{opacity:1}50%{opacity:.35}} @media(prefers-reduced-motion:reduce){.dccnc-fresh-dot{animation:none}} .dccnc-views{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;border-bottom:1px solid var(--nc-line);padding-bottom:10px} .dccnc-view{padding:6px 12px;border:1px solid var(--nc-line);border-radius:4px;text-decoration:none;color:var(--nc-navy);font-size:14px;background:#fff} .dccnc-view.is-on{background:var(--nc-navy);color:#fff;border-color:var(--nc-navy)} /* ---- Filter panel ------------------------------------------------------- Official-document treatment: one white panel, ruled section headers, real field labels. The states multi-select listbox was the worst of the old UI (a grey scrolling box needing Ctrl-click) and is now toggle chips. */ .dccnc-filters{margin:0 0 16px;padding:0;border:1px solid var(--nc-line);border-radius:6px;background:#fff;overflow:hidden} .dccnc-fbar{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:12px 16px;background:var(--nc-navy);color:#fff} .dccnc-fbar-h{margin:0;font-size:14px;font-weight:600;color:#fff;letter-spacing:.01em} .dccnc-fcount{font-size:12px;color:rgba(255,255,255,.7);font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .dccnc-fcount.is-on{color:var(--nc-teal)} .dccnc-fbar .dccnc-clear{margin-left:auto;color:#fff;font-size:12px;text-decoration:underline} .dccnc-fgroup{padding:14px 16px;border-bottom:1px solid #e6ecf3} .dccnc-fgroup-h{margin:0 0 10px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--nc-mute);font-weight:600} .dccnc-frow{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin:0} .dccnc-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--nc-mute);flex:0 1 auto} .dccnc-field select,.dccnc-field input[type=date]{min-width:170px;padding:8px 10px;border:1px solid var(--nc-line); border-radius:4px;font-size:14px;color:var(--nc-navy);background:#fff;line-height:1.3} .dccnc-field select:focus,.dccnc-field input:focus{outline:2px solid var(--nc-navy);outline-offset:-1px;border-color:var(--nc-navy)} .dccnc-field .dccnc-fine{font-size:11px} /* Toggle chips replace the multi-select. The native box is hidden but still focusable, so keyboard and screen readers keep working. */ .dccnc-chipset{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px} .dccnc-chipset-wide{margin-bottom:6px} .dccnc-chipbox{position:relative;display:inline-flex} .dccnc-chipbox input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer} .dccnc-chipbox span{display:inline-block;padding:5px 11px;border:1px solid var(--nc-line);border-radius:4px; font-size:13px;color:var(--nc-navy);background:#fff;cursor:pointer;line-height:1.3;user-select:none;transition:background .12s ease} .dccnc-chipbox:hover span{background:#f6f8fb} .dccnc-chipbox input:checked + span{background:var(--nc-navy);border-color:var(--nc-navy);color:#fff;font-weight:600} .dccnc-chipbox input:focus-visible + span{outline:2px solid var(--nc-navy);outline-offset:2px} .dccnc-chipbox-plain span{border:0;padding-left:24px;font-size:13px;color:var(--nc-navy);background:none} .dccnc-chipbox-plain span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%); width:15px;height:15px;border:1px solid var(--nc-line);border-radius:3px;background:#fff} .dccnc-chipbox-plain input:checked + span{background:none;color:var(--nc-navy)} .dccnc-chipbox-plain input:checked + span::before{background:var(--nc-navy);border-color:var(--nc-navy)} .dccnc-chipbox-plain input:checked + span::after{content:"";position:absolute;left:5px;top:calc(50% - 5px); width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)} .dccnc-factions{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;padding:14px 16px;background:#f6f8fb} .dccnc-fspacer{flex:1 1 auto} .dccnc-apply{background:var(--nc-navy);color:#fff;border:1px solid var(--nc-navy);font-weight:600} .dccnc-apply:hover{background:#132d52;border-color:#132d52;color:#fff} .dccnc-factions .dccnc-clear{font-size:13px;color:var(--nc-mute)} @media(prefers-reduced-motion:reduce){.dccnc-chipbox span{transition:none}} @media(max-width:640px){ .dccnc-field{flex:1 1 100%} .dccnc-field select,.dccnc-field input[type=date]{min-width:0;width:100%} .dccnc-factions{flex-direction:column;align-items:stretch} .dccnc-fspacer{display:none} } .dccnc-count{color:var(--nc-mute);font-size:13px;margin:0 0 10px} /* Records are a vertical list of disclosure rows, not a card grid: expanding a card inside a grid reflows its whole row, which reads as a glitch. */ .dccnc-list{display:flex;flex-direction:column;gap:10px} .dccnc-rec{border:0} .dccnc-rec-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap;cursor:pointer; list-style:none;padding:14px 16px;margin:-16px;border-radius:6px;position:relative} .dccnc-rec-summary::-webkit-details-marker{display:none} .dccnc-rec-summary:hover{background:#f6f8fb} .dccnc-rec-summary:focus-visible{outline:2px solid var(--nc-navy);outline-offset:-2px} .dccnc-rec-ident{flex:1 1 240px;min-width:0} .dccnc-rec-name{display:block;font-size:17px;font-weight:600;color:var(--nc-navy);line-height:1.3;overflow-wrap:anywhere} .dccnc-rec-summary .dccnc-rec-id{display:block;margin:2px 0 0} .dccnc-rec-glance{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0} .dccnc-chip-warn{color:#b45309;border-color:#f0c088} .dccnc-chip-open{color:#15803d;border-color:#a7d8b6} /* Caret rotates to point down when the row is open. */ .dccnc-rec-caret{width:9px;height:9px;flex-shrink:0;border-right:2px solid var(--nc-mute); border-bottom:2px solid var(--nc-mute);transform:rotate(-45deg);transition:transform .2s ease} .dccnc-rec[open] .dccnc-rec-caret{transform:rotate(45deg)} .dccnc-rec[open] .dccnc-rec-summary{background:#f6f8fb} .dccnc-rec-body{padding-top:16px;margin-top:14px;border-top:1px solid var(--nc-line); display:flex;flex-direction:column;gap:12px} .dccnc-rec-legal{margin:0;font-size:13px;color:var(--nc-mute)} .dccnc-rec-open{margin:0;font-size:13px} @media(prefers-reduced-motion:reduce){.dccnc-rec-caret{transition:none}} @media(max-width:520px){ .dccnc-rec-summary{gap:8px} .dccnc-rec-caret{position:absolute;top:18px;right:16px} .dccnc-rec-ident{flex-basis:100%;padding-right:20px} } .dccnc-card-rec{border:1px solid var(--nc-line);border-radius:6px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0} .dccnc-card-rec.is-locked{border-top:4px solid var(--nc-navy)} .dccnc-card-rec.is-open{border-top:4px solid var(--nc-teal)} .dccnc-rec-head h3{margin:0;font-size:17px;line-height:1.3;overflow-wrap:anywhere} .dccnc-rec-id{margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--nc-mute)} .dccnc-masked{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.5px} .dccnc-rec-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0} .dccnc-rec-facts div{min-width:0} .dccnc-rec-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--nc-mute);margin:0} .dccnc-rec-facts dd{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere} .dccnc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0} .dccnc-chip{font-size:11px;border:1px solid var(--nc-line);border-radius:3px;padding:2px 6px;color:var(--nc-mute)} .dccnc-needs{border-left:3px solid var(--nc-teal);padding-left:10px} .dccnc-needs-h{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--nc-mute)} .dccnc-needs ul{margin:0;padding-left:16px;font-size:13px} .dccnc-contact{border-top:1px solid var(--nc-line);padding-top:10px} .dccnc-contact-row{margin:0 0 6px;font-size:14px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap} .dccnc-contact-kind{font-size:11px;text-transform:uppercase;color:var(--nc-mute);min-width:44px} .dccnc-none{color:var(--nc-mute);font-style:italic;font-size:13px} .dccnc-fine{font-size:12px;color:var(--nc-mute);margin:4px 0 0} .dccnc-rec-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--nc-line);padding-top:10px;margin-top:auto} .dccnc-select{display:flex;gap:6px;align-items:center;font-size:13px;cursor:pointer} .dccnc-owned{color:#15803d;font-weight:600;font-size:13px} .dccnc-nocontact{color:var(--nc-mute);font-size:13px;font-style:italic} .dccnc-empty{padding:24px;text-align:center;color:var(--nc-mute)} .dccnc-pager{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0} .dccnc-pager a{padding:5px 10px;border:1px solid var(--nc-line);border-radius:4px;text-decoration:none;color:var(--nc-navy);font-size:13px} .dccnc-pager a.is-on{background:var(--nc-navy);color:#fff;border-color:var(--nc-navy)} .dccnc-terms{border:1px solid var(--nc-line);border-left:4px solid var(--nc-navy);border-radius:6px;padding:16px;margin:0 0 16px;background:#fff} .dccnc-terms h3{margin:0 0 8px} .dccnc-terms-text{white-space:pre-wrap;font-size:13px;line-height:1.6;background:#f6f8fb;border:1px solid var(--nc-line);border-radius:4px;padding:12px;max-height:220px;overflow:auto;font-family:inherit} .dccnc-bar{position:sticky;bottom:0;z-index:20;margin-top:18px} .dccnc-bar-in{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--nc-navy);color:#fff;border-radius:6px;padding:12px 16px} .dccnc-bar-sum{margin:0;font-weight:600} .dccnc-bar .etm-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)} .dccnc-legal{font-size:12px;color:var(--nc-mute);margin-top:18px;max-width:80ch} .dccnc-err{color:#b91c1c;font-weight:600} /* Claim journey + standalone pages */ .dccnc-narrow{max-width:760px;margin:0 auto;padding:32px 16px} .dccnc-card{padding:22px;margin-bottom:18px} .dccnc-record{border-top:1px solid #c9d4e2;margin-top:22px;padding-top:16px} .dccnc-record-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin:0 0 8px} .dccnc-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block} .dccnc-record-src,.dccnc-record-disclaimer{font-size:12px;color:#5b6b80;margin:0 0 8px} .dccnc-record-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0} .dccnc-facts{width:100%;border-collapse:collapse;margin:0 0 14px} .dccnc-facts th,.dccnc-facts td{text-align:left;padding:7px 10px;border-bottom:1px solid #e6ecf3;font-size:14px;vertical-align:top} .dccnc-facts th{width:42%;color:#5b6b80;font-weight:500} .dccnc-list{margin:0 0 12px;padding-left:18px} .dccnc-list li{margin-bottom:8px} .dccnc-form{display:flex;flex-direction:column;gap:6px} .dccnc-form label{font-size:13px;color:#5b6b80;margin-top:10px} .dccnc-form input[type=text],.dccnc-form input[type=email],.dccnc-form input[type=date],.dccnc-form select,.dccnc-form textarea{padding:9px 10px;border:1px solid #c9d4e2;border-radius:4px;font-size:15px;width:100%;box-sizing:border-box} .dccnc-form fieldset{border:1px solid #c9d4e2;border-radius:6px;padding:14px;margin:16px 0} .dccnc-form legend{font-weight:600;padding:0 6px;font-size:14px} .dccnc-form button{margin-top:16px;align-self:flex-start} .dccnc-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:14px;color:#0b1f3a;cursor:pointer} .dccnc-check input{margin-top:3px;flex-shrink:0} .dccnc-consent{border:1px solid #c9d4e2;border-left:4px solid #00c9a7;border-radius:6px;padding:16px;margin:18px 0;background:#f9fbfd} .dccnc-consent h3{margin:0 0 8px;font-size:16px} .dccnc-share{font-size:13px;color:#5b6b80;margin:0 0 10px} .dccnc-suggested li{margin-bottom:10px} @media (max-width:640px){ .dccnc-rec-facts{grid-template-columns:1fr} .dccnc-facts th{width:auto;display:block;border-bottom:0;padding-bottom:0} .dccnc-facts td{display:block;padding-top:2px} } /* Public product page: New Carrier Leads. Uses the existing navy and teal design system and stays isolated from the member dashboard feed. */ .dccnc-product{--nc-navy:#0b1f3a;--nc-ink:#12233a;--nc-teal:#00c9a7;--nc-bg:#f5f8fb;--nc-line:#d7e1ec;--nc-muted:#5b6b80;color:var(--nc-ink);background:#fff} .dccnc-product *{box-sizing:border-box} .dccnc-product-wrap{max-width:1180px;margin:0 auto;padding:0 24px} .dccnc-product-hero{background:linear-gradient(135deg,#06152a 0%,#0b1f3a 58%,#12335a 100%);color:#fff;padding:52px 0 24px;overflow:hidden} .dccnc-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);gap:36px;align-items:center} .dccnc-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--nc-teal)} .dccnc-kicker::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px} .dccnc-hero-copy h1{font-family:Archivo,Inter,system-ui,sans-serif;font-size:clamp(38px,4.4vw,60px);line-height:.98;letter-spacing:-.045em;margin:14px 0 16px;color:#fff;max-width:850px} .dccnc-hero-sub{font-size:18px;line-height:1.65;margin:0;color:rgba(255,255,255,.86);max-width:720px} .dccnc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px} .dccnc-product-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:8px;font-weight:800;font-size:16px;line-height:1.2;text-decoration:none;border:1px solid transparent;transition:transform .14s ease,background .14s ease,border-color .14s ease} .dccnc-product-btn:hover{transform:translateY(-1px);text-decoration:none} .dccnc-product-btn-primary{background:var(--nc-teal);color:#062235;border-color:var(--nc-teal)} .dccnc-product-btn-primary:hover{background:#13d9b8;color:#062235} .dccnc-product-btn-secondary{background:#fff;color:var(--nc-navy);border-color:var(--nc-line)} .dccnc-product-btn-secondary:hover{border-color:var(--nc-navy);color:var(--nc-navy)} .dccnc-product-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)} .dccnc-product-btn-ghost:hover{border-color:#fff;color:#fff} .dccnc-hero-proof{display:flex;gap:10px;flex-wrap:wrap} .dccnc-hero-proof span{font-size:13px;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.06)} .dccnc-device{border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#101d31;box-shadow:0 28px 80px rgba(0,0,0,.34);padding:10px;transform:rotate(1.5deg)} .dccnc-device-bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px} .dccnc-device-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.32)} .dccnc-device-screen{background:#f8fbfe;border-radius:12px;color:var(--nc-ink);padding:18px;min-height:300px} .dccnc-screen-head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--nc-line);padding-bottom:12px} .dccnc-screen-head strong{font-size:17px;color:var(--nc-navy)} .dccnc-screen-head em{font-style:normal;font-size:12px;color:var(--nc-muted)} .dccnc-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0} .dccnc-filter-row span{font-size:12px;border:1px solid var(--nc-line);border-radius:4px;padding:6px 8px;background:#fff;color:var(--nc-navy);font-weight:700} .dccnc-record-preview{background:#fff;border:1px solid var(--nc-line);border-left:4px solid var(--nc-navy);border-radius:8px;padding:14px;margin:10px 0} .dccnc-record-preview strong{display:block;font-size:16px;color:var(--nc-navy);margin-bottom:5px} .dccnc-record-preview p{margin:0;color:var(--nc-muted);font-size:14px;line-height:1.5} .dccnc-screen-cta{margin-top:14px;background:var(--nc-navy);color:#fff;border-radius:8px;padding:13px;text-align:center;font-weight:800} .dccnc-plan-section{padding:24px 24px 44px;margin-top:-1px} .dccnc-section-head{max-width:780px;margin-bottom:20px} .dccnc-section-head h2,.dccnc-split h2,.dccnc-lookup-cta h2,.dccnc-safe-note h2{font-family:Archivo,Inter,system-ui,sans-serif;color:var(--nc-navy);font-size:clamp(28px,3.2vw,44px);line-height:1.05;letter-spacing:-.035em;margin:10px 0 10px} .dccnc-section-head p,.dccnc-split p,.dccnc-lookup-cta p,.dccnc-safe-note p{font-size:17px;line-height:1.65;color:var(--nc-muted);margin:0} .dccnc-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch} .dccnc-price-card{position:relative;background:#fff;border:1px solid var(--nc-line);border-radius:14px;padding:22px;box-shadow:0 12px 36px rgba(11,31,58,.08);display:flex;flex-direction:column;min-height:100%} .dccnc-price-card.is-featured{border-color:var(--nc-navy);box-shadow:0 18px 48px rgba(11,31,58,.15)} .dccnc-price-ribbon{display:inline-flex;align-self:flex-start;margin:-6px 0 14px;background:var(--nc-navy);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800} .dccnc-price-card h3{font-size:22px;color:var(--nc-navy);margin:0 0 8px} .dccnc-price{font-size:30px;line-height:1.1;color:var(--nc-navy);font-weight:900;margin:0 0 6px} .dccnc-price-note{font-size:16px;color:var(--nc-muted);line-height:1.5;margin:0 0 16px} .dccnc-price-card ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px} .dccnc-price-card li{position:relative;padding-left:24px;font-size:16px;line-height:1.45;color:var(--nc-ink)} .dccnc-price-card li::before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;border-radius:50%;background:var(--nc-teal);box-shadow:0 0 0 4px rgba(0,201,167,.16)} .dccnc-price-card .dccnc-product-btn{margin-top:auto;width:100%} .dccnc-plan-foot{font-size:16px;color:var(--nc-muted);margin:16px 0 0} .dccnc-plan-foot a{color:var(--nc-navy);font-weight:800} .dccnc-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);gap:34px;align-items:start;padding-top:50px;padding-bottom:50px;border-top:1px solid var(--nc-line)} .dccnc-check-list{display:grid;gap:12px} .dccnc-check-list p{position:relative;background:var(--nc-bg);border:1px solid var(--nc-line);border-radius:10px;padding:16px 16px 16px 44px;color:var(--nc-ink)} .dccnc-check-list p::before{content:"";position:absolute;left:18px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--nc-teal)} .dccnc-workflow{padding-top:50px;padding-bottom:52px;border-top:1px solid var(--nc-line)} .dccnc-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .dccnc-step-grid article{background:#fff;border:1px solid var(--nc-line);border-radius:12px;padding:18px} .dccnc-step-grid strong{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--nc-navy);color:#fff;margin-bottom:12px} .dccnc-step-grid h3{font-size:19px;color:var(--nc-navy);margin:0 0 8px} .dccnc-step-grid p{font-size:16px;line-height:1.55;color:var(--nc-muted);margin:0} .dccnc-lookup-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--nc-bg);border:1px solid var(--nc-line);border-radius:16px;padding:26px;margin-top:6px;margin-bottom:52px} .dccnc-lookup-cta>div{max-width:760px} .dccnc-safe-note{padding:0 24px 68px} .dccnc-safe-note h2{font-size:30px} .dccnc-safe-note p{border-left:4px solid var(--nc-teal);padding-left:18px;max-width:980px} @media (prefers-reduced-motion:reduce){.dccnc-product-btn{transition:none}.dccnc-product-btn:hover{transform:none}} @media (max-width:980px){.dccnc-hero-grid,.dccnc-split{grid-template-columns:1fr}.dccnc-device{transform:none}.dccnc-price-grid{grid-template-columns:1fr}.dccnc-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.dccnc-product-wrap{padding-left:18px;padding-right:18px}.dccnc-product-hero{padding-top:42px}.dccnc-hero-copy h1{font-size:38px}.dccnc-hero-sub,.dccnc-section-head p,.dccnc-split p,.dccnc-lookup-cta p,.dccnc-safe-note p{font-size:16px}.dccnc-lookup-cta{display:block}.dccnc-lookup-cta .dccnc-product-btn{margin-top:18px;width:100%}.dccnc-step-grid{grid-template-columns:1fr}.dccnc-device{display:none}.dccnc-screen-head{align-items:flex-start;flex-direction:column}.dccnc-hero-actions .dccnc-product-btn{width:100%}} /* ---- filters: multi-row layout ---- */ .dccnc-filters{flex-direction:column;align-items:stretch;gap:14px} .dccnc-frow{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end} .dccnc-frow>label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--nc-mute)} .dccnc-f-wide select[multiple]{min-width:150px;padding:4px} .dccnc-f-check{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;color:var(--nc-navy);cursor:pointer;white-space:normal} .dccnc-f-check input{margin:0;flex:0 0 auto} .dccnc-f-check span{flex:0 1 auto} .dccnc-fneeds{border:1px solid var(--nc-line);border-radius:6px;padding:12px 14px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px;align-items:start} .dccnc-fneeds legend{font-size:12px;color:var(--nc-mute);padding:0 6px} .dccnc-fneeds>.dccnc-fine{grid-column:1/-1;margin:2px 0 0} .dccnc-factions{align-items:center;gap:16px} .dccnc-clear{font-size:13px;color:var(--nc-mute)} /* ---- bulk packs ---- */ .dccnc-packs{border:1px solid var(--nc-line);border-top:4px solid var(--nc-navy);border-radius:6px;background:#fff;padding:16px;margin:0 0 18px} .dccnc-packs-head h3{margin:0 0 4px;font-size:16px} .dccnc-packs-head p{margin:0 0 12px;max-width:70ch} .dccnc-pack-btns{display:flex;gap:10px;flex-wrap:wrap} .dccnc-pack{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:10px 14px;border:1px solid var(--nc-line);border-radius:6px;background:#fff;cursor:pointer;font:inherit;color:var(--nc-navy);transition:border-color .15s,background .15s} .dccnc-pack:hover{border-color:var(--nc-navy);background:#f6f8fb} .dccnc-pack.is-on{background:var(--nc-navy);color:#fff;border-color:var(--nc-navy)} .dccnc-pack-n{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums} .dccnc-pack-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.75} .dccnc-pack-cost{font-size:12px;opacity:.8;font-variant-numeric:tabular-nums} .dccnc-pack-out{margin-top:14px;padding-top:14px;border-top:1px solid var(--nc-line);display:flex;flex-wrap:wrap;gap:10px;align-items:center} .dccnc-pack-sum{margin:0;font-weight:600;flex:1 1 260px} .dccnc-pack-warn{margin:0;flex:1 1 100%;color:#b45309;font-size:13px} /* ---- richer unlocked card ---- */ .dccnc-listbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px} .dccnc-rec-legal{margin:2px 0 0;font-size:12px;color:var(--nc-mute)} .dccnc-flag{margin:0;font-size:12px;font-weight:600;padding:5px 9px;border-radius:4px} .dccnc-flag-overdue{background:#fef2f2;border:1px solid #fecaca;color:#991b1b} .dccnc-flag-due_soon{background:#fffbeb;border:1px solid #fde68a;color:#92400e} .dccnc-links{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:12px} .dccnc-links a{color:var(--nc-navy)} .dccnc-contact-row .dccnc-fine{flex-basis:100%;margin:0} /* ---- free-member upgrade prompt ---- */ .dccnc-upgrade{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--nc-line);border-left:4px solid var(--nc-teal);border-radius:6px;background:#f9fbfd;padding:16px 18px;margin:0 0 18px} .dccnc-upgrade h3{margin:0 0 6px;font-size:16px} .dccnc-upgrade p{margin:0;color:var(--nc-mute);max-width:72ch;font-size:14px} .dccnc-upgrade .etm-btn{flex:0 0 auto} /* The theme styles .etm-btn on