.brand-mark{display:flex;align-items:center;justify-content:center;gap:3px;width:35px;height:35px;background:var(--ink);color:white;border-radius:50%;box-shadow:0 0 0 4px rgba(242,107,86,.10)}
.report-panel{position:relative;overflow:hidden}.report-panel:before{content:'SIGNAL';position:absolute;right:18px;top:16px;font:500 9px 'DM Mono',monospace;letter-spacing:.12em;color:var(--cobalt);opacity:.7}.preview-pill{background:rgba(242,107,86,.06)}
.examples{padding:60px 0 76px;border-top:1px solid var(--line)}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.example-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px;transition:transform .18s ease,box-shadow .18s ease}.example-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(44,59,47,.08)}.example-index{font:500 13px 'DM Mono',monospace;color:var(--coral)}.example-card span:nth-child(2){display:grid;gap:5px}.example-card b{font-size:14px}.example-card small{font-size:11px;color:var(--muted);line-height:1.4}.example-card strong{font-size:11px;color:var(--cobalt);white-space:nowrap}@media(max-width:620px){.example-grid{grid-template-columns:1fr}.example-card{grid-template-columns:34px 1fr}.example-card strong{grid-column:2}}
.checkout-examples{padding:28px 0 58px}.checkout-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.checkout-preview{display:grid;gap:7px;padding:15px;background:var(--card);border:1px solid var(--line);border-radius:12px}.checkout-preview b{font-size:12px}.checkout-preview small{font-size:10px;line-height:1.45;color:var(--muted)}.checkout-preview .example-index{font-size:11px}@media(max-width:820px){.checkout-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.checkout-preview-grid{grid-template-columns:1fr}}
.brand-mark i{display:block;width:3px;border-radius:4px;background:var(--coral);transform:skewY(-24deg)}
.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px;background:var(--blue)}.brand-mark i:nth-child(3){height:21px;background:var(--coral)}
.hero-visual{position:relative;min-height:275px;border-radius:28px;background:linear-gradient(145deg,#e9eef8,#f8faf5);overflow:hidden;box-shadow:0 22px 45px rgba(23,32,28,.12);border:1px solid #d7e0ef}
.hero-visual img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
.visual-person{position:absolute;left:12%;bottom:46px;width:64px;height:116px}.person-head{position:absolute;left:13px;top:0;width:47px;height:47px;border-radius:50%;background:#f0b28f}.person-body{position:absolute;left:0;bottom:0;width:64px;height:78px;border-radius:30px 30px 14px 14px;background:var(--ink)}
.megaphone{position:absolute;left:28%;top:84px;width:74px;height:52px;background:var(--coral);clip-path:polygon(0 32%,100% 0,100% 100%,0 68%);transform:rotate(-8deg);filter:drop-shadow(0 8px 4px rgba(23,32,28,.12))}.megaphone:after{content:'';position:absolute;left:-16px;top:17px;width:23px;height:18px;border-radius:5px;background:var(--ink)}
.signal{position:absolute;left:42%;border:4px solid var(--blue);border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-12deg)}.signal-one{top:83px;width:76px;height:78px}.signal-two{top:70px;width:112px;height:105px;border-width:3px;opacity:.75}.signal-three{top:57px;width:151px;height:132px;border-width:2px;opacity:.5}
.visual-screen{position:absolute;right:9%;bottom:36px;width:126px;height:108px;background:var(--ink);border-radius:10px;padding:12px;box-shadow:0 13px 18px rgba(23,32,28,.2);transform:rotate(3deg)}.screen-bar{height:7px;width:48px;border-radius:5px;background:var(--coral);margin-bottom:15px}.screen-chart{height:39px;display:flex;align-items:end;gap:6px;border-bottom:1px solid rgba(255,255,255,.25);padding:0 5px}.screen-chart i{display:block;flex:1;background:var(--blue);border-radius:3px 3px 0 0}.screen-chart i:nth-child(1){height:42%}.screen-chart i:nth-child(2){height:68%}.screen-chart i:nth-child(3){height:53%;background:var(--coral)}.screen-chart i:nth-child(4){height:88%}.screen-line{height:5px;width:70%;border-radius:4px;background:#8197be;margin-top:12px}
.hero-card{display:none}
.addon-panel{margin-top:18px;padding:22px;background:#eef3fb;border:1px solid #c9d8f2;border-radius:14px}.addon-panel h3{margin:0 0 8px;font-size:20px}.addon-panel p{color:#536059;font-size:12px;line-height:1.5}.addon-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.addon-options button{padding:11px 13px;background:var(--blue);color:var(--ink);border:1px solid transparent;border-radius:8px;font-size:11px;text-align:left}.addon-options button b{margin-left:4px}.addon-disclaimer{max-width:680px;margin:14px 0 0!important;font-size:11px!important;line-height:1.55!important;color:#5c625f!important}
.addon-options button.is-selected{outline:3px solid rgba(224,111,96,.35);transform:translateY(-1px)}.recurring-offer{margin-top:18px;padding:16px;background:#fff;border:1px solid #c9d8f2;border-radius:12px;text-align:left}.recurring-offer label{display:flex;gap:10px;align-items:flex-start;justify-content:flex-start;color:var(--ink);font-size:13px;line-height:1.4;text-align:left}.recurring-offer input{accent-color:var(--coral);margin-top:3px;flex:0 0 auto}.recurring-offer small{font-size:11px;color:#536059}.recurring-offer p{margin:10px 0 0!important;font-size:10px!important;color:#69716d!important}
.hero-cta{display:inline-flex;align-items:center;gap:14px;margin-top:23px;padding:14px 18px;border-radius:9px;background:var(--coral);color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 10px 22px rgba(224,111,96,.22)}.hero-cta:hover{transform:translateY(-1px)}.package-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.package-option{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:15px;text-align:left;border:1px solid #c9d8f2;border-radius:11px;background:#fff;color:var(--ink)}.package-option span{display:grid;gap:5px}.package-option b{font-size:13px}.package-option b em{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:4px;background:var(--coral);color:#fff;font-size:8px;font-style:normal;letter-spacing:.06em}.package-option small{font-size:10px;line-height:1.4;color:#536059}.package-option>strong{white-space:nowrap;font-size:15px}.package-option>strong small{display:block;margin-top:3px;color:#c75d54}.package-option.is-selected{border-color:var(--coral);box-shadow:0 0 0 3px rgba(224,111,96,.16)}.addon-heading{display:flex;align-items:baseline;gap:10px;margin-top:20px}.addon-heading .panel-kicker{margin:0}.addon-heading span{font-size:11px;color:#69716d}.addon-options button{border:1px solid transparent}.addon-options button b{margin-left:4px}.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:baseline;margin-top:16px;padding-top:15px;border-top:1px solid #c9d8f2;color:#536059;font-size:11px}.checkout-summary strong{color:var(--ink);font-size:22px}.checkout-summary small{grid-column:1/-1;font-size:10px;color:#69716d}.checkout-summary+*{margin-top:12px}@media(max-width:620px){.package-options{grid-template-columns:1fr}.hero-cta{width:100%;justify-content:space-between}}
@media(max-width:820px){.hero-visual{max-width:520px}}
@media(max-width:620px){.addon-options{grid-template-columns:1fr}}