@font-face{font-family:MarkV2;src:url(/fonts/mark-v2.woff2)format("woff2"),url(/fonts/MarkV2.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MarkJonathanRomero;src:url(/fonts/mark-jonathan-romero.woff2)format("woff2"),url(/fonts/MarkJonathanRomero.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--canvas:#f6f5f4;--card:#fff;--line:#00000014;--ink:#000;--ink-95:#000000f2;--body:#615d59;--blue:#0075de;--link:#0b69c7;--blue-ghost:#e6f3fe;--marigold:#ffb110;--coral:#f64932;--sky:#62aef0;--peach:#f6d5b8;--radius-card:12px;--radius-btn:8px;--radius-pill:9999px;--font:"MarkV2", sans-serif;--display:"MarkJonathanRomero", sans-serif;--shadow:0 1px 2px #0000000a, 0 12px 32px #0000000f;--header:68px;--scroll-pad:92px;--page:1120px;--ease:.2s ease;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-height:100vh;color:var(--ink-95);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:18px;font-weight:400;line-height:1.65;display:flex}body.is-demo{--scroll-pad:140px}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-underline-offset:.16em;transition:color var(--ease);text-decoration-thickness:1px}a:hover{color:var(--link)}button,input,select,textarea{font:inherit;color:inherit}button::placeholder,input::placeholder,textarea::placeholder{font:inherit;color:var(--body)}button{cursor:pointer}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{text-wrap:balance;font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-style:normal;font-weight:400;line-height:1.25;overflow:visible}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{color:#000;background:#cfe6fb}[id]{scroll-margin-top:var(--scroll-pad)}.skip{z-index:40;background:var(--blue);color:#fff;border-radius:var(--radius-btn);padding:8px 12px;text-decoration:none;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(var(--page), calc(100% - 48px));margin-inline:auto}main{flex:1}.section{padding:clamp(72px,9vw,120px) 0}.display,.display-md,.wordmark,.logo,.footer-brand,.cover-name,.rank-name,.rank-empty-title,.video-title,.about-island .channel{font-family:var(--display);text-transform:uppercase;font-style:normal;font-weight:400;overflow:visible}.display{letter-spacing:.015em;color:var(--ink);text-wrap:balance;margin:0;padding-bottom:.12em;font-size:clamp(40px,5.2vw,68px);line-height:1.28}.display-md{letter-spacing:.02em;color:var(--ink);margin:0;padding-bottom:.06em;font-size:clamp(32px,4vw,48px);line-height:1.28}.dek{max-width:46ch;font-family:var(--font);color:var(--body);text-transform:none;letter-spacing:0;text-wrap:balance;margin:12px 0 0;font-size:18px;font-style:normal;font-weight:400;line-height:1.55}.keep{white-space:nowrap}.section .dek{margin:12px 0 28px}.lede{max-width:62ch;color:var(--body);margin:8px 0 0}.wordmark{letter-spacing:.02em;color:#000;background:0 0;margin:0 0 10px;padding:.06em .02em .16em;font-size:clamp(36px,5vw,64px);line-height:1.28;display:inline-block}.pill{border-radius:var(--radius-pill);letter-spacing:.02em;vertical-align:baseline;padding:.02em .38em .12em;line-height:1.15;display:inline-block}.pill-marigold{background:var(--marigold);color:#000}.glass{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card)}.btn{border-radius:var(--radius-btn);min-height:44px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background var(--ease), border-color var(--ease), color var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{color:#fff;background:#0068c4}.btn-ghost{background:var(--blue-ghost);color:var(--link)}.btn-ghost:hover{color:var(--link);background:#d7ecfd}.btn-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.fine{color:var(--body);margin:8px 0 0;font-size:14px;line-height:1.5}.site-header{z-index:30;height:var(--header);background:var(--canvas);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.header-inner{width:min(var(--page), calc(100% - 48px));justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.logo{color:var(--ink);align-items:center;line-height:0;text-decoration:none;display:inline-flex}.logo img{width:auto;height:34px}.logo:hover{color:var(--ink)}.nav-desktop{align-items:center;gap:18px;display:flex}.nav-desktop a,.nav-mobile-panel a,.nav-mobile summary{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em}.nav-desktop a{color:var(--ink-95);font-size:15px;font-weight:400;text-decoration:none}.nav-desktop a:hover,.nav-desktop a[aria-current=page]{color:var(--link)}.nav-mobile{display:none}.demo-banner{top:var(--header);z-index:25;background:var(--blue-ghost);color:#000;text-align:center;padding:10px 16px;font-size:15px;font-weight:400;line-height:1.4;position:sticky}.hero-wrap{padding:48px 0 8px;position:relative}#ranking.section{padding-top:28px}.hero-copy{max-width:640px;overflow:visible}.gradient-word{white-space:nowrap;color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(105deg,#0b69c7 0%,#0075de 55%,#1f78cc 100%);-webkit-background-clip:text;background-clip:text;margin:-.1em -.04em -.24em;padding:.16em .08em .32em;line-height:1.05;display:inline-block}.fan{justify-content:center;align-items:flex-end;gap:14px;padding:20px 0 10px;display:flex;overflow:visible}.fan-card{width:auto;min-width:0;min-height:168px;box-shadow:var(--shadow);transition:transform .2s ease, box-shadow .2s ease, border-color var(--ease);flex:1 1 0}.fan-center{z-index:1;flex:1.16 1 0;min-height:196px;margin-bottom:18px}.fan-left{transform:rotate(-6deg)}.fan-right{transform:rotate(6deg)}.fan-left:hover{transform:rotate(-6deg)translateY(-6px)}.fan-center:hover{transform:translateY(-8px)}.fan-right:hover{transform:rotate(6deg)translateY(-6px)}.fan-card .cover-name{font-size:14px}.fan-center .cover-name{font-size:16px}.trust-line{color:var(--body);margin:16px 0 0;font-size:15px}.hero-cards,.video-track,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.hero-cards{margin-top:40px}.cover-card,.video-card,.tool-card,.news-card,.learn-card,.faq-item,.about-copy,.about-island,.glass{box-shadow:var(--shadow)}.cover-card,.video-card,.tool-card,.news-card,.learn-card,.faq-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);color:inherit;min-width:0}.cover-card,.video-card,.tool-card{transition:transform .2s ease, box-shadow .2s ease, border-color var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.cover-card:hover:not(.fan-card),.video-card:hover,.tool-card:hover,.news-card:hover,.learn-card:hover{color:inherit;border-color:#00000029;transform:translateY(-4px);box-shadow:0 2px 6px #0000000d,0 18px 40px #00000014}.cover-media{aspect-ratio:16/10;background:var(--canvas);display:block;overflow:hidden}.cover-media img,.video-card img,.tool-card img{aspect-ratio:16/10;object-fit:cover;object-position:center 20%;background:var(--canvas);width:100%;height:100%}.cover-copy,.video-copy,.tool-card .pad{min-width:0;padding:16px 16px 18px;display:block}.cover-name,.video-title,.rank-name{letter-spacing:.02em;overflow-wrap:break-word;word-break:normal;hyphens:manual;font-size:clamp(18px,2vw,26px);line-height:1.2;display:block}.cover-score{color:var(--body);font-family:var(--font);letter-spacing:0;text-transform:none;margin-top:6px;font-size:15px;line-height:1.4;display:block}.rank-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 24px;margin-bottom:18px;display:flex}.rank-switch{flex-wrap:wrap;gap:8px;display:flex}.rank-switch button{border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background var(--ease), color var(--ease), border-color var(--ease);padding:0 14px;font-size:14px;font-weight:400}.rank-switch button[aria-checked=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.rank-board{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.rank-rows{margin:0;padding:0;list-style:none}.rank-row a{color:inherit;border-top:1px solid var(--line);transition:background var(--ease);grid-template-columns:2.4rem minmax(0,1.1fr) minmax(100px,1.2fr) auto;align-items:center;gap:12px 16px;padding:16px 18px;text-decoration:none;display:grid}.rank-rows .rank-row:first-child a{border-top:0}.rank-row a:hover{color:inherit;background:#f3f1ee}.rank-num{font-family:var(--font);color:var(--body);font-size:14px}.rank-copy{min-width:0}.rank-bar{border-radius:var(--radius-pill);background:#0000000f;height:8px;display:block;overflow:hidden}.rank-fill{height:100%;width:var(--w,0%);border-radius:inherit;background:var(--blue);transition:width .2s;display:block}.rank-score{font-family:var(--font);font-variant-numeric:tabular-nums;text-align:right;min-width:5.5rem;color:var(--ink);font-size:14px}.rank-empty{padding:28px 24px}.rank-empty-title{letter-spacing:.02em;color:var(--ink);margin:0 0 8px;font-size:26px;line-height:1.25}.rank-empty p,.rank-group-empty{color:var(--body);margin:0}.rank-foot{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px;display:flex}.rank-group h3{letter-spacing:.02em;margin:0;padding:18px 18px 4px;font-size:18px}.rank-group-empty{padding:0 18px 14px}.rank-group+.rank-group{border-top:1px solid var(--line)}.rank-board.is-grouped .rank-bar,.rank-board.is-grouped .rank-num{display:none}.rank-board.is-grouped .rank-row a{grid-template-columns:minmax(0,1fr) auto}.noscript-ranks{margin-top:18px}.noscript-ranks h3{margin:16px 0 6px;font-size:18px}.video-stage{position:relative}.video-track{padding:0;overflow:visible}.video-card a,.tool-card a{color:inherit;flex-direction:column;min-width:0;height:100%;text-decoration:none;display:flex}.video-card time{color:var(--body);margin-top:6px;font-size:14px;display:block}.carousel-controls{gap:8px;margin-top:12px;display:flex}.carousel-controls button{border-radius:var(--radius-btn);background:var(--blue-ghost);min-width:44px;min-height:44px;color:var(--link);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;transition:background var(--ease);border:1px solid #0000;padding:0 14px;font-weight:400}.carousel-controls button:hover{background:#d7ecfd}.empty-card{padding:28px 24px}.news-card,.learn-card{padding:20px}.news-card{flex-direction:column;gap:8px;min-height:100%;display:flex}.news-card time,.meta{font-family:var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--body);font-size:13px}.news-card h3,.tool-card h2,.learn-card h3{letter-spacing:.02em;margin:0;font-size:24px;line-height:1.25}.news-card h3 a{color:inherit;text-decoration:none}.news-card h3 a:hover{color:var(--link)}.news-card p,.learn-card p{color:var(--body);margin:0}.learn-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.learn-card{flex-direction:column;align-items:flex-start;gap:12px;min-height:100%;display:flex}.kind-pill,.status-pill{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);min-height:28px;color:var(--ink-95);font-family:var(--font);letter-spacing:0;text-transform:none;align-items:center;padding:0 10px;font-size:14px;font-weight:400;display:inline-flex}.faq-list{gap:10px;display:grid}.faq-item{padding:0 18px}.faq-item summary{cursor:pointer;min-height:56px;font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;font-weight:400;line-height:1.3;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"";border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:8px;height:8px;transition:transform var(--ease);flex:none;transform:rotate(45deg)}.faq-item[open] summary:after{transform:rotate(225deg)}.faq-item .faq-body{color:var(--body);max-width:68ch;padding:0 0 16px}.faq-item .faq-body p{margin:0 0 10px}.about-band{grid-template-columns:1.4fr .8fr;align-items:stretch;gap:16px;display:grid}.about-copy,.about-island{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--card);padding:28px}.about-copy h2{margin:0 0 12px}.about-copy p,.about-island p{color:var(--body);max-width:62ch;margin:0 0 12px}.about-island{flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.about-island .channel{letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(28px,3vw,40px);line-height:1.25}.site-footer{border-top:1px solid var(--line);margin-top:20px;padding:28px 0 40px}.footer-island{grid-template-columns:1.4fr 1fr 1fr;gap:28px;display:grid}.footer-island a{color:var(--ink-95);text-decoration:none}.footer-island a:hover{color:var(--link)}.footer-brand{letter-spacing:.03em;color:var(--ink);margin:0 0 8px;font-size:26px;line-height:1.3}.footer-island p,.footer-island li{color:var(--body);font-size:15px}.footer-island ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-label{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--body);margin:0 0 10px;font-size:13px}.page-intro{padding:48px 0 8px}.page-intro .dek{max-width:52ch;margin-top:12px}.tool-hero-shot{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--card);margin:28px 0;overflow:hidden}.tool-hero-shot img{aspect-ratio:auto;object-fit:contain;object-position:center top;background:var(--canvas);width:100%;height:auto}.shot-fallback{aspect-ratio:16/10;color:var(--body);background:var(--canvas);place-items:end center;display:grid;position:relative}.shot-fallback img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shot-fallback-label{z-index:1;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;margin:12px;padding:6px 12px;font-size:12px;position:relative}.video-frame{aspect-ratio:16/9;border-radius:var(--radius-card);background:var(--canvas);border:1px solid var(--line);margin:0 0 22px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.tool-grid{gap:28px;display:grid}.prose h2{letter-spacing:.02em;margin:32px 0 8px;font-size:28px;line-height:1.3}.prose p,.prose li{color:var(--body)}.steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;color:var(--ink-95);grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.steps li:before{content:counter(step);border-radius:var(--radius-pill);background:var(--blue-ghost);color:#000;width:32px;height:32px;font-family:var(--font);place-items:center;font-size:14px;display:grid}.rate-card{align-content:start;gap:14px;padding:20px;display:grid}.rate-card h2{letter-spacing:.02em;margin:0;font-size:22px;line-height:1.3}.rate-line{border-top:1px solid var(--line);grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:10px;font-size:15px;display:grid}.rate-line .rank-score{min-width:4.5rem}.pill-row{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.crumb-list{color:var(--body);flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.crumb-list li:not(:last-child):after{content:"/";color:var(--body);margin-left:8px}.group-block+.group-block{margin-top:36px}.group-block h2{margin:0 0 14px;font-size:22px}.source-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.prose-page{max-width:68ch}.prose-page h1{margin-bottom:8px}.prose-page h2{letter-spacing:.02em;margin:28px 0 8px;font-size:28px;line-height:1.3}.prose-page p,.prose-page li{color:var(--body)}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{background:radial-gradient(circle,#0075de29 0%,#62aef00d 42%,#0000 70%);border-radius:50%;width:46vw;height:46vw;animation:28s ease-in-out infinite blob-drift;position:absolute;transform:translate(0,0)}.blob-a{top:-12vw;left:-8vw}.blob-b{background:radial-gradient(circle,#f6d5b88c 0%,#ffb11014 46%,#0000 72%);animation-duration:34s;animation-direction:alternate;top:18vh;right:-10vw}.blob-c{background:radial-gradient(circle,#0075de1a 0%,#0000 68%);width:38vw;height:38vw;animation-duration:40s;bottom:-16vw;left:24vw}main,.site-footer,.demo-banner{z-index:1;position:relative}.newsletter{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);margin-top:28px;padding:24px}.newsletter-title{margin:0 0 8px;font-size:28px}.newsletter-soon .rank-empty-title{font-size:26px}.newsletter-form{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.newsletter-form .lede{flex:220px;margin:0}.newsletter-frame{background:var(--canvas);border:0;border-radius:8px;width:100%;min-height:280px}@keyframes blob-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4vw,3vh)scale(1.06)}}@media (width>=960px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:32px;display:grid}.tool-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);align-items:start}.rate-card{top:calc(var(--scroll-pad) + 8px);position:sticky}}@media (width<=959px){.fan{grid-template-columns:1fr;gap:16px;margin-top:28px;padding-top:0;display:grid}.fan-card,.fan-left,.fan-center,.fan-right{flex:none;width:auto;margin:0;transform:none}.fan-center{order:-1}.fan-card:hover,.fan-left:hover,.fan-center:hover,.fan-right:hover{transform:translateY(-4px)}.fan-card .cover-name,.fan-center .cover-name{font-size:clamp(22px,6vw,28px)}.blob-c{display:none}}@media (width<=800px){.hero-cards,.video-track,.card-grid,.learn-grid,.about-band,.footer-island{grid-template-columns:1fr}}@media (width<=720px){.container,.header-inner{width:min(var(--page), calc(100% - 32px))}.nav-desktop{display:none}.nav-mobile{display:block;position:relative}.nav-mobile summary{border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;place-items:center;padding:0 14px;font-weight:400;list-style:none;display:grid}.nav-mobile summary::-webkit-details-marker{display:none}.nav-mobile-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);gap:2px;width:min(280px,80vw);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.nav-mobile-panel a{color:var(--ink);border-radius:8px;align-items:center;min-height:44px;padding:0 10px;text-decoration:none;display:flex}.nav-mobile-panel a:hover{background:#f3f1ee}.rank-row a,.rank-board.is-grouped .rank-row a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num copy score""bar bar bar"}.rank-num{grid-area:num}.rank-copy{grid-area:copy}.rank-score{grid-area:score}.rank-bar{grid-area:bar}.rank-board.is-grouped .rank-row a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy score"}.rate-line{grid-template-columns:1fr auto}.rate-line .rank-bar{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}