@layer components.landing{:where(.ff-landing){--navy:#021380;--orange:#f44704;--orange-600:#df3f03;--page:#fff;--ground:#f9fafb;--rule:#e5e7eb;--rule-soft:#f1f5f9;--ink:#0b1020;--body:#475569;--muted:#64748b;--faint:#94a3b8;--shell:1160px;--sans:var(--font-poppins),system-ui,-apple-system,"Segoe UI",sans-serif}:where(.ff-landing) *{box-sizing:border-box}:where(.ff-landing) [hidden]{display:none!important}:where(.ff-landing){-webkit-text-size-adjust:100%;background:var(--page);color:var(--body);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}:where(.ff-landing) img{max-width:100%;display:block}:where(.ff-landing) ::selection{background:#f4470429}:where(.ff-landing) :focus-visible{outline:2px solid var(--navy);outline-offset:2px;border-radius:3px}:where(.ff-landing) .vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.ff-landing) .shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 24px}:where(.ff-landing) h1,:where(.ff-landing) h2,:where(.ff-landing) h3,:where(.ff-landing) h4{color:var(--ink);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.06}:where(.ff-landing) h1{font-size:clamp(40px,5.6vw,66px)}:where(.ff-landing) h2{letter-spacing:-.028em;font-size:clamp(28px,3.5vw,42px);line-height:1.1}:where(.ff-landing) h3{letter-spacing:-.02em;font-size:clamp(19px,1.7vw,22px);line-height:1.25}:where(.ff-landing) h4{letter-spacing:-.012em;font-size:16px;line-height:1.3}:where(.ff-landing) p{margin:0}:where(.ff-landing) .lede{color:var(--body);max-width:62ch;font-size:clamp(16.5px,1.35vw,18.5px);line-height:1.62}:where(.ff-landing) .sub{color:var(--muted);max-width:66ch;font-size:15px;line-height:1.62}:where(.ff-landing) .tiny{color:var(--muted);font-size:12.5px;line-height:1.5}:where(.ff-landing) a{color:var(--navy)}:where(.ff-landing) .btn{cursor:pointer;letter-spacing:-.005em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-family:inherit;font-size:14.5px;font-weight:500;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}:where(.ff-landing) .btn-p{background:var(--orange);color:#fff}:where(.ff-landing) .btn-p:hover{background:var(--orange-600)}:where(.ff-landing) .btn-s{border-color:var(--rule);color:var(--ink);background:#fff}:where(.ff-landing) .btn-s:hover{background:var(--ground);border-color:#cbd5e1}:where(.ff-landing) .btn-g{color:var(--body)}:where(.ff-landing) .btn-g:hover{color:var(--ink);background:var(--ground)}:where(.ff-landing) .btn.lg{height:48px;padding:0 24px;font-size:15.5px}:where(.ff-landing) .hdr{z-index:80;-webkit-backdrop-filter:saturate(1.6)blur(12px);background:#ffffffdb;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}:where(.ff-landing) .hdr[data-stuck]{border-bottom-color:var(--rule)}:where(.ff-landing) .hdr-in{align-items:center;gap:28px;height:66px;display:flex}:where(.ff-landing) .brand{flex:none;align-items:center;text-decoration:none;display:flex}:where(.ff-landing) .logo{--h:26px;height:var(--h);width:calc(var(--h)*3.984);display:block;position:relative;overflow:hidden}:where(.ff-landing) .logo img{height:calc(var(--h)*1.786);width:auto;max-width:none;left:calc(var(--h)*-.873);top:calc(var(--h)*-.341);position:absolute}:where(.ff-landing) .nav{align-items:center;gap:26px;margin-right:auto;display:flex}:where(.ff-landing) .nav a{color:var(--body);font-size:14.5px;font-weight:500;text-decoration:none;transition:color .15s}:where(.ff-landing) .nav a:hover{color:var(--ink)}:where(.ff-landing) .hdr-end{align-items:center;gap:14px;display:flex}:where(.ff-landing) .signin{color:var(--body);font-size:14.5px;font-weight:500;text-decoration:none}:where(.ff-landing) .signin:hover{color:var(--ink)}:where(.ff-landing) section{position:relative}:where(.ff-landing) .band{padding:clamp(72px,8.5vw,116px) 0}:where(.ff-landing) .band-t{border-top:1px solid var(--rule)}:where(.ff-landing) .band-g{background:var(--ground)}:where(.ff-landing) .lead{max-width:660px;margin-bottom:clamp(34px,4vw,52px)}:where(.ff-landing) .lead h2+p{margin-top:14px}:where(.ff-landing) .plinth{position:relative}:where(.ff-landing) .win{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #0f172a12,0 1px 2px #0f172a0a,0 10px 20px -8px #0f172a1a,0 28px 56px -20px #0f172a29,0 56px 110px -40px #0213802e}:where(.ff-landing) .win-note{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 2px 0;font-size:12.5px;display:flex}:where(.ff-landing) .win-note a{color:var(--navy);font-weight:500;text-decoration:none}:where(.ff-landing) .win-note a:hover{text-decoration:underline}:where(.ff-landing) .duo{position:relative}:where(.ff-landing) .duo-switch{border:1px solid var(--rule);background:#fff;border-radius:9px;gap:4px;width:max-content;margin-bottom:12px;padding:3px;display:none}:where(.ff-landing) .duo-switch button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}:where(.ff-landing) .duo-switch button[aria-pressed=true]{background:var(--navy);color:#fff}:where(.ff-landing) .duo[data-single] .duo-switch{display:flex}:where(.ff-landing) .duo-stage{position:relative}:where(.ff-landing) .duo-canvas{transform-origin:0 0;position:absolute;top:0;left:0}:where(.ff-landing) .duo-dev{transition:box-shadow .4s cubic-bezier(.2,.7,.2,1);position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0f172a1a,0 1px 2px #0f172a0f,0 14px 32px #0f172a24,0 28px 70px #02138029}:where(.ff-landing) .duo-dev[data-state=front]{z-index:3}:where(.ff-landing) .duo-dev[data-state=back]{z-index:2;box-shadow:0 0 0 1px #0f172a1a,0 1px 2px #0f172a0d,0 8px 18px #0f172a14,0 16px 40px #02138014}:where(.ff-landing) .duo-desk{background:#020617;border-radius:12px;flex-direction:column;width:1000px;height:680px;display:flex;top:0;left:0}:where(.ff-landing) .duo-chrome{color:#94a3b8;background:#0b1224;border-bottom:1px solid #ffffff0f;flex:none;justify-content:center;align-items:center;height:34px;font-size:12px;display:flex;position:relative}:where(.ff-landing) .duo-dots{gap:7px;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:where(.ff-landing) .duo-dots i{background:#334155;border-radius:50%;width:10px;height:10px}:where(.ff-landing) .duo-desk .duo-screen{flex:1;min-height:0}:where(.ff-landing) .duo-phone{--phone-k:.66;width:410px;height:864px;transform:scale(var(--phone-k));transform-origin:0 0;background:#0b1020;border-radius:56px;padding:10px;top:154px;left:870px}:where(.ff-landing) .duo-phone .duo-screen{border-radius:46px;height:100%;overflow:hidden}:where(.ff-landing) .duo-shell,:where(.ff-landing) .duo-tool{border-radius:12px;flex-direction:column;display:flex}:where(.ff-landing) .duo-shell{background:#fff}:where(.ff-landing) .duo-tool{background:#020617}:where(.ff-landing) .duo-shell .duo-chrome{color:#64748b;background:#f8fafc;border-bottom-color:#e2e8f0}:where(.ff-landing) .duo-shell .duo-dots i{background:#cbd5e1}:where(.ff-landing) .duo-shell .duo-screen,:where(.ff-landing) .duo-tool .duo-screen{flex:1;min-height:0;position:relative}:where(.ff-landing) .duo[data-single] .duo-dev{top:0;left:0}:where(.ff-landing) .duo[data-single] .duo-phone{transform:none}:where(.ff-landing) .duo[data-single] .duo-dev[data-state=back]{display:none}:where(.ff-landing) .mods{border-top:1px solid var(--rule)}:where(.ff-landing) .mod{border-bottom:1px solid var(--rule)}:where(.ff-landing) .mod-t{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:16px;padding:20px 0;font-family:inherit;display:flex}:where(.ff-landing) .mod-t h3{flex:none}:where(.ff-landing) .mod-t .say{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:14px;overflow:hidden}:where(.ff-landing) .mod-t .ic{width:18px;height:18px;color:var(--faint);flex:none;transition:transform .22s}:where(.ff-landing) .mod-t[aria-expanded=true] .ic{transform:rotate(180deg)}:where(.ff-landing) .mod-t .tag{letter-spacing:.05em;color:#fff;background:var(--ink);border-radius:4px;flex:none;padding:2px 6px;font-size:10px;font-weight:600}:where(.ff-landing) .mod-b{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,0,1);display:grid}:where(.ff-landing) .mod-t[aria-expanded=true]+.mod-b{grid-template-rows:1fr}:where(.ff-landing) .mod-b>div{overflow:hidden}:where(.ff-landing) .mod-in{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(22px,3vw,44px);padding-bottom:28px;display:grid}:where(.ff-landing) .mod-in p{max-width:52ch;font-size:14.5px;line-height:1.65}:where(.ff-landing) .mod-in ul{flex-direction:column;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}:where(.ff-landing) .mod-in li{color:var(--muted);gap:9px;font-size:13.5px;display:flex}:where(.ff-landing) .mod-in li .ic{width:15px;height:15px;color:var(--orange);stroke-width:2.6px;flex:none;margin-top:3px}:where(.ff-landing) .shot{border:1px solid var(--rule);background:var(--ground);border-radius:9px;overflow:hidden}:where(.ff-landing) .plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}:where(.ff-landing) .plan{border:1px solid var(--rule);background:#fff;border-radius:12px;flex-direction:column;min-width:0;padding:24px;display:flex}:where(.ff-landing) .plan[data-best]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}:where(.ff-landing) .plan-top{align-items:center;gap:10px;min-width:0;display:flex}:where(.ff-landing) .plan h3{letter-spacing:-.015em;min-width:0;font-size:17px}:where(.ff-landing) .plan .pill{color:var(--navy);background:#eef0fb;border-radius:999px;flex:none;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:500}:where(.ff-landing) .plan .desc{color:var(--muted);min-height:42px;margin-top:8px;font-size:13.5px}:where(.ff-landing) .plan .fig{align-items:baseline;gap:5px;margin-top:18px;display:flex}:where(.ff-landing) .plan .fig b{letter-spacing:-.03em;color:var(--ink);font-size:34px;font-weight:600;line-height:1}:where(.ff-landing) .plan .fig span{color:var(--muted);font-size:13.5px}:where(.ff-landing) .plan .bill{color:var(--muted);min-height:19px;margin-top:6px;font-size:12.5px}:where(.ff-landing) .plan .btn{width:100%;margin-top:20px}:where(.ff-landing) .plan ul{flex-direction:column;gap:9px;margin:20px 0 0;padding:0;list-style:none;display:flex}:where(.ff-landing) .plan li{color:var(--body);gap:9px;font-size:13.5px;display:flex}:where(.ff-landing) .plan li .ic{width:15px;height:15px;color:var(--orange);stroke-width:2.6px;flex:none;margin-top:3px}:where(.ff-landing) .per{background:var(--ground);border:1px solid var(--rule);border-radius:9px;padding:3px;display:inline-flex}:where(.ff-landing) .per button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 13px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}:where(.ff-landing) .per button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #0f172a12}:where(.ff-landing) .quote blockquote{letter-spacing:-.022em;color:var(--ink);max-width:24ch;margin:0;font-size:clamp(21px,2.4vw,29px);font-weight:500;line-height:1.34}:where(.ff-landing) .quote figcaption{color:var(--muted);align-items:center;gap:12px;margin-top:20px;font-size:13.5px;display:flex}:where(.ff-landing) .quote img{object-fit:cover;border-radius:50%;flex:none;width:42px;height:42px}:where(.ff-landing) .quote b{color:var(--ink);font-size:14px;font-weight:600;display:block}:where(.ff-landing) .foot{border-top:1px solid var(--rule);background:#fff;padding:52px 0 40px}:where(.ff-landing) .foot-in{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}:where(.ff-landing) .foot h4{color:var(--ink);letter-spacing:0;margin-bottom:12px;font-size:12.5px;font-weight:600}:where(.ff-landing) .foot ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}:where(.ff-landing) .foot a{color:var(--muted);font-size:13.5px;text-decoration:none}:where(.ff-landing) .foot a:hover{color:var(--ink)}:where(.ff-landing) .foot-end{border-top:1px solid var(--rule-soft);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:44px;padding-top:22px;font-size:12px;display:flex}@media (max-width:900px){:where(.ff-landing) .mod-in,:where(.ff-landing) .plans{grid-template-columns:1fr}:where(.ff-landing) .foot-in{grid-template-columns:1fr 1fr}}@media (max-width:720px){:where(.ff-landing) .shell{padding:0 18px}:where(.ff-landing) .nav{display:none}:where(.ff-landing) .hdr-in{gap:14px;height:60px}:where(.ff-landing) .mod-t .say{display:none}:where(.ff-landing) .quote blockquote{max-width:none}}@media (max-width:520px){:where(.ff-landing) .foot-in{grid-template-columns:1fr}:where(.ff-landing) .btn{width:100%}:where(.ff-landing) .hdr-end .btn{width:auto}}@media (prefers-reduced-motion:reduce){:where(.ff-landing) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(.ff-landing) .rot-line{margin-top:10px}:where(.ff-landing) .rot{vertical-align:bottom;display:inline-block}:where(.ff-landing) .rot-win{height:1.16em;font-size:clamp(25px,2.9vw,34px);transition:width .34s cubic-bezier(.32,.72,0,1);display:block;position:relative;overflow:hidden}:where(.ff-landing) .rot-w{white-space:nowrap;letter-spacing:-.028em;color:var(--orange);font-weight:600;line-height:1.16;transition:transform .44s cubic-bezier(.32,.72,0,1),opacity .3s;display:block;position:absolute;top:0;left:0}:where(.ff-landing) .rot-w[data-at=in]{opacity:1;transform:translateY(0)}:where(.ff-landing) .rot-w[data-at=up]{opacity:0;transform:translateY(-108%)}:where(.ff-landing) .rot-w[data-at=down]{opacity:0;transform:translateY(108%)}:where(.ff-landing) .rot[data-still=true] .rot-win{flex-wrap:wrap;gap:2px 20px;width:auto;height:auto;font-size:clamp(19px,1.7vw,21px);display:flex}:where(.ff-landing) .rot[data-still=true] .rot-w{opacity:1;position:static;transform:none}:where(.ff-landing) .rot[data-still=true] .rot-w:not([data-at=in]){color:var(--muted)}@media (prefers-reduced-motion:reduce){:where(.ff-landing) .rot-win,:where(.ff-landing) .rot-w{transition:none}}}