.nf{--nf-bg:#0a0d14;--nf-text:#f3efe6;--nf-muted:#b4b9c4;--nf-faint:#8a91a1;--nf-violet:#b8a3ff;--nf-teal:#86d0c6;--nf-line:#f3efe61f;--nf-line-strong:#f3efe638;--nf-ease:cubic-bezier(.22, 1, .36, 1);--nf-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--nf-serif:"Fraunces", Georgia, serif;--nf-brand-font:"Outfit", "Inter", ui-sans-serif, system-ui, sans-serif;isolation:isolate;border-top:1px solid var(--nf-line);color:var(--nf-text);background:radial-gradient(circle at 1px 1px,#f3efe621 1px,transparent 1.4px) 0 0 / 22px 22px,var(--nf-bg);text-align:left;margin:0;font-family:Inter,Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow:hidden}.nf *,.nf :before,.nf :after{box-sizing:border-box}.nf:before,.nf:after{content:"";z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.nf:before{background:color-mix(in oklab,var(--nf-brand) 30%,transparent);width:min(46vw,560px);height:340px;animation:18s ease-in-out infinite alternate nf-drift;top:60px;left:-8%}.nf:after{background:#b8a3ff2e;width:min(40vw,480px);height:300px;animation:22s ease-in-out -6s infinite alternate-reverse nf-drift;top:180px;right:-6%}.nf a{color:inherit;text-decoration:none}.nf a:focus-visible,.nf button:focus-visible{outline:2px solid var(--nf-brand);outline-offset:3px;border-radius:6px}.nf p,.nf ul{margin:0;padding:0}.nf ul{list-style:none}.nf-shell{width:min(1180px,100% - 40px);margin:0 auto}.nf-tape{border-bottom:1px solid var(--nf-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14192559;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.nf-tape-track{width:max-content;animation:48s linear infinite nf-marquee;display:flex}.nf-tape-track>span{display:flex}.nf-tape-track>span>span{color:var(--nf-muted);font:500 1.05rem var(--nf-serif);white-space:nowrap;padding:18px 26px}.nf-tape-track i{color:var(--nf-violet);font:normal .8em var(--nf-mono)}.nf-tape:hover .nf-tape-track{animation-play-state:paused}.nf-panel{border:1px solid var(--nf-line);-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(140deg,#ffffff12,#ffffff04 42%,#0000),#14192580;border-radius:28px;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,.62fr));gap:32px;margin-top:48px;padding:36px 36px 32px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 80px -30px #000000b3}.nf-panel:before{content:"";border-radius:inherit;animation:nf-sheen 9s var(--nf-ease) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff0f,#0000 61%) 0 0/260% 100%;position:absolute;inset:0}.nf-brand{align-items:center;gap:10px;display:inline-flex}.nf-brand-mascot{width:42px;height:42px;transition:transform .4s var(--nf-ease);justify-content:center;align-items:center;display:inline-flex}.nf-brand-mascot>*{max-width:100%;max-height:100%}.nf-brand:hover .nf-brand-mascot{transform:translateY(-4px)rotate(-6deg)}.nf-wordmark{font:500 1.5rem/1 var(--nf-brand-font);letter-spacing:-.03em;color:var(--nf-text);white-space:nowrap}.nf-wordmark b,.nf-app b,.nf-giant-word b{color:var(--nf-brand);font-weight:inherit}.nf-intro p{max-width:380px;color:var(--nf-muted);margin:18px 0 20px;font-size:.95rem;line-height:1.65}.nf-cta{border-bottom:1px solid var(--nf-brand);color:var(--nf-text);transition:gap .25s var(--nf-ease),color .25s;align-items:center;gap:8px;padding-bottom:5px;font-weight:500;display:inline-flex}.nf-cta:hover{color:var(--nf-brand);gap:12px}.nf-social{flex-wrap:wrap;gap:10px;display:flex;margin-top:22px!important}.nf-social a{border:1px solid var(--nf-line-strong);width:40px;height:40px;color:var(--nf-text);transition:border-color .2s,color .2s,transform .25s var(--nf-ease),background .2s;background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.nf-social a:hover{border-color:var(--nf-brand);background:color-mix(in oklab,var(--nf-brand) 14%,transparent);color:var(--nf-brand);transform:translateY(-2px)}.nf-col{align-content:start;gap:10px;display:grid}.nf-index{color:var(--nf-brand);font:500 .74rem/1.4 var(--nf-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.nf-col a{width:fit-content;color:var(--nf-muted);font-size:.92rem;transition:color .2s}.nf-col a>span{background:linear-gradient(var(--nf-brand),var(--nf-brand)) 0 100% / 0 1px no-repeat;transition:background-size .35s var(--nf-ease)}.nf-col a:hover{color:var(--nf-text)}.nf-col a:hover>span{background-size:100% 1px}.nf-app>span{font:500 1rem/1.3 var(--nf-brand-font);letter-spacing:-.02em}.nf-app b{color:var(--nf-app)}.nf-col .nf-app>span{background-image:linear-gradient(var(--nf-app),var(--nf-app))}.nf-app[aria-current=page]{color:var(--nf-text)}.nf-app[aria-current=page]:after{content:" · buradasın";color:var(--nf-faint);font:.68rem var(--nf-mono)}.nf-bottom{color:var(--nf-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:22px 4px 8px;font-size:.8rem;display:flex}.nf-bottom small{font-size:inherit}.nf-credit a{text-underline-offset:3px;text-decoration:underline}.nf-credit a:hover{color:var(--nf-text)}.nf-legal{flex-wrap:wrap;gap:6px 16px;display:flex}.nf-legal a,.nf-legal button{color:var(--nf-faint);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.nf-legal a:hover,.nf-legal button:hover{color:var(--nf-text)}.nf-clock{font:.76rem var(--nf-mono);align-items:center;gap:8px;display:inline-flex}.nf-live{background:var(--nf-teal);width:7px;height:7px;animation:nf-ping 2.2s var(--nf-ease) infinite;border-radius:50%;flex:0 0 7px}.nf-totop{color:var(--nf-muted);align-items:center;gap:6px;display:inline-flex}.nf-totop svg{transition:transform .3s var(--nf-ease)}.nf-totop:hover{color:var(--nf-brand)}.nf-totop:hover svg{transform:translateY(-3px)}.nf-giant{width:100%;height:.84em;font-size:min(33vw,calc(205vw / var(--nf-chars,8)));text-align:center;-webkit-user-select:none;user-select:none;margin-top:clamp(16px,3vw,40px);line-height:.8;overflow:hidden}.nf-giant-word{color:var(--nf-text);font:600 1em/.8 var(--nf-brand-font);letter-spacing:-.055em;white-space:nowrap;opacity:0;transition:transform 1.1s var(--nf-ease),opacity .9s var(--nf-ease);padding-top:.2em;display:inline-block;position:relative;transform:translateY(18%)}.nf[data-seen=true] .nf-giant-word{opacity:1;transform:none}.nf-giant-word b{background:linear-gradient(100deg,var(--nf-brand) 0%,var(--nf-brand) 40%,#fff8ea 50%,var(--nf-brand) 60%,var(--nf-brand) 100%) 0 0 / 300% 100%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite nf-shine;display:inline-block}.nf-giant-o{display:inline-block;position:relative}.nf-giant-mascot{justify-content:center;align-items:flex-end;width:.3em;height:.3em;animation:3.2s ease-in-out infinite nf-bob;display:flex;position:absolute;bottom:.455em;left:50%;transform:translate(-50%)}.nf-giant-mascot>*{width:100%!important;height:100%!important}.nf:hover .nf-giant-mascot{animation:nf-hop .7s var(--nf-ease)}@keyframes nf-marquee{to{transform:translate(-50%)}}@keyframes nf-ping{0%{box-shadow:0 0 #86d0c699}80%,to{box-shadow:0 0 0 8px #86d0c600}}@keyframes nf-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6%)}}@keyframes nf-hop{0%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-22%)rotate(-4deg)}70%{transform:translate(-50%)translateY(2%)}}@keyframes nf-sheen{0%,35%{background-position:130% 0}to{background-position:-30% 0}}@keyframes nf-shine{0%,55%{background-position:100% 0}to{background-position:0 0}}@keyframes nf-drift{to{transform:translate(6%,10%)scale(1.12)}}@media(max-width:1024px){.nf-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.nf-intro{grid-column:1/-1}.nf-bottom{justify-content:flex-start}}@media(max-width:640px){.nf-shell{width:calc(100% - 32px)}.nf-panel{border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;padding:26px 20px 24px}.nf-col a{font-size:.86rem}.nf-app[aria-current=page]:after{content:""}.nf-giant-mascot{width:.46em;height:.46em}}@media(max-width:380px){.nf-panel{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.nf:before,.nf:after,.nf-tape-track,.nf-panel:before,.nf-live,.nf-giant-word b,.nf-giant-mascot,.nf:hover .nf-giant-mascot{animation:none}.nf-giant-word{opacity:1;transition:none;transform:none}}.fl{--fl-bg:#0a0d14;--fl-raise:#1419259e;--fl-line:#f3efe61f;--fl-line-strong:#f3efe63d;--fl-text:#f3efe6;--fl-muted:#b4b9c4;--fl-faint:#8a91a1;--fl-brand:#c9b8ff;--fl-brand-deep:#8f78e6;--fl-ink:#1b1712;--fl-ease:cubic-bezier(.22, 1, .36, 1);color:var(--fl-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}.fl *,.fl :before,.fl :after{box-sizing:border-box}:where(.fl) h1,:where(.fl) h2,:where(.fl) h3,:where(.fl) p,:where(.fl) ul,:where(.fl) ol{margin:0;padding:0}:where(.fl) ul,:where(.fl) ol{list-style:none}:where(.fl) a{color:inherit;text-decoration:none}.fl a:focus-visible,.fl button:focus-visible,.fl summary:focus-visible{outline:2px solid var(--fl-brand);outline-offset:3px;border-radius:8px}.fl-skip{z-index:50;background:var(--fl-brand);color:var(--fl-ink);border-radius:10px;padding:10px 14px;font-weight:600;position:absolute;top:-60px;left:12px}.fl-skip:focus{top:12px}.fl-brand{align-items:center;gap:8px;display:inline-flex}.fl-wordmark{letter-spacing:-.03em;font:500 1.35rem/1 Outfit,Inter,sans-serif}.fl-wordmark b,.fl-eco b{color:var(--fl-brand);font-weight:inherit}@keyframes fh-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.fl{--fh-card:#141925}.fh-header-wrap{z-index:60;pointer-events:none;justify-content:center;padding-inline:14px;display:flex;position:fixed;top:14px;left:0;right:0}.fh-header-spacer{height:92px}.fh-header{pointer-events:auto;width:min(100%,460px);color:var(--fl-text);background:color-mix(in oklab,var(--fh-card) 62%,transparent);border:1px solid color-mix(in oklab,var(--fl-text) 22%,transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);transition:background .3s,border-radius .4s var(--fl-ease);animation:fh-drop .8s var(--fl-ease) both;border-radius:22px;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 18px 40px -24px #000000e6}.fh-header[data-scrolled=true]{background:color-mix(in oklab,var(--fh-card) 80%,transparent)}.fh-header[data-open=true]{background:color-mix(in oklab,var(--fh-card) 90%,transparent);border-radius:24px}.fh-header-bar{align-items:center;gap:12px;height:58px;padding:0 8px 0 12px;display:flex}.fh-header a:focus-visible,.fh-header button:focus-visible,.fh-footer a:focus-visible{outline:2px solid var(--fl-brand);outline-offset:3px}.fh-icon-btn,.fh-burger{width:44px;height:44px;color:var(--fl-muted);border-radius:14px;place-items:center;transition:background .2s,color .2s;display:inline-grid;position:relative}.fh-icon-btn:hover,.fh-burger:hover{color:var(--fl-text);background:#ffffff12}.fh-burger span{background:var(--fl-text);width:18px;height:1.6px;transition:transform .35s var(--fl-ease),top .35s var(--fl-ease),width .35s var(--fl-ease);border-radius:2px;position:absolute;left:13px}.fh-burger span:first-child{top:18px}.fh-burger span:last-child{width:12px;top:25px}.fh-header[data-open=true] .fh-burger span:first-child{top:21.5px;transform:rotate(45deg)}.fh-header[data-open=true] .fh-burger span:last-child{width:18px;top:21.5px;transform:rotate(-45deg)}.fh-menu{transition:grid-template-rows .45s var(--fl-ease);grid-template-rows:0fr;display:grid}.fh-header[data-open=true] .fh-menu{grid-template-rows:1fr}.fh-menu-inner{min-height:0;overflow:hidden}.fh-header[data-open=true] .fh-menu-inner{overscroll-behavior:contain;max-height:calc(100dvh - 100px);overflow-y:auto}.fh-menu nav{border-top:1px solid var(--fl-line);gap:18px;padding:16px 14px 14px;display:grid}.fh-menu-feature,.fh-menu-group{opacity:0;transition:opacity .35s,transform .45s var(--fl-ease),border-color .2s;transform:translateY(-6px)}.fh-header[data-open=true] .fh-menu-feature,.fh-header[data-open=true] .fh-menu-group{opacity:1;transition-delay:calc(50ms + var(--i) * 60ms);transform:none}.fh-menu-feature{background:linear-gradient(135deg,color-mix(in oklab,var(--fl-brand) 16%,transparent),color-mix(in oklab,var(--fl-brand-deep) 8%,transparent));border:1px solid color-mix(in oklab,var(--fl-brand) 35%,transparent);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.fh-menu-feature:hover{border-color:var(--fl-brand)}.fh-menu-badge{background:var(--fl-brand);color:var(--fl-ink);letter-spacing:.04em;border-radius:8px;flex:none;padding:6px 8px;font:600 .68rem/1 ui-monospace,JetBrains Mono,monospace}.fh-menu-feature>span:not(.fh-menu-badge){gap:3px;min-width:0;display:grid}.fh-menu-feature strong{font:500 1.22rem/1.1 Fraunces,Georgia,serif}.fh-menu-feature small{color:var(--fl-muted);font-size:.78rem}.fh-menu-feature svg{color:var(--fl-brand);flex:none;margin-left:auto}.fh-menu-label{color:var(--fl-faint);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px 2px;font:500 .66rem/1 ui-monospace,JetBrains Mono,monospace;display:block}.fh-menu-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fh-menu-group a{border:1px solid var(--fl-line);background:#ffffff08;border-radius:14px;align-content:start;gap:3px;min-width:0;padding:11px 13px;transition:border-color .2s,background .2s;display:grid}.fh-menu-group a:hover{border-color:color-mix(in oklab,var(--fl-text) 22%,transparent);background:#ffffff0f}.fh-menu-group a span{font:500 1.1rem/1.15 Fraunces,Georgia,serif}.fh-menu-group a small{color:var(--fl-faint);font-size:.72rem;line-height:1.35}.fh-menu-foot{border-top:1px solid var(--fl-line);justify-content:space-between;align-items:center;gap:12px;padding:4px 8px;display:flex}.fh-menu-foot a{min-height:44px;color:var(--fl-muted);border-radius:12px;align-items:center;gap:8px;padding:0 10px;font-size:.86rem;transition:background .2s,color .2s;display:inline-flex}.fh-menu-foot a:hover{color:var(--fl-text);background:#ffffff0f}.fh-menu-foot kbd,.fh-kbd{border:1px solid var(--fl-line);color:var(--fl-faint);border-radius:6px;padding:3px 7px;font:.66rem ui-monospace,JetBrains Mono,monospace}.fh-scrim{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}@media(max-width:760px){.fh-header-wrap{padding-inline:12px;top:10px}.fh-header-bar{height:54px}.fh-header-spacer{height:78px}.fl-wordmark{font-size:1.3rem}}.fl-btn{border:1px solid var(--fl-line-strong);min-height:46px;color:var(--fl-text);cursor:pointer;transition:transform .25s var(--fl-ease),background .2s,border-color .2s;background:#f3efe60d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font:600 .95rem Inter,sans-serif;display:inline-flex}.fl-btn:hover{border-color:var(--fl-brand);transform:translateY(-2px)}.fl-btn--primary{background:var(--fl-brand);color:var(--fl-ink);border-color:#0000}.fl-btn--primary:hover{background:#d9ccff}.fl-chip{background:color-mix(in oklab,var(--fl-brand) 22%,transparent);color:var(--fl-brand);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 10px;font:600 .72rem JetBrains Mono,monospace;display:inline-block}.fl-note{color:var(--fl-muted);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.fl-link{color:var(--fl-brand);border-bottom:1px solid #0000;align-items:center;gap:6px;margin-top:14px;font-weight:600;display:inline-flex}.fl-link:hover{border-color:var(--fl-brand)}.fl-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(40px,7vw,96px) 0 clamp(40px,6vw,80px);display:grid}.fl-eyebrow{color:var(--fl-muted);align-items:center;gap:10px;margin-bottom:18px;font:500 .85rem JetBrains Mono,monospace;display:flex}.fl h1{letter-spacing:-.02em;text-wrap:balance;font:600 clamp(2.3rem,5.2vw,4.3rem)/1.06 Fraunces,Georgia,serif}.fl h1 em{color:var(--fl-brand);font-style:italic}.fl-lead{max-width:54ch;color:var(--fl-muted);margin-top:20px;font-size:clamp(1rem,1.5vw,1.15rem)}.fl-cta{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;display:flex}.fl-facts{color:var(--fl-faint);flex-wrap:wrap;gap:8px 18px;margin-top:26px;font-size:.88rem;display:flex}.fl-facts li:before{content:"· ";color:var(--fl-brand)}.fl-hero-art{padding-top:112px;position:relative}.fl-hero-mascot{z-index:2;filter:drop-shadow(0 18px 26px #8f78e659);animation:5s ease-in-out infinite fl-float;position:absolute;top:0;right:6%}.fl-section{padding:clamp(48px,7vw,96px) max(20px,50% - 590px);scroll-margin-top:64px}.fl-head{max-width:62ch;margin-bottom:clamp(24px,3.4vw,44px)}.fl-kicker{color:var(--fl-brand);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font:600 .78rem JetBrains Mono,monospace}.fl h2{letter-spacing:-.015em;text-wrap:balance;font:600 clamp(1.7rem,3.4vw,2.7rem)/1.12 Fraunces,Georgia,serif}.fl-head p:last-child{color:var(--fl-muted);margin-top:12px}.fl h3{font:600 1.1rem/1.3 Inter,sans-serif}.fl-card{border:1px solid var(--fl-line);background:linear-gradient(145deg,#ffffff0f,#ffffff03 45%,transparent),var(--fl-raise);transition:border-color .25s,transform .3s var(--fl-ease);border-radius:20px;padding:clamp(18px,2.2vw,28px)}.fl-card:hover{border-color:var(--fl-line-strong)}.fl-card p{color:var(--fl-muted);margin-top:8px;font-size:.95rem}.fl-card>svg{color:var(--fl-brand);margin-bottom:14px}.fl-steps,.fl-features,.fl-platforms,.fl-migrate{gap:16px;display:grid}.fl-steps,.fl-platforms,.fl-features{grid-template-columns:repeat(3,minmax(0,1fr))}.fl-no{color:var(--fl-brand);margin-bottom:14px;font:500 .9rem JetBrains Mono,monospace;display:block}.fl-mock{border:1px solid var(--fl-line-strong);background:#0f1420;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -24px #000000b3,inset 0 0 0 1px #ffffff08}.fl-mock-bar{border-bottom:1px solid var(--fl-line);background:#ffffff08;align-items:center;gap:6px;padding:10px 14px;display:flex}.fl-mock-bar i{background:#f3efe638;border-radius:50%;width:9px;height:9px}.fl-mock-bar span{color:var(--fl-faint);background:#ffffff0d;border-radius:999px;margin:0 auto;padding:2px 14px;font:.72rem JetBrains Mono,monospace}.fl-mock-body{grid-template-columns:30% 38% 32%;min-height:300px;font-size:.74rem;display:grid}.fl-mock-body>*{min-width:0;padding:12px;transition:background .3s,box-shadow .3s}.fl-mock-side{border-right:1px solid var(--fl-line);flex-direction:column;gap:4px;display:flex}.fl-mock-search{color:var(--fl-faint);background:#ffffff0d;border-radius:8px;margin-bottom:8px;padding:6px 8px}.fl-mock-side b{color:var(--fl-faint);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font:600 .62rem JetBrains Mono,monospace}.fl-mock-side p{color:var(--fl-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:5px 8px;overflow:hidden}.fl-mock-side p[data-active]{background:color-mix(in oklab,var(--fl-brand) 20%,transparent);color:var(--fl-text)}.fl-mock-sync{color:var(--fl-faint);align-items:center;gap:6px;margin-top:auto;display:flex}.fl-mock-sync i{background:#86e8b8;border-radius:50%;width:7px;height:7px}.fl-mock-edit{border-right:1px solid var(--fl-line);color:var(--fl-muted);flex-direction:column;gap:6px;font-family:JetBrains Mono,monospace;display:flex}.fl-mock-edit .fl-h{color:var(--fl-text);font-weight:600}.fl-mock-edit .fl-m{color:var(--fl-brand-deep)}.fl-mock-prev{color:var(--fl-muted);flex-direction:column;gap:8px;display:flex}.fl-mock-prev strong{color:var(--fl-text);font:600 1.05rem Fraunces,Georgia,serif}.fl-mock-diagram{align-items:center;gap:6px;display:flex}.fl-mock-diagram u{border:1px solid var(--fl-brand-deep);color:var(--fl-text);border-radius:8px;padding:6px 8px;text-decoration:none}.fl-mock-diagram em{background:var(--fl-brand-deep);flex:1;height:1px}.fl-mock-prev small{color:var(--fl-faint);margin-top:auto}.fl-mock[data-focus=sidebar] .fl-mock-side,.fl-mock[data-focus=editor] .fl-mock-edit,.fl-mock[data-focus=preview] .fl-mock-prev{background:color-mix(in oklab,var(--fl-brand) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fl-brand) 55%,transparent)}.fl-web{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.fl-web-side{gap:14px;display:grid}.fl-tabs{flex-wrap:wrap;gap:8px;display:flex}.fl-tabs button{border:1px solid var(--fl-line-strong);min-height:42px;color:var(--fl-muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font:600 .88rem Inter,sans-serif;transition:background .2s,color .2s}.fl-tabs button[aria-selected=true]{background:var(--fl-brand);color:var(--fl-ink);border-color:#0000}.fl-platforms .fl-card[data-here]{border-color:color-mix(in oklab,var(--fl-brand) 60%,transparent)}.fl-card-top{color:var(--fl-brand);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.fl-platforms ol{counter-reset:s;gap:8px;margin-top:12px;display:grid}.fl-platforms li{color:var(--fl-muted);counter-increment:s;padding-left:28px;font-size:.94rem;position:relative}.fl-platforms li:before{content:counter(s);background:color-mix(in oklab,var(--fl-brand) 20%,transparent);width:20px;height:20px;color:var(--fl-brand);border-radius:50%;place-items:center;font:600 .7rem JetBrains Mono,monospace;display:grid;position:absolute;top:2px;left:0}.fl-install{margin-top:24px}.fl-migrate{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-migrate-note{grid-column:1/-1}.fl-eco{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fl-eco li>a,.fl-eco-self{border:1px solid var(--fl-line);background:var(--fl-raise);min-height:72px;transition:transform .3s var(--fl-ease),border-color .2s;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.fl-eco li>a:hover{border-color:var(--c);transform:translateY(-3px)}.fl-eco-self{border-color:color-mix(in oklab,var(--c) 55%,transparent)}.fl-eco li>a>i{background:var(--c);border-radius:50%;flex:none;width:12px;height:12px}.fl-eco li>a>span,.fl-eco-self>span{flex:1;min-width:0;display:grid}.fl-eco strong{letter-spacing:-.02em;font:500 1rem Outfit,Inter,sans-serif}.fl-eco li b{color:var(--c)}.fl-eco small{color:var(--fl-faint);font-size:.78rem}.fl-eco li>a>svg{color:var(--fl-faint)}.fl-faq{gap:10px;max-width:820px;display:grid}.fl-faq summary{cursor:pointer;font-weight:600;list-style:none}.fl-faq summary::-webkit-details-marker{display:none}.fl-faq summary:after{content:"+";float:right;color:var(--fl-brand);font:500 1.2rem/1 JetBrains Mono,monospace}.fl-faq details[open] summary:after{content:"–"}.fl-final{text-align:center;justify-items:center;gap:14px;padding:clamp(56px,8vw,110px) 20px;display:grid}.fl-final p{color:var(--fl-muted)}@keyframes fl-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@media(max-width:980px){.fl-hero,.fl-web{grid-template-columns:1fr}.fl-steps,.fl-platforms,.fl-features,.fl-eco{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.fl-steps,.fl-platforms,.fl-features,.fl-migrate,.fl-eco{grid-template-columns:1fr}.fl-mock-body{grid-template-columns:34% 66%}.fl-mock-prev{display:none}.fl-mock-edit{border-right:0}.fl-hero-mascot svg{width:110px;height:110px}.fl-cta .fl-btn{flex:100%}.fl-wordmark{font-size:1.15rem}}@keyframes fl-tape-slide{to{transform:translate(-50%)}}.fl-tapes{padding:16px 0;overflow:hidden}.fl-tapes-tilt{gap:12px;margin-inline:-16px;padding:24px 0;display:grid;transform:rotate(-2deg)}.fl-tape{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.fl-tape-track{width:max-content;animation:40s linear infinite fl-tape-slide;display:flex}.fl-tape[data-reverse=true] .fl-tape-track{animation-duration:46s;animation-direction:reverse}.fl-tape:hover .fl-tape-track{animation-play-state:paused}.fl-tape-set{flex-shrink:0;gap:12px;padding-right:12px;display:flex}.fl-tape-chip{white-space:nowrap;border:1px solid var(--fl-line);background:var(--fl-raise);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;display:inline-flex}.fl-tape-tag{color:var(--fl-brand);font:.75rem ui-monospace,JetBrains Mono,monospace}@media(prefers-reduced-motion:reduce){.fl-tape-track,.fl-hero-mascot{animation:none}.fl-btn,.fl-card,.fl-eco li>a{transition:none}}.fh-brand{align-items:center;gap:10px;min-width:0;display:inline-flex}
