/* Core/Premium tier cards: ONE component for every page that shows the tiers (Kyle, Oct 15 2026).
   Edit here only; what-we-run.html and facts.html both link this file. */
.v3 .tiercomp.tiercomp{--ink:rgba(255,255,255,.9);--bone:#dcd6ea;--red:#e3405b;--coral:#ee5a73;--rule:rgba(255,255,255,.14);font:400 19px/1.6 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.v3 .tiercomp.tiercomp p{margin:0}.v3 .tiercomp.tiercomp *{box-sizing:border-box}
.v3 .tiercomp.tiercomp .ds-btn{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600;font-size:16px;letter-spacing:.01em;padding:17px 30px;background:var(--red);border-radius:999px;box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 14px 34px -10px rgba(227,64,91,.75),0 2px 6px rgba(0,0,0,.2);transition:transform .25s,background .25s,box-shadow .25s;text-transform:none}
.v3 .tiercomp.tiercomp .ds-btn:hover{background:var(--coral);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 20px 44px -12px rgba(238,90,115,.85),0 2px 6px rgba(0,0,0,.2)}
.v3 .tiercomp.tiercomp.ds-tgrid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.v3 .tiercomp.tiercomp .ds-tier{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:20px;padding:44px 44px 40px;background:linear-gradient(165deg,#1b7f9c 0%,#156c8e 26%,#105a80 54%,#0c466c 80%,#0a3659 100%);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.28) inset,0 60px 120px -34px rgba(21,108,142,.5),0 34px 70px -28px rgba(3,12,40,.85);overflow:hidden}
.v3 .tiercomp.tiercomp .ds-tier--core::after{content:"";position:absolute;left:-20%;top:-30%;width:75%;height:60%;border-radius:50%;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);filter:blur(30px)}
.v3 .tiercomp.tiercomp .ds-tier--core::before{background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.2) 40%,rgba(140,210,235,.45))!important}
.v3 .tiercomp.tiercomp .ds-tier::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.07) 40%,rgba(255,255,255,.14));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* Premium: the coral-to-royal wash the site is built on, lifted 24px, a warm halo under it */
.v3 .tiercomp.tiercomp .ds-tier--premium{margin-top:-24px;padding:52px 48px 44px;background:linear-gradient(165deg,#c93558 0%,#a0305a 22%,#6a2c7e 50%,#2a3f8e 82%,#155a78 100%);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.3) inset,0 60px 120px -34px rgba(201,53,88,.55),0 40px 80px -28px rgba(3,12,40,.85)}
.v3 .tiercomp.tiercomp .ds-tier--premium::before{background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,255,255,.18) 40%,rgba(255,255,255,.4))}
.v3 .tiercomp.tiercomp .ds-tier--premium::after{content:"";position:absolute;left:-20%;top:-30%;width:70%;height:60%;border-radius:50%;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);filter:blur(30px)}
.v3 .tiercomp.tiercomp .ds-thead{position:relative;z-index:1}
.v3 .tiercomp.tiercomp .ds-tname{font:400 44px/1 Gloock,Georgia,serif;letter-spacing:-.02em;color:#fff;margin:0 0 18px}
.v3 .tiercomp.tiercomp .ds-tmoney{font:italic 600 25px/1.2 'Jost',system-ui,sans-serif;color:#fff;margin:0 0 10px;max-width:22ch;text-wrap:balance}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tmoney{color:#fff}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tlist li{color:rgba(255,255,255,.9)}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tterms{color:rgba(255,255,255,.86);border-top-color:rgba(255,255,255,.3)}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tlist{border-top-color:rgba(255,255,255,.3)}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tlist svg circle{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.65)}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tlist svg path{stroke:#fff}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tbtn{background:#fff;color:#0a3659;border-color:#fff;box-shadow:0 14px 34px -12px rgba(3,12,40,.6)}
.v3 .tiercomp.tiercomp .ds-tier--core .ds-tbtn:hover{background:#e8f4fa;color:#0a3659}
.v3 .tiercomp.tiercomp .ds-tline{font-size:19px;line-height:1.45;color:var(--ink);margin:0 0 18px;max-width:30ch}
/* the price slot: a tint of its own, a step quieter than the body, never the same white (Kyle, Oct 13) */
.v3 .tiercomp.tiercomp .ds-tprice{font:500 15px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.04em;color:#ffd84d;font-weight:600;margin:0 0 26px}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tprice{color:#ffd84d;font-weight:600}
.v3 .tiercomp.tiercomp .ds-tbtn{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:16px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,255,255,.18) inset;transition:background .25s,border-color .25s,transform .25s;text-transform:none}
.v3 .tiercomp.tiercomp .ds-tbtn:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-1px)}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-btn{box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 -2px 0 rgba(0,0,0,.18) inset,0 14px 34px -10px rgba(40,0,30,.7),0 2px 6px rgba(0,0,0,.25)}
.v3 .tiercomp.tiercomp .ds-tlist{list-style:none;margin:34px 0 0;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:1}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tlist{border-top-color:rgba(255,255,255,.3)}
.v3 .tiercomp.tiercomp .ds-tlist li.ds-tplus-row{padding-left:0}
.v3 .tiercomp.tiercomp .ds-tplus{font:italic 500 19px/1.3 'Jost',system-ui,sans-serif;color:#fff;margin:0 0 16px}
.v3 .tiercomp.tiercomp .ds-tlist li{position:relative;padding:0 0 0 36px;margin:0 0 15px;font-size:16.5px;line-height:1.45;color:var(--bone)}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tlist li{color:rgba(255,255,255,.88)}
.v3 .tiercomp.tiercomp .ds-tlist li b{color:#fff;font-weight:600}
.v3 .tiercomp.tiercomp .ds-tlist svg{position:absolute;left:0;top:2px;width:20px;height:20px;display:block}
.v3 .tiercomp.tiercomp .ds-tlist svg circle{fill:rgba(157,183,255,.16);stroke:rgba(157,183,255,.55);stroke-width:1}
.v3 .tiercomp.tiercomp .ds-tlist svg path{fill:none;stroke:#cfe0ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tlist svg circle{fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.65)}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tlist svg path{stroke:#fff}
.v3 .tiercomp.tiercomp .ds-tterms{font-size:15.5px;line-height:1.5;color:var(--bone);margin:22px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);position:relative;z-index:1}
.v3 .tiercomp.tiercomp .ds-tier--premium .ds-tterms{color:rgba(255,255,255,.86);border-top-color:rgba(255,255,255,.3)}
@media(max-width:1100px){.v3 .tiercomp.tiercomp .ds-tier,.v3 .tiercomp.tiercomp .ds-tier--premium{padding-left:32px;padding-right:32px}}
@media(max-width:900px){.v3 .tiercomp.tiercomp.ds-tgrid{grid-template-columns:1fr;gap:24px}.v3 .tiercomp.tiercomp .ds-tier--premium{margin-top:0}}