@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Varela+Round&display=swap";:root{--bg: #191010;--text: #f0e4dc;--text-muted: rgba(240, 228, 220, .8);--accent: #fdc897;--font-display: "Quicksand", "Varela Round", "Fredoka", "Montserrat", "Noto Sans", "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-body: "Inter", "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--radius-lg: 16px;--radius-pill: 999px;--container: 1100px;--gutter: 15px;--nav-h: 80px;--separator: #614747}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (pointer: coarse){a,button,.btn,.signup-tab,input,textarea{-webkit-tap-highlight-color:transparent;outline:none}a:focus,button:focus,.btn:focus,.signup-tab:focus,input:focus,textarea:focus{outline:none}}button::-moz-focus-inner{border:0}img{display:block;max-width:100%}.page-bottom-spacer{height:120px}.wrap{width:100%;max-width:var(--container);margin-left:auto;margin-right:auto;padding-inline:var(--gutter)}.wrap-nav{padding:0 var(--gutter)}.navbar{position:fixed;left:0;top:0;width:100%;z-index:1000}.navbar-inner{display:flex;align-items:center;gap:16px;height:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:5px;color:var(--accent);text-decoration:none}.brand-text{height:28px;margin-bottom:4px}.brand-icon{height:50px;width:50px}.hero{position:relative;isolation:isolate;overflow:visible;min-height:100svh;display:grid;place-items:center;text-align:center;padding:0}.hero:before{content:"";position:absolute;z-index:-1;top:16%;right:0;width:74.4svh;aspect-ratio:1;border:.116svh solid rgba(253,200,151,.075);border-radius:50%;box-shadow:0 0 0 7.44svh #fdc89705,0 0 0 15.35svh #fdc89703;transform:translate(45%);pointer-events:none}.hero:after{content:"";position:absolute;z-index:-1;left:0;bottom:13%;width:34.9svh;height:48.8svh;border:.116svh solid rgba(240,228,220,.11);transform:translate(-37%) rotate(17deg);pointer-events:none}.hero .wrap{position:relative;z-index:1}.hero .wrap:before{content:"";position:absolute;top:-16svh;left:14%;width:.35svh;height:.35svh;border-radius:50%;background:#fdc8972e;box-shadow:7.2svh 4.42svh #fdc8971a,-5.58svh 10.93svh #f0e4dc14,2.09svh 16.51svh #fdc89712;pointer-events:none}.hero-mark{display:none}.hero-mark__img{width:100%;height:auto}.hero h1{margin:0 0 18px;color:var(--accent);font-family:var(--font-display);font-weight:400;letter-spacing:.3px;font-size:clamp(32px,7vw,55px);line-height:1.2}.hero .hero-strong{font-weight:600}.hero .actions{display:flex;justify-content:center;gap:18px;margin-top:36px;transform:translate(-8px);flex-wrap:wrap}.hero .btn{font:700 20px/1 var(--font-display)}.store-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:220px}.store-btn__icon{width:24px;height:24px;flex:0 0 24px}.eyebrow{font-family:var(--font-display);font-weight:400;color:var(--accent);font-size:clamp(30px,4vw,40px)}.eyebrow .accent-word{color:var(--accent);font-weight:600}.lead,.copy{color:var(--text);font-size:clamp(16px,1.6vw,22px);line-height:1.6;text-align:center}.lead-final{display:block;margin-top:10px;color:var(--accent);font-family:var(--font-display);font-size:clamp(23px,2.4vw,32px);font-weight:600;line-height:1.25}.hero-desc{text-align:center;max-width:1080px;margin-left:auto;margin-right:auto}.intro{padding:2.75rem 0 .5rem}.intro .hero-desc{position:relative;overflow:hidden;isolation:isolate;padding:clamp(18px,3vw,30px) clamp(16px,3.5vw,38px);border-radius:calc(var(--radius-lg) + 10px);background:#11090994;border:1px solid rgba(253,200,151,.14);box-shadow:0 16px 44px #00000057;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.intro .hero-desc>*{position:relative;z-index:1}.intro .lead{margin:0 auto;max-width:100ch;font-size:clamp(18px,1.8vw,24px)}.lead-copy{display:block;text-wrap:balance}.lead-emphasis{font-weight:750}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius-pill);padding:16px 40px;font:600 20px/1 var(--font-display);cursor:pointer;transition:transform .12s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:active{transform:translateY(1px)}.btn-primary{color:#3b2b20;background:var(--accent);box-shadow:0 6px 18px #fdc89740}.btn-primary:hover{background:#ffd1a6;box-shadow:0 9px 25px #fdc89761}.btn-primary:active{background:#ebb684;box-shadow:0 6px 18px #fdc89738}.btn-outline{color:var(--accent);background:transparent;border-width:2px;border-color:var(--accent)}.btn-outline:hover{border-color:var(--accent);background:#fdc8971f}.btn-outline:active{background:#0000003d;border-color:var(--accent)}.hero .btn-outline:active{background:#0000003d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.desktop-only{display:inline}@media (max-width: 768px){.desktop-only{display:none!important}}@media (max-width: 768px){:root{--nav-h: 50px}.hero:before{top:13%;right:0;width:53.75svh;box-shadow:0 0 0 5.25svh #fdc89704,0 0 0 11svh #fdc89703;transform:translate(58%)}.hero:after{left:0;bottom:12%;width:22.5svh;height:32.5svh;transform:translate(-58%) rotate(17deg)}.hero{margin-top:var(--nav-h);min-height:calc(100svh - var(--nav-h));padding:0}.navbar{background:#191010e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-icon{height:40px}.brand-text{height:22px;margin-bottom:3px}.hero .actions{transform:none}.hero .btn{padding:12px 22px;font:700 16px/1 var(--font-display)}}.feature-section{padding:clamp(1.4rem,2.6vw,2rem) 0;position:relative}.feature-section--last{padding-bottom:0}.feature-section:not(.feature-section--last):after{content:"";display:block;width:min(520px,72%);height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,rgba(253,200,151,.22),rgba(97,71,71,.65),rgba(253,200,151,.22),transparent);opacity:.95}.section-sep{height:1px;width:min(760px,86%);margin:56px auto;background:linear-gradient(90deg,transparent,rgba(97,71,71,.9),transparent);opacity:.95;position:relative}.section-sep:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:999px;background:#fdc897eb;box-shadow:0 0 0 4px #fdc8971f,0 10px 18px #00000059}.section-sep--narrow{width:min(620px,78%)}@media (max-width: 768px){.section-sep,.section-sep--narrow{margin:34px auto 0}}.feature-row{--feature-media: clamp(220px, 24vw, 280px);display:grid;text-align:left;grid-template-columns:minmax(0,1fr) var(--feature-media);grid-template-areas:"text media";align-items:center;gap:clamp(18px,3.4vw,44px);max-width:1080px;margin-left:auto;margin-right:auto;padding:clamp(20px,2.7vw,34px);border-radius:calc(var(--radius-lg) + 8px);background:radial-gradient(760px 240px at 6% 10%,rgba(253,200,151,.04),transparent 62%),radial-gradient(760px 240px at 96% 85%,rgba(253,200,151,.03),transparent 62%),linear-gradient(180deg,#110909a8,#11090947);border:1px solid rgba(253,200,151,.12);box-shadow:0 14px 28px #00000047;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden;isolation:isolate}.feature-row:after{content:attr(data-feature);position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:clamp(20px,2.6vw,30px) clamp(26px,3.2vw,42px);font-family:var(--font-display);font-weight:900;font-size:clamp(80px,8vw,160px);line-height:.92;letter-spacing:-.02em;color:#fdc8972e;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.feature-row--flip:after{justify-content:flex-end}.feature-row>*{position:relative;z-index:1}.feature-text{grid-area:text;min-width:0;display:flex;flex-direction:column;justify-content:center}.feature-title{margin:0 0 18px;color:var(--accent);font-family:var(--font-display);font-weight:550;text-align:left;line-height:1.2;font-size:clamp(28px,4vw,40px);position:relative;padding-bottom:14px}.feature-title:after{content:"";position:absolute;left:0;bottom:2px;width:48px;height:3px;border-radius:999px;background:#fdc897b8;opacity:.65}a,a:hover,a:focus,a:active{text-decoration:none}.cta{text-align:center;padding-top:40px}.cta .eyebrow{margin-top:0}.cta .lead{margin:10px auto 0;max-width:880px}.feature-list{margin:0;padding:0;list-style:none;color:var(--text);font-size:clamp(17px,1.9vw,20px);line-height:1.65;display:grid;gap:14px}.feature-list li{margin:0;padding:11px 14px 11px 16px;border-radius:16px;background:#00000024;border:1px solid rgba(253,200,151,.13);text-wrap:pretty;display:flex;align-items:flex-start;gap:12px}.feature-list li:before{content:"";flex:0 0 10px;margin-top:.55em;width:10px;height:10px;border-radius:999px;background:#fdc897e6;box-shadow:0 0 0 4px #fdc89714,0 10px 18px #0003}.feature-image{display:block;height:auto;width:100%;border-radius:var(--radius-lg)}.feature-image-frame{grid-area:media;width:100%;max-width:var(--feature-media);padding:6px;border-radius:calc(var(--radius-lg) + 7px);background:radial-gradient(420px 220px at 8% 10%,rgba(253,200,151,.025),transparent 60%),#0003;border:1px solid rgba(253,200,151,.14);box-shadow:0 10px 26px #0000003d}.features>.feature-section:nth-of-type(2n) .feature-row{background:radial-gradient(760px 240px at 6% 10%,rgba(253,200,151,.03),transparent 62%),radial-gradient(760px 240px at 96% 85%,rgba(253,200,151,.02),transparent 62%),linear-gradient(180deg,#140c0ca8,#140c0c40);border-color:#f0e4dc1f}.feature-row:focus-within{border-color:#fdc89738}@media (hover: hover) and (prefers-reduced-motion: no-preference){.intro .hero-desc:hover,.feature-row:hover{transform:translateY(-1px);border-color:#fdc8972e;box-shadow:0 16px 34px #00000057}}@media (max-width: 1366px) and (pointer: coarse){.feature-row{grid-template-columns:1fr;grid-template-areas:"title" "media" "list";justify-items:stretch;align-items:start;gap:14px;padding:18px 16px}.feature-text{display:contents}.feature-title{grid-area:title;text-align:center;justify-self:center}.feature-title:after{left:50%;transform:translate(-50%)}.feature-list{grid-area:list}.feature-row:after{content:none}.feature-image-frame{grid-area:media;justify-self:center;max-width:min(380px,92%)}.feature-list{width:100%}}@media (max-width: 900px){.feature-section{padding:.95rem 0}.feature-section:not(.feature-section--last):after{width:min(420px,74%);margin-top:22px}.feature-list{justify-items:center}.feature-list li{width:min(520px,100%);text-align:left}.feature-image-frame{max-width:min(280px,86%);padding:4px;border-width:1px}}@media (min-width: 901px){.feature-row--flip{grid-template-columns:var(--feature-media) minmax(0,1fr);grid-template-areas:"media text"}}.signup{margin-top:28px;margin-bottom:120px}.signup-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:var(--radius-pill)}.signup-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--accent);font:700 16px/1 var(--font-display);padding:12px 20px;border-radius:var(--radius-pill);cursor:pointer}.signup-tab:hover{background:#fdc89729}.signup-tab.is-active{color:#3b2b20;background:var(--accent);box-shadow:0 6px 18px #fdc89740}.signup-tab:active{background:#fdc89738}.signup-tab.is-active:active{background:#ebb684}.signup-panel{margin-top:18px}.signup-form{width:100%;max-width:600px;min-width:550px;margin:0 auto;text-align:left;font-family:var(--font-display);background:var(--bg);border:2px solid #6147477a;border-radius:var(--radius-lg);padding:30px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.form-row{display:grid;gap:8px;margin-bottom:14px;width:100%}.form-row label{font:600 14px/1.2 var(--font-display);color:var(--text);padding-bottom:6px}.form-row input,.form-row textarea{width:100%;color:var(--text);background:#2e1e1e;border:2px solid var(--separator);border-radius:10px;padding:12px 14px;font:500 16px/1.3 var(--font-display);outline:none;transition:border-color .14s ease,box-shadow .14s ease}.form-row textarea{resize:vertical;overflow:auto}.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-muted)}.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}.form-actions{display:flex;justify-content:center;margin-top:20px}.signup-form .btn{padding-block:12px}@media (max-width: 768px){.feature-image{width:100%;max-width:100%}.signup-form{min-width:0;width:100%;max-width:none;background:transparent;border:0;border-radius:0;padding:0 16px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.form-row{display:block;margin-bottom:20px}.form-row label,.form-row input,.form-row textarea{display:block;width:100%}.form-row input,.form-row textarea{padding:14px 16px;font-size:16px;min-height:44px}.signup-tabs{gap:4px;padding:4px;border-width:1px}.signup-tab{padding:8px 14px;font:700 14px/1 var(--font-display)}}.signup-layout{display:flex;align-items:flex-start;gap:40px;margin-top:30px}.signup-col-left{flex:1 1 60%;display:flex;flex-direction:column;align-items:center}.signup-col-right{flex:1 1 40%;display:flex;justify-content:center;align-items:flex-start;padding-top:0}.signup-big-logo{width:300px;height:auto}.signup-layout .cta{text-align:center;padding-top:0;width:100%}.signup-layout .cta .eyebrow{font-size:clamp(28px,5vw,54px);margin-top:12px}.signup-layout .signup{margin-top:16px}.signup-layout .signup-form{margin:0 auto}@media (max-width: 768px){.signup-col-right{display:none}.signup-col-left{align-items:stretch}.signup-layout .cta{text-align:center}.signup-layout .signup-form{margin:0}}.signup-tabs{background:#2e1e1e;border:2px solid var(--separator)}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%) translateY(16px);opacity:0;pointer-events:none;background:#140c0cd9;color:var(--text);border:1px solid rgba(255,195,139,.22);border-radius:10px;padding:12px 18px;font:600 14px/1.2 var(--font-display);box-shadow:0 10px 24px #00000040;transition:opacity .16s ease,transform .16s ease;z-index:2000;max-width:calc(100% - 32px);text-align:center}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}.toast--success{border-color:#abddab4d}.toast--error{border-color:#ddabab4d}.signup-panel{margin:24px auto 0;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:32rem}.signup-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.signup-help{font-size:1rem;line-height:1.5;color:#f0e4dc99;text-align:center;max-width:26rem}.signup-panel .btn{width:100%;max-width:22rem;text-align:center}.signup-form{position:relative;padding-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;width:100%;max-width:32rem;margin:0 auto}.form-privacy-notice{font-size:.75rem;color:#f0e4dc4d;margin-top:1.5rem;padding:0 1rem;line-height:1.4;text-align:center;width:100%;max-width:24rem;margin-left:auto;margin-right:auto}@media (max-width: 768px){.form-privacy-notice{font-size:.8125rem;margin-top:2rem;padding:0 .5rem;max-width:100%}}.form-privacy-notice button.text-link{font-size:inherit;opacity:.9;text-decoration:none;border-bottom:1px dotted currentColor;padding-bottom:1px;color:#f0e4dc66;transition:all .2s ease}.form-privacy-notice button.text-link:hover{opacity:1;color:#f0e4dc99;border-bottom-style:solid}.text-link{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;transition:color .2s}.text-link:hover{color:var(--accent)}@media (max-width: 900px){.signup-big-logo{display:none}.signup-panel{margin:0 auto;width:100%;max-width:32rem}}.footer{width:100%;padding:2rem var(--gutter);color:var(--text-muted);font-size:.8rem;margin-top:2rem;font-family:var(--font-body);position:relative;z-index:1}.footer__content{max-width:var(--container);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem}.footer__copyright{font-weight:400;color:#f0e4dc66;line-height:1.4}.footer__right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1.25rem}.footer__links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:flex-end}.footer__link{background:none;border:none;color:#f0e4dc66;font-size:1rem;cursor:pointer;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .2s;text-transform:capitalize}.footer__link:hover{color:#fdc997}.footer__lang{display:flex;align-items:center;gap:.75rem}.footer__lang-label{font-size:.8rem;color:#f0e4dc80}.footer__lang-toggle{display:inline-flex;padding:2px;border-radius:999px;background:#110909d9;border:1px solid rgba(240,228,220,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.footer__lang-chip{min-width:2.4rem;padding:4px 10px;border-radius:999px;border:none;background:transparent;color:#f0e4dcb3;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}.footer__lang-chip.is-active{background:#fdc997;color:#241313}.footer__lang-chip:not(.is-active):hover{background:#f0e4dc14}@media (max-width: 900px){.footer__content{flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer__right{width:100%;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.footer__links{justify-content:center;align-items:center}.footer__links{gap:1.5rem}}@media (max-width: 600px){.footer__content{padding-top:.25rem}.footer__copyright{margin-bottom:.25rem;font-size:.95em}.footer__right{width:100%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.footer__links{flex-direction:column;gap:.5rem;align-items:center;width:100%;justify-content:center}.footer__link{font-size:1em;text-align:center;padding:.5rem 0;width:100%}.footer__lang{justify-content:center}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
