:root{--home-ink: #111514;--home-paper: #f2f4f0;--home-mint: #b3efbd;--home-coral: #eba98f;--home-lilac: #c4bbeb}html:has(.welcome){background:#101312;scroll-behavior:smooth;scroll-padding-top:92px}.welcome{--bg: #101312;--surface: #1d231f;--surface-hover: #28312b;--text: #f2f4f0;--muted: #a9b2ac;--line: #3c463f;--primary: #b3efbd;--focus: #b3efbd;margin:0;background:#101312;color:#f2f4f0;color-scheme:dark;letter-spacing:0}.welcome main{width:100%;max-width:none;margin:0;padding:0}.welcome :focus-visible{outline:2px solid #b3efbd;outline-offset:4px}.react-width,.welcome-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.react-home-header{position:fixed;inset:0 0 auto;z-index:30;padding-top:14px;pointer-events:none}.react-nav-row{display:flex;align-items:center;gap:10px}.pill-nav{min-width:0;flex:1;min-height:52px;padding:5px 6px;display:flex;align-items:center;gap:28px;border:1px solid #dce2dc;border-radius:8px;background:#f5f7f3f2;box-shadow:0 10px 35px #00000018;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#121614;pointer-events:auto}.pill-brand{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 12px;color:#121614}.pill-brand:hover{color:#121614}.pill-brand svg{width:25px;height:25px;color:#347144;stroke-width:2}.pill-brand strong{font-size:21px;font-weight:700}.pill-nav-desktop{display:flex;justify-content:flex-end;min-width:0;flex:1}.pill-list{display:flex;align-items:stretch;gap:4px;margin:0;padding:0;list-style:none}.pill-list li{display:flex}.pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;color:#3d4741;background:transparent;font-size:12px;font-weight:600;white-space:nowrap}.pill:hover{color:#f5f7f3}.pill.is-active{background:#e1e8e0;color:#121614}.pill.is-emphasis{background:#19201c;color:#f5f7f3}.pill.is-emphasis:hover{color:#152018}.pill-hover-circle{position:absolute;left:50%;display:block;border-radius:50%;background:#1b211d;pointer-events:none}.pill.is-emphasis .pill-hover-circle{background:#b3efbd}.pill-label-stack{position:relative;z-index:2;display:inline-block;line-height:1}.pill-label,.pill-label-hover{display:inline-block}.pill-label-hover{position:absolute;inset:0 auto auto 0;color:#f5f7f3;opacity:0}.pill.is-emphasis .pill-label-hover{color:#152018}.pill-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:6px;color:#f3f5f2;background:#19201c}.pill-menu-button svg{width:20px;height:20px}.pill-mobile-menu{position:absolute;top:62px;left:0;right:0;padding:8px;border:1px solid #dce2dc;border-radius:8px;background:#f5f7f3;box-shadow:0 18px 40px #0003}.pill-mobile-menu a{display:block;min-height:48px;padding:14px 12px;border-bottom:1px solid #dfe4df;color:#253029;font-size:14px}.pill-mobile-menu a:last-child{border:0}.pill-mobile-menu a.is-emphasis{margin-top:6px;border-radius:5px;background:#19201c;color:#f5f7f3}.react-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;padding:0;border:1px solid #465149;border-radius:8px;color:#f1f4f1;background:#121614e8;pointer-events:auto}.react-icon-button:hover{color:#152018;background:#b3efbd;border-color:#b3efbd}.react-icon-button svg{width:18px;height:18px}.react-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;height:min(700px,calc(100svh - 150px));min-height:540px;padding-top:84px;background:#101312}.react-dot-grid{position:absolute;inset:0;z-index:-2}.react-dot-grid canvas{width:100%;height:100%;display:block}.hero-inner{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding-block:50px 36px;text-align:center}.react-eyebrow,.react-kicker{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#b3efbd;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase}.react-eyebrow svg{width:16px;height:16px}.react-hero h1{margin:0;line-height:.94;font-weight:550}.react-hero-name,.react-hero-category{display:flex;flex-wrap:wrap;justify-content:center}.react-hero-name{color:#f3f5f2;font-size:112px}.react-hero-category{margin-top:15px;color:#b3efbd;font-size:52px;font-weight:450}.blur-text-segment{display:inline-block;will-change:transform,filter,opacity}.react-hero-copy{margin-top:30px}.react-hero-copy p{margin:0;color:#b2bbb5;font-size:16px;line-height:1.7}.react-hero-actions{display:flex;gap:10px;margin-top:30px}.react-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:11px 20px;border:1px solid #59655c;border-radius:6px;color:#f3f5f2;background:#171c19;font-size:12px;font-weight:650}.react-button:hover{color:#f3f5f2;border-color:#89978c;background:#222a25}.react-button.primary{color:#172019;border-color:#b3efbd;background:#b3efbd}.react-button.primary:hover{color:#172019;background:#cdf5d3;border-color:#cdf5d3}.react-button svg{width:17px;height:17px}.react-hero-footer{display:flex;justify-content:space-between;align-items:center;min-height:60px;border-top:1px solid #343a36;color:#9da7a0;font-size:10px}.react-hero-footer span,.react-hero-footer a{display:inline-flex;align-items:center;gap:9px}.react-hero-footer a{color:#dce2dd}.react-hero-footer svg{width:14px;height:14px}.stud-pattern{display:grid;grid-template-columns:repeat(6,12px);gap:8px}.stud-pattern>span{width:12px;height:12px;border:1px solid #5a665e;border-radius:3px;background:#303832;box-shadow:inset 2px 2px 2px #ffffff16,2px 2px #080a09aa}.hero-studs{position:absolute;z-index:-1;opacity:.62}.hero-studs-left{left:6%;bottom:14%}.hero-studs-right{top:19%;right:6%;transform:rotate(90deg)}.react-journey{padding-block:78px 92px;border-top:1px solid #313733;background:#171b18}.react-section-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;margin-bottom:38px}.react-section-heading h2{margin:0;color:#f3f5f2;font-size:40px;line-height:1.16;font-weight:500}.react-section-heading>p{max-width:420px;margin:0 0 3px auto;color:#a9b2ac;font-size:14px;line-height:1.8}.react-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.react-card-grid>div{min-width:0;height:100%}.react-spotlight-card{position:relative;height:100%;overflow:hidden;border:1px solid #3c463f;border-radius:8px;background:#1d231f;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(179, 239, 189, .16)}.react-spotlight-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 72%);transition:opacity .35s ease;pointer-events:none}.react-spotlight-card:hover:before,.react-spotlight-card:focus-within:before{opacity:1}.journey-card>a{position:relative;z-index:1;display:flex;min-height:380px;height:100%;flex-direction:column;padding:28px;color:#f3f5f2}.journey-card>a:hover{color:#f3f5f2}.card-stud-cap{position:absolute;top:23px;right:23px;width:92px;height:56px;overflow:hidden;opacity:.6}.card-stud-cap .stud-pattern{grid-template-columns:repeat(6,8px);gap:6px}.card-stud-cap .stud-pattern>span{width:8px;height:8px;border-radius:2px}.journey-card-heading{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;color:#9fa9a2;font-size:9px;font-weight:650}.journey-card-heading svg{width:28px;height:28px;color:#b3efbd;stroke-width:1.5}.tone-coral .journey-card-heading svg{color:#eba98f}.tone-lilac .journey-card-heading svg{color:#c4bbeb}.journey-card h3{margin:0 0 16px;color:#f3f5f2;font-size:22px;line-height:1.32;font-weight:550}.journey-card p{margin:0 0 28px;color:#a9b2ac;font-size:13px;line-height:1.75}.journey-card-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid #414a43;font-size:11px;font-weight:650}.journey-card-link svg{width:16px;height:16px}.product-section{padding-block:88px;scroll-margin-top:92px;background:#f3f5f2;--text: #161b18;--muted: #5c665f;--primary: #28663a;--focus: #28663a}.product-heading .story-kicker{margin-bottom:16px;color:#39764a}.product-heading h2,.welcome .audience-heading h2{font-size:39px;line-height:1.18;font-weight:500}.product-heading>p,.audience-heading .chapter-summary{font-size:14px;line-height:1.8}.product-tabs [role=tab]{font-size:13px}.product-tabs [role=tab][aria-selected=true]{border-color:#28663a;background:#e1eadf}.example-intro h3{font-size:20px}.example-intro p{font-size:13px}.chapter-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--primary);font-size:12px;font-weight:650}.chapter-link svg{width:17px;height:17px}.home-audience{background:#101312;color:#f3f5f2;scroll-margin-top:92px}.welcome #analyser .chapter-inner{display:block;padding-block:88px}.welcome #analyser .audience-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;margin-bottom:44px}.welcome #analyser .story-kicker{margin-bottom:16px;color:#b3efbd}.welcome #analyser .platform-stats{margin:0;padding:28px 0 0;border:0;border-top:1px solid #424b44;border-radius:0;background:transparent;--primary: #b3efbd}.welcome #analyser .platform-plot{height:280px}.react-closing{position:relative;overflow:hidden;padding-block:70px;background:#b3efbd;color:#172219}.closing-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:48px}.react-closing .react-kicker{color:#315e3b;margin-bottom:14px}.react-closing h2{margin:0 0 14px;font-size:38px;line-height:1.2;font-weight:550}.react-closing p:last-child{margin:0;font-size:14px}.react-button.dark{flex-shrink:0;border-color:#172219;background:#172219}.react-button.dark:hover{background:#2a4530}.closing-studs{position:absolute;right:6%;top:50%;grid-template-columns:repeat(8,14px);gap:10px;transform:translateY(-50%);opacity:.21}.closing-studs>span{width:14px;height:14px;border-color:#295233;background:#4d9b5d;box-shadow:inset 2px 2px 2px #ffffff50,2px 2px #15381d66}.react-footer{padding-block:28px;background:#101312}.react-footer>div{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{color:#f3f5f2;font-size:22px;font-weight:700}.footer-brand:hover{color:#b3efbd}.footer-brand span{margin-left:10px;color:#9da7a0;font-size:10px;font-weight:500}.react-footer p{margin:0;color:#9da7a0;font-size:10px}.react-footer .react-icon-button{width:42px;height:42px;flex-basis:42px}.react-home-fallback{min-height:70svh;padding:150px 24px 80px;text-align:center;background:#101312;color:#f3f5f2}.react-home-fallback h1{font-size:64px;line-height:1}.react-home-fallback span{display:block;margin-top:14px;color:#b3efbd;font-size:32px}.react-home-fallback a{display:inline-flex;margin-top:24px;padding:13px 18px;border-radius:5px;background:#b3efbd;color:#172019}@media(min-width:1600px){.react-width,.welcome-width{width:min(1320px,calc(100% - 160px))}}@media(max-width:1050px){.react-width,.welcome-width{width:calc(100% - 48px)}.pill{padding-inline:11px;font-size:11px}.react-card-grid{gap:11px}.journey-card>a{padding:22px}.card-stud-cap{right:18px}}@media(max-width:820px){.react-home-header{padding-top:9px}.pill-nav{position:relative;min-height:50px;padding:4px}.pill-nav-desktop{display:none}.pill-menu-button{display:inline-flex;margin-left:auto}.react-nav-row>.react-icon-button{width:50px;height:50px;flex-basis:50px}.react-hero{padding-top:68px;height:min(660px,calc(100svh - 110px));min-height:520px}.react-hero-name{font-size:88px}.react-hero-category{font-size:42px}.hero-studs-right{display:none}.react-section-heading,.welcome #analyser .audience-heading{gap:32px}.react-card-grid{grid-template-columns:1fr}.journey-card>a{min-height:300px;padding:28px}.journey-card-heading{margin-bottom:38px}.closing-studs{right:-20px}}@media(max-width:600px){.react-width,.welcome-width{width:calc(100% - 40px)}.pill-brand{padding-inline:8px}.pill-brand strong{font-size:20px}.react-hero{height:min(650px,calc(100svh - 112px));min-height:500px}.hero-inner{padding-block:42px 30px}.react-eyebrow{margin-bottom:20px;font-size:9px}.react-hero-name{font-size:76px}.react-hero-category{margin-top:13px;font-size:34px}.react-hero-copy{margin-top:26px}.react-hero-copy p{font-size:14px}.react-hero-actions{width:100%;max-width:310px;flex-direction:column;margin-top:26px}.react-hero-footer{justify-content:center}.react-hero-footer a,.hero-studs-left{display:none}.react-journey,.product-section{padding-block:58px}.react-section-heading,.welcome #analyser .audience-heading{grid-template-columns:1fr;gap:18px}.react-section-heading h2,.product-heading h2,.welcome .audience-heading h2{font-size:31px}.react-section-heading>p,.audience-heading .chapter-summary{margin:0;max-width:none}.journey-card>a{min-height:330px;padding:24px}.journey-card h3{font-size:23px}.product-tabs [role=tab]{min-height:90px;font-size:11px}.example-intro{min-height:0;padding-bottom:22px}.welcome #analyser .chapter-inner{padding-block:58px}.closing-inner{display:block}.react-closing{padding-block:52px}.react-closing h2{font-size:31px}.react-closing .react-button{margin-top:26px}.closing-studs{opacity:.12}.react-footer>div{flex-wrap:wrap}.react-footer p{order:3;width:100%}}@media(max-width:360px){.react-width,.welcome-width{width:calc(100% - 32px)}.react-hero-name{font-size:66px}.react-hero-category{font-size:30px}.react-hero-copy p{font-size:13px}}@media(prefers-reduced-motion:reduce){html:has(.welcome){scroll-behavior:auto}.welcome *,.welcome *:before,.welcome *:after{transition:none!important;animation:none!important}}.welcome[data-motion=paused] .react-spotlight-card:before{opacity:0}