@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-7963a16e.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-bc87d8e0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-25040cb4.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-a80b2cab.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-6a11d674.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-2137a53a.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-15e373f4.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-4c2f0818.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-367ba69a.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-bec94a4d.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-ext-367ba69a.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-bec94a4d.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-ext-367ba69a.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-bec94a4d.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-ext-a93986ac.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/montserrat-latin-83a31c81.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-ext-a93986ac.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/montserrat-latin-83a31c81.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-ext-a93986ac.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF} @font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-latin-83a31c81.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Inter Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Arimo');size-adjust:105.77%;ascent-override:91.59%;descent-override:22.80%;line-gap-override:0.00%} @font-face{font-family:'Montserrat Fallback';src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Arimo');size-adjust:107.23%;ascent-override:90.27%;descent-override:23.41%;line-gap-override:0.00%} @font-face{font-family:'IBM Plex Mono Fallback';src:local('Courier New'),local('CourierNewPSMT'),local('Liberation Mono'),local('Cousine');size-adjust:99.98%;ascent-override:102.52%;descent-override:27.50%;line-gap-override:0.00%} :root{--ink:#0f1a17;--ink2:#3b4743;--mute:#6b7773;--line:#e3e8e6;--bg:#fff;--soft:#f5f7f6;--brand:#131a3d;--acc:#2747d6;--acc2:#5b7cff;--win:#0b7a4f;--winbg:#e8f7ef;--loss:#c8354a;--lossbg:#fcebee;--flat:#8a6d1f;--flatbg:#fbf4df;--idea:#4b5d8a;--ideabg:#eef1f8} *{box-sizing:border-box}html{-webkit-text-size-adjust:100%} body{margin:0;font:16px/1.6 Inter,'Inter Fallback',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)} a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline} h1{font-size:clamp(28px,4.4vw,44px);line-height:1.12;letter-spacing:-.02em;margin:.3em 0 .35em;font-weight:800} h2{font-size:24px;letter-spacing:-.01em;margin:2em 0 .6em;font-weight:700}h3{font-size:18px;margin:0 0 .3em} .wrap{max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:780px}.wrap.narrow{margin:0 auto} .muted{color:var(--mute)}.lede{font-size:19px;color:var(--ink2);max-width:780px} .top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5} .topin{display:flex;align-items:center;gap:28px;height:64px} .logo{font-weight:800;font-size:20px;color:var(--ink);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.logo:hover{text-decoration:none} .logo b{color:var(--acc)}.mark{width:28px;height:28px;border-radius:8px;background:var(--brand);color:var(--acc2);display:grid;place-items:center;font-size:17px} .nav{display:flex;gap:22px;flex:1}.nav a{color:var(--ink2);font-weight:500;font-size:15px} .btn{display:inline-block;background:linear-gradient(135deg,#2747d6,#4f3bd8);color:#fff;font-weight:600;padding:12px 20px;border-radius:10px;border:0;font-size:15px;cursor:pointer} .btn:hover{text-decoration:none;filter:brightness(1.07)}.btn.sm{padding:8px 14px;font-size:14px} .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)} @media(max-width:820px){.nav{display:none}.topin{justify-content:space-between}} .hero{background:linear-gradient(180deg,#f1f8f4,#fff);padding:56px 0 24px;border-bottom:1px solid var(--line)} .hero h1{max-width:860px} .hsearch{display:flex;gap:10px;max-width:640px;margin:24px 0}.hsearch input{flex:1;font:inherit;padding:13px 16px;border:1px solid var(--line);border-radius:10px;min-width:0} .stats{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.stats div{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 18px;min-width:150px} .stats b{display:block;font-size:26px;letter-spacing:-.02em}.stats span{color:var(--mute);font-size:14px} .crumbs{font-size:14px;color:var(--mute);margin:22px 0 0}.crumbs a{color:var(--mute)} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:12px 0 24px} .card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;color:var(--ink);transition:.15s} .card:hover{text-decoration:none;border-color:#b9c7c1;box-shadow:0 6px 18px rgba(15,26,23,.07);transform:translateY(-1px)} .card[hidden]{display:none}.ct{font-weight:600;line-height:1.35} .res{font-weight:700;font-size:15px}.res.won{color:var(--win)}.res.lost{color:var(--loss)}.res.flat{color:var(--flat)}.res.idea{color:var(--idea);font-weight:500;font-size:14px} .cm{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;font-size:12px}.cm span{background:var(--soft);border-radius:6px;padding:2px 8px;color:var(--ink2)} .cm .by{background:none;color:var(--mute);padding-left:0} .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 6px;background:#fff;padding:10px 0} .filters input,.filters select{font:inherit;font-size:15px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff} .filters input{flex:1;min-width:200px} .seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{font:inherit;font-size:14px;border:0;background:#fff;padding:9px 13px;cursor:pointer;color:var(--ink2)} .seg button.on{background:var(--brand);color:#fff}.count{color:var(--mute);font-size:14px} .dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px} .dcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--ink);display:flex;flex-direction:column}.dcard:hover{border-color:var(--acc);text-decoration:none} .dcard span{color:var(--mute);font-size:14px} .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .pcard{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--ink)}.pcard:hover{border-color:var(--acc);text-decoration:none} .pcard>div:last-child{display:flex;flex-direction:column}.pcard span,.pcard small{color:var(--mute);font-size:14px} .av{flex:none;width:48px;height:48px;border-radius:50%;background:var(--brand);color:var(--acc2);display:grid;place-items:center;font-weight:700}.av.lg{width:72px;height:72px;font-size:24px} .phead{display:flex;gap:18px;align-items:center;margin-top:10px}.phead h1{margin:0} .thead{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;font-size:14px} .badge{font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px}.badge.won{background:var(--winbg);color:var(--win)}.badge.lost{background:var(--lossbg);color:var(--loss)} .badge.flat{background:var(--flatbg);color:var(--flat)}.badge.idea{background:var(--ideabg);color:var(--idea)} .tagx{background:var(--flatbg);color:var(--flat);border-radius:6px;padding:3px 8px;font-size:13px} .result{border-radius:14px;padding:18px 22px;margin:20px 0;border:1px solid var(--line)}.result.won{background:var(--winbg);border-color:#bfe8d3}.result.lost{background:var(--lossbg);border-color:#f2c5cc}.result.flat{background:var(--flatbg)} .rhead{font-size:26px;font-weight:800;letter-spacing:-.02em}.result.won .rhead{color:var(--win)}.result.lost .rhead{color:var(--loss)}.result ul{margin:8px 0 0;padding-left:20px} .cv{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 32px}.cv>div{background:var(--soft);border-radius:12px;padding:14px 16px}.cv p{margin:0} @media(max-width:620px){.cv{grid-template-columns:1fr}} .caveat{background:var(--soft);border-left:3px solid var(--flat);padding:12px 16px;border-radius:0 10px 10px 0} .howto{display:grid;grid-template-columns:170px 1fr;gap:8px 16px}.howto dt{font-weight:600}.howto dd{margin:0}.howto ul{margin:0;padding-left:18px} @media(max-width:620px){.howto{grid-template-columns:1fr}.howto dd{margin-bottom:8px}} details{border-bottom:1px solid var(--line);padding:12px 0}summary{font-weight:600;cursor:pointer} .pcta{display:flex;gap:16px;border:1px solid #bfe8d3;background:linear-gradient(135deg,#f1fbf6,#fff);border-radius:16px;padding:22px;margin:28px 0} .pcta p{margin:.2em 0 .8em;color:var(--ink2)}.pbtns{display:flex;gap:10px;flex-wrap:wrap}.ctx{font-size:14px} @media(max-width:620px){.pcta{flex-direction:column}} .tools{border:1px solid var(--line);border-radius:16px;padding:20px;margin:28px 0}.toolrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px} .tool{border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);display:flex;flex-direction:column}.tool span{color:var(--mute);font-size:14px}.tool:hover{border-color:var(--acc);text-decoration:none} .more{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ink2)} .twitter-tweet{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0} .foot{margin-top:64px;border-top:1px solid var(--line);background:var(--soft);padding:36px 0 20px;font-size:15px} .footin{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footin a{display:block;color:var(--ink2);margin:4px 0}.footin h2{margin:0 0 8px;font-size:1em;font-weight:700;line-height:normal;letter-spacing:normal;font-family:inherit}.footin p{color:var(--mute);max-width:360px} .fine{color:var(--mute);font-size:13px;margin-top:24px}@media(max-width:620px){.footin{grid-template-columns:1fr}} /* wireframes */ .wire{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--soft);border-radius:16px;padding:20px;margin-top:8px} .wside{margin:0;display:flex;flex-direction:column}.wside figcaption{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--ink2)} .wphone{background:#fff;border:1px solid #d5dcd9;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:7px;max-width:300px;width:100%;margin:0 auto;flex:1} .wb{position:relative;border-radius:6px;background:#eceff0;min-height:22px;padding:4px 8px;font-size:11px;color:#58625f;display:flex;align-items:center} .wn{text-transform:capitalize;color:#3f4946}.wl{font-weight:600} .wb-new{outline:2px solid var(--acc);background:#dff6ea;color:#0b5e3d}.wb-old{outline:2px dashed var(--loss);background:#fbe8eb;color:#8f2234} .wtag{position:absolute;right:-6px;top:-8px;font-style:normal;font-size:9px;font-weight:800;background:var(--acc);color:#fff;border-radius:4px;padding:1px 5px}.wtag.old{background:var(--loss)} .wb-header,.wb-nav{background:#d9dfdd;min-height:26px}.wb-announcement-bar,.wb-free-shipping-bar{background:#2c3a35;color:#e6efe9;min-height:18px;justify-content:center} .wb-gallery,.wb-hero,.wb-image,.wb-video,.wb-banner{min-height:110px;background:repeating-linear-gradient(45deg,#e4e8e9,#e4e8e9 8px,#eceff0 8px,#eceff0 16px);justify-content:center} .wb-title{min-height:26px;font-size:13px;font-weight:700}.wb-price{width:45%}.wb-rating{width:55%} .wb-atc,.wb-sticky-atc,.wb-checkout-button,.wb-cta{background:#25302c;color:#fff;justify-content:center;min-height:34px;font-size:12px} .wb-express-pay{background:#5a31f4;color:#fff;justify-content:center}.wb-payment-icons,.wb-trust-badges{justify-content:center;letter-spacing:2px} .wb-reviews,.wb-ugc,.wb-testimonials,.wb-collection-grid,.wb-comparison-chart,.wb-description,.wb-faq,.wb-bundle,.wb-upsell,.wb-checkout-fields,.wb-order-summary,.wb-form{min-height:56px} .wb-popup{min-height:90px;border:2px solid #9aa6a2;background:#fff}.wb-footer{background:#d9dfdd;min-height:30px} .wcap{font-weight:600;margin:16px 0 0}.wnote{font-size:13px;color:var(--mute);margin:6px 0 28px} @media(max-width:620px){.wire{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.wphone{padding:7px;border-radius:12px}.wb{font-size:9px;padding:3px 5px}} .prose{font-size:17px}.prose h2{margin-top:1.8em}.prose table{border-collapse:collapse;width:100%;font-size:15px;margin:16px 0;display:block;overflow-x:auto} .prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--soft)} .prose blockquote{border-left:3px solid var(--acc);margin:16px 0;padding:4px 16px;color:var(--ink2)} .sources{font-size:14px;color:var(--mute);margin-top:36px}.sources a{color:var(--mute);word-break:break-all;display:inline-block;padding:3px 0} .calc{border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0 28px;background:var(--soft)} .cin{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.cin label{display:flex;flex-direction:column;justify-content:flex-end;font-size:14px;font-weight:600;gap:4px} .cin input,.cin select{font:inherit;height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff} .cout{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.cout div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;flex:1;min-width:150px} .cout b{display:block;font-size:26px}.cout span{font-size:14px;color:var(--mute)} .xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:20px 0} .xcard{border:1px solid var(--line);border-radius:16px;padding:18px}.xtop{display:flex;gap:12px;align-items:center}.xtop>div:last-child{display:flex;flex-direction:column}.xcard p{margin:.6em 0} /* visual cards */ .card{padding:0;overflow:hidden;gap:0}.cbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1} .thumb.t-won{background:linear-gradient(160deg,#e3f6ec,#f4faf7)}.thumb.t-lost{background:linear-gradient(160deg,#fbe9ec,#fbf5f6)}.thumb.t-flat{background:linear-gradient(160deg,#f8f0d9,#fbf8ee)}.thumb.t-idea{background:linear-gradient(160deg,#e9edf8,#f5f7fc)} .thumb .vs{color:#93a19c;font-size:14px} .mphone{position:relative;width:78px;height:146px;background:#fff;border-radius:10px 10px 0 0;border:1px solid #d6dedb;border-bottom:0;padding:6px 6px 0;display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 16px rgba(15,26,23,.08);overflow:hidden;flex:none} .mphone em{position:absolute;top:3px;right:4px;font-style:normal;font-size:8px;font-weight:800;color:#9aa6a2;z-index:1} .mphone .wb{display:block;min-height:5px;height:5px;padding:0;border-radius:2px;font-size:0;flex:none;outline-width:1.5px} .mphone .wb-header,.mphone .wb-nav{height:7px;min-height:7px}.mphone .wb-announcement-bar,.mphone .wb-free-shipping-bar{height:4px;min-height:4px} .mphone .wb-gallery,.mphone .wb-hero,.mphone .wb-banner,.mphone .wb-image,.mphone .wb-video{height:34px;min-height:34px} .mphone .wb-collection-grid,.mphone .wb-reviews,.mphone .wb-testimonials,.mphone .wb-ugc,.mphone .wb-bundle,.mphone .wb-upsell,.mphone .wb-comparison-chart,.mphone .wb-checkout-fields,.mphone .wb-order-summary,.mphone .wb-form,.mphone .wb-popup,.mphone .wb-description,.mphone .wb-faq,.mphone .wb-cart-line{height:16px;min-height:16px} .mphone .wb-atc,.mphone .wb-sticky-atc,.mphone .wb-checkout-button,.mphone .wb-cta{height:9px;min-height:9px} .mphone .wb-new{background:#3ddc97;outline:1.5px solid #12a36b;box-shadow:0 0 0 3px rgba(61,220,151,.25)}.mphone .wb-old{background:#f3c1c9;outline:1.5px dashed #c8354a} .t-lost .mphone .wb-new{background:#f08a99;outline-color:#c8354a;box-shadow:0 0 0 3px rgba(200,53,74,.2)} .res{font-size:17px;font-weight:800;letter-spacing:-.01em}.ct{font-size:15px} /* home */ .hero2{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 50% -10%,#d9f5e7 0%,rgba(217,245,231,0) 60%),linear-gradient(180deg,#f4fbf7,#fff);padding:72px 0 64px;border-bottom:1px solid var(--line)} .hin{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center} .hero2 h1{font-size:clamp(36px,6vw,64px);max-width:900px;margin:.25em 0 .3em}.hero2 h1 em{font-style:normal;background:linear-gradient(90deg,#2747d6,#4f3bd8);-webkit-background-clip:text;background-clip:text;color:transparent} .hero2 .lede{font-size:20px;margin:0 auto} .proof{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:#e2a400;font-size:14px;box-shadow:0 2px 8px rgba(15,26,23,.05)}.proof span{color:var(--ink2);font-weight:500} .bigsearch{position:relative;display:flex;align-items:stretch;gap:0;width:100%;max-width:860px;margin:34px auto 16px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 0 0 8px rgba(18,163,107,.08),0 20px 50px rgba(15,42,34,.14);text-align:left} .bsf{display:flex;align-items:center;gap:12px;padding:6px 18px;flex:1}.bsf.pt{flex:0 0 200px;border-left:1px solid var(--line)} .bsf svg{width:22px;height:22px;fill:none;stroke:var(--acc);stroke-width:2.2;flex:none}.bsf div{display:flex;flex-direction:column;flex:1;min-width:0} .bsf label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)} .bsf input,.bsf select{border:0;outline:0;font:inherit;font-size:19px;padding:4px 0;background:transparent;color:var(--ink);width:100%} .bigsearch .btn{font-size:17px;padding:0 30px;border-radius:14px} .hsr{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(15,42,34,.16);padding:8px;z-index:10} .hsr a{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:10px;color:var(--ink)}.hsr a:hover{background:var(--soft);text-decoration:none} .hsr b{white-space:nowrap;font-size:14px}.hsr b.won{color:var(--win)}.hsr b.lost{color:var(--loss)}.hsr b.flat{color:var(--flat)}.hsr b.idea{color:var(--idea);font-weight:500} .hsr button{width:100%;margin-top:4px;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:600;padding:11px;border-radius:10px;cursor:pointer}.hsr p{padding:10px 12px;margin:0;color:var(--mute)} .qchips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.qchips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--ink2);font-weight:500}.qchips a:hover{border-color:var(--acc);text-decoration:none} .hfloats{position:absolute;inset:0;pointer-events:none;z-index:1} .float{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(255,255,255,.85);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:16px;padding:12px 12px 10px;box-shadow:0 14px 34px rgba(15,42,34,.12);color:var(--win);font-size:13px;opacity:.95} .float:hover{text-decoration:none;opacity:1}.float .mphone{width:70px;height:120px;box-shadow:none} .float{width:150px}.f0{left:calc(50% - 700px);top:56px;transform:rotate(-6deg)}.f1{left:calc(50% - 640px);top:330px;transform:rotate(4deg)}.f2{right:calc(50% - 700px);top:64px;transform:rotate(6deg)}.f3{right:calc(50% - 640px);top:340px;transform:rotate(-4deg)} .float b{text-align:center;line-height:1.25} @media(max-width:1380px){.hfloats{display:none}} @media(max-width:700px){.bigsearch{flex-direction:column;border-radius:16px}.bsf.pt{border-left:0;border-top:1px solid var(--line);flex:auto}.bigsearch .btn{padding:14px}.hero2{padding:44px 0 40px}} .shead{display:flex;justify-content:space-between;align-items:baseline;margin-top:56px}.shead h2{margin:0 0 4px}.shead a{font-weight:600;font-size:15px} .spot{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;margin-top:56px;background:linear-gradient(135deg,#131a3d,#164234);color:#e9f3ee;border-radius:24px;padding:40px} .spot h2{color:#fff;margin:.5em 0 .2em;font-size:30px}.spot p{color:#b9cec5}.spot .rhead.win{color:#3ddc97;font-size:34px;font-weight:800} .spot .wire{background:rgba(255,255,255,.06)}.spot .wside figcaption{color:#cfe0d8}.spot .wcap{color:#e9f3ee}.spot .wnote{color:#8fa79d} .spot-art .thumb{height:260px;border-radius:16px} @media(max-width:900px){.spot{grid-template-columns:1fr;padding:24px}} .vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:14px} .vtile{border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column;padding-bottom:14px;transition:.15s} .vtile:hover{text-decoration:none;border-color:#b9c7c1;box-shadow:0 8px 22px rgba(15,26,23,.08);transform:translateY(-2px)} .vt-art{height:130px;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(160deg,#eaf4ef,#f7faf9);margin-bottom:12px;padding-top:14px} .vt-art .mphone{height:116px;width:84px} .vtile b,.vtile>span{padding:0 16px}.vtile>span{color:var(--mute);font-size:14px} .wr{height:6px;background:#eef1f0;border-radius:4px;margin:8px 16px 6px;overflow:hidden}.wr i{display:block;height:100%;background:linear-gradient(90deg,#3ddc97,#12a36b)} .pgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px} .pcard2{border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--ink);display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,#fff,#f8fbf9)} .pcard2:hover{text-decoration:none;border-color:var(--acc)}.pcard2 .av{margin-bottom:10px;background:linear-gradient(135deg,#131a3d,#1d5a45)}.pcard2>span{color:var(--mute);font-size:14px} .pbest{margin-top:8px;color:var(--win)!important;font-weight:700} .cta-band{margin-top:64px;text-align:center;border-radius:24px;padding:48px 24px;background:radial-gradient(600px 240px at 50% 0,#d9f5e7,transparent),#f4fbf7;border:1px solid #cfeadc}.cta-band h2{margin:0 0 .3em}.cta-band p{color:var(--ink2)} .spot h2{line-height:1.2}.spot .rhead.win{line-height:1.15;margin-bottom:12px} /* photo avatars */ img.av{object-fit:cover;background:#e8efec;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,26,23,.15)} .pcard2 img.av{width:72px;height:72px} /* muted hero floats */ .float{opacity:.42!important;filter:saturate(.6) blur(.4px);box-shadow:none;border-color:rgba(227,232,230,.6);background:rgba(255,255,255,.55);pointer-events:none} .float b{font-weight:600} /* big footer */ .foot{display:none} .foot2{position:relative;margin-top:96px;color:#e6efe9;overflow:hidden;background:#0d1f19;min-height:640px} .fbg{position:absolute;inset:0}.fbg video{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block} .fshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,22,17,.92) 0%,rgba(9,22,17,.55) 38%,rgba(9,22,17,.15) 62%,rgba(9,22,17,.7) 100%)} .fin2{position:relative;z-index:1;padding:80px 20px 28px;display:flex;flex-direction:column;min-height:640px} .fcta h2{color:#fff;font-size:clamp(30px,4vw,48px);margin:0 0 .25em;letter-spacing:-.02em}.fcta p{color:#c4d6cd;font-size:18px;margin:0 0 22px;max-width:560px} .btn.glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);color:#fff} .fcols{display:grid;grid-template-columns:repeat(3,minmax(0,200px));gap:28px;margin-top:56px} .fcols h2{color:#fff;margin:0 0 10px;font-size:14px;letter-spacing:.02em}.fcols a{display:block;color:#c4d6cd;margin:6px 0;font-size:15px}.fcols a:hover{color:#fff} .fword{margin-top:auto;padding-top:60px;font-weight:800;letter-spacing:-.05em;line-height:.85;font-size:clamp(64px,15vw,220px);color:rgba(255,255,255,.1);user-select:none;white-space:nowrap} .fine2{color:#9db3a9;font-size:13px;margin-top:14px} @media(max-width:620px){.fcols{grid-template-columns:1fr 1fr}.foot2,.fin2{min-height:560px}.fin2{padding-top:56px}} @media(prefers-reduced-motion:reduce){.fbg video{display:none}.fbg{background:url(/footer.jpg) center 70%/cover}} /* flair ghost button */ .flair{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:999px;font-weight:600;font-size:14px;color:#2747d6; background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#3ddc97,#12a36b 45%,#131a3d) border-box;border:1.5px solid transparent;overflow:hidden;transition:.2s;isolation:isolate} .flair::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(61,220,151,.35) 50%,transparent 70%);transform:translateX(-120%);animation:sheen 4.5s ease-in-out infinite;z-index:-1} .flair:hover{text-decoration:none;background:linear-gradient(#effbf5,#effbf5) padding-box,linear-gradient(120deg,#3ddc97,#12a36b 45%,#131a3d) border-box;box-shadow:0 6px 18px rgba(18,163,107,.22);transform:translateY(-1px)} .fplus{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3ddc97,#12a36b);color:#fff;font-size:15px;line-height:1;transition:transform .3s} .flair:hover .fplus{transform:rotate(90deg)} @keyframes sheen{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}} @media(prefers-reduced-motion:reduce){.flair::before{animation:none}} /* micro avatars on cards */ .cm .by{display:inline-flex;align-items:center;gap:6px}.cm .by img{width:18px;height:18px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #d6e5de} /* type system: Montserrat headlines, IBM Plex Mono UI + subheads, Inter for long reading */ :root{--head:Montserrat,'Montserrat Fallback',system-ui,sans-serif;--mono:"IBM Plex Mono",'IBM Plex Mono Fallback',ui-monospace,monospace;--read:Inter,'Inter Fallback',system-ui,sans-serif} body{font-family:var(--mono);font-size:15px;letter-spacing:-.01em} h1,h2,h3,.rhead,.stats b,.cout b,.res,.logo,.fword,.ct,.vtile b,.dcard b,.pcard b,.pcard2 b,.xcard b,.spot h2,.fcta h2{font-family:var(--head);letter-spacing:-.025em} h1{font-weight:800;letter-spacing:-.035em}.hero2 h1{letter-spacing:-.04em;font-size:clamp(34px,5.4vw,60px)} h2{font-weight:800}.ct{font-weight:700;letter-spacing:-.01em}.res{font-weight:800} .lede,.hero2 .lede,.fcta p,.spot p{font-family:var(--mono);font-size:16px;line-height:1.7;letter-spacing:-.02em} .nav a{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:-.02em} .btn,.flair,.hsr button{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700} .bigsearch .btn{font-size:14px}.btn.sm{font-size:12px} .proof span,.qchips a,.chip,.cm span,.crumbs,.badge,.tagx,.stats span,.count,.seg button,.shead a,.pill,.bsf label,.wcap,.wnote,.fine,.fine2,.fcols h2,.wside figcaption{font-family:var(--mono)} .bsf label,.fcols h2,.badge{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600} .prose,.prose p,.prose li,.result li,.cv p,details p,.howto dd,.pcta p,.xcard p,.caveat,.wrap.narrow>p:not(.lede),.wrap.narrow>ul li{font-family:var(--read);letter-spacing:0} .bsf input,.bsf select,.filters input,.filters select,.cin input,.cin select{font-family:var(--mono)} h1{letter-spacing:-.025em}.hero2 h1{letter-spacing:-.03em}h2,.ct,.res,.rhead{letter-spacing:-.015em} /* calmer hero */ .hero2 .lede{color:#5f6b67} .bsf input::placeholder{color:#a3aeaa}.bsf label{color:#9aa6a2}.bsf select{color:#6b7773}.bsf svg{stroke:#8fbfa8} .bigsearch{box-shadow:0 0 0 6px rgba(18,163,107,.06),0 18px 44px rgba(15,42,34,.10)} .qchips{align-items:center;gap:4px}.qchips span{font-size:12px;color:#a3aeaa;margin-right:4px} .qchips a{background:transparent;border:0;padding:4px 8px;font-size:12.5px;color:#8a9692;font-weight:400}.qchips a:hover{color:var(--acc);background:#eef7f2} .float{opacity:.26!important} /* closing CTA */ .cta-band{display:none} .cta2{position:relative;overflow:hidden;margin-top:80px;border-radius:28px;background:radial-gradient(900px 420px at 50% 120%,#1d6b4c 0%,rgba(29,107,76,0) 60%),linear-gradient(160deg,#131a3d,#0a1d17);color:#e9f3ee;padding:96px 24px;text-align:center} .cta2-bg{position:absolute;inset:0;pointer-events:none} .cb{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.16;animation:drift 14s ease-in-out infinite} .cb .mphone{width:64px;height:110px;box-shadow:none}.cb b{font-family:var(--mono);font-size:11px;color:#3ddc97;white-space:nowrap} .cb0{left:3%;top:10%}.cb1{left:14%;top:56%;animation-delay:-3s}.cb2{left:26%;top:6%;animation-delay:-6s}.cb3{right:4%;top:12%;animation-delay:-2s}.cb4{right:15%;top:58%;animation-delay:-8s} .cb5{right:27%;top:4%;animation-delay:-5s}.cb6{left:5%;bottom:-6%;animation-delay:-10s}.cb7{right:6%;bottom:-8%;animation-delay:-4s}.cb8{left:40%;bottom:-14%;animation-delay:-7s}.cb9{right:40%;top:-10%;animation-delay:-9s} @keyframes drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}} .cta2-in{position:relative;z-index:1;max-width:860px;margin:0 auto} .cta2 h2{text-wrap:balance;color:#fff;font-size:clamp(30px,4.6vw,54px);line-height:1.08;margin:0 0 .45em;letter-spacing:-.03em} .cta2 h2 em{font-style:normal;background:linear-gradient(90deg,#3ddc97,#9af0c8);-webkit-background-clip:text;background-clip:text;color:transparent} .cta2 p{color:#b9cec5;font-family:var(--mono);font-size:16px;line-height:1.7;max-width:680px;margin:0 auto 34px} .btn-xl{font-size:17px!important;padding:24px 40px;border-radius:16px;background:linear-gradient(135deg,#3ddc97,#12a36b);color:#06261a;box-shadow:0 0 0 8px rgba(61,220,151,.12),0 18px 40px rgba(0,0,0,.35);display:inline-flex;align-items:center;gap:14px;transition:.2s} .btn-xl span{font-size:22px;transition:transform .2s}.btn-xl:hover{transform:translateY(-2px);box-shadow:0 0 0 10px rgba(61,220,151,.18),0 22px 48px rgba(0,0,0,.4)}.btn-xl:hover span{transform:translateX(4px)} .cta2-proof{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;font-family:var(--mono);font-size:13px;color:#9db3a9} .faces{display:flex}.faces img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #131a3d;margin-left:-8px}.faces img:first-child{margin-left:0} @media(max-width:700px){.cta2{padding:64px 18px}.btn-xl{padding:18px 22px;font-size:14px!important}.cb{display:none}.cb0,.cb3,.cb6,.cb7{display:flex}} @media(prefers-reduced-motion:reduce){.cb{animation:none}} .cb2{left:1%;top:40%}.cb5{right:1%;top:38%}.cb8,.cb9{display:none} .lw{letter-spacing:-.035em} .mark2{width:32px;height:32px;display:inline-flex;flex:none}.mark2 svg{width:100%;height:100%} .foot2 .mark2 circle:first-child{fill:#e9f3ee} /* experts page */ .xhero{padding:56px 0 28px;text-align:center}.xhero h1{font-size:clamp(34px,5vw,56px);max-width:900px;margin:0 auto .3em}.xhero .lede{margin:0 auto} .opts{display:flex;gap:8px;justify-content:center;margin:18px 0 0}.opts a{font-family:var(--mono);font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink2)}.opts a.on{background:var(--brand);color:#fff;border-color:var(--brand)} /* A */ .xa{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:0 22px 22px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(15,26,23,.06)} .xa-cover{height:92px;margin:0 -22px;background:radial-gradient(400px 120px at 80% 0,#3ddc97 0%,transparent 70%),linear-gradient(135deg,#131a3d,#1b5641)} .xa-head{display:flex;align-items:flex-end;gap:14px;margin-top:-40px}.xa-ph{width:88px;height:88px;border-radius:50%;border:4px solid #fff;object-fit:cover;box-shadow:0 8px 20px rgba(0,0,0,.18);background:#e8efec;display:grid;place-items:center;font-weight:800} .xa-head h3{font-size:21px;margin:0}.xa-co{margin:2px 0 6px;color:var(--acc);font-family:var(--mono);font-size:13px;font-weight:600} .xa-pitch{color:var(--ink2);font-family:var(--read);margin:14px 0} .xa-stats{display:flex;gap:8px}.xa-stats div{flex:1;background:var(--soft);border-radius:12px;padding:10px 12px}.xa-stats b{display:block;font-family:var(--head);font-size:20px}.xa-stats span{font-size:12px;color:var(--mute)} .xa-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.xa-chips span{font-size:12px;background:#eef7f2;color:#2747d6;border-radius:999px;padding:3px 10px} .xa-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:18px}.xa-t{border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--win)}.xa-t:hover{text-decoration:none;border-color:var(--acc)} .xa-t .thumb{height:96px;padding-top:10px}.xa-t .mphone{width:46px;height:86px}.xa-t b{display:block;font-size:12px;padding:8px 10px;font-family:var(--head)} .xa-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto} .xa-feat{margin:28px 0 18px}.xa-big{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;padding-bottom:28px}.xa-big .xa-cover{grid-column:1/-1;height:130px} .xa-big .xa-head,.xa-big .xa-pitch,.xa-big .xa-stats,.xa-big .xa-chips{grid-column:1}.xa-big .xa-thumbs{grid-column:2;grid-row:2/6;margin-top:24px;align-self:start}.xa-big .xa-btns{grid-column:1} .xa-big .xa-ph{width:120px;height:120px}.xa-big h3{font-size:28px} .xa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px} @media(max-width:820px){.xa-big{display:flex}} .xa:not(.xa-big) .xa-head>div{padding-top:46px}.xa-stats b.g{color:var(--win);font-size:15px;line-height:1.25}.xa-stats div:last-child{flex:1.6} .xa-cover{position:relative;background:#f3f7f5}.xa-head{position:relative;z-index:1} .cv-pattern{background-color:#f1f8f4;background-image:url("data:image/svg+xml,");background-size:30px 30px;background-position:center} .cv-pattern::before{content:"";position:absolute;inset:0;background:rgba(241,248,244,.78)} .cv-pattern::after,.cv-grid::after,.cv-mosaic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 35%,#fff 100%)} .cv-site{background-size:cover;background-position:top center}.cv-site::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.95) 100%)} .cv-grid{background-color:#f7faf8;background-image:linear-gradient(#e2ebe6 1px,transparent 1px),linear-gradient(90deg,#e2ebe6 1px,transparent 1px);background-size:22px 22px}.cv-grid svg{position:absolute;left:0;top:10px;width:100%;height:75%} .cv-mosaic{display:flex;gap:10px;align-items:flex-start;justify-content:center;padding-top:14px;overflow:hidden;background:linear-gradient(160deg,#e3f6ec,#f4faf7)}.cv-mosaic .mphone{width:44px;height:84px;opacity:.8;box-shadow:none} .xa-best{background:linear-gradient(135deg,#e8f7ef,#f6fbf8);border:1px solid #cfeadc;border-radius:14px;padding:12px 16px;margin:4px 0}.xa-best span{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}.xa-best b{font-family:var(--head);color:var(--win);font-size:20px} .xa-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.phead .xa-badges{margin-top:10px} .bd{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 12px 4px 4px;border:1.5px solid;background:#fff;line-height:1.2;cursor:default;box-shadow:0 1px 0 rgba(15,42,34,.04)} .bd i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55),0 1px 2px rgba(0,0,0,.12)} .bd svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .bd-gold{border-color:#e9b123;color:#6b4a00;background:linear-gradient(135deg,#fffaf0,#fdf1cf)}.bd-gold i{background:linear-gradient(135deg,#f9d77a,#d99a0b)} .bd-silver{border-color:#b9c2cc;color:#45505c;background:linear-gradient(135deg,#fbfcfd,#eceff3)}.bd-silver i{background:linear-gradient(135deg,#d5dbe2,#8792a0)} .bd-bronze{border-color:#dba37a;color:#7a4320;background:linear-gradient(135deg,#fff8f2,#f8e3d2)}.bd-bronze i{background:linear-gradient(135deg,#eab48a,#a85d2c)} .bd-doc{border-color:#a9bbe8;color:#2f4589}.bd-doc i{background:linear-gradient(135deg,#7d9bea,#3b5196)} .bd-flag{border-color:#efc79d;color:#8a4d12}.bd-flag i{background:linear-gradient(135deg,#f4ad66,#c76a1c)} .bd-dot{border-color:#9fdcbe;color:#2747d6}.bd-dot i{background:linear-gradient(135deg,#3ddc97,#0b9b66)} .covers{display:flex;gap:8px;justify-content:center;margin-top:10px}.covers a{font-family:var(--mono);font-size:12px;color:var(--mute);padding:4px 10px;border-radius:999px}.covers a.on{background:#e8f7ef;color:#2747d6;font-weight:600} .xproof{font-family:var(--mono);font-size:13px;color:var(--win);margin:18px 0 0}.xhero .crumbs{text-align:left} .crumbbar{margin-top:56px}.crumbbar .crumbs{margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:13px} .foot2{margin-top:40px} .xhero{padding:36px 0 20px} main>.wrap>h1:first-child,main>.wrap.narrow>h1:first-child{margin-top:.9em} .xhero{padding:14px 0 16px}.xproof{margin-top:22px} /* featured win: light version */ .spot.light{background:linear-gradient(135deg,#f3faf6,#ffffff);border:1px solid #d9ece2;color:var(--ink);box-shadow:0 18px 44px rgba(15,42,34,.06)} .spot.light h2{color:var(--ink)}.spot.light p{color:var(--ink2)}.spot.light .rhead.win{color:var(--win)} .spot.light .wire{background:#fff;border:1px solid #e3ece7}.spot.light .wside figcaption{color:var(--ink2)}.spot.light .wcap{color:var(--ink)}.spot.light .wnote{color:var(--mute)} .spot.light .wphone{min-height:0}.spot.light .wire{align-items:start}.spot.light .wcap{font-size:14px}.spot.light .wnote{font-size:12px} /* submit form */ .sub{padding-top:28px}.shead2{text-align:center;margin-bottom:28px}.shead2 .lede{margin:0 auto} .sgrid{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start} #sf{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 14px 36px rgba(15,26,23,.06)} .sprog{margin-bottom:22px}.sbar{height:6px;background:#eef1f0;border-radius:4px;overflow:hidden}.sbar i{display:block;height:100%;width:25%;background:linear-gradient(90deg,#3ddc97,#12a36b);transition:width .3s} .slabels{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#a3aeaa}.slabels .on{color:var(--ink);font-weight:600}.slabels .done{color:var(--acc)} .st h2{margin:4px 0 18px;font-size:24px} .fld{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.fld>label{font-size:13px;font-weight:600;color:var(--ink2)}.fld em{font-style:normal;font-weight:400;color:#a3aeaa} .fld input,.fld textarea,.fld select{font:inherit;font-family:var(--read);font-size:15px;padding:11px 13px;border:1px solid #dbe3df;border-radius:12px;background:#fbfcfc;color:var(--ink);transition:.15s} .fld input:focus,.fld textarea:focus,.fld select:focus{outline:0;border-color:var(--acc);background:#fff;box-shadow:0 0 0 4px rgba(18,163,107,.1)} .fld.err input,.fld.err textarea,.fld.err select,.opts2.err .pill2 span,.err.consent{border-color:var(--loss)!important}.fld.err>label{color:var(--loss)} .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .opts2{display:flex;flex-wrap:wrap;gap:8px}.pill2 input,.oc input{position:absolute;opacity:0;pointer-events:none} .pill2 span{display:inline-block;border:1px solid #dbe3df;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;transition:.15s}.pill2 input:checked+span{background:var(--brand);color:#fff;border-color:var(--brand)} .pill2 input:focus-visible+span,.oc input:focus-visible+span{box-shadow:0 0 0 3px rgba(18,163,107,.3)} .big3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.oc span{display:flex;flex-direction:column;gap:2px;border:1.5px solid #dbe3df;border-radius:14px;padding:14px 16px;cursor:pointer;transition:.15s} .oc b{font-family:var(--head);font-size:18px}.oc small{color:var(--mute);font-size:12px} .oc.won input:checked+span{border-color:var(--win);background:var(--winbg)}.oc.won b{color:var(--win)}.oc.lost input:checked+span{border-color:var(--loss);background:var(--lossbg)}.oc.lost b{color:var(--loss)} .oc.flat input:checked+span{border-color:var(--flat);background:var(--flatbg)}.oc.flat b{color:var(--flat)} .drop{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed #cfe0d8;border-radius:16px;padding:28px;background:#f7fbf9;cursor:pointer;text-align:center;transition:.15s} .drop.hov{border-color:var(--acc);background:#eef8f3}.drop input{display:none}.drop span{color:var(--mute);font-size:13px} .files{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.files span{background:var(--soft);border-radius:8px;padding:4px 8px;font-size:12px}.files button{border:0;background:none;cursor:pointer;color:var(--loss)} .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:6px 0 16px;color:var(--ink2);cursor:pointer}.chk input{margin-top:3px;accent-color:#12a36b} .consent{border:1px solid transparent;border-radius:10px;padding:6px} .snav{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}.snav .next,.snav .send{margin-left:auto} .msg{color:var(--loss);font-size:13px}.sfine{font-size:12px;color:var(--mute);margin:14px 0 0} .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .sside{position:sticky;top:90px}.slab{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin-bottom:8px} .pv{pointer-events:none}.pv .by b{font-weight:500} .perks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}.perks li{font-size:13px;color:var(--ink2);padding-left:26px;position:relative} .perks li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#e8f7ef;color:var(--win);font-size:11px;display:grid;place-items:center;font-weight:700}.perks b{color:var(--ink)} .sdone{text-align:center;padding:60px 0}.okmark{width:72px;height:72px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#3ddc97,#12a36b);color:#fff;font-size:36px;display:grid;place-items:center}.sdone .lede{margin:0 auto 24px} @media(max-width:900px){.sgrid{grid-template-columns:1fr}.sside{position:static;order:-1}.two,.three,.big3{grid-template-columns:1fr}#sf{padding:20px}} .snav [hidden],.st[hidden]{display:none!important} /* mega nav */ .topin{gap:22px}.nav{gap:4px;align-self:stretch;align-items:stretch} .ditem{position:relative;display:flex;align-items:center} .dtop{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;color:var(--ink2);font-family:var(--mono);font-size:14px;font-weight:500} .dtop:hover,.ditem:focus-within .dtop,.ditem:hover .dtop{background:var(--soft);color:var(--ink);text-decoration:none} .chev{width:12px;height:12px;transition:transform .2s;opacity:.6}.ditem:hover .chev,.ditem:focus-within .chev{transform:rotate(180deg)} .dpanel{position:absolute;top:calc(100% - 4px);left:-12px;min-width:460px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(15,42,34,.16);padding:20px; opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:20;display:flex;flex-wrap:wrap;gap:20px} .dpanel.wide{min-width:760px}.ditem:hover .dpanel,.ditem:focus-within .dpanel{opacity:1;visibility:visible;transform:none} .ditem::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px} .dcols{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:8px 24px;flex:1}.dcols.three{grid-template-columns:repeat(3,minmax(190px,1fr))} .dcol h5{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);margin:0 0 8px;font-weight:600} .dcol a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;margin:0 -10px;border-radius:9px;color:var(--ink);font-family:var(--read);font-size:14px} .dcol a:hover{background:#eef7f2;color:#2747d6;text-decoration:none}.dcol small{font-family:var(--mono);color:#a3aeaa;font-size:12px} .dfeat{width:220px;flex:none;border:1px solid #d9ece2;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#f3faf6,#fff);color:var(--ink);display:flex;flex-direction:column;padding-bottom:12px} .dfeat:hover{text-decoration:none;border-color:var(--acc)}.dfeat .thumb{height:110px;padding-top:10px}.dfeat .mphone{width:52px;height:96px} .dfeat .dlab{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:10px 12px 0} .dfeat b{font-family:var(--head);font-size:16px;padding:10px 12px 2px;color:var(--win)}.dfeat span:last-child{font-size:13px;padding:0 12px;color:var(--ink2);line-height:1.4} .dstrip{flex-basis:100%;border-top:1px solid var(--line);padding-top:12px;margin-top:2px;font-size:12.5px;color:var(--mute);font-family:var(--mono)}.dstrip a{font-weight:600} .tright{display:flex;align-items:center;gap:10px;margin-left:auto} /* hire an expert: option A (ghost button with faces), option B (bold link with icon) */ .hire{display:none}.nav-a .hire-a,.nav-b .hire-b{display:inline-flex} .hire-a{align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;font-family:var(--mono);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink); border:1.5px solid #131a3d;background:#fff;transition:.2s}.hire-a:hover{background:#131a3d;color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(15,42,34,.2)} .hfaces{display:flex}.hfaces img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-8px}.hfaces img:first-child{margin-left:0} .hire-b{align-items:center;gap:6px;font-family:var(--mono);font-weight:700;font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-color:#3ddc97;text-decoration-thickness:2px;text-underline-offset:5px;padding:6px 4px} .hire-b svg{width:18px;height:18px;fill:none;stroke:#12a36b;stroke-width:2}.hire-b:hover{color:#2747d6} .nav>a{display:none} .mnav{display:none} @media(max-width:1100px){.dpanel.wide{min-width:620px}.dfeat{display:none}} @media(max-width:980px){.nav,.tright .hire{display:none!important}.mnav{display:block;margin-left:6px} .mnav summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px}.mnav summary::-webkit-details-marker{display:none}.mnav summary span{width:20px;height:2px;background:var(--ink);border-radius:2px} .mpanel{position:absolute;left:0;right:0;top:64px;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 20px;box-shadow:0 20px 40px rgba(15,42,34,.12);display:flex;flex-direction:column} .mpanel .dpanel,.mpanel .chev{display:none}.mpanel .ditem{display:block}.mpanel .dtop,.mpanel>a{padding:12px 0;border-bottom:1px solid var(--line);border-radius:0;font-size:16px}.mpanel>a{display:block;font-family:var(--mono);color:var(--ink)}} @media(max-width:560px){.flair{padding:7px 12px 7px 8px;font-size:11px}} /* nav icons and logos */ .dcol a{align-items:center;justify-content:flex-start}.dcol a .nt{flex:1} .nico{width:28px;height:28px;border-radius:8px;background:#eef7f2;display:grid;place-items:center;flex:none;transition:.15s} .nico svg{width:16px;height:16px;fill:none;stroke:#12a36b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .dcol a:hover .nico{background:#12a36b}.dcol a:hover .nico svg{stroke:#fff} .nlogo{display:flex;flex:none;width:28px;height:28px;align-items:center;justify-content:center}.nlogo img{width:20px;height:20px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)} .nlogo.two{width:34px}.nlogo.two img{width:18px;height:18px}.nlogo.two img+img{margin-left:-6px} .hire.hire-a{display:inline-flex} .byline{display:flex;flex-wrap:wrap;align-items:stretch;border:1px solid var(--line);border-radius:14px;margin:-4px 0 26px;overflow:hidden;background:#fbfdfc} .by-who{flex:1 1 220px;display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--ink)}a.by-who:hover{text-decoration:none;background:#f1f8f4}a.by-who:hover b{color:var(--acc)} .by-la{border-left:1px solid var(--line)}.by-ph{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;font-size:12px;background:#131a3d;color:#fff} .by-who span{display:flex;flex-direction:column;line-height:1.25}.by-who em{font-style:normal;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)} .by-who b{font-family:var(--head);font-size:15px}.by-who small{font-size:12.5px;color:var(--mute)} @media(max-width:560px){.by-la{border-left:0;border-top:1px solid var(--line)}} .tb-label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b23c17;margin:40px 0 -16px} .tb{border-radius:20px;margin:28px 0;padding:24px}.tb-h h3{margin:0;font-size:24px;line-height:1.2}.tb-h p{margin:6px 0 0;color:var(--mute)} .tb-logo{width:40px;height:40px;border-radius:10px;background:#fff;padding:6px;box-shadow:0 0 0 1px var(--line),0 2px 6px rgba(15,42,34,.08);flex:none;object-fit:contain;display:grid;place-items:center;font-weight:700} .tb-logo.lg{width:64px;height:64px;padding:10px;border-radius:16px}.tb-logo.sm{width:34px;height:34px;padding:5px;border-radius:9px} .tb-go{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--acc);white-space:nowrap} .tb-fine{font-size:12px;color:var(--mute);margin:14px 0 0} .tb-a{border:2px solid #3ddc97;background:linear-gradient(180deg,#f2fbf6,#fff 60%);box-shadow:0 12px 30px -18px rgba(18,163,107,.45)} .tb-pick{position:relative;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #cfeadc;border-radius:16px;padding:22px 20px;margin-top:18px} .tb-rib{position:absolute;top:-11px;left:18px;background:#131a3d;color:#3ddc97;font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px} .tb-pt{flex:1;display:flex;flex-direction:column}.tb-pt b{font-family:var(--head);font-size:20px}.tb-pt em,.tb-step em,.tb-rt em{font-style:normal;font-family:var(--mono);font-size:11px;font-weight:600;color:#2747d6;text-transform:uppercase;letter-spacing:.08em} .tb-pt span{color:var(--ink2);font-size:15px;margin-top:4px}.tb-cta{white-space:nowrap;flex:none} .tb-alts{margin-top:14px}.tb-alts>p{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin:0 0 6px} .tb-alt{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--line)}.tb-alt>div{flex:1;display:flex;flex-direction:column}.tb-alt span{color:var(--mute);font-size:14px} .tb-b{background:linear-gradient(160deg,#e3f6ec,#f6fbf8);border:1px solid #cfeadc} .tb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;counter-reset:s} .tb-step{position:relative;background:#fff;border:1px solid #d6ebe0;border-radius:16px;padding:20px 16px 16px;display:flex;flex-direction:column;gap:8px} .tb-n{position:absolute;top:-12px;left:16px;width:26px;height:26px;border-radius:50%;background:#12a36b;color:#fff;font-family:var(--head);font-weight:700;display:grid;place-items:center;font-size:13px;box-shadow:0 0 0 4px #eaf7f0} .tb-tool{display:flex;align-items:center;gap:10px}.tb-tool b{font-family:var(--head);font-size:18px}.tb-bl{color:var(--ink2);font-size:14px;flex:1} .tb-c{background:radial-gradient(600px 260px at 100% 0%,#1d6b4c 0%,rgba(29,107,76,0) 70%),linear-gradient(160deg,#131a3d,#0a1d17);color:#e9f3ee;padding:30px 26px} .tb-c .tb-h h3{color:#fff;font-size:26px}.tb-c .tb-h h3 em{font-style:normal;color:#3ddc97}.tb-c .tb-h p{color:#b9cec5} .tb-rows{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tb-row{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px} .tb-c .tb-logo{box-shadow:none}.tb-rt{flex:1;display:flex;flex-direction:column}.tb-rt b{font-family:var(--head);font-size:18px;color:#fff}.tb-c .tb-rt em{color:#3ddc97}.tb-rt span{color:#b9cec5;font-size:14px}.tb-c .tb-fine{color:#8fa79d} @media(max-width:700px){.tb-steps{grid-template-columns:1fr;gap:18px}.tb-pick{flex-wrap:wrap}.tb-pick .tb-cta{width:100%;text-align:center}.tb-row{flex-wrap:wrap}.tb-row .tb-cta{width:100%;text-align:center}} .tb-alt b em{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:600;color:#2747d6;background:#e8f7ef;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px} .tb-alt b em{display:inline-block;white-space:nowrap}@media(max-width:700px){.tb-alt b em{display:table;margin:3px 0 2px}} .clogo{width:18px;height:18px;border-radius:5px;vertical-align:-3px;margin:0 6px 0 2px;box-shadow:0 0 0 1px var(--line)} .blogo{width:20px;height:20px;border-radius:5px;vertical-align:-4px;margin-right:9px;background:#fff;padding:1px} .xprose strong.co{white-space:nowrap} .ags{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:22px 0 30px} .ag{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbf9);color:var(--ink);transition:border-color .15s,transform .15s} .ag:hover{text-decoration:none;border-color:var(--acc);transform:translateY(-2px)} .ag-top{display:flex;gap:12px;align-items:center}.ag-logo{width:44px;height:44px;border-radius:12px;box-shadow:0 0 0 1px var(--line),0 2px 6px rgba(15,42,34,.08);flex:none} .ag-top b{font-family:var(--head);font-size:18px;display:block;line-height:1.2} .ag-who{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--mute);margin-top:3px} .ag-av{width:20px;height:20px;border-radius:50%;object-fit:cover;font-size:9px;display:grid;place-items:center;background:#131a3d;color:#fff} .ag-res{background:#e8f7ef;border-radius:12px;padding:10px 12px}.ag-res span{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)} .ag-res b{font-family:var(--head);font-size:22px;color:var(--win)} .ag dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:14px}.ag dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding-top:2px}.ag dd{margin:0;color:var(--ink2)} .ag-go,.fl-go{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--acc);margin-top:auto} .fls{display:grid;gap:12px;margin:18px 0 26px} .fl{display:flex;gap:16px;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff} .fl-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;background:#131a3d;color:#fff} .fl b{font-family:var(--head);font-size:18px}.fl-co{display:block;font-family:var(--mono);font-size:12px;color:var(--mute);margin:2px 0 6px}.fl p{margin:0 0 8px} .prts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0 22px} .prt{border:1px solid #cfeadc;border-radius:18px;padding:18px;background:linear-gradient(160deg,#eef9f3,#fff)} .prt>span{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute)} .prt>b{display:block;font-family:var(--head);font-size:26px;color:var(--ink);margin:6px 0 8px;line-height:1.1}.prt small{font-size:14px;color:var(--mute);font-weight:600} .prt p{font-size:13.5px;color:var(--ink2);margin:0} .qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0 22px} .q{position:relative;border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;background:#fff} .q-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#131a3d;color:#3ddc97;font-family:var(--head);font-weight:700;margin-bottom:10px} .q b{display:block;font-family:var(--head);font-size:16px;line-height:1.3;margin-bottom:6px}.q p{margin:0;font-size:14.5px;color:var(--ink2)} @media(max-width:560px){.fl{flex-direction:column}} /* statistics page */ .shero{text-align:center;padding-top:28px}.shero h1{max-width:900px;margin:12px auto 10px;font-size:clamp(32px,5vw,58px);line-height:1.05}.shero .lede{margin:0 auto} .ssec-tag{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2747d6;background:#e8f7ef;border-radius:999px;padding:4px 12px} .stiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0 18px;text-align:left} .stile{border-radius:20px;padding:20px;background:linear-gradient(160deg,#131a3d,#123a2e);color:#e9f3ee;display:flex;flex-direction:column;gap:4px} .stile:hover{text-decoration:none;transform:translateY(-2px)}.stile b{font-family:var(--head);font-size:clamp(30px,3.4vw,44px);color:#3ddc97;line-height:1} .stile span{font-weight:600;color:#fff}.stile small{font-family:var(--mono);font-size:11px;color:#9db3a9} .sxnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px 0 10px}.sxnav a{font-family:var(--mono);font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink2);background:#fff} .sxnav a:hover{border-color:var(--acc);text-decoration:none;color:var(--acc)} .ssec{margin:56px 0 0;scroll-margin-top:80px}.ssec-h{max-width:760px;margin-bottom:18px}.ssec-h h2{margin:8px 0 6px;font-size:clamp(24px,3vw,34px)}.ssec-h p{color:var(--mute);margin:0} .sxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px} .sx{position:relative;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:6px;scroll-margin-top:90px} .sx:target{border-color:var(--acc);box-shadow:0 0 0 3px #d4f3e3} .st-big{font-family:var(--head);font-size:34px;line-height:1.05;color:var(--ink);letter-spacing:-.03em}.st-own .st-big{color:var(--win)} .sx p{margin:0;font-family:var(--read);font-size:15px;line-height:1.5;color:var(--ink2)} .st-pop{font-size:12.5px;color:var(--mute);font-family:var(--read)}.st-src{font-family:var(--mono);font-size:11.5px;color:var(--mute);margin-top:auto;padding-top:6px} .st-old{background:#fdf0e3;color:#8a4d12;border-radius:999px;padding:1px 7px;margin-left:4px} .st-act{display:flex;align-items:center;gap:8px}.cite{font-family:var(--mono);font-size:11.5px;font-weight:700;border:1px solid var(--line);background:#f7faf8;border-radius:999px;padding:5px 11px;cursor:pointer;color:var(--ink2)} .cite:hover{border-color:var(--acc);color:var(--acc)}.st-hash{font-family:var(--mono);font-weight:700;color:var(--mute);margin-left:auto} .st-own{background:linear-gradient(160deg,#f1fbf6,#fff);border-color:#cfeadc} .schart{margin:0 0 14px;border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}.schart figcaption b{font-family:var(--head);font-size:18px;display:block} .schart figcaption span{font-size:14px;color:var(--mute)}.sc-src{font-family:var(--mono);font-size:11px;color:var(--mute);margin:12px 0 0} .schart2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px} .sbars{display:flex;flex-direction:column;gap:8px;margin-top:14px} .hbar{display:grid;grid-template-columns:minmax(120px,38%) 1fr 52px;align-items:center;gap:10px;font-size:13.5px} .sb-k{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-t{height:14px;background:#f0f4f2;border-radius:0 4px 4px 0} .sb-t i{display:block;height:100%;background:#7fcfa9;border-radius:0 4px 4px 0}.hbar b{font-family:var(--head);font-size:14px;text-align:right} .cmp .sb-t i{background:#b9c7c0}.cmp .hbar.hi .sb-t i{background:#12a36b}.cmp .hbar.hi .sb-k,.cmp .hbar.hi b{color:var(--win);font-weight:700}.cmp .hbar{grid-template-columns:minmax(150px,34%) 1fr 52px} .myths{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px} .myth{border:1px dashed #e3b98f;background:#fffaf4;border-radius:18px;padding:18px}.myth b{display:block;font-family:var(--head);font-size:17px;text-decoration:line-through;text-decoration-color:#d9824a;margin-bottom:6px} .myth p{margin:0;font-family:var(--read);font-size:14.5px;color:var(--ink2)} .scite{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f4faf7;border-radius:22px;padding:26px}.scite h2{margin-top:0;font-size:22px} .scite code{display:block;font-family:var(--mono);font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;line-height:1.5} @media(max-width:860px){.stiles{grid-template-columns:1fr 1fr}.schart2,.scite{grid-template-columns:1fr}} @media(max-width:520px){.hbar,.cmp .hbar{grid-template-columns:1fr 46px}.sb-k{grid-column:1/-1;white-space:normal}.sb-t{grid-column:1}} .hire,.flair{white-space:nowrap}@media(max-width:1180px){.topin{gap:12px}.dtop{padding:8px 8px}}@media(max-width:960px){.dtop{font-size:13px;padding:8px 6px}.hire,.flair{font-size:12px!important}}@media(max-width:1080px){.hire .hfaces{display:none}} /* tool box: yellow so it doesn't blend in with the green expert boxes */ .tb-a{border-color:#f5d800;background:linear-gradient(180deg,#fffbd1,#fffef5 55%,#fff);box-shadow:0 14px 34px -20px rgba(214,180,0,.55)} .tb-a .tb-pick{border-color:#f3e27a}.tb-a .tb-rib{background:#14211c;color:#ffe81a} .tb-a .tb-pt em,.tb-a .tb-alt b em{color:#7a5f00}.tb-a .tb-alt b em{background:#fff3a3} .tb-a .tb-cta,.tb-a .tb-cta:hover{background:#ffe81a;background-image:none;color:#14211c;border:1px solid #e6cf00;box-shadow:0 6px 16px -8px rgba(214,180,0,.8)} .tb-a .tb-cta:hover{background:#fff04d}.tb-a .tb-go{color:#14211c;text-decoration:underline;text-decoration-color:#f5d800;text-underline-offset:3px;text-decoration-thickness:2px} /* expert match quiz */ .mq{margin:64px auto 0;max-width:860px;scroll-margin-top:80px}.mq-h{text-align:center;margin-bottom:20px}.mq-h h2{margin:10px 0 6px;font-size:clamp(26px,3.4vw,38px)}.mq-h p{color:var(--mute);max-width:620px;margin:0 auto} .mq-card{border:1px solid #cfeadc;border-radius:24px;padding:26px;background:linear-gradient(180deg,#f2fbf6,#fff 40%);box-shadow:0 18px 40px -28px rgba(18,163,107,.5)} .mq-q{border:0;margin:0 0 20px;padding:0}.mq-q legend{font-family:var(--head);font-weight:700;font-size:17px;margin-bottom:10px} .mq-opts{display:flex;flex-wrap:wrap;gap:8px}.mq-opts button{font-family:var(--mono);font-size:13.5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;color:var(--ink2)} .mq-opts button:hover{border-color:var(--acc)}.mq-opts button.on{background:#131a3d;border-color:#131a3d;color:#3ddc97} .mq-res{border-top:1px solid var(--line);padding-top:22px;margin-top:4px;scroll-margin-top:90px}.mq-lab{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 8px} .mq-m{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;margin-bottom:14px}.mq-m.main{border:2px solid #3ddc97} .mq-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;display:grid;place-items:center;background:#131a3d;color:#fff;font-weight:700} .mq-m b{font-family:var(--head);font-size:19px}.mq-co{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--mute);margin-top:2px}.mq-co img{width:16px;height:16px;border-radius:4px} .mq-why{margin:6px 0 4px;font-size:14px;color:var(--ink2)}.mq-proof{font-size:14px;color:var(--ink)}.mq-proof em{font-style:normal;font-weight:700;color:var(--win)} .mq-send{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:6px}.mq-send>b{font-family:var(--head);font-size:18px}.mq-send>p{margin:4px 0 12px;color:var(--mute);font-size:14px} .mq-form label{display:block;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:12px}.mq-form small{font-weight:400;color:var(--mute)} .mq-form input:not([type=checkbox]),.mq-form textarea{display:block;width:100%;margin-top:5px;font:15px var(--read);border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#f9fbfa;box-sizing:border-box} .mq-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mq-ok{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.mq-err{color:#b23c17;font-size:14px} .mq-none{background:#fffaf0;border:1px solid #f3dfb5;border-radius:16px;padding:16px;margin-bottom:14px}.mq-none p{margin:4px 0 0;color:var(--ink2)} .mq-done{font-size:16px;padding:12px 0}.mq-done .okmark{display:inline-grid;width:28px;height:28px;margin-right:8px} .mq-again{margin-top:14px;font-family:var(--mono);font-size:12px;border:0;background:none;color:var(--mute);cursor:pointer;text-decoration:underline} .mq .hp{position:absolute;left:-9999px} @media(max-width:600px){.mq-card{padding:18px}.mq-f2{grid-template-columns:1fr}} /* quiz: one question at a time */ .mq-h p{white-space:nowrap}@media(max-width:640px){.mq-h p{white-space:normal}} .mq-q{display:none;margin:0}.mq-q.cur{display:block;animation:mqin .25s ease}@keyframes mqin{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}} .mq-q legend{font-size:clamp(20px,2.4vw,24px);margin-bottom:16px} .mq-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px} .mq-opts button{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border-radius:16px;padding:16px;text-align:left;font-size:14px;transition:border-color .15s,transform .15s,box-shadow .15s} .mq-opts button:hover{transform:translateY(-2px);box-shadow:0 8px 20px -14px rgba(15,42,34,.4)} .mq-opts svg{width:34px;height:34px;padding:7px;border-radius:10px;background:#e8f7ef;stroke:#2747d6;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box} .mq-opts button.on svg{background:#3ddc97;stroke:#131a3d} .mq-prog{margin-bottom:22px}.mq-bar{height:6px;border-radius:99px;background:#e3ece7;overflow:hidden}.mq-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3ddc97,#12a36b);border-radius:99px;transition:width .3s} .mq-pl{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--mute)}.mq-step{margin-left:auto} .mq-back{border:0;background:none;font-family:var(--mono);font-size:12px;color:var(--ink2);cursor:pointer;padding:0} .mq-res{border-top:0;padding-top:0} .mq-opts svg{width:42px;height:42px;padding:9px;border-radius:12px} .mq-m{align-items:center}.mq-m>div{flex:1;min-width:0}.mq-cta{flex:none;white-space:nowrap;align-self:center} @media(max-width:700px){.mq-m{flex-wrap:wrap}.mq-cta{width:100%;text-align:center;justify-content:center}} @media(max-width:700px){.mq-cta{white-space:normal;font-size:13px!important}} .wrap.withside{display:grid;grid-template-columns:minmax(0,780px) 320px;gap:44px;justify-content:center;align-items:start} .wmain>h1:first-child{margin-top:.9em}.wmain>p:not(.lede),.wmain>ul li{font-family:var(--read);letter-spacing:0} .lside{position:sticky;top:84px;margin-top:40px} @media(max-width:1100px){.wrap.withside{grid-template-columns:minmax(0,780px);gap:0}.lside{position:static;margin:40px 0 0;max-width:780px}} /* sidebar match form (modelled on MedSpaStandard's lead card) */ .lf{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 44px -24px rgba(15,42,34,.28);overflow:hidden} .lf-head{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);background:#F2FAF6} .lf-mark{width:34px;height:34px;flex:none}.lf-head b{display:block;font-family:var(--head);font-size:14.5px;line-height:1.2}.lf-head small{font-size:12px;color:var(--ink2);font-family:var(--read)} .lf-body{padding:18px 20px 18px}.lf-sub{font-family:var(--head);font-weight:600;font-size:17px;color:var(--mute);margin:0 0 2px} .lf-steps{font-size:12.5px;color:var(--mute);margin:0 0 10px;font-family:var(--read)} .lf-prog{display:flex;gap:5px;margin:0 0 14px}.lf-prog i{flex:1;height:3px;border-radius:3px;background:#dcebe3}.lf-prog i.on{background:#12a36b} .lf-step{display:none}.lf-step.on{display:block;animation:mqin .22s ease} .lf-q{font-family:var(--head);font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:2px 0 14px;text-wrap:balance} .lf-q small{display:block;font-family:var(--read);font-weight:500;font-size:13px;letter-spacing:0;color:var(--mute);margin-top:4px} .lf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .lf-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #cfe3d8;background:#fff;color:var(--ink);border-radius:100px;padding:8px 13px 8px 11px;font:600 13px var(--read);cursor:pointer;transition:all .15s} .lf-chip:hover{border-color:#7fcfa9}.lf-chip.on{background:#ECF8F2;border-color:#12a36b;box-shadow:inset 0 0 0 1px #12a36b} .lf-chip svg{width:19px;height:19px;flex:none;fill:none;stroke:#2747d6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .lf-nav{display:flex;gap:8px;align-items:center;margin-top:6px}.lf-nav .btn{flex:1;justify-content:center;text-align:center;padding:12px 16px}.lf-nav .btn:disabled{opacity:.45;cursor:default} .lf-back{background:none;border:none;color:var(--mute);font:700 13px var(--read);cursor:pointer;padding:8px 4px}.lf-step[data-step="1"] .lf-back{visibility:hidden;width:0;padding:0} .lf-field{position:relative;margin-bottom:8px}.lf-field input{width:100%;box-sizing:border-box;border:1px solid #d3dfd9;border-radius:10px;padding:22px 12px 6px;font:15px var(--read);background:#fff} .lf-field label{position:absolute;left:13px;top:15px;font:600 15px var(--read);color:var(--mute);pointer-events:none;transition:top .15s,font-size .15s} .lf-field:has(input:focus) label,.lf-field:has(input:not(:placeholder-shown)) label{top:7px;font-size:11px;font-weight:700} .lf-field input:focus{outline:2px solid #b7ebd3;border-color:#7fcfa9} .lf-err{color:#b23c17;font-size:13px;margin:0 0 6px}.lf-fine{font-size:11px;color:var(--mute);line-height:1.45;margin:12px 0 0;font-family:var(--read)}.lf-hp{position:absolute;left:-9999px} .lf-trust{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--mute);margin-top:14px;font-family:var(--read)}.lf-trust span::before{content:"✓ ";color:#12a36b;font-weight:700} .lf-done p{font-family:var(--read);font-size:14px;color:var(--ink2)}.lf-done .lf-q{font-size:21px}.lf-done .btn{width:100%;justify-content:center;text-align:center} /* sidebar form glow */ .lf.lf-glow{border-color:#a8e6c8;animation:lfglow 5s ease-in-out infinite} @keyframes lfglow{0%,100%{box-shadow:0 0 18px -6px rgba(61,220,151,.30),0 18px 44px -24px rgba(15,42,34,.28)}50%{box-shadow:0 0 28px -4px rgba(61,220,151,.42),0 18px 44px -24px rgba(15,42,34,.28)}} @media(prefers-reduced-motion:reduce){.lf.lf-glow{animation:none;box-shadow:0 0 22px -5px rgba(61,220,151,.36),0 18px 44px -24px rgba(15,42,34,.28)}} /* contributor badges */ .bk-get{display:inline-block;margin-top:10px;font:600 13px var(--mono);color:var(--acc)} .bk-tool{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin:22px 0 30px;box-shadow:0 14px 36px -22px rgba(15,42,34,.25)} .bk-ctl{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;margin-bottom:18px} .bk-l{font:600 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em} .bk-ctl select{font:15px var(--read);padding:9px 12px;border:1px solid #d3dfd9;border-radius:10px;background:#fff;max-width:320px} .bk-seg{display:inline-flex;border:1px solid #d3dfd9;border-radius:10px;overflow:hidden;justify-self:start}.bk-seg button{border:0;background:#fff;padding:8px 14px;font:600 13px var(--mono);color:var(--ink2);cursor:pointer} .bk-seg button+button{border-left:1px solid #d3dfd9}.bk-seg button.on{background:#131a3d;color:#fff} .bk-prev{display:grid;place-items:center;min-height:170px;border-radius:14px;margin-bottom:16px;background:repeating-conic-gradient(#f2f5f4 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--line)} .bk-tool textarea{width:100%;box-sizing:border-box;font:12.5px/1.5 var(--mono);border:1px solid #d3dfd9;border-radius:10px;padding:10px 12px;background:var(--soft);resize:vertical;margin:6px 0 12px} .bk-tiers{list-style:none;padding:0;display:grid;gap:10px}.bk-tiers li{display:flex;align-items:center;gap:10px;flex-wrap:wrap} @media(max-width:560px){.bk-ctl{grid-template-columns:1fr}} /* branded calculators (LiftVerdict, LiftTimer, LiftPulse) */ .calc.ck{padding:0;overflow:hidden;background:linear-gradient(180deg,#eefaf3,#fff 75%);border:1.5px solid #bfe8d3;box-shadow:0 20px 48px -28px rgba(15,42,34,.4)} .ck-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(120deg,#131a3d,#14382c);padding:14px 20px} .ck-head svg{width:30px;height:30px;flex:none} .ck-name{font:800 23px/1 var(--head);letter-spacing:-.02em;color:#fff}.ck-name em{font-style:normal;color:#3ddc97}.ck-name sup{font:600 11px var(--mono);color:#9fdcbe;margin-left:2px;vertical-align:top;position:relative;top:-2px} .ck-tag{margin:0 0 0 auto;font:13px/1.4 var(--read);color:#b9cdc5;max-width:380px;text-align:right} .calc.ck>.cin{padding:20px 20px 0}.calc.ck>.cout{margin:18px 20px 4px}.calc.ck{padding-bottom:20px}.calc.ck>p{margin:8px 20px 0} .calc.ck .cin label{color:var(--ink)}.calc.ck .cin input,.calc.ck .cin select{border-color:#cfe3d8} .calc.ck .cin input:focus,.calc.ck .cin select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(18,163,107,.12)} .calc.ck .cout div{border-color:#d4eee1;box-shadow:0 4px 14px -10px rgba(15,42,34,.3)}.calc.ck .cout b{font-family:var(--head);color:#131a3d} .calc.ck .cout .ck-win{background:#e8f7ef;border-color:#3ddc97}.calc.ck .ck-win b{color:#0e8f5c} .calc.ck .cout .ck-lose{background:#fcebee;border-color:#f0b4be}.calc.ck .ck-lose b{color:#c8354a} @media(max-width:640px){.ck-tag{margin:0;text-align:left;max-width:none;flex-basis:100%}} /* keep reading (planned internal links with no natural phrase in the text) */ .keep{margin:36px 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--soft)} .keep h2{font-size:18px;margin:0 0 10px}.keep ul{list-style:none;padding:0;margin:0;columns:2;column-gap:28px} .keep li{break-inside:avoid;padding:5px 0;font-size:15px}.keep li::before{content:"→ ";color:var(--acc)} @media(max-width:640px){.keep ul{columns:1}} /* Tests menu with SaaS + Lead-gen columns (11-01) */ .dpanel.xwide{min-width:1040px}.dcols.four{grid-template-columns:repeat(4,minmax(160px,1fr))} @media(max-width:1100px){.dpanel.xwide{min-width:700px}.dcols.four{grid-template-columns:repeat(2,minmax(160px,1fr))}} .by .olg{width:16px;height:16px;border-radius:4px;object-fit:contain} /* grid pagination (48 per page on grids over 60) */ .pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:28px 0 8px} .pager button{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:600 14px var(--mono);color:var(--ink2);cursor:pointer} .pager button:hover:not(:disabled){border-color:var(--acc);color:var(--acc)}.pager button.on{background:#131a3d;border-color:#131a3d;color:#fff} .pager button:disabled{opacity:.35;cursor:default}.pager span{color:var(--mute);padding:0 2px} /* App section (11-01): five-column Tests menu, app wireframe blocks, app tool cards, LiftIcon */ .dpanel.xwide.xfive{min-width:960px}.dpanel.xfive .dfeat{display:none}.dcols.five{grid-template-columns:repeat(5,minmax(150px,1fr))} @media(max-width:1100px){.dpanel.xwide.xfive{min-width:700px}.dcols.five{grid-template-columns:repeat(3,minmax(150px,1fr))}} .wb-plan,.wb-option{border:1px solid #c9d3cf;background:#fff;min-height:30px}.wb-toggle,.wb-progress{min-height:16px;background:#e2e7e5} .wb-question{min-height:26px;font-weight:700}.wb-close{width:22px;min-height:18px;align-self:flex-end;background:#e2e7e5} .wb-lock,.wb-timeline{min-height:40px}.wb-screenshots,.wb-store-header{min-height:60px} .mphone .wb-plan,.mphone .wb-option{height:10px;min-height:10px;background:#fff;border:1px solid #d1d9d6} .mphone .wb-close{width:8px;height:5px;min-height:5px;align-self:flex-end}.mphone .wb-question,.mphone .wb-lock{height:9px;min-height:9px} .mphone .wb-new.wb-plan,.mphone .wb-new.wb-option{background:#3ddc97} .atools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px} .atool{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:16px;background:linear-gradient(120deg,#131a3d,#14382c);color:#fff;transition:.15s} .atool:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(15,42,34,.6)} .atool svg{width:40px;height:40px;flex:none}.atool b{display:block;font:800 21px/1.1 var(--head);letter-spacing:-.02em}.atool b em{font-style:normal;color:#3ddc97} .atool b sup{font:600 10px var(--mono);color:#9fdcbe;margin-left:2px}.atool small{display:block;color:#cfe3d8;font-size:14px;margin-top:4px;line-height:1.4} .icn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:20px 20px 0} .calc.ck .icn-grid>.cin{padding:0;grid-template-columns:repeat(2,minmax(0,1fr))} .cin input[type=color]{padding:4px;cursor:pointer}.cin input[type=range]{height:44px;padding:0;border:0;background:none;accent-color:#12a36b} .cin input[type=file]{height:auto;padding:9px} .icn-prev{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;background:repeating-conic-gradient(#eef3f1 0 25%,#fff 0 50%) 0 0/18px 18px;border:1px solid #d4eee1;border-radius:14px;padding:18px} .icn-prev canvas{display:block;box-shadow:0 10px 24px -12px rgba(15,42,34,.5)}.icn-prev small{display:block;text-align:center;font:600 11px var(--mono);color:var(--mute);margin-top:8px} .icn-big canvas{width:180px;height:180px;border-radius:22.4%}.icn-sm{display:flex;flex-direction:column;gap:14px} #icn_a{width:84px;height:84px;border-radius:50%}#icn_s{width:60px;height:60px;border-radius:22.4%} .icn-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 20px 0}.icn-act .btn:disabled{opacity:.6} .calc.ck>p.muted{margin:10px 20px 0} @media(max-width:720px){.icn-grid{grid-template-columns:1fr}} .cin label[hidden]{display:none} /* command bar above test grids (option A, 11-01) */ .filters.fa{display:block;margin-top:18px;background:#fff;border:1px solid #dfe9e4;border-radius:20px;padding:12px;box-shadow:0 0 0 6px rgba(18,163,107,.05),0 14px 34px -18px rgba(15,42,34,.25)} .fa-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} .fa-q{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;background:#f4f8f6;color:#5c6b66;cursor:text} .fa .fa-q input{flex:1;min-width:0;border:0;background:none;font:16px var(--read);padding:13px 0;outline:0;box-shadow:none;width:auto} .fa-q:focus-within{background:#fff;box-shadow:0 0 0 2px var(--acc)} .fa-q kbd{font:600 12px var(--mono);border:1px solid #d3dfd9;border-radius:6px;padding:2px 7px;background:#fff;color:#6b7773} .fa-row{display:flex;gap:10px;margin-top:10px;align-items:center;overflow-x:auto;scrollbar-width:none}.fa-row::-webkit-scrollbar{display:none} .fa .seg{flex:none;display:flex;background:#f4f8f6;border:0;border-radius:12px;padding:4px;gap:2px;overflow:visible} .fa .seg button{display:flex;align-items:center;gap:7px;border:0;background:none;padding:8px 11px;border-radius:9px;font:600 13px var(--mono);color:#3b4743;white-space:nowrap} .fa .seg button em{font-style:normal;font-weight:500;color:#8a9893;font-size:12px} .fa .seg button.on{background:#fff;color:#131a3d;box-shadow:0 1px 3px rgba(15,42,34,.12),0 0 0 1px #dfe9e4}.fa .seg button.on em{color:#5c6b66} .fa-pt{flex:none;position:relative;display:flex;align-items:center;gap:8px;border:1px solid #dfe9e4;background:#fff;border-radius:12px;padding:0 12px;color:#3b4743} .fa-pt select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:600 13px var(--mono);color:#3b4743;padding:10px 18px 10px 0;cursor:pointer;outline:0} .fa-pt::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border:solid #8a9893;border-width:0 1.8px 1.8px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none} .fa-pt:focus-within{border-color:var(--acc)} .fa-d{width:8px;height:8px;border-radius:50%;display:inline-block}.fa-d.w{background:#12a36b}.fa-d.l{background:#c8354a}.fa-d.i{background:#e2a400} .fa-ct{font:13px var(--mono);color:#6b7773;margin:10px 4px 0}.fa-ct b{color:#131a3d;font-weight:600} .fa-row{flex-wrap:wrap;overflow:visible} @media(max-width:640px){.fa-q kbd{display:none}.fa-pt{flex:1 1 100%}.fa-pt select{flex:1}.fa .seg{flex-wrap:wrap}} @media(max-width:640px){.fa .seg{flex:1 1 100%;min-width:0}} /* command bar, slimmer (11-01): one control row, more air below */ .filters.fa{padding:10px;margin-bottom:26px}.fa .fa-q input{padding:10px 0;font-size:15px} .fa-row{gap:8px;margin-top:8px}.fa .seg{padding:3px}.fa .seg button{padding:7px 9px;gap:6px;font-size:12.5px}.fa .seg button em{font-size:11.5px} .fa-pt{padding:0 10px;gap:6px}.fa-pt select{padding:8px 16px 8px 0;font-size:12.5px} .fa-ct{margin:8px 4px 0} /* count line sits between the command bar and the grid */ .filters.fa{margin-bottom:0}.fa-ct{margin:14px 4px 16px} /* sidebar form: chips two per row */ #lsc .lf-step[data-step="1"] .lf-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px} #lsc .lf-step[data-step="1"] .lf-chip{padding:8px 9px;font-size:12.5px;gap:6px;border-radius:12px;line-height:1.2} #lsc .lf-step[data-step="1"] .lf-chip svg{width:16px;height:16px} /* mega menu: icons without the green tile (preview: .nav-plain) */ .nav-plain .nico{background:none;width:22px;height:22px}.nav-plain .nico svg{stroke:#12a36b;width:18px;height:18px} /* footer: AI agents callout */ .fai{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;padding:22px 26px;margin:0 0 56px;border-radius:20px; background:rgba(8,26,20,.55);border:1px solid rgba(61,220,151,.28);backdrop-filter:blur(8px);box-shadow:0 20px 50px -30px rgba(0,0,0,.6)} .fai-k{display:inline-block;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#3ddc97;margin-bottom:8px} .fai h3{color:#fff;font:800 22px/1.25 var(--head);letter-spacing:-.01em;margin:0 0 6px}.fai-t p{color:#c4d6cd;margin:0;font-size:15px} .fai-c label{display:block;font:600 11px var(--mono);color:#9fdcbe;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px} .fai-u{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:6px 6px 6px 14px} .fai-u code{flex:1;color:#fff;font:600 14px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none} .fai-u button{border:0;border-radius:9px;background:#3ddc97;color:#06261a;font:700 12px var(--mono);padding:8px 14px;cursor:pointer} .fai-c p{margin:10px 0 0;font-size:13px;color:#9fb8ad}.fai-c a{color:#e6efe9} @media(max-width:760px){.fai{grid-template-columns:1fr;gap:16px;padding:18px}} #lsc .lf-step[data-step="1"] .lf-chip{justify-content:flex-start;text-align:left} .topin .ditem:nth-child(4) .dpanel{left:-150px} /* about page (11-01): founder block + case study card */ .ab-me{display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:start;margin:36px 0 8px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft)} .ab-me h2{margin-top:0}.ab-photo{width:200px;height:200px;border-radius:14px;object-fit:cover;display:block} .ab-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.ab-links .btn.glass{background:#fff;color:var(--ink);border:1px solid var(--line)} .ab-case{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)} .ab-case img{width:150px;height:auto;border-radius:8px;border:1px solid var(--line)}.ab-case b{display:block;font-family:var(--head);font-size:18px;margin-bottom:6px} .ab-case span{color:var(--ink2);font-size:15px;line-height:1.5}.ab-case em{display:block;font-style:normal;color:var(--acc);font-weight:600;margin-top:8px} .ab-case:hover{border-color:var(--acc)} @media (max-width:640px){.ab-me{grid-template-columns:1fr}.ab-photo{width:140px;height:140px}.ab-case{grid-template-columns:90px 1fr}.ab-case img{width:90px}} .ab-me p,.ab-case span{font-family:var(--read)} /* homepage hero v2 (Gabe approved 11-02) */ .hero3{background:radial-gradient(1100px 420px at 50% -12%,#dfe5ff 0%,rgba(223,229,255,0) 62%),linear-gradient(180deg,#f5f7ff,#fff 78%);padding:40px 0 36px;border-bottom:1px solid var(--line)} .h3in{text-align:center} .hero3 h1{font-family:Montserrat,'Montserrat Fallback',Inter,'Inter Fallback',sans-serif;font-size:clamp(30px,4.3vw,52px);line-height:1.08;letter-spacing:-.03em;max-width:980px;margin:0 auto 12px;font-weight:800} .hero3 h1 em{font-style:normal;background:linear-gradient(135deg,#2747d6,#4f3bd8);-webkit-background-clip:text;background-clip:text;color:transparent} .h3sub{font-family:'IBM Plex Mono','IBM Plex Mono Fallback',monospace;font-size:15px;color:var(--ink2);margin:0 auto 22px;max-width:760px} .h3search{position:relative;max-width:820px;margin:0 auto;text-align:left} .h3tabs{display:flex;gap:4px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.h3tabs::-webkit-scrollbar{display:none} .h3tabs button{font:600 13px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;color:var(--ink2);background:rgba(255,255,255,.6);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:8px 14px;cursor:pointer;white-space:nowrap} .h3tabs button span{color:var(--mute);font-weight:500;margin-left:4px} .h3tabs button.on{background:#fff;color:var(--ink);box-shadow:0 -2px 0 var(--acc) inset;box-shadow:inset 0 3px 0 var(--acc)} .h3tabs button.on span{color:var(--win)} .h3box{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px 8px 8px 18px;box-shadow:0 0 0 7px rgba(18,163,107,.09),0 18px 44px rgba(15,42,34,.14)} .h3box svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round} .h3box input{flex:1;min-width:0;border:0;outline:0;font:500 17px Inter,'Inter Fallback',sans-serif;color:var(--ink);padding:12px 0;background:transparent} .h3box input::placeholder{color:#8b9692} .h3box .btn{font:700 14px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;letter-spacing:.04em;text-transform:uppercase;padding:16px 26px;border-radius:12px;white-space:nowrap} .h3chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;max-width:860px} .h3chips a{font:500 13px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;color:var(--ink);background:#fff;border:1px solid #cfe3da;border-radius:999px;padding:6px 12px;cursor:pointer;transition:.15s} .h3chips a:hover{border-color:var(--acc);background:var(--winbg);text-decoration:none} .h3chips a span{color:var(--win);font-weight:600;margin-left:6px} .hcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px} .hc{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 14px 0;color:var(--ink);box-shadow:0 6px 18px rgba(15,42,34,.06);transition:.15s;overflow:hidden} .hc:hover{text-decoration:none;border-color:#9fd9bf;transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,42,34,.1)} .hc-t{display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:14px} .hc-r{font-family:Montserrat,'Montserrat Fallback',sans-serif;font-size:21px;line-height:1.1;color:var(--win);letter-spacing:-.02em} .hc-h{font-size:14px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .hc-m{font:500 11px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;color:var(--mute)} .hc-by{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2);margin-top:auto} .hc-by img,.hc-by .ini{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none} .hc-by .ini{display:grid;place-items:center;background:var(--brand);color:#fff;font:700 10px Inter,'Inter Fallback',sans-serif;font-style:normal} .hero3 .hsr{top:calc(100% + 8px)} @media (max-width:1000px){.hcards{grid-template-columns:repeat(2,1fr)}} @media (max-width:640px){ .hero3{padding:24px 0 26px}.hero3 h1{font-size:31px}.h3sub{font-size:13px;margin-bottom:16px} .h3tabs{padding:0 6px}.h3tabs button{padding:7px 10px;font-size:12px} .h3box{flex-wrap:wrap;padding:8px;border-radius:16px}.h3box svg{margin-left:8px}.h3box input{font-size:16px;padding:10px 0} .h3box .btn{width:100%;padding:14px} .h3chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:14px -20px 0;padding:0 20px;scrollbar-width:none}.h3chips::-webkit-scrollbar{display:none} .h3chips a{white-space:nowrap} .hcards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin:20px -20px 0;padding:0 20px 6px;scrollbar-width:none}.hcards::-webkit-scrollbar{display:none} .hc{flex:0 0 82%;scroll-snap-align:start} } /* v2: calmer */ .hero3{padding:72px 0 64px;background:radial-gradient(1000px 420px at 50% -10%,#dcf5e8 0%,rgba(220,245,232,0) 65%),#f7fbf9} .hero3 h1{margin:0 auto 18px} .h3sub{color:var(--mute);margin:0 auto 44px} .h3tabs{justify-content:center;gap:26px;padding:0;margin:0 0 14px} .h3tabs button{background:none;border:0;border-radius:0;padding:4px 0;font-weight:500;color:var(--mute);border-bottom:2px solid transparent} .h3tabs button.on{color:var(--ink);box-shadow:none;border-bottom-color:var(--acc);font-weight:600} .h3box{padding:10px 10px 10px 22px;border-radius:18px} .h3box input{font-size:18px} .h3chips{margin-top:22px;gap:0;align-items:baseline;font:500 13px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;color:var(--mute)} .h3chips>span:first-child{margin-right:14px} #chips{display:inline-flex;flex-wrap:wrap;gap:6px 20px;justify-content:center} .h3chips a{background:none;border:0;padding:0;color:var(--ink2);border-bottom:1px dotted #a9bdb5;border-radius:0} .h3chips a:hover{background:none;color:var(--win);border-bottom-color:var(--acc)} .h3wins{padding-top:48px} .h3wh{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--mute);margin-bottom:16px} .h3wh b{color:var(--ink)}.h3wh a{margin-left:auto;font:600 13px 'IBM Plex Mono','IBM Plex Mono Fallback',monospace;color:var(--win)} .h3wh .faces{display:flex}.h3wh .faces img{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-7px;object-fit:cover;background:#eee}.h3wh .faces img:first-child{margin-left:0} .hcards{margin-top:0;gap:16px} .hc{padding:20px;box-shadow:none;border-color:#e6ebe9} .hc-t{padding:0;gap:6px;width:100%} .hc-r{font-size:24px} .hc-h{font-size:14px;color:var(--ink2);font-weight:500} .hc-m{display:none} .hc-by{margin-top:10px} @media (max-width:640px){ .hero3{padding:36px 0 32px}.h3sub{margin-bottom:26px} .h3tabs{justify-content:center;gap:16px;padding:0} .h3box{padding:8px;}.h3box input{font-size:16px} .h3chips{margin:16px 0 0;padding:0;overflow:visible;flex-wrap:nowrap;justify-content:center;display:block;text-align:center;line-height:2} .h3chips>span:first-child{margin-right:10px}#chips{display:inline}#chips a{margin:0 7px;white-space:nowrap}#chips a:nth-child(n+4){display:none} #chips{gap:6px 16px} .h3wins{padding-top:28px}.h3wh{font-size:12.5px;gap:10px}.h3wh .faces img{width:22px;height:22px}.h3wh .faces img:nth-child(n+4){display:none}.h3wh a{display:none} .hcards{margin:0 -20px;padding:0 20px 6px} } /* research stories (11-02): byline + screenshots */ .sby{display:flex;align-items:center;gap:12px;margin:-4px 0 26px;font:500 13px var(--read);color:var(--mute)}.sby img{width:40px;height:40px;border-radius:50%;object-fit:cover} .sby a{color:var(--ink);font-weight:600}.story .shot{margin:26px 0}.story .shot img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;display:block} .story .shot figcaption{font:500 12.5px var(--read);color:var(--mute);margin-top:8px;text-align:center} .story pre{background:#131a3d;color:#d9f5e7;border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:13px} .story .shot img[src*="mobile"]{width:auto;max-width:300px;margin:0 auto;border-radius:22px} @media(max-width:640px){.story .shot img[src*="mobile"]{max-width:230px}} /* review hero screenshots (11-02) */ .prose .shot{margin:24px 0 28px}.prose .shot img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;display:block;box-shadow:0 8px 24px rgba(15,42,34,.06)} .prose .shot figcaption{font:500 12.5px var(--read);color:var(--mute);margin-top:8px;text-align:center} /* expert card lead form (preview): first question lives in the card */ .pcta .pbody{flex:1;min-width:0}.pf{margin-top:14px;padding-top:14px;border-top:1px solid #d6efe2} .pf-meta{display:flex;justify-content:space-between;gap:10px;font:600 12px var(--read);color:var(--mute);margin-bottom:6px}.pf-free{color:#0f7a50} .pf .lf-prog{display:flex;gap:4px;margin-bottom:14px}.pf .lf-prog i{flex:1;height:4px;border-radius:4px;background:#dcebe3}.pf .lf-prog i.on{background:#12a36b} .pf .lf-prog[hidden],.pf-meta[hidden]{display:none} .pf-step{display:none}.pf-step.on{display:block} .pcta .pf .lf-q{font-family:var(--head);font-size:19px;color:var(--ink);margin:0 0 12px}.pcta .pf .lf-q small{font-family:var(--read)} .pf .lf-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pf .pf-rev{grid-template-columns:repeat(4,1fr)} .pf .lf-chip{justify-content:flex-start;text-align:left;padding:11px 10px;font-size:13.5px;border-radius:12px;line-height:1.2}.pf .pf-rev .lf-chip{justify-content:center;text-align:center;font-size:14px} .pf .lf-chip svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#12a36b} .pf-row{display:grid;grid-template-columns:1fr 1fr;gap:8px} .pf .lf-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.pf .lf-next{white-space:nowrap} .pf .lf-back{background:none;border:0;color:var(--mute);font:600 14px var(--read);cursor:pointer;padding:8px 0} .pf .lf-fine{font-size:12px;color:var(--mute);margin:10px 0 0}.pcta .pf-done p{margin:.2em 0 .6em} .pf-all{display:inline-block;margin-top:14px;font:600 14px var(--read);color:var(--ink2)} .pf .pf-book,.pf .pf-book:hover{background:#ffe81a;background-image:none;color:#14211c;border:1px solid #e6cf00;box-shadow:0 6px 16px -8px rgba(214,180,0,.8)}.pf .pf-book:hover{background:#fff04d} @media(max-width:700px){.pf .lf-chips{grid-template-columns:1fr 1fr}.pf .pf-rev{grid-template-columns:1fr 1fr}.pf-row{grid-template-columns:1fr}} .pf .pf-go{width:100%;justify-content:center} /* experts page: agencies that publish their tests (11-02) */ .agencies{margin-top:64px}.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px} .agc{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:10px} .agc-h{display:flex;align-items:center;gap:10px}.agc-h b{display:block;font-family:var(--head);font-size:16px}.agc-h span{font:500 12px var(--read);color:var(--mute)} .agc-logo,.agc-ini{width:32px;height:32px;border-radius:8px;flex:none}.agc-logo{border:1px solid var(--line);object-fit:contain;background:#fff;padding:3px} .agc-ini{display:grid;place-items:center;background:var(--brand);color:#fff;font:700 14px var(--read);font-style:normal} .agc-best{font-size:14px;color:var(--ink2);margin:0}.agc-best a{color:var(--win);font-weight:600} .agc-l{display:flex;gap:16px;margin-top:auto;font:600 12.5px var(--read)}.agc-l a{color:var(--ink)} @media (max-width:900px){.agrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.agrid{grid-template-columns:1fr}} .agc-best,.agencies .muted{font-family:var(--read)} .agencies{margin-top:24px}.agn{font-family:var(--read)}.aggu{margin-top:48px}.aggu ul{columns:2;font-family:var(--read)}@media (max-width:600px){.aggu ul{columns:1}} .agc.has-cov{padding-top:0;overflow:hidden}.agc-cov{display:block;margin:0 -16px 4px;border-bottom:1px solid var(--line);aspect-ratio:16/10;overflow:hidden;background:var(--soft)} .agc-cov img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .25s}.agc:hover .agc-cov img{transform:scale(1.02)} .gdx p,.gdx li{font-family:var(--read);letter-spacing:0}.gdx{margin:40px 0 8px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.gdx h2{margin:0 0 4px;font-size:22px}.gdx p{margin:0 0 10px;font-size:15px}.gdx ul{margin:0;padding-left:18px}.gdx li{margin:6px 0;font-size:16px}.gdx li span{font-size:14px} /* mobile menu v2 (preview 11-02): full-screen sheet, search first, sections expand in place */ .msheet{position:fixed;top:64px;bottom:0;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 32px} body:has(.mnav2[open]){overflow:hidden} .msearch{display:flex;align-items:center;gap:10px;border:1.5px solid #cfe3d8;border-radius:14px;padding:0 14px;background:#f7fbf9;margin-bottom:12px} .msearch svg{width:20px;height:20px;fill:none;stroke:var(--mute);stroke-width:2;flex:none} .msearch input{flex:1;min-width:0;border:0;background:none;font:16px var(--read);padding:14px 0;outline:none;color:var(--ink)} .mquick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px} .mquick a{font-size:14px;padding:10px 12px;border-radius:12px;background:#eef7f2;color:#2747d6;font-family:var(--read);font-weight:500;text-align:center} .macc{border-bottom:1px solid var(--line)} .macc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 2px;min-height:60px;cursor:pointer} .macc summary::-webkit-details-marker{display:none} .macc summary span{display:flex;flex-direction:column;gap:2px} .macc summary b{font-size:18px;color:var(--ink)} .macc summary small{color:var(--mute);font-size:13px;font-family:var(--read)} .msheet .macc summary .chev{display:block;width:18px;height:18px;flex:none;color:var(--mute);transition:transform .2s} .macc[open] summary .chev{transform:rotate(180deg)} .msheet .dpanel{display:block!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;border:0!important;padding:0 0 10px!important;margin:0!important;width:auto!important;min-width:0!important;max-width:none!important;left:auto!important;background:none!important} .msheet .dpanel::before,.msheet .dpanel::after{display:none!important} .msheet .dcols{display:block!important} .msheet .dcol{margin:4px 0 14px} .msheet .dcol a{padding:11px 10px;margin:0 -6px;font-size:15.5px;border-bottom:0} .msheet .dstrip,.msheet .dfeat{display:none!important} .mall{display:block;font-weight:600;color:#2747d6;padding:2px 2px 12px;font-family:var(--read);font-size:15.5px} .mfoot{display:flex;flex-direction:column;gap:10px;margin-top:20px} .mhire{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff!important;border-radius:14px;padding:14px;font-weight:600} .msub{text-align:center;border:1.5px solid var(--line);border-radius:14px;padding:13px;color:var(--ink);font-weight:600} .msheet .macc summary{flex-direction:row;padding:15px 2px} .msheet .macc summary span{width:auto;height:auto;background:none;border-radius:0} .mnav2[open]>summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mnav2[open]>summary span:nth-child(2){opacity:0}.mnav2[open]>summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)} .mnav2>summary span{transition:transform .2s,opacity .2s} .msheet .macc summary{padding:12px 2px;min-height:0} .mico{width:36px;height:36px;border-radius:10px;background:#eef7f2;display:grid;place-items:center;flex:none} .mico svg{width:20px;height:20px;fill:none;stroke:#12a36b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .msheet .macc summary{justify-content:flex-start} .msheet .macc summary>span:not(.mico){flex:1} .mquick a{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;padding:8px 10px} .mquick .mico{width:28px;height:28px;border-radius:8px;background:#fff} .mquick .mico svg{width:17px;height:17px} .msheet .mfoot .hire.hire-a,.msheet .mfoot .flair{display:flex!important;justify-content:center;width:100%;box-sizing:border-box;padding-top:12px;padding-bottom:12px} .msheet .macc summary .mico{width:36px;height:36px;border-radius:10px;background:#eef7f2} .msheet .macc summary .mico{display:grid;place-items:center;flex-direction:row} .msheet .hire.hire-a.mtophire{display:flex!important;justify-content:center;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:4px 0 6px;padding-top:11px;padding-bottom:11px} .msheet .hire .hfaces{display:flex!important} .msheet .hire.hire-a,.msheet .flair{font-size:15px!important} .msheet .flair .fplus{width:24px;height:24px;font-size:17px} .msheet>.hire.hire-a.mtophire{border:1.5px solid #131a3d;border-radius:999px;font-family:var(--mono);background:#fff} .msheet .hfaces img{width:30px;height:30px} .msheet>.hire.hire-a.mtophire,.msheet .mfoot .flair{height:45px!important;min-height:45px;max-height:45px;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;align-items:center} .msheet>.hire.hire-a.mtophire{margin:12px 0 0}.msheet>.mtophire+.macc>summary{padding-top:6px} /* software leaderboard mockups (11-02) */ .fstar{font-size:12px} .swhero{background:radial-gradient(1200px 400px at 80% -10%,#1d5a45 0,transparent 60%),#131a3d;color:#fff;padding:56px 0 48px} .swhero h1{color:#fff;font-size:clamp(32px,5vw,54px);margin:10px 0 12px;line-height:1.05} .swhero p{color:#cfe3d8;font-size:18px;max-width:640px;margin:0;font-family:var(--read)} .swkick{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#3ddc97;background:rgba(61,220,151,.12);border-radius:999px;padding:5px 12px} .swstats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-family:var(--mono);font-size:13px;color:#9fc4b4}.swstats b{color:#fff;font-size:20px;margin-right:6px} .swnav{position:sticky;top:64px;z-index:5;background:#fff;border-bottom:1px solid var(--line)} .swnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none} .swnav a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:14px;font-family:var(--read)} .swnav .mico,.swch .mico,.swtile .mico{width:28px;height:28px;border-radius:8px}.swnav .mico svg{width:16px;height:16px} .swwrap{padding-bottom:48px} .swcat{padding-top:44px;scroll-margin-top:120px} .swch{display:flex;align-items:center;gap:14px;margin-bottom:16px}.swch .mico{width:44px;height:44px;border-radius:12px}.swch h2{margin:0;font-size:clamp(22px,3vw,30px)}.swch p{margin:2px 0 0;color:var(--mute);font-family:var(--read)} .swguide{margin-left:auto;white-space:nowrap;font-weight:600;color:#2747d6;font-family:var(--read)} .swpod{display:grid;grid-template-columns:1.25fr 1fr;gap:14px} .swtwos{display:grid;gap:14px} .swone,.swtwo{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff} .swone{border:2px solid #e8c25a;background:linear-gradient(180deg,#fffaf0,#fff 55%);box-shadow:0 14px 40px rgba(15,42,34,.08)} .swrank{position:absolute;top:-12px;left:18px;font-family:var(--mono);font-weight:700;font-size:13px;padding:3px 10px;border-radius:999px;color:#131a3d} .swrank.gold{background:#f3cf63}.swrank.silver{background:#dfe5e3}.swrank.bronze{background:#ecc49b} .swhead{display:flex;align-items:center;gap:12px}.swhead h3{margin:0;font-size:20px}.swone .swhead h3{font-size:26px} .swlogo{border-radius:12px;background:#fff;border:1px solid var(--line);padding:6px;box-sizing:border-box;flex:none;object-fit:contain} .swmono{display:grid;place-items:center;width:40px;height:40px;font-weight:700;color:#2747d6;background:#eef7f2} .swbest{margin:2px 0 0;color:var(--mute);font-size:14px;font-family:var(--read)} .swwhy{font-family:var(--read);margin:14px 0 0;font-size:15.5px} .swchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .swc{font-size:12.5px;font-family:var(--mono);padding:4px 9px;border-radius:8px;background:#f2f5f4;color:var(--ink2)} .swprice{background:#131a3d;color:#fff}.swfree{background:#e3f7ec;color:#2747d6} .swbar{position:relative;margin-top:12px;height:26px;border-radius:8px;background:#f2f5f4;overflow:hidden;font-size:12.5px;font-family:var(--read)} .swbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#bdeed6,#3ddc97);border-radius:8px} .swbar span{position:relative;line-height:26px;padding-left:10px} .swbtns{display:flex;gap:8px;margin-top:14px} .swvisit{display:inline-flex;align-items:center;justify-content:center;background:#12a36b;color:#fff!important;font-weight:600;border-radius:12px;padding:10px 16px;font-family:var(--read);white-space:nowrap} .swvisit.sm{padding:7px 12px;font-size:14px} .swrev{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid var(--line);color:var(--ink);font-family:var(--read)} .swrow{display:grid;grid-template-columns:34px 32px 1fr auto auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-top:10px} .swn{font-family:var(--mono);color:var(--mute);font-weight:700}.swrt b{display:block}.swrt small{color:var(--mute);font-family:var(--read)}.swrow .swchips{margin:0} .swmore{margin-top:36px;border:1px solid var(--line);border-radius:16px;padding:4px 18px} .swmore summary{cursor:pointer;font-weight:700;padding:14px 0;font-size:17px} .swglist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;padding-bottom:16px}.swglist a{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--read)} @media(max-width:760px){.swpod{grid-template-columns:1fr}.swguide{display:none}.swrow{grid-template-columns:28px 32px 1fr auto}.swrow .swchips{display:none}.swhero{padding:40px 0 34px}.swone .swhead h3{font-size:22px}} /* stack builder */ .swpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-26px 0 22px;position:relative;z-index:2} .swq{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 12px 30px rgba(15,42,34,.08)} .swq>span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px} .swseg{display:flex;gap:6px}.swseg button{flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 6px;font:600 14px var(--read);color:var(--ink);cursor:pointer} .swseg button.on{background:#131a3d;color:#fff;border-color:#131a3d} .swstack{position:relative;display:grid;gap:14px} .swstack::before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:repeating-linear-gradient(#bdeed6 0 6px,transparent 6px 12px)} .swlayer{position:relative;border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;margin-left:0} .swjob{display:flex;align-items:center;gap:10px;margin-bottom:12px}.swjob .mico{width:44px;height:44px;border-radius:12px;background:#131a3d}.swjob .mico svg{stroke:#3ddc97} .swjob b{display:block;font-size:18px}.swjob small{color:var(--mute);font-family:var(--read)} .swpickc{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;background:#f7fbf9;border-radius:14px;padding:14px} .swpt h3{margin:0;font-size:20px}.swpt p{margin:4px 0 0;font-family:var(--read);font-size:15px;color:var(--ink2)} .swalts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.swalts>span{font-size:12.5px;color:var(--mute);font-family:var(--mono)} .swalt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px 4px 4px;font:13px var(--read);cursor:pointer;color:var(--ink)}.swalt img{border-radius:50%} .swtotal{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:16px;background:#131a3d;color:#fff;border-radius:18px;padding:18px 20px} .swtotal span{color:#cfe3d8;font-family:var(--read)}.swtotal b{font-size:30px;color:#3ddc97}.swtotal small{color:#9fc4b4;font-family:var(--mono);font-size:12px;width:100%} .swh2{margin:44px 0 14px} .swtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} .swtile{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--ink)} .swfaces{display:flex}.swfaces .swlogo{width:30px;height:30px;padding:3px;border-radius:8px;margin-right:-6px} @media(max-width:760px){.swpick{grid-template-columns:1fr}.swpickc{grid-template-columns:44px 1fr}.swpickc .swvisit{grid-column:1/-1}.swstack::before{display:none}} .swtop{padding-top:8px}.swtop h1{margin:10px 0 8px}.swtop .swkick{color:#2747d6;background:#e8f7ef} .swlede{max-width:none} .swtop+.swnav{margin-top:18px} .swwrap .swpick{margin:18px 0 22px} /* #1 card uses the "Tools mentioned here" yellow (.tb-a) */ .swone{border:2px solid #f5d800;background:linear-gradient(180deg,#fffbd1,#fffef5 55%,#fff);box-shadow:0 14px 34px -20px rgba(214,180,0,.55)} .swrank.gold{background:#ffe81a;color:#14211c;box-shadow:0 0 0 3px #fffbd1} .swvisit.swgold{background:#ffe81a;color:#14211c!important;border:1px solid #e6cf00;box-shadow:0 6px 16px -8px rgba(214,180,0,.8)} .swvisit.swgold:hover{background:#fff04d} .swfill{margin-top:18px;padding-top:16px;border-top:1px dashed #f3e27a} .swfill h4{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a6a00} .swwins{display:grid;grid-template-columns:1fr 1fr;gap:10px} .swwin{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #f3e27a;border-radius:14px;padding:10px;color:var(--ink)} .swwin .thumb{transform:scale(.82);transform-origin:top left;margin-bottom:-18px} .swwin b{font-size:15px}.swwin span{font-size:13px;color:var(--ink2);font-family:var(--read);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .swshot{position:relative;display:block;width:100%;padding:0;border:1px solid #f3e27a;border-radius:14px;overflow:hidden;background:#fff;cursor:zoom-in} .swshot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top} .swshot span{position:absolute;right:10px;bottom:10px;background:rgba(15,42,34,.85);color:#fff;font:12px var(--mono);padding:4px 9px;border-radius:999px} .swlb{border:0;padding:0;background:none;max-width:min(1100px,94vw)}.swlb::backdrop{background:rgba(10,20,16,.8)} .swlb img{display:block;max-width:100%;max-height:88vh;border-radius:12px}.swlb button{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;font-size:22px;cursor:pointer} @media(max-width:760px){.swwins{grid-template-columns:1fr 1fr}.swwin .thumb{transform:scale(.7);margin-bottom:-30px}} .swwin{gap:4px;padding:8px 10px} .swwin .thumb{transform:scale(.46);margin:0 0 -81px 0;width:264px} .swwin span{-webkit-line-clamp:1} .swone{display:flex;flex-direction:column}.swone .swfill{margin-top:auto;padding-top:14px} .swone .swbtns{margin-bottom:14px} @media(max-width:760px){.swwin .thumb{transform:scale(.46);margin-bottom:-81px}} .swone .swshot img{aspect-ratio:auto;height:172px} .swone .swshot img{height:126px} .swlink{margin:4px 0 18px}.swlink a{display:inline-flex;font-weight:600;color:#14211c;background:#ffe81a;border:1px solid #e6cf00;border-radius:12px;padding:10px 14px;font-family:var(--read)} .swrev{white-space:nowrap}.swbtns{flex-wrap:wrap} .swpcs{margin-top:10px;display:grid;gap:4px} .swpc{margin:0;font-size:14.5px;line-height:1.45;font-family:var(--read);padding-left:22px;position:relative;color:var(--ink2)} .swpc b{color:var(--ink)} .swpc::before{position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;font-size:11px;font-weight:700;display:grid;place-items:center;line-height:1} .swpro::before{content:"✓";background:#e3f7ec;color:#2747d6}.swcon::before{content:"–";background:#f2f5f4;color:#6b7a75} .swone .swfill{flex:1;display:flex;flex-direction:column;margin-top:0}.swone .swshot{flex:1;display:flex;min-height:126px}.swone .swshot img{height:100%;min-height:126px;flex:1} .swone .swshot{flex:1 1 0}.swone .swshot img{height:0;flex:1 1 0;min-height:126px} .swone .swshot{flex-direction:column} .swpc{font-size:13px;line-height:1.4;padding-left:20px}.swpc::before{width:14px;height:14px;font-size:10px;top:1px}.swpcs{gap:3px} .swpcs{gap:9px;margin-top:12px} .swnav{z-index:3} .tsub{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#2747d6;border:1px solid #bfe8d3;border-radius:999px;padding:4px 10px 4px 4px;background:#fff;white-space:nowrap}.tsub .fplus{width:18px;height:18px;font-size:13px}.tsub:hover{background:#effbf5;text-decoration:none} .swhead{align-items:flex-start}.swhead>div:not(.swtr){flex:1;min-width:0}.swtr{margin:2px 0 0 auto;flex-direction:column;align-items:flex-end;flex:none} @media(max-width:760px){.swhead{flex-wrap:wrap}.swtr{flex-direction:row;margin:4px 0 0;width:100%;align-items:center}} @media(max-width:760px){.swtop .swlede{display:none}.swtop h1{margin-bottom:4px}} /* /tools/ logo cards (preview 11-02) */ .tcwrap{padding-bottom:8px}.tclede{margin:6px 0 10px} .tcnav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:6px;scrollbar-width:none}.tcnav::-webkit-scrollbar{display:none} .tcnav a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:14px;color:var(--ink);background:#fff;font-family:var(--read)} .tcnav a .mico{width:22px;height:22px}.tcnav a .mico svg{width:13px;height:13px} .tcs{margin:22px 0 30px;scroll-margin-top:80px} .tcsh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tcsh h2{margin:0;font-size:22px} .tcsh>a{margin-left:auto;font-weight:600;white-space:nowrap;font-family:var(--read)} .tcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .tcc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;transition:box-shadow .15s,border-color .15s} .tcc:hover{border-color:#cfd8d4;box-shadow:0 8px 22px -14px rgba(15,42,34,.35)} .tch{display:flex;gap:12px;align-items:center}.tch b{display:block;font-size:16.5px}.tch b a{color:var(--ink)} .tch span{display:block;font-size:13.5px;color:var(--ink2);line-height:1.35;margin-top:2px} .tcc .swchips{margin-top:10px} .tcl{display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:12px;font-size:14.5px;font-family:var(--read)} .tcrev{font-weight:600}.tcvisit{color:var(--ink2)!important;margin-left:auto} .tcp{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .tcp a{font-size:13.5px;padding:6px 11px;border-radius:999px;background:#f2f5f4;color:var(--ink);font-family:var(--read)}.tcp a:hover{background:#e6ece9} .tcxs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px} .tcx{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.tcx h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.tcx .tcp{margin-top:10px} .tcguide{margin-top:8px;padding-top:22px;border-top:1px solid var(--line)} @media(max-width:760px){.tclede{display:none}.tcg{grid-template-columns:1fr}.tcsh h2{font-size:19px}.tcxs{grid-template-columns:1fr}} .tch b{font-family:var(--head);font-size:17px}.tch span,.tclede{font-family:var(--read)} @media(max-width:760px){.tcc{padding:12px 14px}.tch img.swlogo{width:36px;height:36px}.tcc .swchips{margin-top:8px}.tcl{padding-top:10px} .tcsh>a{font-size:14px}.tcsh .mico{display:none}.tcs{margin:16px 0 24px}.tcwrap .swlink a{font-size:15px;padding:9px 12px}} /* condensed tool cards on category, review and vs pages (preview 11-02) */ .tcmini{margin:14px 0 26px}.tcmini .tcsh h2{font-size:19px}.tcmini .tcg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px} .tcmini .tcc{padding:12px}.tcmini .tch b{font-size:16px} .tcpks{display:grid;gap:12px}.tcpks.two{grid-template-columns:1fr 1fr} .tcpk{border:2px solid #f5d800;background:linear-gradient(180deg,#fffbd1,#fff 60%)}.tcpk .swpcs{margin-top:10px}.tcpk .swbtns{margin-top:12px} @media(max-width:760px){.tcpks.two{grid-template-columns:1fr}.tcmini .tcg{grid-template-columns:1fr}} .ilw{white-space:nowrap}.ilogo{display:inline-block;width:1em;height:1em;vertical-align:-.12em;margin-right:.3em;border-radius:3px} h2 .ilogo,h3 .ilogo{border-radius:5px} /* /cro/ guide cards (preview 11-02) */ .gcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px} .gcc{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;color:var(--ink)!important;text-decoration:none;transition:box-shadow .15s,border-color .15s} .gcc:hover{border-color:#cfd8d4;box-shadow:0 8px 22px -14px rgba(15,42,34,.35)} .gcc b{font-family:var(--head);font-size:16.5px;line-height:1.25;margin-top:4px} .gcc span{font-family:var(--read);font-size:13.5px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:760px){.gcg{grid-template-columns:1fr 1fr;gap:10px}.gcc{padding:12px}.gcc span{display:none}.gcc b{font-size:15px}} .gcmore{margin-top:8px}.gcmore summary{cursor:pointer;font-weight:600;color:var(--acc);font-family:var(--read);font-size:14px;list-style:none;padding:4px 0}.gcmore summary::-webkit-details-marker{display:none} .gcmore[open] summary{display:none} /* footer: free audit band + compact AI box */ .fau{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding:24px 26px;margin:0 0 56px;border-radius:20px; background:rgba(8,26,20,.55);border:1px solid rgba(61,220,151,.35);backdrop-filter:blur(8px);box-shadow:0 20px 50px -30px rgba(0,0,0,.6)} .fau h3{color:#fff;font:800 clamp(30px,3.6vw,42px)/1.1 var(--head);letter-spacing:-.025em;margin:0 0 8px}.fau-ar{color:#3ddc97;display:inline-block;transition:transform .2s}.fau:hover .fau-ar{transform:translateX(5px)} .fau-t p{color:#c4d6cd;margin:0;font-size:16px}.fau-t b{color:#fff} .fau-f{display:flex;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:6px} .fau-f input{flex:1;min-width:0;background:none;border:0;color:#fff;font:500 16px var(--mono);padding:10px 10px}.fau-f input::placeholder{color:#8fa89c}.fau-f input:focus{outline:none} .fau-f .btn{white-space:nowrap;font-family:var(--mono)} .fcols{grid-template-columns:repeat(3,minmax(0,200px)) minmax(0,1fr)} .fai2{justify-self:end;max-width:290px;padding:16px;border-radius:14px;background:rgba(8,26,20,.5);border:1px solid rgba(255,255,255,.14);align-self:start} .fai2 h2{margin:0 0 6px}.fai2>p{color:#9fb8ad;font-size:13px;line-height:1.45;margin:0 0 10px} .fai2 .fai-u{padding:4px 4px 4px 10px}.fai2 .fai-u code{font-size:12px}.fai2 .fai-u button{padding:6px 10px;font-size:11px} .fai2 .fai2-l{margin:8px 0 0;font-size:13px}.fcols .fai2 a{display:inline;margin:0;font-size:13px} @media(max-width:900px){.fcols{grid-template-columns:repeat(3,minmax(0,1fr))}.fai2{grid-column:1/-1;justify-self:start;max-width:420px}} @media(max-width:760px){.fau{grid-template-columns:1fr;gap:16px;padding:18px}.fau-f{flex-direction:column}.fau-f .btn{width:100%}} @media(max-width:620px){.fcols{grid-template-columns:1fr 1fr}} /* expert box: a button first, the 4-step form opens on click (11-03) */ .pf-open-w{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.pf-open-w small{font:600 12px var(--read);color:#0f7a50} .pf-open-w[hidden]{display:none}.pcta .pf-open{font-family:var(--mono);font-size:15px!important;padding:16px 26px;border-radius:12px;box-shadow:0 0 0 6px rgba(61,220,151,.12),0 8px 20px rgba(18,163,107,.22)} .pcta .pf-open:hover{box-shadow:0 0 0 8px rgba(61,220,151,.18),0 10px 24px rgba(18,163,107,.28)} @media(max-width:620px){.pcta .pf-open{width:100%;justify-content:center;text-align:center}} /* Related lists (11-04 listicle batch): inbound links from parent pages */ .rlists{margin:34px 0 8px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fafbf9} .rlists h2{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:0 0 10px} .rlists ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .rlists a{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;color:var(--ink);text-decoration:none} .rlists a:hover{border-color:var(--ink)} .thumb{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:16px 12px 0;height:150px;overflow:hidden;background:linear-gradient(160deg,#e9edff,#f6f7fd)} .thumb .vs{color:#93a19c;font-size:14px;align-self:center} .mp{position:relative;width:78px;height:132px;background:#fff;border-radius:10px 10px 0 0;border:1px solid #d6dedb;border-bottom:0;padding:6px 6px 0;display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 16px rgba(15,26,23,.08);flex:none} .mp.wide{width:112px;height:118px}.mp>em{position:absolute;top:2px;right:4px;font:700 7px system-ui;color:#93a19c;font-style:normal} .w{display:block;height:5px;border-radius:2px;background:#e4e9e7;flex:none} .w.new{background:#3ddc97!important;outline:1.5px solid #12a36b;box-shadow:0 0 0 3px rgba(61,220,151,.25)}.w.old{background:#f3c1c9!important;outline:1.5px dashed #c8354a} .w.stripe{background:repeating-linear-gradient(45deg,#e4e8e9,#e4e8e9 5px,#eceff0 5px,#eceff0 10px)}.w.dark{background:#25302c} .w-acct{height:7px;width:55%;background:#d9dfdd}.w-media{height:58px}.w-price{width:38%;height:7px;background:#cfd6d3}.w-cap{height:4px}.w-cta{height:10px} .w-img{height:60px}.w-title{height:5px}.w-stars{width:50%;height:4px;background:#f3dfa6}.w-buy{height:10px;background:#25302c}.w-thumb{height:56px;border-radius:4px}.w-meta{width:50%;height:4px} .w-hook{height:9px;background:#25302c}.w-sub{height:6px;width:80%;background:#f3dfa6} .vp{display:flex;align-items:flex-end;gap:20px;height:120px;padding-bottom:10px}.vp div{display:flex;flex-direction:column;align-items:center;gap:3px;font:700 10px "IBM Plex Mono",monospace;color:#3b4743} .vp b{width:30px;border-radius:6px 6px 0 0;display:block}.vp small{font:600 8px system-ui;color:#6b7773} b.bo{background:#f3c1c9;outline:1.5px dashed #c8354a}b.bn{background:#3ddc97;outline:1.5px solid #12a36b}b.hold{background:#d9dfdd;outline:1.5px dashed #93a19c} .tsw{width:100%;display:flex;flex-direction:column;gap:7px;align-self:center;padding:0 6px 12px} .tsw div{background:#fff;border-radius:8px;padding:7px 9px;font:700 11.5px/1.25 Montserrat,system-ui,sans-serif;border:1px solid #d6dedb;display:flex;gap:7px;align-items:flex-start} .tsw div b{font:700 8px "IBM Plex Mono",monospace;color:#93a19c;padding-top:2px} .tsw .o{color:#8f2234;text-decoration:line-through;text-decoration-color:#c8354a;background:#fdf3f5;border-style:dashed;border-color:#e3a3ae}.tsw .n{color:#0b5e3d;background:#dff6ea;border-color:#12a36b} .cvx{width:100%;align-self:stretch;padding:4px 8px 10px} .ol{align-self:center;text-align:center;padding-bottom:12px} .ol .m{display:inline-block;font:900 30px Montserrat,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#0b7a4f,#3ddc97);border-radius:12px;padding:4px 14px;letter-spacing:-.02em} .ol .r{margin-top:8px;display:flex;gap:6px;justify-content:center;font:600 10px "IBM Plex Mono",monospace}.ol .r span{background:#fff;border:1px solid #d6dedb;border-radius:6px;padding:2px 6px}.ol .r span:last-child{border-color:#12a36b;color:#0b5e3d} .k{align-self:center;padding-bottom:12px;display:flex;gap:8px;align-items:center;justify-content:center;width:100%} .k .o{outline:2px dashed #c8354a;background:#fdf3f5}.k .n{outline:2px solid #12a36b;background:#dff6ea} .fm{width:52px;height:84px;border-radius:7px;background:#fff;border:1px solid #d6dedb;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font:700 7.5px system-ui;color:#3b4743;padding:3px;text-align:center} .fm .ic{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#d9dfdd} .fm.studio .ic{border-radius:4px;background:#cfd6d3}.fm.selfie .ic{background:#f3d2b5;width:28px;height:28px;top:8px}.fm.static .ic{border-radius:3px;width:30px;height:30px;top:8px;background:#cfd6d3}.fm.n .ic{box-shadow:0 0 0 2px #12a36b} .fm.win::after{content:"WIN";position:absolute;top:-7px;right:-6px;background:#0b7a4f;color:#fff;font:800 7px system-ui;border-radius:4px;padding:1px 4px} .lb{display:flex;flex-direction:column;align-items:center;gap:3px}.lb b{overflow-wrap:anywhere;border-radius:10px;padding:9px 12px;font:900 13px/1.1 Montserrat,system-ui,sans-serif;text-align:center;max-width:110px} .lb .o b,.lb b.o{color:#8f2234}.lb small{font:600 8.5px "IBM Plex Mono",monospace;color:#6b7773} .gd{display:grid;gap:3px;padding:5px;background:#fff;border:1px solid #d6dedb;border-radius:8px}.gd i{display:block;width:30px;height:30px;border-radius:4px;position:relative} .gd i::after{content:"";position:absolute;inset:7px 9px;border-radius:3px;background:#495057;opacity:.55} .mv{display:grid;grid-template-columns:repeat(3,26px);gap:4px}.mv i{width:26px;height:26px;border-radius:5px;background:#e4e9e7;display:block} .mv i.win{background:#3ddc97;outline:2px solid #12a36b;box-shadow:0 0 0 3px rgba(61,220,151,.25)}.mv i:nth-child(3n+1){background:#dde3e1}.mv i:nth-child(4){background:#f3c1c9} .ar{border-radius:5px;background:repeating-linear-gradient(45deg,#e4e8e9,#e4e8e9 5px,#eceff0 5px,#eceff0 10px);border:1px solid #d6dedb;font:700 8px "IBM Plex Mono",monospace;color:#6b7773;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px} .fn{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding-bottom:10px;align-self:center} .fn div{background:#3ddc97;color:#0b3d28;border-radius:6px;font:700 9.5px "IBM Plex Mono",monospace;padding:5px 8px;display:flex;justify-content:space-between;gap:8px} .fn div:nth-child(1){width:92%;background:#d3f3e3}.fn div:nth-child(2){width:66%;background:#9de8c4}.fn div:nth-child(3){width:40%;background:#3ddc97;outline:2px solid #12a36b} .dn{text-align:center;font:700 9px "IBM Plex Mono",monospace;color:#3b4743} .mu{display:grid;gap:5px;width:170px}.mu div{display:flex;justify-content:space-between;background:#fff;border:1px solid #d6dedb;border-radius:7px;padding:5px 9px;font:600 10px "IBM Plex Mono",monospace;color:#3b4743}.mu b{color:#0b7a4f} .hk{position:relative;width:74px;height:116px;border-radius:9px;background:linear-gradient(170deg,#3b4743,#1d2421);display:flex;flex-direction:column;justify-content:flex-end;padding:6px;flex:none} .hk .pl{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:14px solid rgba(255,255,255,.75);border-top:9px solid transparent;border-bottom:9px solid transparent} .hk .cap{font:800 8.5px/1.15 Montserrat,system-ui,sans-serif;color:#fff;background:rgba(0,0,0,.55);border-radius:4px;padding:3px 4px} .hk.o .cap{text-decoration:line-through;text-decoration-color:#ff8fa0}.hk.n .cap{background:#0b7a4f}.hk em{position:absolute;top:4px;left:5px;font:700 6.5px "IBM Plex Mono",monospace;color:#cfd6d3;font-style:normal} .hk.o{outline:2px dashed #c8354a;outline-offset:2px;background:linear-gradient(170deg,#3b4743,#1d2421)!important}.hk.n{outline:2px solid #12a36b;outline-offset:2px;background:linear-gradient(170deg,#3b4743,#1d2421)!important} .aub{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:96px}.aub small{font:600 8.5px/1.2 "IBM Plex Mono",monospace;color:#6b7773;text-align:center} .au{position:relative;width:78px;height:78px;background:none!important;outline:none!important}.au i{position:absolute;border-radius:50%;display:block} .au.o i{border:2px dashed #c8354a;background:#fdf3f5}.au.n i{border:2px solid #12a36b;background:rgba(61,220,151,.3)} .au1 i{inset:2px}.au2 i{width:40px;height:40px}.au2 i:nth-child(1){left:2px;top:19px}.au2 i:nth-child(2){right:2px;top:19px} .au3 i,.au4 i{width:34px;height:34px}.au3 i:nth-child(1){left:2px;top:6px}.au3 i:nth-child(2){right:2px;top:6px}.au3 i:nth-child(3){left:22px;bottom:2px} .au4 i:nth-child(1){left:3px;top:3px}.au4 i:nth-child(2){right:3px;top:3px}.au4 i:nth-child(3){left:3px;bottom:3px}.au4 i:nth-child(4){right:3px;bottom:3px} .cp2{display:flex;flex-direction:column;align-items:center;gap:4px;background:none!important;outline:none!important}.cpl{display:flex;flex-direction:column;align-items:center;gap:2px} .cpl s{font:700 9.5px "IBM Plex Mono",monospace;color:#8f2234;text-decoration-color:#c8354a}.cpl b{font:900 14px Montserrat,system-ui,sans-serif;color:#0b5e3d;background:#dff6ea;border:2px solid #12a36b;border-radius:8px;padding:3px 8px} .tr{display:flex;flex-direction:column;gap:4px;padding:6px 7px;border-radius:9px;min-width:84px}.tl2{display:flex;flex-direction:column;align-items:center}.tl2 span{display:flex;gap:2px;align-items:center} .tl2 i{width:9px;height:9px;border-radius:2px;background:#25302c;display:block}.tr.n .tl2 i{background:#0b7a4f}.tl2 b{font:800 9px system-ui;color:#0b7a4f}.tl2 small{font:600 7.5px "IBM Plex Mono",monospace;color:#6b7773} .lft{display:flex;align-items:flex-end;gap:12px;height:120px;padding-bottom:10px}.lftb{display:flex;align-items:flex-end;gap:14px}.lftb div{display:flex;flex-direction:column;align-items:center;gap:3px} .lftb b{width:30px;border-radius:6px 6px 0 0;display:block}.lftb small{font:600 8px system-ui;color:#6b7773} .lftx{align-self:center;font:900 18px Montserrat,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#0b7a4f,#3ddc97);border-radius:10px;padding:5px 10px;margin-bottom:14px} .crb{display:flex;flex-direction:column;align-items:center;gap:5px}.crb small{font:600 8.5px "IBM Plex Mono",monospace;color:#6b7773} .cr{display:flex;gap:2px;padding:4px;border-radius:8px}.cr i{width:13px;height:22px;border-radius:4px;background:#fff;border:1px solid #c9d3cf;display:block}.cr i.f{width:18px;height:28px}.cr.n i{border-color:#12a36b} .lbad{position:relative;width:170px;background:#fff;border:1px solid #d6dedb;border-radius:10px;padding:26px 10px 9px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 16px rgba(15,26,23,.08)} .lbad .lbm{position:absolute;top:8px;left:10px;width:60px;height:7px;border-radius:3px;background:#d9dfdd} .lbad s{font:700 10.5px/1.2 Montserrat,system-ui,sans-serif;color:#8f2234;text-decoration-color:#c8354a}.lbad b{font:900 13px/1.15 Montserrat,system-ui,sans-serif;color:#0b5e3d;background:#dff6ea;border-radius:6px;padding:4px 6px} .lbad em{font:600 8px "IBM Plex Mono",monospace;color:#6b7773;font-style:normal} .lbq{position:relative;max-width:96px;overflow-wrap:anywhere;border-radius:12px;padding:8px 10px;font:800 11px/1.2 Montserrat,system-ui,sans-serif;text-align:center} .lbq.o{color:#8f2234;border:1.5px dashed #c8354a;background:#fdf3f5;border-bottom-left-radius:3px}.lbq.n{color:#0b5e3d;border:1.5px solid #12a36b;background:#dff6ea;border-bottom-right-radius:3px} .hb{display:flex;flex-direction:column;gap:7px;align-self:center;padding-bottom:12px}.hb div{display:flex;align-items:center;gap:6px} .hb span{width:40px;font:600 8.5px system-ui;color:#6b7773;text-align:right}.hb i{height:18px;border-radius:0 5px 5px 0;display:block}.hb i.bo{background:#f3c1c9;outline:1.5px dashed #c8354a}.hb i.bn{background:#3ddc97;outline:1.5px solid #12a36b} .hb b{font:700 10px "IBM Plex Mono",monospace;color:#3b4743}.hb small{font:600 8px system-ui;color:#6b7773;text-align:center} /* ROASArchive additions on top of LiftArchive's site.css (brand: navy #131a3d, blue #2747d6, amber #ffb547; green = improved, red = worse) */ .lw b{color:var(--acc)}.mark2 svg{width:30px;height:30px;display:block} .nav.mega{display:flex;gap:4px;flex:1;align-items:center} .nd{position:relative}.nd .nt{display:block;padding:20px 12px;color:var(--ink2);font-weight:600;font-size:15px}.nd .nt:hover{color:var(--acc);text-decoration:none} .ndp{display:none;position:absolute;left:0;top:100%;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -18px rgba(19,26,61,.35);padding:8px;z-index:20} .nd:hover .ndp,.nd:focus-within .ndp{display:grid}.ndp a{padding:8px 10px;border-radius:8px;color:var(--ink);font-size:14.5px}.ndp a:hover{background:#f1f4ff;text-decoration:none} .tright .btn{padding:9px 16px;font-size:14.5px} .msheet{display:none;margin-left:auto}.msheet summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px}.msheet summary::-webkit-details-marker{display:none} .msheet summary i{width:22px;height:2.5px;background:var(--ink);border-radius:2px;display:block} .mpanel{position:fixed;inset:64px 0 0 0;background:#fff;overflow:auto;padding:16px 20px 40px;display:flex;flex-direction:column;gap:10px;z-index:30} .mpanel details{border-bottom:1px solid var(--line);padding:10px 0}.mpanel summary{font-weight:700;font-size:17px;cursor:pointer}.mpanel details a{display:block;padding:8px 2px;color:var(--ink)} .mpanel .hire-a{text-align:center;height:42px;display:flex;align-items:center;justify-content:center}.msearch input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit} .msub{margin-top:12px;font-weight:700} @media (max-width:900px){.nav.mega,.tright{display:none}.msheet{display:block}} .hero2{background:radial-gradient(900px 420px at 10% -10%,#e7ecff 0,transparent 60%),radial-gradient(700px 380px at 100% 0,#fff2dd 0,transparent 55%),#fff;padding:44px 0 30px;border-bottom:1px solid var(--line)} .hero2 h1{max-width:820px}.hero2 h1 span{color:var(--acc)} .hsearch{display:flex;gap:8px;max-width:640px;margin:18px 0}.hsearch input{flex:1;height:50px;border:1.5px solid #cdd5ee;border-radius:12px;padding:0 16px;font:inherit;font-size:16px} .ptiles{display:flex;flex-wrap:wrap;gap:10px}.ptile{border:1px solid var(--line);border-radius:12px;padding:10px 16px;background:#fff;display:flex;flex-direction:column;min-width:130px} .ptile b{color:var(--ink);font-size:16px}.ptile span{color:var(--mute);font-size:13px}.ptile:hover{border-color:#b9c6f5;text-decoration:none} .chipls{display:flex;flex-wrap:wrap;gap:8px}.chipl{border:1px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink);font-weight:600;font-size:14.5px;background:#fff} .chipl em{font-style:normal;color:var(--mute);font-weight:500;margin-left:4px}.chipl:hover{border-color:#b9c6f5;text-decoration:none} .twocol{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.sidecol{position:sticky;top:84px} @media (max-width:1000px){.twocol{grid-template-columns:1fr}.sidecol{position:static}} .sc{border:1px solid var(--line);border-radius:14px;padding:18px;background:linear-gradient(170deg,#f3f6ff,#fff)}.sc b{font-size:17px;display:block}.sc p{color:var(--ink2);font-size:14.5px;margin:6px 0 12px} .sc .btn{width:100%;text-align:center} .mbox{display:flex;gap:18px;align-items:center;justify-content:space-between;border:1px solid #cdd5ee;border-radius:14px;padding:18px 20px;margin:28px 0;background:#f6f8ff} .mbox b{font-size:17px}.mbox p{margin:4px 0 0;color:var(--ink2);font-size:14.5px}@media (max-width:640px){.mbox{flex-direction:column;align-items:flex-start}} .cv2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.cv2>div{border:1px solid var(--line);border-radius:12px;padding:14px 16px} .cv2>div:first-child{border-style:dashed;border-color:#e3a3ae;background:#fdf6f7}.cv2>div:last-child{border-color:#9fdcbf;background:#f2fbf6}@media (max-width:640px){.cv2{grid-template-columns:1fr}} .bigthumb{height:220px!important;border-radius:16px;transform-origin:center}.bigthumb>*{transform:scale(1.35);transform-origin:bottom center} .cm .vr,.tagx.vr{background:#fff4e0;color:#8a5a00} .raform{display:grid;gap:14px;max-width:560px;margin:20px 0}.raform label{display:grid;gap:6px;font-weight:600;font-size:15px} .raform input,.raform select,.raform textarea{height:46px;border:1px solid #cdd5ee;border-radius:10px;padding:0 12px;font:inherit;font-weight:400}.raform textarea{height:110px;padding:10px 12px} .raform .ok{font-size:17px;color:var(--win);font-weight:600} .draft{border:1px dashed #cdd5ee;border-radius:12px;padding:14px 18px;background:#fafbff;color:var(--ink2)} .rafoot{background:#131a3d;color:#dfe4f7}.rafoot a{color:#c9d3ff}.rafoot h2{color:#fff}.rafoot .fine2{color:#9aa4c7} .ra-tn b{color:var(--acc);font-weight:700}.ra-tn{display:inline} /* Google Preferred Source button (11-07): byline area of tests, articles, stories */ .prefsrc{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:600 13px/1.25 var(--head);text-decoration:none;box-shadow:0 1px 2px rgba(15,26,23,.05);transition:border-color .15s,box-shadow .15s} .prefsrc:hover{text-decoration:none;border-color:var(--acc);box-shadow:0 2px 8px rgba(15,26,23,.08)} .prefsrc:focus-visible{outline:2px solid var(--acc);outline-offset:2px} .prefsrc .psg{flex:none;width:16px;height:16px} .psrow{margin:4px 0 22px} .byline>.by-who{flex:1 0 auto}.by-ps{flex:0 1 auto;margin-left:auto;display:flex;align-items:center;padding:12px 16px} .sby{flex-wrap:wrap}.sby .prefsrc{margin-left:auto} @media (max-width:600px){.by-ps{flex:1 1 100%;border-top:1px solid var(--line);padding:10px 16px}.sby .prefsrc{margin-left:0}} .psrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px} .factck{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--winbg);color:var(--win);font:700 13px/1.25 var(--head)} .factck:hover{text-decoration:none;filter:brightness(.97)}.factck:focus-visible{outline:2px solid var(--acc);outline-offset:2px} .fck{font-size:14px;line-height:1} .hp{position:absolute!important;left:-9999px!important;height:1px;width:1px;opacity:0}.fmsg{color:#c8354a;font-weight:600;min-height:1em;margin:0} /* accessibility pass 11-10 (Lighthouse a11y 92-96): links inside text are underlined; small grey labels darker for 4.5:1 */ .prose p a,.prose li a,.prose td a,main p a,.lede a,.caveat a,.howto a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px} .seg em,.fa-seg em,.vtile span,.vtile small,.cm span,.cm .by,.hc-by,.res small,.chipl em,small{color:#4a5552} div.fa-row>div.seg>button>em{color:#4a5552!important}.thumb .lb small,.thumb small{color:#4a5552!important}section.rlists>h2{color:#4a5552!important}