/* Shared engine visual language */
:root{--ink:#0b0d10;--paper:#f2efe8;--lime:#32b5ff;--line:#ffffff21;color-scheme:dark}
body{background:var(--ink);color:#f8f7f2;font-family:Arial,Helvetica,sans-serif}
#paywall{max-width:1180px;padding:28px 28px 80px;position:relative;overflow:visible}
#paywall:before{content:"";position:absolute;top:30px;left:15%;width:60%;height:420px;background:radial-gradient(ellipse,#32b5ff12,transparent 68%);pointer-events:none;z-index:-1}
#paywall header{margin-bottom:74px;padding:0 0 24px;border-bottom:1px solid var(--line);gap:16px}
#paywall .brand{color:#f8f7f2;text-decoration:none;letter-spacing:-.04em;display:flex;gap:12px;align-items:center;font-weight:900}
.brand-name{font-size:24px}.brand-name span{color:var(--lime)}
.brand-mark{display:flex;align-items:flex-end;gap:3px;width:34px;height:30px;position:relative}.brand-mark i{display:block;width:5px;background:#fff;border-radius:5px;transform:skew(-10deg)}.brand-mark i:nth-child(1){height:15px}.brand-mark i:nth-child(2){height:28px;background:var(--lime)}.brand-mark i:nth-child(3){height:20px}.brand-mark b{position:absolute;right:0;top:-3px;color:var(--lime);font-size:18px}
#paywall header img{width:48px;height:48px;max-height:none;border-radius:50%;background:#fff;object-fit:contain}
#paywall header>a:not(.brand){font-size:12px;text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:12px 18px;color:#ccc!important}
#paywall h1{letter-spacing:-.065em;font-weight:850;line-height:.96;font-size:clamp(48px,6.6vw,86px);margin:24px 0 28px}
#paywall h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}
#paywall h2{letter-spacing:-.035em;font-size:27px;margin:0 0 18px}#paywall h3{letter-spacing:-.025em}
#paywall p{color:#a5a8ac;line-height:1.7}#paywall .layout{grid-template-columns:1.15fr 1fr;gap:64px;align-items:start}
#paywall .eyebrow{color:var(--lime);font-size:10px;letter-spacing:.19em;font-weight:800;display:block}
#paywall .card{background:#14171a;border:1px solid #292d31;border-radius:24px;padding:32px;box-shadow:0 24px 70px #0003}
#paywall .price{font-size:58px;letter-spacing:-.06em;margin:20px 0 28px;color:var(--paper)}#paywall .price small{font-size:14px;letter-spacing:0;color:#8c9299}
#paywall button,#paywall .example-link{border:1px solid #353b40;border-radius:99px;background:transparent;padding:14px 20px;font-size:13px;transition:background .2s,border-color .2s,transform .2s;color:#f8f7f2}
#paywall .primary{background:var(--lime);color:#07101d;font-weight:800;border:0;box-shadow:0 5px 24px #32b5ff1a}
#paywall button:hover:not(:disabled),#paywall a.example-link:hover{border-color:var(--lime);transform:translateY(-1px)}
#paywall button:focus-visible,#paywall a:focus-visible,#paywall input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
#paywall input{background:#0b0d10;border-color:#33383d;border-radius:12px;padding:14px;font-size:16px}
#paywall ul{list-style:none;padding:0;margin:30px 0}#paywall li{padding:10px 0 10px 26px;position:relative;border-bottom:1px solid #ffffff0b;font-size:14px}#paywall li:before{content:"✓";position:absolute;left:0;color:var(--lime)}
#paywall .muted{font-size:12px;color:#82878f}#paywall .status{font-size:12px;color:#89d4ff}#paywall .row{flex-wrap:wrap}
#paywall .example-link{display:block;text-align:center;text-decoration:none;margin:16px 0}
#paywall .badge{color:var(--lime);border:1px solid #32b5ff40;background:#32b5ff09;font-size:10px;letter-spacing:.15em;padding:10px 14px;border-radius:99px}
#paywall .tabs{gap:8px;flex-wrap:wrap;margin:32px 0}#paywall .tabs button[aria-pressed=true]{background:var(--lime);color:#07101d;border-color:var(--lime)}
#paywall .metric{background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:12px}
#paywall .metric:last-child{border-bottom:0}#paywall .metric>span:first-child{font-size:12px;color:#a5a8ac;text-transform:uppercase;letter-spacing:.1em}
#paywall .value{color:var(--paper);font-size:22px;letter-spacing:-.03em}#paywall .note{grid-column:1/-1;max-width:720px;font-size:13px;color:#92989f;line-height:1.65}
#paywall .fixes{margin:64px 0}#paywall .fix{background:#14171a;border:1px solid #292d31;border-radius:20px;margin:14px 0;padding:24px 28px}#paywall .fix h3{font-size:23px;margin:0 0 12px}#paywall .fix p{margin:0;font-size:14px}
#paywall .cta{background:var(--lime);color:var(--ink);border:0;margin-top:48px}#paywall .cta p{color:#183d53}#paywall .cta a{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;border-radius:99px;padding:14px 22px;font-size:13px}
#paywall .footer-note{border-top:1px solid var(--line);margin-top:64px;padding-top:24px;color:#73797f;font-size:11px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:760px){#paywall{padding:22px 18px 48px}#paywall header{margin-bottom:45px}#paywall .layout{grid-template-columns:1fr;gap:32px}#paywall .card{padding:25px}#paywall h1{font-size:56px}#paywall .value{font-size:18px}#paywall .fixes{margin:44px 0}}
@media(max-width:420px){#paywall h1{font-size:46px}#paywall .metric{grid-template-columns:1fr}#paywall .note{grid-column:1}#paywall header>a:not(.brand){padding:10px 12px}#paywall .brand-name{font-size:20px}}
@media(prefers-reduced-motion:reduce){#paywall *{transition:none!important}}
@media print{#paywall:before,#paywall header,#paywall .footer-note{display:none}body{background:#fff;color:#000}#paywall{max-width:none;padding:0}#paywall .card,#paywall .fix{background:#fff;color:#000;box-shadow:none;border:1px solid #bbb;break-inside:avoid}#paywall .value,#paywall h1,#paywall h2,#paywall h3{color:#000}#paywall p,#paywall .note,#paywall .metric>span:first-child{color:#333}#paywall .badge{color:#333;background:#fff;border-color:#aaa}}