@font-face{font-family:Fira Mono;src:url('/fonts/FiraMono-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#101112;--surface:#151718;--text:#eef0f2;--muted:#8b8f93;--line:#ffffff10;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 13px/1.65 'Fira Mono',monospace}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{background-color:#ffffff14;outline:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h2,h3,p{margin:0}h2,h3{font-weight:400;letter-spacing:-.04em}p{color:var(--muted)}[hidden]{display:none!important}
.terrain{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url('/ui-icons/topography-v2.svg');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.025}.terrain::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#aab1b80b,transparent 65%)}
.header{position:fixed;z-index:30;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1168px;transition:top .5s var(--ease),max-width .5s var(--ease)}.nav{height:60px;padding:8px 10px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:18px;transition:background .5s,box-shadow .5s,border-color .5s,padding .6s,border-radius .8s;backdrop-filter:blur(0)}.header.scrolled{top:12px;max-width:980px}.scrolled .nav{border-color:var(--line);background:#171819e8;backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 12px 40px #0003;padding-inline:16px}.brand{display:flex;align-items:center}.brand img{width:36px;height:36px;transform:scale(1.55);transition:transform .4s var(--ease),filter .2s}.brand:hover img{transform:scale(1.55);filter:drop-shadow(0 0 7px #fff3)}.nav-pages,.nav-account{display:flex;align-items:center;gap:4px}.nav-account{margin-left:auto}.nav-link{font-size:11px;padding:8px 13px;border-radius:999px;transition:background .18s}.nav-link:hover,.nav-link.active{background:#ffffff10}.nav-divider{height:18px;width:1px;background:var(--line);margin-inline:10px}.menu-toggle{display:none;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff08;padding:10px}.menu-toggle span{display:block;height:1px;background:#eee;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-menu{margin-top:8px;padding:10px;background:#171819f5;border:1px solid var(--line);border-radius:18px}.mobile-menu a{display:block;padding:12px;border-radius:10px}.mobile-menu a:hover{background:#ffffff08}
.page{max-width:1168px;margin:0 auto;padding:0 24px}.hero{height:980px;max-height:98svh;min-height:660px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:70px}.hero-haze{position:absolute;inset:8% 0 0;background:radial-gradient(ellipse at center,#bbc3cc0c,transparent 65%);pointer-events:none}.logo-tile{position:relative;width:202px;height:202px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;transform-style:preserve-3d}.hero-logo{width:260px;height:260px;max-width:none;filter:drop-shadow(0 0 18px #ffffff0c)}.start{position:absolute;bottom:70px;display:flex;gap:9px;align-items:center;font-size:11px;padding:8px 15px;border:1px solid #ffffff0b;background:linear-gradient(145deg,#343638,#1b1d1f);border-radius:999px;transition:filter .2s,transform .2s}.start:hover{filter:brightness(1.2);transform:translateY(-2px)}.start span{display:inline-block;transition:transform .2s}.start:hover span{transform:translateX(4px)}
.benefits{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#1b1d1ff2,#121415f5);overflow:hidden}.benefit{display:flex;gap:24px;align-items:center;padding:25px 32px}.benefit+.benefit{border-top:1px solid var(--line)}.benefit-icon{width:36px;flex:0 0 36px;color:#cdd1d5}.benefit h2{font-size:25px;line-height:1.3;margin-bottom:5px}.benefit p{font-size:11px;max-width:940px}.section{margin-top:64px}.section-heading{padding:26px 0 18px;border-top:1px solid var(--line)}.section-heading h2{font-size:24px;line-height:1.4}.section-heading p{font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.feature{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 28px;min-height:245px;background:#090a0bec;border:1px solid #ffffff04;border-radius:24px;transition:background .2s,border-color .2s;overflow:hidden}.feature::before{content:'';position:absolute;inset:0;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#ffffff07,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}.feature:hover{background:#111315;border-color:#ffffff10}.feature:hover::before{opacity:1}.feature-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;background:linear-gradient(145deg,#2b2e31,#191b1d);border:1px solid #ffffff06;border-radius:16px;box-shadow:0 0 24px #ffffff04}.feature-icon svg{width:32px;height:32px}.feature h3{font-size:23px;line-height:1.4}.feature p{font-size:11px;max-width:460px;margin:5px 0}.feature>a{margin-top:auto;padding-top:8px;font-size:10px;color:#71767a}.feature>a:hover{color:#eee}.faqs{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#090a0bed}.faq+.faq{border-top:1px solid var(--line)}.faq-question{display:flex;align-items:center;gap:12px;width:100%;padding:22px 24px;border:0;background:transparent;text-align:left;font-size:12px;transition:background .15s}.faq-question:hover{background:#ffffff04}.faq-question svg{width:16px;height:16px;flex:0 0 16px;transition:transform .3s}.faq-question[aria-expanded=true] svg{transform:rotate(180deg)}.faq-answer{overflow:hidden;height:0;color:#92979c;font-size:12px}.faq-answer>div{padding:0 24px 24px 52px;max-width:940px}footer{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:64px;padding:36px 0;font-size:10px;color:#74797e;border-top:1px solid var(--line)}footer a:hover{color:#ddd}.footer-brand{display:flex;gap:6px;align-items:center}.footer-brand img{transform:scale(1.4)}
@media(max-width:700px){.header{width:calc(100% - 24px);top:10px}.nav{height:56px}.nav-link{padding:8px 10px}.nav-account{display:none}.menu-toggle{display:block;margin-left:auto}.page{padding:0 16px}.hero{height:760px;min-height:560px;max-height:90svh}.logo-tile{width:150px;height:150px;border-radius:28px}.hero-logo{width:200px;height:200px}.start{bottom:56px}.benefit{padding:24px 20px;gap:16px;align-items:flex-start}.benefit h2{font-size:19px}.benefit p{font-size:10px}.feature{padding:28px 16px;min-height:250px;border-radius:20px}.feature h3{font-size:18px}.feature p{font-size:10px}.feature-icon{width:52px;height:52px;border-radius:13px}.feature-icon svg{width:28px;height:28px}.section-heading h2{font-size:20px}.faq-question{padding:20px 16px;font-size:11px}.faq-answer>div{padding-left:44px;padding-right:16px}.section{margin-top:40px}}@media(max-width:440px){.feature-grid{grid-template-columns:1fr}.feature{min-height:220px}.benefit-icon{width:24px;flex-basis:24px}footer{gap:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.nav{border:1px solid #ffffff10;border-radius:999px;background:linear-gradient(145deg,#252729,#111214);box-shadow:inset 0 1px #ffffff06}.nav-link{border:1px solid #ffffff09;background:linear-gradient(145deg,#2c2e30,#17191b);padding:9px 17px;font-size:12px;box-shadow:inset 0 1px #ffffff05;transition:background .2s,border-color .2s,transform .2s}.nav-link:hover{background:linear-gradient(145deg,#383a3c,#202224);border-color:#ffffff18;transform:translateY(-1px)}.nav-pages{gap:8px}.nav-account{gap:12px}.nav-discord{display:grid;place-items:center;width:32px;height:36px;color:#b8c0c8}.nav-discord svg{width:18px;height:18px}.nav-discord:hover{color:#fff}.scrolled .nav{background:linear-gradient(145deg,#252729,#111214);backdrop-filter:none;border-radius:999px}@media(max-width:700px){.nav-pages{display:none}.nav{padding-inline:14px}}

.header{max-width:590px}.header.scrolled{max-width:560px}.nav-account{margin-left:0;gap:10px}.nav{gap:10px}.nav-link{padding-inline:15px}.nav-divider{margin-inline:2px}@media(max-width:700px){.header,.header.scrolled{max-width:590px}.nav-account{display:none}}

@media(min-width:701px){.header,.header.scrolled{width:max-content;max-width:calc(100% - 32px)}.nav,.scrolled .nav{padding-inline:14px}.nav-account{margin-left:0}.nav-discord{width:28px}}

.header{left:50%;transform:translateX(-50%)}.header:not(.scrolled) .nav{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}.header:not(.scrolled) .nav-link{background:transparent;border-color:transparent;box-shadow:none}.header:not(.scrolled) .nav-link:hover{background:#ffffff08;border-color:#ffffff0b}.header.scrolled .nav{background:linear-gradient(145deg,#252729,#111214);border-color:#ffffff10;box-shadow:inset 0 1px #ffffff06,0 12px 40px #0003}.header.scrolled .nav-link{background:linear-gradient(145deg,#2c2e30,#17191b);border-color:#ffffff09;box-shadow:inset 0 1px #ffffff05}

.logo-tile{width:260px;height:260px}.hero-logo{display:block}@media(max-width:700px){.logo-tile{width:200px;height:200px}}

.header .nav-link,.header.scrolled .nav-link{background:transparent;border-color:transparent;box-shadow:none;transform:none;padding:8px 13px;font-size:12px}.header .nav-link:hover,.header.scrolled .nav-link:hover{background:#ffffff08;border-color:transparent;transform:none}.header.scrolled .nav{background:#171819e8;border-color:#ffffff10;border-radius:30px;box-shadow:0 12px 40px #0003;backdrop-filter:blur(18px)}.nav-pages{gap:4px}.nav-account{gap:8px}

nav a,.mobile-menu a,footer a{text-transform:capitalize}h1,h2,h3,h4,p,button,.start,.feature>a{text-transform:none}h1::first-letter,h2::first-letter,h3::first-letter,h4::first-letter,p::first-letter,button::first-letter,.start::first-letter,.feature>a::first-letter{text-transform:uppercase}

html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}.hero{height:100svh;min-height:0;max-height:none}#about-prism{scroll-margin-top:100px}@media(max-width:700px){.hero{height:100svh;min-height:0;max-height:none}}

#about-prism{margin-top:110px;scroll-margin-top:100px}

.hero .start{transition:opacity .3s ease,transform .3s ease,visibility 0s;opacity:1;visibility:visible}.hero.hero-left .start{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}

/* Consistent content cards and readable hierarchy. */
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;background:none;border-radius:0;overflow:visible}.benefit{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:28px;border:1px solid #ffffff10;border-radius:20px;background:linear-gradient(145deg,#1c1e20,#121416);min-width:0}.benefit+.benefit{border-top:1px solid #ffffff10}.benefit-icon{width:28px;flex-basis:auto;color:#c9d0d6}.benefit h2{font-size:19px;line-height:1.4;letter-spacing:-.025em}.benefit p{font-size:12px;line-height:1.8;margin-top:8px;color:#969ca2}.feature-grid{gap:18px}.feature{align-items:flex-start;text-align:left;min-height:244px;padding:30px;border:1px solid #ffffff0d;border-radius:20px;background:linear-gradient(145deg,#191b1d,#101214)}.feature:hover{background:linear-gradient(145deg,#202326,#141618);border-color:#ffffff20}.feature-icon{width:46px;height:46px;border-radius:12px;margin-bottom:18px;background:#24272a;box-shadow:none}.feature-icon svg{width:25px;height:25px}.feature h3{font-size:21px;letter-spacing:-.025em}.feature p{font-size:12px;line-height:1.8;color:#969ca2;margin-top:8px}.feature>a{font-size:11px;padding-top:22px;color:#aeb5bc}.section-heading{padding-top:0;border-top:0;margin-bottom:24px}.section-heading p{font-size:12px;margin-top:6px}.section{margin-top:54px}
@media(max-width:850px){.benefits{grid-template-columns:1fr}.benefit{min-height:0;flex-direction:row;gap:20px;padding:24px}.benefit-icon{flex:0 0 28px}.benefit h2{font-size:19px}}@media(max-width:700px){.feature{padding:24px;min-height:230px}.feature h3{font-size:20px}.feature-grid{gap:14px}}

.benefit,.feature,.faqs{border-radius:30px}

.benefit,.feature{background:radial-gradient(ellipse at 0% 0%,#ffffff09,transparent 65%),linear-gradient(135deg,#272a2d 0%,#1b1e21 44%,#101214 100%);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff08}.feature:hover{background:radial-gradient(ellipse at 0% 0%,#ffffff0c,transparent 65%),linear-gradient(135deg,#2e3236,#202428 44%,#141719)}.feature-icon{background:linear-gradient(145deg,#3b4045,#23272b);border-color:#ffffff10}.faqs{background:linear-gradient(135deg,#232629,#141719 65%,#101214);box-shadow:inset 0 1px #ffffff08}

.benefit,.feature,.faqs{background:#171819e8;border:1px solid #ffffff10;box-shadow:0 12px 40px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.feature:hover{background:#1b1d1fe8;border-color:#ffffff18}.feature-icon{background:#ffffff06;border-color:#ffffff08;box-shadow:none}

body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.6}.nav-link,.header .nav-link,.header.scrolled .nav-link{font-size:13px;font-weight:500}.benefit h2{font-size:21px;font-weight:600;letter-spacing:-.025em}.benefit p,.feature p{font-size:14px;line-height:1.7}.feature h3{font-size:23px;font-weight:600;letter-spacing:-.025em}.section-heading h2{font-size:28px;font-weight:600}.section-heading p{font-size:14px}.start{font-size:13px;font-weight:500}.faq-question{font-size:15px;font-weight:500}.faq-answer{font-size:14px}.feature>a{font-size:12px}footer{font-size:12px}@media(max-width:700px){.benefit h2{font-size:20px}.feature h3{font-size:22px}.section-heading h2{font-size:25px}}

.hero-haze{display:none}.hero-logo{filter:drop-shadow(0 0 3px #ffffff65) drop-shadow(0 0 9px #ffffff28)}

.benefit{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.benefit-icon{transition:transform .4s var(--ease),color .3s}@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit:hover{transform:translateY(-5px);border-color:#ffffff22;box-shadow:0 18px 40px #0004,inset 0 1px #ffffff08}.benefit:hover .benefit-icon{transform:translateY(-2px) scale(1.1);color:#f2f4f6}.benefit:nth-child(2):hover .benefit-icon{transform:rotate(90deg)}}

.benefit{position:relative;overflow:hidden}.benefit::before{content:'';position:absolute;inset:0;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),#ffffff07,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}.benefit>*{position:relative}@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit:hover::before{opacity:1}}

body{-webkit-user-select:none;user-select:none}img,a{-webkit-user-drag:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}

.faq{background:transparent}.faq-question,.faq-question:hover,.faq-question[aria-expanded=true]{background:transparent}.faq:has(.faq-question[aria-expanded=true]){background:#ffffff03}.faq-answer{background:transparent;line-height:1.75;color:#a3abb3}.faq-answer>div{padding:4px 28px 26px 52px;max-width:940px}.faq-question{padding-block:24px}.faq-question:hover{color:#fff}@media(max-width:700px){.faq-answer>div{padding:4px 20px 24px 44px}}

.feature{transition:border-color .3s,background .3s,box-shadow .3s}.feature-icon{transition:transform .35s var(--ease),background .3s}.feature>a{transition:color .25s,translate .3s}.feature::before{transition:opacity .3s}@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature:hover{box-shadow:0 18px 44px #0005,inset 0 1px #ffffff08;translate:0 -4px;transition:translate .3s,border-color .3s,box-shadow .3s}.feature:hover .feature-icon{transform:translateY(-3px) scale(1.08);background:#ffffff0b}.feature:hover>a{color:#e8edf1;translate:3px 0}.feature{transition:translate .3s,border-color .3s,box-shadow .3s}}

.faq:has(.faq-question[aria-expanded=true]),.faq,.faq-question,.faq-question:hover,.faq-question[aria-expanded=true],.faq-answer{background:transparent}

.faqs .faq .faq-question,.faqs .faq .faq-question:hover,.faqs .faq .faq-answer{background:transparent!important;text-transform:none}

footer{width:max-content;max-width:100%;margin:64px auto 32px;padding:12px 22px;min-height:60px;border:1px solid #ffffff10;border-radius:30px;background:#171819e8;backdrop-filter:blur(18px);box-shadow:0 12px 40px #0003;gap:6px;color:#b8c0c8;font-size:13px;font-weight:500}footer>a{padding:8px 10px;border-radius:20px;transition:background .2s,color .2s}footer>a:hover{background:#ffffff08;color:#fff}.footer-brand{gap:8px}.section{position:relative;padding-top:32px}.section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff08}.faq-section+footer{position:relative}.page{padding-bottom:24px}@media(max-width:440px){footer{padding:10px 12px;gap:0;font-size:12px}footer>a{padding:8px}}

footer{min-height:42px;padding:5px 14px;border-radius:24px;font-size:12px}footer>a{padding:6px 9px}.footer-brand img{width:18px;height:18px}@media(max-width:440px){footer{padding:5px 10px;font-size:12px}footer>a{padding:6px 8px}}

.faq{position:relative;isolation:isolate}.faq::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),#ffffff09,transparent 75%);opacity:0;transition:opacity .25s}.faq-question{transform-origin:52px center;transition:transform .25s var(--ease),color .25s}.faq:focus-within::before{opacity:1}.faq:focus-within .faq-question{color:#f4f6f8}@media(hover:hover) and (prefers-reduced-motion:no-preference){.faq:hover::before{opacity:1}.faq:hover .faq-question{transform:scale(1.025);color:#f4f6f8}}

.feature-icon{display:grid;place-items:center;padding:0}.feature-icon svg{display:block;margin:0;flex:none}

.header .nav-link{position:relative;transition:translate .22s,color .22s,background .22s}.header .nav-link::after{content:'';position:absolute;left:13px;right:13px;bottom:4px;height:1px;background:#dce2e8;transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .25s,opacity .25s}.nav-discord{transition:translate .22s,color .22s}.nav-discord svg{transition:transform .25s}@media(hover:hover) and (prefers-reduced-motion:no-preference){.header .nav-link:hover{translate:0 -2px;color:#f8fafc;background:#ffffff06}.header .nav-link:hover::after{transform:scaleX(1);opacity:.55}.nav-discord:hover{translate:0 -2px}.nav-discord:hover svg{transform:scale(1.1)}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature:nth-child(5) .feature-icon,.benefit:nth-child(2) .benefit-icon{transition:transform .65s var(--ease),color .3s;transform:rotate(0deg)}.feature:nth-child(5):hover .feature-icon,.benefit:nth-child(2):hover .benefit-icon{transform:rotate(360deg)}}

@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit:nth-child(2):hover{transform:none}.feature:nth-child(5):hover{translate:0 0}.benefit:nth-child(2) .benefit-icon,.benefit:nth-child(2):hover .benefit-icon,.feature:nth-child(5) .feature-icon,.feature:nth-child(5):hover .feature-icon{transform:none;translate:none}.benefit:nth-child(2) .benefit-icon svg,.feature:nth-child(5) .feature-icon svg{transform-box:view-box;transform-origin:50% 50%;transition:transform .65s var(--ease);transform:rotate(0deg)}.benefit:nth-child(2):hover .benefit-icon svg,.feature:nth-child(5):hover .feature-icon svg{transform:rotate(360deg)}}

.feature:nth-child(5) .feature-icon svg,.feature:nth-child(5):hover .feature-icon svg{transform:none!important;transition:none}

.header .nav-link::after{display:none}footer>a{transition:translate .22s,color .22s,background .22s}@media(hover:hover) and (prefers-reduced-motion:no-preference){footer>a:hover{translate:0 -2px;color:#f8fafc;background:#ffffff06}}

.feature:nth-child(5) .feature-icon,.feature:nth-child(5):hover .feature-icon{transform:none;translate:none}.feature:nth-child(5) .feature-icon svg{transform:scale(1)!important;transition:transform .3s var(--ease)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature:nth-child(5):hover .feature-icon svg{transform:scale(1.12)!important}}

.feature:nth-child(5) .feature-icon svg,.feature:nth-child(5):hover .feature-icon svg{transform:none!important;transition:none}@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature:nth-child(5):hover{translate:0 -4px}.feature:nth-child(5):hover .feature-icon{transform:translateY(-3px) scale(1.08);translate:none}}

footer .footer-brand{display:grid;place-items:center;padding:6px;width:30px;flex:0 0 30px;margin-right:4px}

footer .footer-brand,footer .footer-brand:hover{translate:none;background:transparent}.footer-brand img{transition:filter .2s}.footer-brand:hover img{filter:drop-shadow(0 0 7px #fff3)}

.start{background:#171819e8;border-color:#ffffff10;box-shadow:0 12px 40px #0003;backdrop-filter:blur(18px);color:#b8c0c8}.start:hover{filter:none;color:#eef0f2}

.feature{align-items:center;text-align:center;justify-content:flex-start;padding:34px 28px;min-height:276px;background:#0c0e10;border-color:#ffffff07}.feature:hover{background:#111315;border-color:#ffffff12}.feature-icon{width:84px;height:84px;background:none;border:0;border-radius:0;box-shadow:none;margin-bottom:18px}.feature-icon img{display:block;width:84px;height:84px;filter:drop-shadow(0 0 12px #e6edf508)}.feature h3{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.04em;color:#e8edf2;text-shadow:0 0 16px #e2edf51a}.feature p{max-width:410px;font-size:15px;line-height:1.6;color:#969fa8;margin-top:12px}.feature::before{background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),#ffffff06,transparent 75%)}@media(hover:hover) and (prefers-reduced-motion:no-preference){.feature:hover .feature-icon{background:none}.feature:hover h3{text-shadow:0 0 20px #e2edf52b}}@media(max-width:700px){.feature{padding:28px 20px;min-height:264px}.feature h3{font-size:26px}.feature p{font-size:14px}.feature-icon,.feature-icon img{width:74px;height:74px}}

.feature{background:#171819e8;border:1px solid #ffffff10;box-shadow:0 12px 40px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.feature:hover{background:#1b1d1fe8;border-color:#ffffff18}

.benefit{align-items:center;text-align:center;padding:30px 24px;gap:16px}.benefit-icon{width:74px;height:74px;flex:0 0 74px;display:grid;place-items:center}.benefit-icon img{display:block;width:74px;height:74px;transform-origin:center;transition:transform .65s var(--ease);filter:drop-shadow(0 0 12px #e6edf508)}.benefit h2{font-size:24px;line-height:1.25;color:#e8edf2;text-shadow:0 0 16px #e2edf51a}.benefit p{margin-top:12px;font-size:14px;line-height:1.7}.benefit:nth-child(2) .benefit-icon,.benefit:nth-child(2):hover .benefit-icon{transform:none}@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit:nth-child(2):hover .benefit-icon img{transform:rotate(360deg)}.benefit:hover h2{text-shadow:0 0 20px #e2edf52b}}@media(max-width:850px){.benefit{flex-direction:column;align-items:center;gap:16px}.benefit-icon{flex-basis:74px}.benefit h2{font-size:24px}}

.header .nav-profile,.header.scrolled .nav-profile{padding:3px;display:grid;place-items:center;border-radius:50%;width:38px;height:38px}.nav-profile img{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}

.refresh-tile{display:grid;place-items:center;width:63px;height:63px;border-radius:18px;background:radial-gradient(circle,#343a40,#171a1e);position:relative}.refresh-tile img{position:absolute;width:74px;height:74px;max-width:none}.benefit:nth-child(2) .benefit-icon,.benefit:nth-child(2):hover .benefit-icon{transform:none!important}.refresh-tile{transform:none!important}

.header .nav-account{align-items:center}.header .nav-profile,.header.scrolled .nav-profile{width:40px;height:40px;min-width:40px;flex:0 0 40px;padding:2px!important;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff12;background:#101214;box-shadow:none;line-height:0}.header .nav-profile img{width:34px;height:34px;min-width:34px;max-width:none;flex:none;border-radius:50%;object-fit:cover;object-position:center;transform:none;filter:none}.header .nav-profile:hover{background:#171a1d;border-color:#ffffff24;translate:none}

.profile-cached .nav-login:not(.nav-profile){visibility:hidden}

.profile-pending .nav-login:not(.nav-profile){visibility:hidden;pointer-events:none;min-width:40px}

@media(min-width:701px){.header{width:calc(100% - 64px);max-width:1168px;transition:top .5s var(--ease),max-width .65s var(--ease)}.header .nav-account{margin-left:auto;gap:8px}.header.scrolled{width:calc(100% - 64px);max-width:510px}.header.scrolled.signed-in{max-width:610px}.header.scrolled .nav{padding-inline:14px}.nav-divider{margin-inline:5px}}

@media(min-width:701px){.header{transition:width .65s var(--ease),top .5s var(--ease),max-width .65s var(--ease)}.header.scrolled,.header.scrolled.signed-in{width:var(--compact-width,510px);max-width:calc(100% - 32px)}.header.scrolled .nav-account{margin-left:0}}

.nav-main{display:flex;align-items:center;gap:10px}@media(min-width:701px){.header:not(.scrolled) .nav{display:grid;grid-template-columns:1fr 1fr;column-gap:0}.header:not(.scrolled) .nav-main,.header:not(.scrolled) .nav-account{justify-self:center;margin-left:0}.header.scrolled .nav{display:flex}.header.scrolled .nav-account{margin-left:0}}@media(max-width:700px){.nav-main{gap:0}}

@media(min-width:701px){.header:not(.scrolled){width:calc(100% - 64px);max-width:none}.header:not(.scrolled) .nav-main{justify-self:start}.header:not(.scrolled) .nav-account{justify-self:end}}

@media(min-width:701px){.header .nav,.header:not(.scrolled) .nav,.header.scrolled .nav{display:flex;gap:10px;padding-inline:14px}.header .nav-account,.header:not(.scrolled) .nav-account,.header.scrolled .nav-account{margin-left:auto}.header,.header.scrolled,.header.scrolled.signed-in{max-width:none;transition:width .65s var(--ease),top .5s var(--ease)}.header:not(.scrolled){width:calc(100% - 64px)}.header.scrolled{width:var(--compact-width,510px)}}

@media(min-width:701px){.header:not(.scrolled){width:min(1168px,calc(100% - 64px))}}