/* Poly Strategies shared design system (Phase 2.1) — the ONE stylesheet every static page links. Polymarket-style dark theme by default (glassy cards, green/red Up/Down semantics, compact odds-style price chips), with a reasonable light-mode fallback via prefers-color-scheme. All colors, spacing and type live in the :root variables below — pages must not redefine them or reach for ad-hoc inline styles for anything this file already names a class for. */ :root{ --bg:#07080f; --card:rgba(22,26,40,.62); --card-solid:#121524; --line:rgba(120,130,180,.16); --text:#e8ecf7; --muted:#8b93ab; --up:#2ee59d; --down:#ff5d73; --gold:#f5b942; --accent:#7c6cff; --cyan:#3fd0ff; --grad:linear-gradient(92deg,#7c6cff 0%,#3fd0ff 55%,#2ee59d 100%); --up-bg:rgba(46,229,157,.13); --up-line:rgba(46,229,157,.4); --down-bg:rgba(255,93,115,.12); --down-line:rgba(255,93,115,.4); /* spacing scale — use these instead of one-off inline margin/padding */ --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:28px; --sp-7:44px; /* type scale */ --fs-sm:12.5px; --fs-base:15px; --fs-md:17px; --fs-lg:22px; --fs-xl:30px; } /* Reasonable light-theme fallback. Reference aesthetic stays the Polymarket dark theme above; light mode keeps the same semantics (green up / red down / violet-cyan-green accent) with a bright, low-glow surface. Honors both the OS preference and an explicit override so an in-page theme toggle can flip `data-theme` on if one is ever added. */ @media (prefers-color-scheme: light){ :root{ --bg:#f4f5fa; --card:rgba(255,255,255,.78); --card-solid:#ffffff; --line:rgba(30,34,60,.12); --text:#141726; --muted:#666f8c; } .bg{opacity:.5} } :root[data-theme="dark"]{ --bg:#07080f; --card:rgba(22,26,40,.62); --card-solid:#121524; --line:rgba(120,130,180,.16); --text:#e8ecf7; --muted:#8b93ab; } :root[data-theme="light"]{ --bg:#f4f5fa; --card:rgba(255,255,255,.78); --card-solid:#ffffff; --line:rgba(30,34,60,.12); --text:#141726; --muted:#666f8c; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text); font:var(--fs-base)/1.55 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column} a{color:var(--cyan);text-decoration:none} a:hover{text-decoration:underline} .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px} main.wrap{flex:1;padding-bottom:64px} /* ---------- spacing / text utilities (kill one-off inline styles) ---------- */ .text-c{text-align:center} .mt-1{margin-top:var(--sp-1)} .mt-2{margin-top:var(--sp-2)} .mt-3{margin-top:var(--sp-3)} .mt-4{margin-top:var(--sp-4)} .mt-5{margin-top:var(--sp-5)} .mt-6{margin-top:var(--sp-6)} .mt-7{margin-top:var(--sp-7)} .muted{color:var(--muted)} /* animated backdrop */ .bg{position:fixed;inset:0;z-index:-1;overflow:hidden} .blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.32;animation:drift 26s ease-in-out infinite alternate} .b1{width:640px;height:640px;background:#4635c9;top:-220px;left:-140px} .b2{width:520px;height:520px;background:#0b6b8f;bottom:-180px;right:-120px;animation-delay:-9s} .b3{width:420px;height:420px;background:#0f7a55;top:36%;left:58%;animation-delay:-17s} @keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(70px,-50px) scale(1.15)}} /* ---------- nav ---------- */ nav.site{position:sticky;top:0;z-index:50;background:rgba(7,8,15,.82); backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} @media (prefers-color-scheme: light){nav.site{background:rgba(244,245,250,.85)}} nav.site .inner{max-width:1180px;margin:0 auto;padding:0 22px;height:60px; display:flex;align-items:center;gap:22px} .logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px; letter-spacing:-.01em;color:var(--text);white-space:nowrap} .logo:hover{text-decoration:none} .logo .mark{width:26px;height:26px;border-radius:8px;object-fit:cover; display:inline-flex;align-items:center;justify-content:center} .logo .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .navlinks{display:flex;gap:4px;flex:1;overflow-x:auto} .navlinks a{color:var(--muted);font-weight:600;font-size:13.5px;padding:7px 12px; border-radius:9px;white-space:nowrap} .navlinks a:hover{color:var(--text);background:rgba(255,255,255,.05);text-decoration:none} .navlinks a.active{color:var(--text);background:rgba(124,108,255,.16)} .navauth{display:flex;align-items:center;gap:10px;white-space:nowrap;margin-left:auto} .navauth .hello{color:var(--muted);font-size:13px} .navauth .hello b{color:var(--text)} /* ---------- logged-in user menu (dropdown under the user's name) ---------- */ .usermenu{position:relative} .usermenu-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer; background:transparent;border:1px solid var(--line);border-radius:10px; padding:5px 10px 5px 6px;color:var(--text);font-weight:600;font-size:13px;font-family:inherit} .usermenu-btn:hover{background:rgba(255,255,255,.06)} .uavatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px; border-radius:50%;background:var(--grad);color:#0a0c14;font-weight:800;font-size:12px} .uname-inline{max-width:140px;overflow:hidden;text-overflow:ellipsis} .ucaret{color:var(--muted);font-size:11px} .usermenu-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;z-index:60; background:var(--card-solid);border:1px solid var(--line);border-radius:12px; box-shadow:0 18px 46px rgba(0,0,0,.42);overflow:hidden} .usermenu-head{padding:12px 14px;border-bottom:1px solid var(--line)} .uh-name{color:var(--text);font-weight:700;font-size:14px} .uh-email{color:var(--muted);font-size:12px;margin-top:1px;overflow:hidden;text-overflow:ellipsis} .uh-plan{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.04em; color:var(--muted);background:rgba(255,255,255,.06);border-radius:6px;padding:2px 7px} .uh-plan.pro{color:#0a0c14;background:var(--grad)} .uh-trial{color:var(--muted);font-size:11px;margin-top:4px} .uh-billing-btn{display:block;width:100%;margin-top:10px;font-size:12px;padding:6px 10px} .usermenu-items{padding:6px} .usermenu-items a,.usermenu-items .umi-logout{display:flex;align-items:center;gap:10px;width:100%; padding:9px 10px;border-radius:8px;color:var(--text);font-size:13.5px;font-weight:600; background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit} .usermenu-items a:hover,.usermenu-items .umi-logout:hover{background:rgba(255,255,255,.07);text-decoration:none} .umi-icon{width:18px;text-align:center;color:var(--muted);font-size:13px} .umi-logout{color:var(--down);border-top:1px solid var(--line);border-radius:0;margin-top:4px} .umi-logout .umi-icon{color:var(--down)} @media(max-width:760px){ nav.site .inner{flex-wrap:wrap;height:auto;padding:10px 16px;row-gap:4px} .navlinks{order:3;flex-basis:100%} .navlinks a{padding:6px 9px;font-size:13px} .usermenu-panel{right:auto;left:0} } /* ---------- buttons ---------- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px; padding:9px 18px;border-radius:11px;font-weight:700;font-size:14px;cursor:pointer; border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text); transition:transform .14s,box-shadow .14s,background .14s} .btn:hover{transform:translateY(-1px);text-decoration:none;background:rgba(255,255,255,.09)} .btn.primary{background:var(--grad);color:#0a0c14;border:0; box-shadow:0 6px 26px rgba(124,108,255,.35)} .btn.primary:hover{box-shadow:0 10px 34px rgba(63,208,255,.45)} .btn.ghost{background:transparent} .btn.sm{padding:6px 13px;font-size:12.5px;border-radius:9px} .btn.up{background:var(--up-bg);border-color:var(--up-line);color:var(--up)} .btn.down{background:var(--down-bg);border-color:var(--down-line);color:var(--down)} .btn.block{width:100%} .btn:disabled{opacity:.5;cursor:not-allowed;transform:none} /* ---------- hero ---------- */ .hero{padding:56px 0 30px;text-align:center} .hero.compact{padding-bottom:10px} .live{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em; text-transform:uppercase;color:var(--cyan);border:1px solid var(--line); padding:6px 14px;border-radius:999px;background:rgba(63,208,255,.06)} .dot{width:8px;height:8px;border-radius:50%;background:var(--up); box-shadow:0 0 0 0 rgba(46,229,157,.7);animation:pulse 1.8s infinite} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,229,157,.55)}70%{box-shadow:0 0 0 11px rgba(46,229,157,0)}100%{box-shadow:0 0 0 0 rgba(46,229,157,0)}} h1{font-size:clamp(32px,5.5vw,54px);line-height:1.08;margin:18px 0 10px;font-weight:800;letter-spacing:-.02em} h1.compact{font-size:clamp(26px,4vw,40px)} h1 .g,.g-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .sub{color:var(--muted);max-width:660px;margin:0 auto;font-size:17px} .hero .cta-row{margin-top:24px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .soon{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px; color:var(--gold);border:1px dashed rgba(245,185,66,.4);padding:7px 16px;border-radius:999px; background:rgba(245,185,66,.06)} .disc{margin-top:12px;font-size:12px;color:var(--muted)} /* ---------- cards & grids ---------- */ .grid{display:grid;gap:16px} .grid.c3{grid-template-columns:repeat(3,1fr)} .grid.c2{grid-template-columns:repeat(2,1fr)} .grid.c4{grid-template-columns:repeat(4,1fr)} @media(max-width:960px){.grid.c3,.grid.c4{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.grid.c3,.grid.c2,.grid.c4{grid-template-columns:1fr}} .card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px; padding:18px;backdrop-filter:blur(14px);transition:transform .18s,border-color .18s} .card.hover:hover{transform:translateY(-3px);border-color:rgba(124,108,255,.4)} .card::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px; background:linear-gradient(140deg,rgba(124,108,255,.35),transparent 42%,transparent 65%,rgba(63,208,255,.25)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .ph{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted); margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px} .section-t{margin:46px 0 16px;font-size:22px;font-weight:800} .section-t small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:2px} .feature .icon{width:44px;height:44px;border-radius:12px;background:rgba(124,108,255,.14); display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:12px} .feature h3{margin:0 0 6px;font-size:16px} .feature p{margin:0;color:var(--muted);font-size:13.5px} /* ---------- kv rows / stats ---------- */ .kv{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;padding:3px 0} .kv span{color:var(--muted)} .kv b{font-weight:650;font-variant-numeric:tabular-nums} .pos{color:var(--up)} .neg{color:var(--down)} .goldc{color:var(--gold)} .big{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em} .stat .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent} .stat .lbl{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase} hr.s{border:0;border-top:1px dashed var(--line);margin:10px 0} .flash{animation:flash .5s} @keyframes flash{0%{color:var(--cyan)}100%{color:inherit}} /* ---------- probability bars / verdict / conditions ---------- */ .pbar{height:14px;border-radius:8px;background:rgba(255,255,255,.05);overflow:hidden;margin:4px 0 10px} .pbar i{display:block;height:100%;border-radius:8px;transition:width .6s cubic-bezier(.3,.9,.3,1)} .pu i{background:linear-gradient(90deg,#0c8f5e,var(--up))} .pd i{background:linear-gradient(90deg,#a02338,var(--down))} .plabel{display:flex;justify-content:space-between;font-size:12.5px} .chip{display:inline-block;font-size:11.5px;padding:2px 10px;border-radius:999px; background:rgba(255,255,255,.06);border:1px solid var(--line)} .cond{display:flex;justify-content:space-between;align-items:center;padding:5px 0; font-size:13px;border-bottom:1px dashed rgba(120,130,180,.10)} .cond:last-of-type{border-bottom:0} .cond .name{color:var(--muted)} .tick{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center; justify-content:center;font-size:12px;font-weight:800;flex:none;margin-left:10px} .tick.ok{background:var(--up-bg);color:var(--up)} .tick.no{background:var(--down-bg);color:var(--down)} .verdict{margin-top:12px;text-align:center;padding:11px;border-radius:12px;font-weight:800; letter-spacing:.06em;background:rgba(255,255,255,.04)} .verdict.buyup{background:var(--up-bg);color:var(--up);box-shadow:0 0 24px rgba(46,229,157,.25) inset} .verdict.buydown{background:var(--down-bg);color:var(--down);box-shadow:0 0 24px rgba(255,93,115,.22) inset} .warnband{color:var(--down);font-size:11px;font-weight:700;letter-spacing:.06em;display:none;text-align:center;margin-top:8px} .warnband.on{display:block;animation:flash 1s infinite} .scan{display:flex;flex-direction:column;align-items:center;padding:16px 0;color:var(--muted);font-size:13px} .radar{width:46px;height:46px;border-radius:50%;border:2px solid rgba(63,208,255,.35);position:relative;margin-bottom:10px} .radar::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent; border-top-color:var(--cyan);animation:spin 1.4s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} /* ---------- tables / pills / badges / feed ---------- */ table{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px} th,td{padding:8px 10px;text-align:right;border-bottom:1px solid rgba(120,130,180,.1)} th{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase} th:first-child,td:first-child{text-align:left} .pill{font-size:11px;padding:2px 10px;border-radius:999px;font-weight:700} .pill.UP{background:var(--up-bg);color:var(--up)} .pill.DOWN{background:var(--down-bg);color:var(--down)} .badge{font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:999px} .badge.verified{background:var(--up-bg);color:var(--up)} .badge.unverified{background:rgba(245,185,66,.12);color:var(--gold)} .badge.live{background:rgba(63,208,255,.13);color:var(--cyan)} .badge.soon{background:rgba(139,148,171,.14);color:var(--muted)} .feed{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;max-height:210px;overflow:hidden} .feed .row{padding:3.5px 0;border-bottom:1px dashed rgba(120,130,180,.08);animation:slidein .35s ease} @keyframes slidein{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}} .feed .t{color:var(--muted);margin-right:8px} /* ---------- Polymarket-style odds price chips (Up/Down pills w/ cent price) ---------- */ .pricechips{display:flex;gap:8px} .pricechip{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px; padding:6px 14px;border-radius:999px;border:1px solid transparent;line-height:1;white-space:nowrap} .pricechip .side{font-size:10.5px;letter-spacing:.06em;opacity:.85} .pricechip.up{background:var(--up-bg);border-color:var(--up-line);color:var(--up)} .pricechip.down{background:var(--down-bg);border-color:var(--down-line);color:var(--down)} a.pricechip{cursor:pointer} a.pricechip:hover{text-decoration:none;filter:brightness(1.15)} /* ---------- hub: market-family tabs, category chips, search ---------- */ .familytabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px} .familytabs button{font:inherit;cursor:pointer;color:var(--muted);font-weight:700;font-size:13px; padding:8px 15px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03)} .familytabs button:hover{color:var(--text);background:rgba(255,255,255,.06)} .familytabs button.active{color:#0a0c14;background:var(--grad);border-color:transparent} .catchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .catchips button{font:inherit;cursor:pointer;color:var(--muted);font-size:12px;font-weight:600; padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:transparent} .catchips button:hover{color:var(--text)} .catchips button.active{color:var(--cyan);border-color:rgba(63,208,255,.5);background:rgba(63,208,255,.08)} .hubsearch{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between} .hubsearch input[type=search]{flex:1;min-width:220px;max-width:360px;padding:10px 14px;border-radius:11px; border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:13.5px} .hubsearch input[type=search]:focus{outline:none;border-color:rgba(124,108,255,.55)} .hubcount{font-size:12.5px;color:var(--muted)} /* ---------- strategy cards (hub) ---------- */ .stratcard{display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none} .stratcard:hover{text-decoration:none} .stratcard .toprow{display:flex;justify-content:space-between;align-items:flex-start;gap:8px} .stratcard h3{margin:0;font-size:16.5px;line-height:1.3} .stratcard .desc{color:var(--muted);font-size:12.5px;margin:0;min-height:2.6em} .badgerow{display:flex;gap:6px;flex-wrap:wrap} .cat-badge{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase; padding:3px 9px;border-radius:999px;background:rgba(124,108,255,.14);color:#b7aeff; border:1px solid rgba(124,108,255,.3)} .tier-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800; letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px} .tier-badge.free{background:var(--up-bg);color:var(--up)} .tier-badge.paid,.tier-badge.subscription{background:rgba(245,185,66,.13);color:var(--gold)} .stratcard .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px} .stratcard .metrics .m{text-align:center;padding:6px 4px;border-radius:10px;background:rgba(255,255,255,.03)} .stratcard .metrics .m b{display:block;font-size:14px;font-variant-numeric:tabular-nums} .stratcard .metrics .m span{font-size:9.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase} /* Recent-window line under the lifetime tiles. Quieter than the tiles on purpose — it qualifies them rather than competing with them. */ .stratcard .win24{margin-top:6px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums} .stratcard .win24 b{color:var(--text);font-weight:700} .stratcard .win24.none{opacity:.55} /* ---------- sparkline (inline SVG, dependency-free) ---------- */ .spark{display:block;width:100%;height:36px} .spark polyline{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke} .spark .fill{stroke:none} /* ---------- forms ---------- */ .authcard{max-width:420px;margin:56px auto 0} form label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:14px 0 6px} input[type=text],input[type=email],input[type=password],input[type=number],textarea{ width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line); background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:14px} input:focus,textarea:focus{outline:none;border-color:rgba(124,108,255,.55)} textarea{resize:vertical;min-height:84px} .formerr{color:var(--down);font-size:13px;min-height:18px;margin-top:10px} .linklike{background:none;border:none;padding:0;color:var(--accent,#7c6cff);font:inherit; font-size:inherit;text-decoration:underline;cursor:pointer} .divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0} .divider::before,.divider::after{content:"";flex:1;border-top:1px solid var(--line)} /* ---------- comments ---------- */ .comment{padding:12px 0;border-bottom:1px dashed rgba(120,130,180,.12)} .comment:last-child{border-bottom:0} .comment .who{font-weight:700;font-size:13px} .comment .when{color:var(--muted);font-size:11.5px;margin-left:8px} .comment .body{margin-top:4px;font-size:13.5px;white-space:pre-wrap} /* ---------- pricing.html: plan feature checklist ---------- */ .plan-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px} .plan-list li{font-size:13.5px;color:var(--text);padding-left:22px;position:relative} .plan-list li::before{content:"✓";position:absolute;left:0;color:var(--up);font-weight:800} /* ---------- app.html: feature list, screenshot placeholders, store buttons ---------- */ .applist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px} .applist li{display:flex;gap:14px;align-items:flex-start} .applist .ico{width:38px;height:38px;flex:none;border-radius:11px;background:rgba(124,108,255,.14); display:flex;align-items:center;justify-content:center;font-size:18px} .applist b{display:block;font-size:14.5px;margin-bottom:2px} .applist span{color:var(--muted);font-size:13px} .shots{display:flex;gap:14px;overflow-x:auto;padding:4px 0 8px} .shot{flex:none;width:190px;height:390px;border-radius:20px;border:1px solid var(--line); background:linear-gradient(160deg,rgba(124,108,255,.14),rgba(63,208,255,.08)); display:flex;align-items:center;justify-content:center;text-align:center;padding:16px; color:var(--muted);font-size:12.5px} img.shot{padding:0;object-fit:cover;object-position:top center} /* ---------- charts / footer ---------- */ .chart{width:100%} .legend{display:flex;gap:14px;font-size:11px;color:var(--muted)} .k-btc{color:var(--gold)} .k-up{color:var(--up)} .k-down{color:var(--down)} .k-p{color:var(--cyan)} footer.site{margin-top:auto;border-top:1px solid var(--line);padding:26px 0 34px; text-align:center;color:var(--muted);font-size:12.5px} footer.site .lock{color:var(--cyan)} .footlinks{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:14px} .footlinks a{color:var(--muted);font-size:13px} .footlinks a:hover{color:var(--text)} .foottiny{margin-top:10px;color:var(--faint,var(--muted));font-size:11px;opacity:.7} .legalcard{max-width:760px;margin:0 auto 48px;padding:34px 40px;text-align:left} .legalcard h2{font-size:19px;margin:28px 0 10px} .legalcard h2:first-child{margin-top:0} .legalcard p,.legalcard li{color:var(--muted);font-size:14.5px;line-height:1.7} .legalcard ul{padding-left:20px;margin:8px 0} .legalcard strong{color:var(--text)}