[hidden]{display:none!important}
:root{--field:#101816;--panel:#1a2521;--ink:#f4f7f3;--muted:#b6c2bb;--line:#33433b;--mint:#2ee8b0;--mint-ink:#04241c;--lilac:#c3b6ef;--radius:22px;color-scheme:dark;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;background:var(--field);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button{font:inherit}img{max-width:100%;height:auto;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}.skip{position:absolute;top:12px;left:20px;transform:translateY(-200%);z-index:10;padding:12px;background:var(--mint);color:var(--mint-ink)}.skip:focus{transform:none}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.site-header{width:min(1320px,calc(100% - 80px));margin:auto;padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.studio{display:inline-flex;gap:12px;align-items:center;font-size:17px;font-weight:600;text-decoration:none;white-space:nowrap}.site-header nav,.site-footer nav{display:flex;gap:28px;align-items:center}.site-header nav a,.site-footer nav a{text-decoration:none;color:var(--muted);font-size:15px}.site-header nav a:hover,.site-footer nav a:hover{color:var(--ink)}h1,h2,h3,p{margin-top:0}h1{font-weight:600;letter-spacing:-.057em;line-height:1.05;font-size:clamp(42px,5.3vw,72px);margin-bottom:25px}h2{font-size:clamp(28px,3vw,41px);line-height:1.18;letter-spacing:-.035em;font-weight:600;margin-bottom:20px}h3{font-size:23px;letter-spacing:-.02em;margin-bottom:12px}p{line-height:1.65;color:var(--muted);max-width:68ch;font-size:17px}strong{color:var(--ink)}.intro{font-size:16px;color:var(--mint);margin-bottom:23px}.lead{font-size:20px;line-height:1.6;max-width:48ch}.small-note,.fine{font-size:14px}.small-note{margin-top:22px;margin-bottom:0}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.button{padding:15px 23px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;font-weight:600;font-size:16px;text-decoration:none;line-height:1.25}.primary{background:var(--mint);color:var(--mint-ink)}.primary:hover{background:#75f4cc}.secondary{background:var(--panel);border:1px solid var(--line)}.text-link{font-size:16px;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:590px;padding-block:70px 90px}.hero-copy{padding-block:20px}.hero-board{background:var(--lilac);color:#242236;border-radius:30px;padding:30px;box-shadow:0 18px 0 -10px #756d92;transform:rotate(2deg)}.board-heading{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:30px}.board-heading img{width:44px;height:44px;filter:brightness(0) saturate(100%)}.board-heading>span:first-of-type{font-size:30px;letter-spacing:-2px;font-weight:600}.board-caption{flex-basis:100%;font-size:15px;padding-left:12px;padding-top:8px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.board-column>p{font-size:14px;color:#454054;margin-bottom:12px;padding-left:9px}.rank-item{display:flex;gap:10px;align-items:center;background:#e9e2fa;min-height:66px;padding:12px;border-radius:12px;margin-bottom:10px;font-weight:600;font-size:15px}.rank-number{font-size:24px;line-height:1.1;min-width:24px;color:#59516b;font-weight:500}.board-bottom{font-size:14px;margin:22px 0 0;color:#454054;text-align:center}.home-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;padding-block:60px 80px;border-top:1px solid var(--line)}.mode-preview{display:grid;grid-template-columns:1fr 1fr;gap:35px}.mode-preview p{font-size:16px;margin-bottom:0}.mode-symbol{display:inline-block;font-size:20px;word-spacing:9px;color:var(--mint);border-bottom:2px solid var(--mint);padding-bottom:9px;margin:4px 0 22px;font-weight:600}.mode-symbol.tiers{color:var(--lilac);border-color:var(--lilac)}.help-band{padding-block:52px 75px;border-top:1px solid var(--line)}.help-band>h2{font-size:26px}.help-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.help-links a{border-left:3px solid var(--line);padding:5px 22px;text-decoration:none}.help-links a:hover{border-color:var(--mint)}.help-links strong{display:block;font-size:20px;font-weight:500;margin-bottom:10px}.help-links span{display:block;font-size:15px;color:var(--muted);line-height:1.5}.site-footer{width:min(1320px,calc(100% - 80px));margin:auto;border-top:1px solid var(--line);padding-block:35px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 30px}.site-footer>p{margin:0;font-size:14px;grid-row:2;grid-column:1}.site-footer .fine{grid-column:2;text-align:right}.site-footer nav{grid-column:2;grid-row:1}.rankd-hero{padding-block:75px 65px;max-width:850px;margin-inline:auto;text-align:center}.app-title{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:27px}.app-icon{width:86px;height:86px;border:1px solid #446153;background:#1e382d;border-radius:22px;display:grid;place-items:center}.app-icon img{width:76px;height:76px;filter:brightness(0) saturate(100%) invert(89%) sepia(45%) saturate(3442%) hue-rotate(95deg) brightness(101%) contrast(82%)}.app-title h1{font-size:56px;margin-bottom:6px;text-align:left}.app-title p{margin:0;font-size:15px}.rankd-hero>.lead{margin-inline:auto}.rankd-hero .actions{justify-content:center}.play-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-block:65px 85px;border-top:1px solid var(--line);scroll-margin-top:24px}.play-copy h2{font-size:46px}.demo{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.demo-progress{margin-bottom:16px;font-size:14px}.demo-card{background:#29342f;border-radius:13px;overflow:hidden;position:relative;min-height:138px}.demo-card img{width:100%;height:158px;object-fit:cover;opacity:.57}.demo-card>p{font-size:28px;font-weight:600;letter-spacing:-.035em;color:white;position:absolute;bottom:3px;left:20px;right:20px;z-index:1;text-shadow:0 1px 12px #000;margin:0}.demo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0009);pointer-events:none}.demo-card.complete{min-height:80px;background:#1c4232}.demo-card.complete>p{position:static;padding:20px;font-size:25px}.demo-card.complete:after{content:none}#demo-instruction{font-size:15px;margin:17px 0}.demo-slots{display:grid;gap:10px}.demo-slots button{display:flex;align-items:center;gap:18px;min-height:58px;border:1px solid #52665b;background:transparent;color:var(--ink);border-radius:11px;padding:11px 15px;text-align:left;cursor:pointer;font-size:15px}.demo-slots button>span:first-child{color:var(--mint);font-size:24px;min-width:18px}.demo-slots button:not(:disabled):hover{background:#2d4438;border-color:var(--mint)}.demo-slots button:disabled{cursor:default;border-color:#324c3e;background:#20362a}.reset{display:inline-block;padding:9px 0;margin-top:14px;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:5px;cursor:pointer;font-size:14px}.reset:hover{color:var(--ink)}.modes-section{padding-block:45px 75px}.modes-section>h2{margin-bottom:45px}.modes-section .mode-preview{gap:80px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-block:55px 65px}.facts h2{font-size:29px}.page-heading{padding-block:75px 60px}.page-heading .lead{max-width:52ch}.contact-email{margin-top:18px;font-size:16px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:35px 55px;border-top:1px solid var(--line)}.support-grid h2{font-size:28px}.support-grid h2:not(:first-child){margin-top:42px}.support-grid p{font-size:16px}.faq{padding-block:15px 60px;max-width:850px;margin-inline:auto}.faq>h2{font-size:29px}.faq details{border-bottom:1px solid var(--line);padding-block:20px}.faq summary{cursor:pointer;font-size:18px;line-height:1.5}.faq details p{margin:18px 0 0;font-size:16px}.contact-block{border-top:1px solid var(--line);padding-block:45px 70px}.contact-block h2{font-size:27px}.contact-block address{font-style:normal;line-height:1.9;color:var(--muted);font-size:16px}.legal-links{display:grid;gap:22px;padding-bottom:60px}.legal-links>a{display:flex;gap:24px;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px}.legal-links>a:hover{border-color:var(--mint)}.legal-links h2{font-size:29px;margin-bottom:10px}.legal-links p{margin-bottom:15px;font-size:16px}.legal-links span:not(.document-symbol){color:var(--muted);font-size:14px}.document-symbol{font-size:25px;background:#2e4638;color:var(--mint);width:54px;height:64px;flex-shrink:0;border-radius:4px 12px 4px 4px;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{min-height:650px}}
@media(max-width:900px){.wrap,.site-header,.site-footer{width:calc(100% - 48px)}.hero{gap:35px;padding-block:50px 65px;min-height:520px}h1{font-size:50px}.hero-board{padding:22px}.rank-item{padding:9px;gap:6px;font-size:13px;min-height:59px}.home-feature,.play-section,.facts,.support-grid{gap:45px}.home-feature{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{grid-column:1;grid-row:3}.site-footer .fine{grid-column:1;grid-row:4;text-align:left}.play-copy h2{font-size:37px}}
@media(max-width:650px){.wrap,.site-header,.site-footer{width:calc(100% - 36px)}.site-header{padding-block:21px;gap:12px}.studio{font-size:14px;gap:9px}.site-header nav{gap:15px}.site-header nav a{font-size:13px}.hero{grid-template-columns:1fr;gap:30px;padding-block:22px 55px}.hero-copy{padding-bottom:7px}h1{font-size:50px;letter-spacing:-.052em}.hero .lead{font-size:18px}.intro{font-size:14px;margin-bottom:18px}.hero-board{transform:none;padding:25px;margin:0 3px 8px}.board-heading{margin-bottom:23px}.rank-item{font-size:14px;min-height:61px;gap:8px;padding:10px}.board-column>p{font-size:13px}.board-bottom{font-size:13px}.actions{gap:23px;margin-top:26px}.button{font-size:15px;padding:15px 20px}.home-feature{padding-block:40px 48px;gap:35px}.mode-preview{gap:25px}.mode-preview h3{font-size:20px}.mode-preview p{font-size:15px}.help-band{padding-block:37px 45px}.help-band>h2{font-size:25px}.help-links{grid-template-columns:1fr;gap:28px}.site-footer{padding-block:30px 24px;gap:18px}.site-footer nav{gap:18px;flex-wrap:wrap}.site-footer nav a{font-size:13px}.rankd-hero{padding-block:40px 45px}.app-title{gap:15px}.app-title h1{font-size:45px}.app-icon{width:72px;height:72px;border-radius:19px}.app-icon img{width:62px;height:62px}.app-title p{font-size:13px}.rankd-hero>.lead{font-size:18px}.rankd-hero .actions{gap:13px}.rankd-hero .small-note{font-size:13px}.play-section{grid-template-columns:1fr;gap:30px;padding-block:36px 45px}.play-copy h2{font-size:36px}.demo{padding:21px}.demo-card img{height:175px}.modes-section{padding-block:24px 43px}.modes-section .mode-preview{gap:30px}.modes-section>h2{font-size:28px;margin-bottom:30px}.facts{grid-template-columns:1fr;gap:24px;padding-block:37px 40px}.facts h2{font-size:27px}.facts p{font-size:16px}.page-heading{padding-block:37px 40px}.page-heading h1{font-size:45px}.page-heading .lead{font-size:18px}.support-grid{grid-template-columns:1fr;gap:25px;padding-block:35px 40px}.support-grid h2{font-size:27px}.faq{padding-block:12px 43px}.faq summary{font-size:17px}.contact-block{padding-block:36px 45px}.contact-block h2{font-size:25px}.contact-block address{font-size:15px}.legal-links{padding-bottom:40px}.legal-links>a{padding:23px 18px;gap:15px}.legal-links h2{font-size:25px}.legal-links p{font-size:15px}.document-symbol{width:40px;height:50px;font-size:22px}}
@media(max-width:360px){.site-header nav{gap:10px}.studio{font-size:13px}.hero h1{font-size:44px}.hero-board{padding:19px}.rank-item{font-size:12px}.mode-preview{grid-template-columns:1fr;gap:35px}.rankd-hero .button{width:100%}.app-title h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.store-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.store-link{display:flex;align-items:center;gap:11px;background:#090d0c;border:1px solid #52645b;border-radius:12px;padding:11px 17px;text-decoration:none;min-height:62px}.store-link:hover{border-color:var(--mint)}.store-link svg{width:29px;height:29px;flex-shrink:0}.store-link small{display:block;color:var(--muted);font-size:11px;line-height:1.4}.store-link strong{display:block;font-size:19px;line-height:1.4;font-weight:500;white-space:nowrap}.rankd-hero .store-links{justify-content:center}@media(max-width:360px){.store-link{padding:10px 12px;gap:8px}.store-link strong{font-size:17px}}

.studio-logo{display:block;width:174px;height:40px;flex-shrink:0}@media(max-width:650px){.studio-logo{width:144px;height:auto}}