/* Marketing site (ported from the approved preview). All site classes are prefixed cc- so card.css stays untouched. */
:root{
  --navy:#0b2545;--navy2:#13315c;--navy3:#1d4278;--gold:#e0b03a;--gold-d:#b8891b;--gold-bg:#fbf3dc;
  --bg:#ffffff;--bg2:#f6f7fa;--ink:#0d1726;--ink2:#2a3446;--muted:#5f6779;--line:#e6e8ee;
  --ok:#14804a;--ok-bg:#e7f6ee;
  --sans:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;
  --r:18px;--wrap:1160px;
  --sh1:0 1px 2px rgba(11,37,69,.06),0 4px 14px rgba(11,37,69,.06);
  --sh2:0 2px 4px rgba(11,37,69,.06),0 24px 60px rgba(11,37,69,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;background:var(--bg)}
body{margin:0;font:16px/1.6 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{display:block}
.cc-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.cc-sec{padding:112px 0}
.cc-alt{background:var(--bg2)}
.cc-eyebrow{display:inline-block;color:var(--gold-d);font-weight:700;font-size:13px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
.cc-h2{margin:0;text-wrap:balance;font-size:44px;line-height:1.08;letter-spacing:-.035em;font-weight:800;color:var(--navy)}
.cc-lead{margin:16px 0 0;font-size:18px;color:var(--muted);max-width:620px}
.cc-head{max-width:720px;margin-bottom:56px}
.cc-head.c{text-align:center;margin-left:auto;margin-right:auto}
.cc-head.c .cc-lead{margin-left:auto;margin-right:auto}

/* buttons */
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font:700 15.5px var(--sans);border:0;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.cc-btn svg{width:17px;height:17px}
.cc-btn.gold{background:var(--gold);color:var(--navy);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 18px rgba(224,176,58,.35)}
.cc-btn.gold:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 24px rgba(224,176,58,.45)}
.cc-btn.navy{background:var(--navy);color:#fff;box-shadow:0 6px 18px rgba(11,37,69,.22)}
.cc-btn.navy:hover{background:var(--navy2);transform:translateY(-1px)}
.cc-btn.line{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.cc-btn.line:hover{box-shadow:inset 0 0 0 1.5px #cfd4de}
.cc-btn.sm{height:40px;padding:0 16px;font-size:14.5px;border-radius:10px}
.cc-tlink{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--navy2);font-size:15.5px}
.cc-tlink svg{width:16px;height:16px;transition:transform .15s}
.cc-tlink:hover svg{transform:translateX(2px)}

/* logo */
.cc-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--navy)}
.cc-logo svg{width:34px;height:34px;flex:none}

/* nav */
.cc-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid rgba(230,232,238,.8)}
.cc-nav .cc-wrap{display:flex;align-items:center;height:68px;gap:28px}
.cc-links{display:flex;gap:4px;margin-left:auto}
.cc-links a{padding:8px 12px;border-radius:8px;font-weight:600;font-size:14.5px;color:var(--ink2)}
.cc-links a:hover{background:var(--bg2);color:var(--navy)}

/* hero */
.cc-hero{position:relative;overflow:hidden;padding:84px 0 104px;background:
  radial-gradient(700px 420px at 88% 18%,rgba(224,176,58,.16),transparent 70%),
  radial-gradient(900px 600px at 70% 90%,rgba(19,49,92,.10),transparent 70%),
  linear-gradient(180deg,#fff 0,var(--bg2) 100%)}
.cc-hero .cc-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.cc-hero h1{margin:0;font-size:62px;text-wrap:balance;line-height:1.02;letter-spacing:-.045em;font-weight:800;color:var(--navy)}
.cc-hero h1 span{color:var(--gold-d)}
.cc-hero .cc-copy>p{margin:24px 0 0;font-size:20px;line-height:1.55;color:var(--muted);max-width:520px}
.cc-hero .cc-cta{display:flex;align-items:center;gap:22px;margin-top:36px;flex-wrap:wrap}
.cc-hero .cc-btn{height:54px;padding:0 26px;font-size:16.5px;border-radius:14px}
.cc-art{position:relative;height:620px}
.cc-phone{--s:.68;position:absolute;right:0;top:0;width:calc(414px * var(--s));height:calc(868px * var(--s));border-radius:calc(58px * var(--s));background:#0a0d12;padding:calc(12px * var(--s));box-shadow:0 0 0 2px #2b3442,0 40px 80px rgba(11,37,69,.35),inset 0 0 0 2px #1a2029}
.cc-phone .scr{width:100%;height:100%;border-radius:calc(46px * var(--s));overflow:hidden;position:relative;background:#000}
.cc-phone iframe{width:390px;height:844px;border:0;transform:scale(var(--s));transform-origin:0 0;display:block;pointer-events:none;background:#000}
.cc-phone .isl{position:absolute;top:calc(22px * var(--s));left:50%;transform:translateX(-50%);width:calc(118px * var(--s));height:calc(34px * var(--s));border-radius:999px;background:#000;z-index:2}
.cc-hero .cc-card{position:absolute;left:-36px;bottom:10px;width:420px;transform:rotate(-4deg);border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.08),0 30px 70px rgba(11,37,69,.32);z-index:3}
.cc-mailtag{position:absolute;z-index:4;left:-8px;top:150px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 14px 10px 10px;box-shadow:var(--sh2);font-size:13.5px;line-height:1.3;white-space:nowrap}
.cc-mailtag i{width:32px;height:32px;border-radius:9px;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;flex:none}
.cc-mailtag i svg{width:18px;height:18px}
.cc-mailtag b{display:block;color:var(--ink)}
.cc-mailtag small{color:var(--muted);font-size:12.5px}

/* value strip */
.cc-values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.cc-values .cc-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.cc-val{padding:40px 36px 40px 0;display:flex;gap:16px;align-items:flex-start}
.cc-val+.cc-val{padding-left:36px;border-left:1px solid var(--line)}
.cc-ic{width:44px;height:44px;border-radius:12px;background:var(--gold-bg);color:var(--gold-d);display:grid;place-items:center;flex:none}
.cc-ic svg{width:22px;height:22px}
.cc-ic.n{background:#e9eef7;color:var(--navy2)}
.cc-val b{display:block;font-size:17px;letter-spacing:-.01em;color:var(--navy)}
.cc-val p{margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.5}

/* how it works */
.cc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.cc-step{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1);display:flex;flex-direction:column}
.cc-step .vis{height:200px;background:var(--bg2);border-bottom:1px solid var(--line);position:relative;overflow:hidden;display:grid;place-items:center}
.cc-step .txt{padding:22px 22px 26px}
.cc-step .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;font-weight:800;margin-bottom:12px}
.cc-step .txt h3{margin:0;font-size:18px;letter-spacing:-.02em;color:var(--navy)}
.cc-step .txt p{margin:6px 0 0;color:var(--muted);font-size:14.5px;line-height:1.55}
/* step visuals */
.v-snap{position:absolute;inset:0}
.v-snap img{width:100%;height:100%;object-fit:cover;object-position:40% 45%}
.v-snap .fr{position:absolute;left:22%;right:22%;top:20%;bottom:28%}
.v-snap .fr i{position:absolute;width:20px;height:20px;border:2.5px solid #fff}
.v-snap .fr i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:7px}
.v-snap .fr i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:7px}
.v-snap .fr i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:7px}
.v-snap .fr i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:7px}
.v-snap .sh{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;border:3px solid #fff;display:grid;place-items:center}
.v-snap .sh::after{content:"";width:32px;height:32px;border-radius:50%;background:#fff}
.v-snap .gps{position:absolute;left:12px;top:12px;background:rgba(20,24,32,.6);backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:600;padding:5px 9px 5px 8px;border-radius:999px;display:flex;align-items:center;gap:6px}
.v-snap .gps::before{content:"";width:7px;height:7px;border-radius:50%;background:#34c759}
.v-own{width:82%;background:#fff;border-radius:14px;box-shadow:var(--sh1);padding:12px 14px;font-size:12.5px}
.v-own .src{display:inline-flex;gap:5px;align-items:center;font-size:10.5px;font-weight:700;color:var(--navy2);background:#eef2f9;border-radius:999px;padding:3px 8px;margin-bottom:8px}
.v-own .src svg{width:11px;height:11px}
.v-own .r{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--line)}
.v-own .r span{color:var(--muted)}
.v-own .r b{font-weight:600;text-align:right}
.v-own .okk{margin-top:8px;display:flex;align-items:center;gap:6px;background:var(--ok-bg);color:var(--ok);font-weight:700;font-size:11.5px;border-radius:8px;padding:6px 8px}
.v-own .okk svg{width:13px;height:13px}
.v-pc{width:84%;transform:rotate(-3deg);border-radius:4px;overflow:hidden;box-shadow:0 14px 30px rgba(11,37,69,.25)}
.v-tl{width:84%;background:#fff;border-radius:14px;box-shadow:var(--sh1);padding:6px 14px;font-size:12.5px}
.v-tl .r{display:flex;align-items:center;gap:10px;padding:7px 0}
.v-tl .r+.r{border-top:1px solid var(--line)}
.v-tl .r b{width:46px;flex:none;font-size:12px}
.v-tl .r span{flex:1;color:var(--ink2);font-weight:600}
.v-tl .p{font-style:normal;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
.v-tl .p.g{background:var(--ok-bg);color:var(--ok)}
.v-tl .p.y{background:#fbf1d4;color:#8a6510}
.v-tl .p.x{background:#eef0f4;color:#8a91a1}

/* features bento */
.cc-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cc-f{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--sh1);position:relative;overflow:hidden}
.cc-f.w2{grid-column:span 2}
.cc-f>h3,.cc-f>div>h3{margin:18px 0 0;font-size:19px;letter-spacing:-.02em;color:var(--navy)}
.cc-f>p,.cc-f>div>p{margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.55;max-width:440px}
.cc-f.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.cc-f .mini{border-radius:6px;overflow:hidden;box-shadow:0 14px 34px rgba(11,37,69,.2)}
.cc-f .mini.tilt{transform:rotate(2deg)}
.cc-f.dark{background:var(--navy);border-color:var(--navy);color:#fff}
.cc-f.dark>h3{color:#fff}
.cc-f.dark>p{color:rgba(255,255,255,.72)}
.cc-f.dark .cc-ic{background:rgba(224,176,58,.16);color:var(--gold)}
.cc-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cc-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--bg2);color:var(--ink2);border:1px solid var(--line)}
.cc-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}
.cc-chip.g{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.cc-chip.y{background:#fbf1d4;color:#8a6510;border-color:transparent}
.cc-chip.n{background:#e6edf8;color:var(--navy2);border-color:transparent}
.cc-sw{display:flex;gap:10px;margin-top:18px}
.cc-sw span{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--muted);line-height:1.35}
.cc-sw span b{display:block;color:var(--ink);font-size:14px}

/* see it work */
.cc-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.cc-cards figure{margin:0}
.cc-cards .pc{border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 18px 44px rgba(11,37,69,.16)}
.cc-cards figcaption{margin-top:14px;font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center}
.cc-cards figcaption b{color:var(--ink)}
.cc-browser{margin-top:56px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh2);overflow:hidden}
.cc-browser .bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;background:#f3f4f7;border-bottom:1px solid var(--line)}
.cc-browser .bar i{width:11px;height:11px;border-radius:50%;background:#dcdfe6}
.cc-browser .bar span{margin-left:14px;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 12px}
.cc-browser .bar em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:#8a6510;background:#fbf1d4;padding:3px 9px;border-radius:999px}
.cc-dash{position:relative;height:460px;overflow:hidden}
.cc-dash iframe{position:absolute;left:0;top:0;width:1320px;height:1100px;border:0;transform-origin:0 0;pointer-events:none}
.cc-dash::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.cc-seebtns{display:flex;justify-content:center;gap:12px;margin-top:36px;flex-wrap:wrap}

/* trust */
.cc-trust{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.cc-trust::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 500px at 85% 0,rgba(224,176,58,.14),transparent 70%),radial-gradient(700px 500px at 0 100%,rgba(29,66,120,.6),transparent 70%)}
.cc-trust .cc-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.cc-trust .cc-h2{color:#fff}
.cc-trust .cc-eyebrow{color:var(--gold)}
.cc-trust .cc-lead{color:rgba(255,255,255,.74)}
.cc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:36px}
.cc-facts div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 16px 14px}
.cc-facts b{display:block;font-size:28px;letter-spacing:-.03em;color:var(--gold);line-height:1.1}
.cc-facts small{display:block;margin-top:4px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.35}
.cc-truck{position:relative}
.cc-truck img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.cc-truck .cap{position:absolute;left:16px;bottom:16px;background:rgba(11,37,69,.86);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.35}
.cc-truck .cap b{display:block;font-size:14px}
.cc-truck .cap small{color:rgba(255,255,255,.7)}
.cc-method{margin-top:28px;display:grid;gap:14px}
.cc-method div{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.86);font-size:15.5px;line-height:1.5}
.cc-method div::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b2545' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.cc-method b{color:#fff}

/* pricing */
.cc-price{max-width:880px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh2);overflow:hidden}
.cc-price .l{padding:44px;display:flex;flex-direction:column}
.cc-price .tag{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:700;color:#8a6510;background:#fbf1d4;padding:4px 10px;border-radius:999px}
.cc-price h3{margin:16px 0 0;font-size:22px;letter-spacing:-.02em;color:var(--navy)}
.cc-price .amt{display:flex;align-items:baseline;gap:6px;margin-top:10px}
.cc-price .amt b{font-size:64px;letter-spacing:-.05em;line-height:1;color:var(--navy);font-weight:800}
.cc-price .amt span{color:var(--muted);font-size:17px;font-weight:600}
.cc-price .inc{margin-top:8px;color:var(--ink2);font-size:16px;font-weight:600}
.cc-price .cc-btn{width:100%;margin-top:28px;height:52px}
.cc-price .fine{margin:12px 0 32px;text-align:center;font-size:13px;color:var(--muted)}
.cc-price .r{background:var(--bg2);border-left:1px solid var(--line);padding:44px 40px}
.cc-price .r h4{margin:0 0 16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cc-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cc-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink2)}
.cc-list li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.cc-tiers{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cc-tier{align-self:start;min-height:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh2);padding:32px 28px;display:flex;flex-direction:column}
.cc-tier.hot{border:2px solid #e0b03a}
.cc-tier .tag{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:700;color:#8a6510;background:#fbf1d4;padding:4px 10px;border-radius:999px}
.cc-tier .amt{display:flex;align-items:baseline;gap:6px;margin-top:14px}
.cc-tier .amt b{font-size:52px;letter-spacing:-.05em;line-height:1;color:var(--navy);font-weight:800}
.cc-tier .amt span{color:var(--muted);font-size:16px;font-weight:600}
.cc-tier .inc{margin-top:10px;color:var(--ink2);font-size:16px;font-weight:600}
.cc-tier .per{margin-top:6px;color:var(--ink2);font-size:15px}.cc-tier .per b{color:var(--navy)}
.cc-tier .yr{margin-top:4px;color:var(--muted);font-size:13.5px}
.cc-tier .cc-btn{width:100%;margin-top:22px;height:50px;flex:none}
.cc-incl{max-width:980px;margin:22px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 32px}
.cc-incl h4{margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.cc-incl .cc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
@media (max-width:860px){.cc-tiers{grid-template-columns:1fr}.cc-incl .cc-list{grid-template-columns:1fr}.cc-incl{padding:24px 20px}}
.cc-setup{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cc-setup b{display:block;color:var(--navy);font-size:15px}
.cc-setup small{color:var(--muted);font-size:13.5px;line-height:1.45;display:block;margin-top:2px}
.cc-setup strong{font-size:22px;letter-spacing:-.02em;color:var(--navy);white-space:nowrap}

/* faq */
.cc-faq{max-width:800px;margin:0 auto;border-top:1px solid var(--line)}
.cc-faq details{border-bottom:1px solid var(--line)}
.cc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--navy)}
.cc-faq summary::-webkit-details-marker{display:none}
.cc-faq summary i{width:30px;height:30px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;flex:none;transition:transform .2s}
.cc-faq summary i svg{width:16px;height:16px;color:var(--navy2)}
.cc-faq details[open] summary i{transform:rotate(45deg)}
.cc-faq details p{margin:-8px 0 0;padding:0 56px 26px 4px;color:var(--muted);font-size:16px;line-height:1.6}

/* final cta */
.cc-final{padding:0 0 112px}
.cc-band{border-radius:28px;background:var(--navy);color:#fff;padding:72px 56px;text-align:center;position:relative;overflow:hidden}
.cc-band::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 50% 0,rgba(224,176,58,.13),transparent 70%)}
.cc-band>*{position:relative}
.cc-band h2{margin:0;font-size:44px;line-height:1.08;letter-spacing:-.035em;font-weight:800}
.cc-band p{margin:16px auto 0;max-width:540px;color:rgba(255,255,255,.74);font-size:18px}
.cc-band .cc-seebtns{margin-top:32px}
.cc-band .cc-btn.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.cc-band .cc-btn.line:hover{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}

/* footer */
.cc-foot{border-top:1px solid var(--line);padding:40px 0 48px;background:#fff}
.cc-foot .cc-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cc-foot nav{display:flex;gap:22px;font-size:14px;font-weight:600;color:var(--muted)}
.cc-foot nav a:hover{color:var(--navy)}
.cc-credit{width:100%;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#8a91a1}
.cc-credit a{color:var(--muted);text-decoration:underline}

/* responsive */
@media (max-width:1120px){
  .cc-hero h1{font-size:54px}
  .cc-hero .cc-card{width:380px}
  .cc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .cc-sec{padding:84px 0}
  .cc-links{display:none}
  .cc-nav .cc-btn{margin-left:auto}
  .cc-hero{padding:56px 0 72px}
  .cc-hero .cc-wrap{grid-template-columns:1fr;gap:40px}
  .cc-hero h1{font-size:50px}
  .cc-art{max-width:520px;width:100%;margin:0 auto;height:560px}
  .cc-hero .cc-card{left:0}
  .cc-mailtag{left:0}
  .cc-phone{--s:.62}
  .cc-values .cc-wrap{grid-template-columns:1fr}
  .cc-val,.cc-val+.cc-val{padding:26px 0;border-left:0}
  .cc-val+.cc-val{border-top:1px solid var(--line)}
  .cc-bento{grid-template-columns:1fr 1fr}
  .cc-f.w2{grid-column:span 2}
  .cc-trust .cc-wrap{grid-template-columns:1fr;gap:48px}
  .cc-price{grid-template-columns:1fr}
  .cc-price .r{border-left:0;border-top:1px solid var(--line)}
  .cc-h2,.cc-band h2{font-size:38px}
}
@media (max-width:640px){
  .cc-wrap{padding:0 16px}
  .cc-sec{padding:72px 0}
  .cc-head{margin-bottom:36px}
  .cc-h2,.cc-band h2{font-size:32px}
  .cc-lead{font-size:16.5px}
  .cc-nav .cc-wrap{height:60px}
  .cc-logo{font-size:17px}
  .cc-logo svg{width:30px;height:30px}
  .cc-hero{padding:40px 0 56px}
  .cc-hero h1{font-size:40px}
  .cc-hero .cc-copy>p{font-size:17.5px}
  .cc-hero .cc-cta{gap:18px}
  .cc-art{height:470px}
  .cc-phone{--s:.5;right:4px}
  .cc-hero .cc-card{width:270px;bottom:0}
  .cc-mailtag{left:0;top:96px;font-size:12px;padding:8px 12px 8px 8px}
  .cc-mailtag small{font-size:11.5px}
  .cc-mailtag i{width:28px;height:28px}
  .cc-steps{grid-template-columns:1fr}
  .cc-bento{grid-template-columns:1fr}
  .cc-f.w2{grid-column:auto}
  .cc-f.split{grid-template-columns:1fr}
  .cc-f{padding:24px}
  .cc-cards{grid-template-columns:1fr}
  .cc-dash{height:300px}
  .cc-browser{margin-top:40px}
  .cc-browser .bar span{display:none}
  .cc-facts{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .cc-facts div{padding:12px 10px}
  .cc-facts b{font-size:22px}
  .cc-facts small{font-size:12px}
  .cc-price .l,.cc-price .r{padding:28px 22px}
  .cc-price .amt b{font-size:54px}
  .cc-faq summary{font-size:16.5px;padding:20px 2px}
  .cc-faq details p{padding:0 8px 22px 2px;font-size:15.5px}
  .cc-final{padding-bottom:72px}
  .cc-band{padding:52px 22px;border-radius:22px}
  .cc-band p{font-size:16.5px}
  .cc-seebtns .cc-btn{width:100%}
  .cc-foot nav{flex-wrap:wrap;gap:14px 20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cc-btn,.cc-tlink svg,.cc-faq summary i{transition:none}}