:root{font-family:Manrope,system-ui,sans-serif;color:#171d35;background:#f8f9fc;font-synthesis:none;--navy:#080b1c;--cyan:#00c8e9;--violet:#a855f7;--muted:#a3acc6;--line:#ffffff16}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #00a6c7;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(2.8rem,5.2vw,5.2rem);font-weight:800;line-height:1.07;margin-bottom:26px}h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.17;margin-bottom:24px}h3{font-size:1.22rem;line-height:1.4}p{line-height:1.8}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.dark{background:var(--navy);color:#f8f9ff}.light{background:#f8f9fc}.site-header{border-bottom:1px solid var(--line)}.light .site-header{background:#fff;border-color:#e6e8ef}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:30px;letter-spacing:-1.6px}.brand img{border-radius:11px}.brand-dot{color:var(--cyan);margin-left:-8px}.nav nav{display:flex;gap:30px;font-size:14px}.nav nav a{color:#a3acc6}.light .nav nav a{color:#555e75}.nav nav a:hover,.nav nav a[aria-current]{color:var(--cyan)}.nav-actions{display:flex;gap:24px;align-items:center;font-size:13px}.locale{font-weight:700}.locale span{color:#75839c;margin-left:5px}.nav-cta{background:var(--cyan);color:var(--navy);font-weight:800;padding:13px 21px;border-radius:8px}.nav-cta span{margin-left:16px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--cyan);margin-bottom:22px;text-transform:uppercase}.light .eyebrow,.journal .eyebrow{color:#087e98}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #00c8e955}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;min-height:760px;padding-top:68px;padding-bottom:72px}.hero h1{font-size:clamp(3rem,5.3vw,5rem)}.hero-description{font-size:17px;max-width:480px;color:#aeb7d0;margin-bottom:32px}.gradient-text{color:var(--cyan);background:linear-gradient(100deg,#09d4ee 15%,#8b87ff 94%);background-clip:text;-webkit-text-fill-color:transparent}.ink-gradient{color:#077e99;background:linear-gradient(110deg,#087b96,#7b46b7);background-clip:text;-webkit-text-fill-color:transparent}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.play-button{display:inline-flex;align-items:center;gap:13px;padding:12px 16px;background:#fff;color:#080b1c;border:1px solid #d3d8e5;border-radius:10px;min-width:192px;text-align:left;white-space:nowrap;transition:transform .18s}.play-button:hover{transform:translateY(-3px)}.play-button small{display:block;font-size:8px;letter-spacing:.08em}.play-button strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.6px}.button-arrow{margin-left:10px;color:#69758d;font-size:21px}.quiet-link{font-size:13px;font-weight:700}.quiet-link span{margin-left:12px;color:var(--cyan)}.hero-note{margin-top:26px;font-size:11px;color:#9ba6c0}.hero-note span{color:var(--cyan);margin-right:6px}.hero-visual{height:596px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;width:100%;height:80%;background:radial-gradient(ellipse,#044e744f,transparent 70%);z-index:-1}.screenshot-frame{width:258px;transform:rotate(7deg);border:1px solid #444e72;border-radius:28px;overflow:hidden;box-shadow:25px 28px 70px #0007;position:relative}.screenshot-frame img{width:100%;height:auto}.orbit{position:absolute;width:110%;height:65%;border:1px solid #188ca12d;border-radius:50%;transform:rotate(-32deg);z-index:-1}.orbit-two{width:85%;height:95%;border-color:#8752d833;transform:rotate(25deg)}.visual-star{position:absolute;top:20px;right:12%;font-size:60px;color:var(--cyan)}.floating-tag{position:absolute;left:0;bottom:64px;background:#151d34ed;backdrop-filter:blur(12px);border:1px solid #ffffff20;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 15px 40px #0004}.floating-tag small{display:block;font-size:8px;letter-spacing:.15em;color:#9ba6c0;margin-bottom:5px}.floating-tag strong{font-size:12px}.tag-icon{border-radius:50%;background:#00c8e91c;color:var(--cyan);padding:6px 12px;font-size:24px}.activity-strip{border-block:1px solid var(--line);background:#0d1227}.activity-strip .container{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:26px;flex-wrap:wrap}.activity-strip span{font-size:9px;letter-spacing:.12em;color:#8e9ab4}.activity-strip strong{font-size:15px;font-weight:600;color:#cad3e7}.section{padding-block:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:340px;color:#9da8c3;font-size:14px;margin-bottom:0}.muted{color:#8e9ab5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #29334e;padding-top:24px}.step-number{font-size:12px;font-weight:800;color:var(--cyan);display:block;margin-bottom:36px}.step h3{max-width:220px}.step p{font-size:14px;color:#a0abc5;margin-bottom:0}.reward-section{background:#0e142b;padding-block:80px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.reward-grid>div>p{color:#a5afc8;font-size:15px;max-width:410px}.text-link{font-size:13px;font-weight:800;display:inline-flex;gap:18px;align-items:center;color:var(--cyan)}.reward-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.reward-tile{border-radius:16px;padding:26px 22px;border:1px solid #ffffff13;background:linear-gradient(160deg,#163543,#11172d)}.game-reward{background:linear-gradient(160deg,#2a1b47,#11172d);margin-top:32px;margin-bottom:-32px}.tile-caption{font-size:8px;letter-spacing:.14em;display:block;color:#b8c7da;margin-bottom:30px}.reward-tile img{object-fit:contain;margin-bottom:26px}.reward-tile h3{font-size:20px}.reward-tile p{font-size:12px;color:#b1bad1;margin-bottom:0}.game-symbol{font-size:58px;color:#c49bff;display:block;line-height:70px;margin-bottom:26px}.fine-print{font-size:10px;color:#94a1be;line-height:1.8;margin-top:60px;margin-bottom:0}.journal{background:#f5f6fb;color:#151c35}.journal .muted{color:#66728c}.journal .text-link,.light .text-link{color:#087f98}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.post-art{position:relative;height:200px;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#0b2033;color:#e5fcff;isolation:isolate}.post-art:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #fff3;border-radius:50%;right:-65px;top:-12px;z-index:-1}.art-start{background:linear-gradient(120deg,#0c1c36,#075a6c)}.art-points{background:linear-gradient(120deg,#1e1735,#5e3c88)}.art-surveys{background:linear-gradient(120deg,#103834,#287867)}.art-rewards{background:linear-gradient(120deg,#1b2242,#444a8b)}.art-label{font-size:8px;letter-spacing:.13em;color:#ffffffa8}.art-symbol{position:absolute;font-size:120px;font-weight:400;line-height:1;right:15px;top:35px;color:#ffffff69}.art-word{font-size:24px;font-weight:800;letter-spacing:-.05em;z-index:1;max-width:180px}.post-meta{display:flex;justify-content:space-between;gap:8px;margin-top:22px;font-size:9px;color:#657089}.post-meta>span{font-weight:800;color:#08758c}.post-card h3{font-size:21px;margin-top:12px;margin-bottom:12px}.post-card h3 a:hover{text-decoration:underline}.post-card>p{color:#647086;font-size:13px;line-height:1.8}.post-card .text-link{font-size:11px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faqs details{border-bottom:1px solid #27314c;padding-block:22px}.faqs details:first-child{padding-top:0}.faqs summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-weight:600;font-size:14px}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{color:var(--cyan);font-size:21px}.faqs details[open] summary span{transform:rotate(45deg)}.faqs p{font-size:13px;color:#a9b4cd;margin:18px 0 0}.bottom-cta{padding:60px 32px;text-align:center;border:1px solid #ffffff16;border-radius:22px;background:radial-gradient(ellipse at 50% 100%,#17364f70,transparent 70%),#0e152b;margin-bottom:85px}.bottom-cta .eyebrow{justify-content:center}.bottom-cta h2{font-size:clamp(2rem,3vw,2.8rem)}footer{border-top:1px solid #ffffff16;background:#080b1c;color:#eaf0ff;padding-block:50px 24px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-top p{font-size:12px;color:#8e9ab5;margin-top:16px}.footer-links{display:flex;align-items:start;flex-wrap:wrap;gap:24px;font-size:11px;color:#b5bed4}.footer-bottom{border-top:1px solid #ffffff16;margin-top:32px;padding-top:24px;display:flex;justify-content:space-between;gap:32px;font-size:9px;color:#97a3bf}.footer-bottom p{max-width:530px;margin:0}.footer-bottom>a{white-space:nowrap}.skip{position:absolute;top:-100px;left:12px;z-index:99;padding:12px;background:#fff;color:#080b1c}.skip:focus{top:12px}.blog-intro{padding-top:78px;padding-bottom:50px}.blog-intro h1{font-size:clamp(2.8rem,5vw,4.5rem)}.blog-intro>p{color:#657089;max-width:520px}.topic-labels{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.topic-labels span{border:1px solid #dce0e9;border-radius:30px;font-size:11px;padding:9px 16px;color:#606b80}.blog-list{padding-bottom:100px}.blog-list .posts-grid{row-gap:56px}.article-shell{max-width:820px;padding-top:45px;padding-bottom:85px}.breadcrumb{font-size:12px;color:#5a6985;display:inline-block;margin-bottom:48px}.article-header h1{font-size:clamp(2.3rem,4.2vw,3.7rem);line-height:1.13}.article-lede{font-size:18px;color:#606b82;line-height:1.8;max-width:710px}.article-byline{display:flex;align-items:center;gap:12px;margin-block:28px 48px;font-size:12px}.article-byline img{border-radius:10px}.article-byline small{display:block;color:#6a768e;margin-top:4px;font-size:10px}.prose{max-width:720px;font-size:16px;color:#3f4b64;line-height:1.9}.prose h2{font-size:26px;margin-top:42px;color:#18203a}.prose h3{font-size:20px;margin-top:30px;color:#18203a}.prose a{color:#08798f;text-decoration:underline;text-underline-offset:3px}.prose li{padding-left:5px;margin-bottom:12px}.prose ul,.prose ol{padding-left:24px}.prose blockquote{margin:28px 0;border-left:3px solid #00a5c3;padding:10px 24px;background:#eaf3f6}.prose blockquote p{margin:0}.article-download{margin-top:50px;padding:28px;border-radius:14px;background:#101931;color:#fff;display:flex;gap:20px;align-items:center;justify-content:space-between}.article-download h2{font-size:21px;margin-bottom:10px}.article-download p{font-size:12px;color:#b4bfd7;margin-bottom:0}.related{margin-top:45px}.related h2{font-size:23px}.related>a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #dce1eb;font-size:14px}.related>a>span{color:#087e98}.info-page{padding-block:80px;max-width:960px}.info-page h1{font-size:clamp(2.8rem,4.5vw,4.5rem)}.info-page .prose{margin-top:40px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.help-grid>a{padding:28px;background:#fff;border:1px solid #e0e5ee;border-radius:14px}.help-grid>a>span{color:#087f98;font-size:12px;font-weight:800}.help-grid h2{font-size:24px;margin-top:25px}.help-grid p{font-size:13px;color:#67738b;overflow-wrap:anywhere}@media(min-width:1500px){.hero{min-height:820px}}@media(max-width:1000px){.container{width:calc(100% - 56px)}.hero{gap:20px;min-height:650px}.hero h1{font-size:3.6rem}.hero-visual{height:520px}.screenshot-frame{width:220px}.floating-tag{left:-12px;bottom:42px}.section{padding-block:75px}.reward-grid{gap:30px}.reward-tile{padding:22px 15px}.posts-grid{gap:22px}.faq-section{gap:40px}.footer-links{gap:18px}.hero-actions{gap:20px}.hero-description{font-size:15px}}@media(max-width:700px){.container{width:calc(100% - 40px)}.nav{min-height:78px;gap:12px;flex-wrap:wrap;padding-block:17px}.brand{font-size:26px;gap:7px}.brand img{width:30px;height:30px;border-radius:8px}.nav-actions{gap:14px;margin-left:auto}.nav-cta{font-size:11px;padding:10px 13px}.nav-cta span{margin-left:8px}.nav nav{order:3;width:100%;justify-content:center;font-size:12px;gap:36px;padding-top:9px}.locale{font-size:11px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:38px;gap:14px}.hero h1{font-size:clamp(2.8rem,10vw,4rem)}.hero-description{font-size:15px;max-width:410px}.eyebrow{font-size:9px;margin-bottom:18px}.hero-visual{height:500px;margin-inline:auto;width:min(100%,400px)}.screenshot-frame{width:218px}.visual-star{font-size:45px;right:8%;top:15px}.floating-tag{left:4px;bottom:35px;padding:12px}.activity-strip .container{justify-content:center;gap:18px 26px;padding-block:24px}.activity-strip span{width:100%;text-align:center}.activity-strip strong{font-size:12px}.section{padding-block:60px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:32px}.section-heading>p{max-width:100%}.steps{grid-template-columns:1fr;gap:24px}.step{padding-left:48px;position:relative;padding-top:22px}.step-number{position:absolute;left:0;top:27px}.step h3{max-width:none;margin-bottom:10px}.reward-section{padding-block:60px}.reward-grid{grid-template-columns:1fr;gap:32px}.reward-tile{padding:24px 18px}.reward-tile h3{font-size:19px}.reward-tile p{font-size:11px}.fine-print{margin-top:65px}.posts-grid{grid-template-columns:1fr;gap:36px}.post-art{height:210px}.post-card h3{font-size:22px}.post-meta{font-size:10px}.post-card>p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:32px}.faq-section h2 br{display:none}.bottom-cta{padding:38px 20px;margin-bottom:50px}.footer-top,.footer-bottom{flex-direction:column;gap:20px}.footer-links{gap:18px;font-size:12px}.footer-bottom{font-size:10px}.blog-intro{padding-top:50px}.blog-intro h1{font-size:2.8rem}.article-shell{padding-top:30px;padding-bottom:60px}.breadcrumb{margin-bottom:32px}.article-header h1{font-size:2.4rem}.article-lede{font-size:16px}.prose{font-size:15px}.article-download{flex-direction:column;align-items:start;padding:24px}.info-page{padding-block:50px}.help-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.topic-labels a{border:1px solid #dce0e9;border-radius:30px;font-size:12px;padding:10px 16px;color:#44536e;background:#fff}.topic-labels a:hover{border-color:#078298;color:#08798f}.blog-search{display:block;max-width:620px;margin-top:28px;font-size:13px;font-weight:700}.blog-search input{display:block;width:100%;padding:15px 18px;border:1px solid #cdd5e3;border-radius:10px;margin-top:10px;font:inherit;color:#172039;background:#fff}.blog-search input:focus-visible{outline:3px solid #00a6c7;outline-offset:3px}.blog-intro #search-status{color:#53617b;margin-top:12px}.featured-guide{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;padding:36px;border-radius:20px;background:#eaf3f6;margin-bottom:64px}.featured-guide>div{align-self:center}.featured-guide .post-card>p,.featured-guide .post-card>.text-link,.featured-guide .post-card>h3,.featured-guide .post-meta{display:none}.featured-guide .post-cover{border-radius:12px}.topic-section{margin-bottom:68px;scroll-margin-top:30px}.topic-section .section-heading{margin-bottom:28px}.topic-section .section-heading h2{font-size:29px}.post-cover{width:100%;height:auto;border-radius:13px;aspect-ratio:1200/630;object-fit:cover}.post-card[hidden],.topic-section[hidden],[data-featured][hidden]{display:none!important}.article-cover{width:100%;height:auto;border-radius:14px;margin-bottom:30px}.article-summary{background:#eaf3f6;border-left:3px solid #0b9bae;padding:24px 28px;border-radius:0 12px 12px 0;margin-bottom:30px}.article-summary h2{font-size:19px;margin-bottom:14px}.article-summary ul{padding-left:20px;margin:0;color:#40526b;font-size:14px;line-height:1.9}.article-toc{padding:24px;border:1px solid #d9e0eb;border-radius:12px;margin-bottom:35px;font-size:13px}.article-toc ol{padding-left:20px;margin-bottom:0;line-height:2}.article-toc a{color:#08798f;text-decoration:underline;text-underline-offset:3px}.prose h2[id]{scroll-margin-top:30px}.article-byline a{color:#08798f;text-decoration:underline;text-underline-offset:3px}.article-byline small{line-height:1.8}.article-sources h2{font-size:24px}.article-figure{margin:0;min-width:0;scroll-margin-top:30px}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{font-size:11px;color:#61728a;text-align:center;margin-top:10px;line-height:1.7}.image-placeholder>div{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:repeating-linear-gradient(135deg,#f0f4fa,#f0f4fa 12px,#f7f9fc 12px 24px);border:2px dashed #bacbdc;border-radius:12px;padding:26px;color:#455b77}.image-placeholder>div>span{font-size:32px;color:#14879c}.image-placeholder strong{font-size:14px;line-height:1.6}.image-placeholder small{font-size:11px;color:#68798f}.article-sources{margin-block:38px;padding-top:24px;border-top:1px solid #dce1eb}.article-sources ul{padding-left:20px;font-size:13px;line-height:2}.article-sources a{color:#08798f;text-decoration:underline}.editorial-draft{padding:18px 22px;border:1px solid #d8bd74;border-radius:10px;background:#fff6dd;color:#68531b;font-size:13px;line-height:1.8;margin-bottom:30px}@media(max-width:700px){.featured-guide{grid-template-columns:1fr;padding:24px;gap:25px;margin-bottom:44px}.featured-guide h2{font-size:25px}.article-summary{padding:20px}.topic-section{margin-bottom:48px}.article-byline small{max-width:270px}.topic-labels{gap:8px}.topic-labels a{font-size:11px;padding:9px 12px}}.prose:has(.guide-step){max-width:900px}.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:start;gap:32px;margin:44px 0;padding-bottom:36px;border-bottom:1px solid #e4e9ef}.guide-copy>h2:first-child{margin-top:0}.guide-copy>p:first-child{margin-top:0}.guide-copy>:last-child{margin-bottom:0}.guide-media{display:grid;gap:24px;min-width:0}.screenshot-window{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:var(--screenshot-ratio);border-radius:14px;background:#080b1c;box-shadow:0 8px 24px #15294414}.prose .screenshot-window img{position:absolute;top:0;left:0;display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0;border-radius:0;transform:translateY(var(--screenshot-offset))}.prose .article-figure figcaption{font-size:12px;line-height:1.6;margin:12px 0 0;color:#53647a}.prose .image-placeholder strong{font-size:14px}.prose .image-placeholder small{font-size:12px}.prose .image-placeholder>div{min-height:180px}.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid #dce3ec}.prose th{background:#edf3f7;font-weight:700}@media(max-width:700px){.guide-step{grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0;padding-bottom:28px}.guide-media{width:min(100%,300px);margin-inline:auto}.guide-copy{min-width:0}}.screenshot-trigger{display:block;position:relative;width:100%;padding:0;border:0;border-radius:14px;background:transparent;cursor:zoom-in;font:inherit;text-align:inherit}.screenshot-trigger:focus-visible{outline:3px solid #078298;outline-offset:5px}.screenshot-expand{display:inline-block;margin-top:9px;padding:6px 10px;border:1px solid #c9dce4;border-radius:7px;background:#eaf3f6;color:#08798f;font:700 11px/1.4 Manrope,system-ui,sans-serif}.screenshot-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:16px;overflow:auto;background:#f8f9fc;color:#172039}.screenshot-dialog::backdrop{background:#080b1cc9}.screenshot-dialog form{display:flex;justify-content:flex-end;margin:0 0 14px}.screenshot-close{padding:9px 14px;border:1px solid #b9c7d9;border-radius:8px;background:#fff;color:#172039;font:700 13px Manrope,system-ui,sans-serif;cursor:pointer}.screenshot-dialog .screenshot-window{box-shadow:none}.screenshot-dialog .screenshot-window img{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(var(--screenshot-offset))}