@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}:root{--grad-right-w: 1100px;--grad-right-h: 540px;--grad-left-w: 880px;--grad-left-h: 480px;--grad-br-w: 900px;--grad-br-h: 480px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(var(--grad-left-w) var(--grad-left-h) at -6% 50vh,rgba(255,194,137,.3),transparent 72%),radial-gradient(var(--grad-right-w) var(--grad-right-h) at 100% -6%,rgba(255,195,139,.42),transparent 75%),radial-gradient(var(--grad-br-w) var(--grad-br-h) at 96% 88vh,rgba(255,195,139,.1),transparent 75%),var(--bg);background-repeat:no-repeat;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{min-height:100dvh;display:grid;place-items:center;text-align:center;padding:0}.hero .wrap{position:relative}.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)}.hero .btn{font:700 20px/1 var(--font-display)}.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}.hero-desc{text-align:center;max-width:860px;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:linear-gradient(180deg,#110909b8,#11090952);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:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(520px 220px at 50% 0%,rgba(253,200,151,.16),transparent 70%);opacity:.9}.intro .hero-desc>*{position:relative;z-index:1}.intro .lead{margin:12px auto 0;max-width:62ch}.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;--grad-right-w: 700px;--grad-right-h: 360px;--grad-left-w: 720px;--grad-left-h: 400px}body{background:radial-gradient(var(--grad-left-w) var(--grad-left-h) at -12% 100vh,rgba(255,194,137,.14),transparent 72%),radial-gradient(var(--grad-right-w) var(--grad-right-h) at 104% 0%,rgba(255,195,139,.18),transparent 75%),var(--bg);background-repeat:no-repeat}.hero{margin-top:var(--nav-h);min-height:calc(100dvh - var(--nav-h));padding:0}.navbar{background:linear-gradient(180deg,#191010eb,#191010b3 70%,#19101000);-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:before{content:"";position:absolute;top:16px;bottom:16px;left:16px;width:3px;border-radius:2px;background:linear-gradient(180deg,#fdc89759,#fdc89708);opacity:.45;pointer-events:none;z-index:0}.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:64px;height:3px;border-radius:999px;background:linear-gradient(90deg,#fdc897e6,#fdc89700);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:8px;border-radius:calc(var(--radius-lg) + 10px);background:radial-gradient(420px 220px at 8% 10%,rgba(253,200,151,.06),transparent 60%),#00000047;border:3px solid rgba(253,200,151,.28);box-shadow:0 12px 32px #00000059}.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){body{overflow-x:hidden}.hero-mark{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);width:min(520px,88vw);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.1;filter:blur(.2px)}.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%);background:linear-gradient(90deg,#fdc89700,#fdc897e6,#fdc89700)}.feature-list{grid-area:list}.feature-row:before{display:none}.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:2px}}@media (min-width: 901px){.feature-row--flip{grid-template-columns:var(--feature-media) minmax(0,1fr);grid-template-areas:"media text"}.feature-row--flip:before{left:auto;right:16px}}.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}
