.sf{--ink:#141110;--ink-2:#1b1816;--paper:#f7f1e6;--mute:#a39a8c;--dim:#6b6358;--line:#f7f1e61a;--amber:#ffb23e;--amber-deep:#e8780c;--amber-ink:#141110;--display:var(--font-geist), "Bricolage Grotesque", sans-serif;--mono:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:clip}.sf ::selection{background:#ffb23e59}.sf a{color:inherit;text-decoration:none}.sf .wrap{width:min(1180px,100% - 40px);margin-inline:auto}@media (max-width:640px){.sf .wrap{width:calc(100% - 32px)}}.sf .mono{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:12px}.sf .amber{color:var(--amber)}.sf .btn{white-space:nowrap;height:48px;transition:transform .4s var(--ease), filter .3s, background-color .3s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;display:inline-flex}.sf .btn.go{background:linear-gradient(135deg, var(--amber), var(--amber-deep));color:var(--amber-ink)}.sf .btn.go:hover{filter:brightness(1.07);transform:translateY(-1px)}.sf .btn.bare{border:1px solid var(--line);color:var(--paper)}.sf .btn.bare:hover{background:#f7f1e60f}.sf .btn.sm{height:40px;padding:0 18px;font-size:14px}.sf-bar{z-index:30;border-bottom:1px solid #0000;align-items:center;height:72px;transition:background-color .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s;display:flex;position:fixed;inset:0 0 auto}.sf-bar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line);background:#141110c7}.sf-bar .wrap{align-items:center;gap:16px;display:flex}.sf-bar nav{color:var(--mute);gap:28px;margin-left:28px;font-size:14px;display:flex}.sf-bar nav a{transition:color .3s}.sf-bar nav a:hover{color:var(--paper)}.sf-bar .end{align-items:center;gap:6px;margin-left:auto;display:flex}.sf-bar .login{color:var(--paper);padding:0 14px;font-size:14px;font-weight:600}@media (max-width:760px){.sf-bar nav{display:none}}.sf-open{isolation:isolate;align-content:center;min-height:100dvh;padding:100px 0 56px;display:grid;position:relative}.sf-walls{z-index:-1;pointer-events:none;position:absolute;inset:-20%;overflow:hidden}.sf-walls video{object-fit:cover;filter:blur(70px)saturate(1.3);opacity:0;width:100%;height:100%;transition:opacity 1.6s;transform:scale(1.1)}.sf-walls video.lit{opacity:.32}.sf-walls:after{content:"";background:radial-gradient(70% 60% at 50% 55%, transparent 0%, var(--ink) 100%);position:absolute;inset:0}.sf-open .lead{text-align:center;max-width:760px;margin:0 auto 30px}.sf-open h1{font-family:var(--display);letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(40px,5.6vw,74px);font-weight:700;line-height:.98}.sf-open h1 .l1 .cur{background:var(--amber);vertical-align:-.04em;width:.08em;height:.82em;margin-left:.06em;animation:1s steps(2,start) infinite sf-blink;display:inline-block}.sf-open h1.done .l1 .cur{display:none}.sf-open h1 .w{opacity:0;filter:blur(10px);display:inline-block;transform:translateY(.5em)}.sf-open h1.done .w{animation:sf-rise 1.1s var(--ease) forwards;animation-delay:calc(var(--i) * .1s)}.sf-open .sub{max-width:560px;color:var(--mute);opacity:0;margin:18px auto 0;font-size:16px;line-height:1.55;animation:1.2s 1.6s forwards sf-fade}.sf-open .acts{opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;animation:1.2s 1.8s forwards sf-fade;display:flex}.sf-prompt{width:min(1080px,100%,234dvh - 1263.6px);font-family:var(--mono);color:var(--paper);align-items:baseline;gap:14px;min-height:1.5em;margin:0 auto 12px;font-size:13px;line-height:1.5;display:flex}.sf-prompt .k{color:var(--amber);letter-spacing:.12em;flex:none;font-size:11px}.sf-prompt .cur{background:var(--amber);vertical-align:-.15em;width:7px;height:1em;margin-left:2px;animation:1s steps(2,start) infinite sf-blink;display:inline-block}.sf-prompt .cur.off{display:none}.sf-frame{aspect-ratio:21/9;opacity:0;background:#000;border-radius:6px;width:min(1080px,100%,234dvh - 1263.6px);margin:0 auto;animation:1.4s .5s forwards sf-fade;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px #000000e6,0 0 0 1px #f7f1e60f}@media (max-width:640px){.sf-frame,.sf-prompt{width:100%}.sf-frame{aspect-ratio:16/10;border-radius:4px}}.sf-frame video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.1s,transform 7s linear;position:absolute;inset:0;transform:scale(1.04)}.sf-frame video.on{opacity:1;transform:scale(1)}.sf-frame .mark{z-index:2;width:18px;height:18px;transition:inset .6s var(--ease);border:1.5px solid #f7f1e6bf;position:absolute}.sf-frame .mark.tl{border-bottom:0;border-right:0;top:14px;left:14px}.sf-frame .mark.tr{border-bottom:0;border-left:0;top:14px;right:14px}.sf-frame .mark.bl{border-top:0;border-right:0;bottom:14px;left:14px}.sf-frame .mark.br{border-top:0;border-left:0;bottom:14px;right:14px}.sf-frame.typing .mark{inset:auto}.sf-frame.typing .mark.tl{top:22px;left:22px}.sf-frame.typing .mark.tr{top:22px;right:22px}.sf-frame.typing .mark.bl{bottom:22px;left:22px}.sf-frame.typing .mark.br{bottom:22px;right:22px}.sf-frame .slate{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f7f1e6d9;text-shadow:0 1px 8px #0009;opacity:0;font-size:11px;transition:opacity .6s .4s;position:absolute;bottom:20px;left:22px}.sf-frame.showing .slate{opacity:1}.sf-frame .slate b{color:var(--amber);font-weight:500}.sf-frame .time{z-index:2;background:#f7f1e61f;width:100%;height:2px;position:absolute;bottom:0;left:0}.sf-frame .time i{background:var(--amber);width:0;height:100%;transition:width linear;display:block}.sf-frame .warm{opacity:0;background:radial-gradient(60% 80% at 50% 60%,#ffb23e17,#0000 70%);transition:opacity .8s;position:absolute;inset:0}.sf-frame.typing .warm{opacity:1}.sf-frame .black{z-index:1;pointer-events:none;opacity:1;background:#000;transition:opacity .9s;position:absolute;inset:0}.sf-frame.showing .black{opacity:0}.sf-open .takes{justify-content:center;gap:8px;margin-top:16px;display:flex}.sf-open .takes button{background:#f7f1e62e;width:28px;height:2px;transition:background .3s}.sf-open .takes button.on{background:var(--amber)}.sf-sec{padding:120px 0;position:relative}@media (max-width:760px){.sf-sec{padding:80px 0}}.sf-sec h2{font-family:var(--display);letter-spacing:-.03em;max-width:14ch;margin:12px 0 0;font-size:clamp(32px,4.6vw,56px);font-weight:600;line-height:1.02}.sf-sec .intro{max-width:520px;color:var(--mute);margin:18px 0 0;font-size:16px;line-height:1.6}.sf .rv{opacity:0;filter:blur(8px);transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);transition-delay:var(--d,0s);transform:translateY(26px)}.sf .rv.in{opacity:1;filter:none;transform:none}.sf-scenes{border-top:1px solid var(--line);margin-top:56px}.sf-scene{border-bottom:1px solid var(--line);grid-template-columns:72px 1.1fr 1fr;align-items:baseline;gap:24px;padding:30px 0;display:grid;position:relative}.sf-scene:before{content:"";background:var(--amber);width:0;height:1px;transition:width .9s var(--ease);position:absolute;bottom:-1px;left:0}.sf-scene:hover:before{width:100%}.sf-scene .n{font-family:var(--mono);letter-spacing:.12em;color:var(--amber);font-size:12px}.sf-scene h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:600}.sf-scene .use{color:var(--paper);max-width:40ch;margin:6px 0 0;font-size:16px;line-height:1.5}.sf-scene .cost{font-family:var(--mono);color:var(--mute);font-size:12.5px;line-height:1.65}.sf-scene .cost:before{content:"credits · ";color:var(--dim)}@media (max-width:760px){.sf-scene{grid-template-columns:44px 1fr;gap:10px 14px;padding:24px 0}.sf-scene .cost{grid-column:2}}.sf-reel{padding:120px 0 0;overflow:hidden}.sf-reel .head{justify-content:space-between;align-items:end;gap:24px;display:flex}.sf-strip{background:repeating-linear-gradient(90deg,#f7f1e629 0 10px,#0000 10px 34px) top/100% 6px no-repeat,repeating-linear-gradient(90deg,#f7f1e629 0 10px,#0000 10px 34px) bottom/100% 6px no-repeat;background-position-x:var(--x,0), var(--x,0);margin-top:44px;padding:18px 0;position:relative}.sf-strip .track{will-change:transform;gap:18px;padding-left:max(20px,50vw - 590px);padding-right:18px;display:flex}@media (hover:none),(max-width:760px){.sf-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}.sf-strip::-webkit-scrollbar{display:none}.sf-strip .track{padding-left:16px;padding-right:16px;transform:none!important}.sf-strip .take{scroll-snap-align:start}.sf-strip .take.dup{display:none}}.sf-strip .take{flex:none;width:min(520px,82vw)}.sf-strip .take .pic{aspect-ratio:16/9;background:#000;border-radius:4px;position:relative;overflow:hidden}.sf-strip .take video{object-fit:cover;width:100%;height:100%}.sf-strip .take .tag{font-family:var(--mono);letter-spacing:.14em;color:#f7f1e6d9;text-shadow:0 1px 6px #000000b3;font-size:10.5px;position:absolute;top:12px;left:12px}.sf-strip .take p{font-family:var(--mono);color:var(--mute);margin:12px 0 0;font-size:12px;line-height:1.6}.sf-strip .take p:before{content:"› ";color:var(--amber)}.sf-credits{grid-template-columns:repeat(4,1fr);gap:32px;margin-top:56px;display:grid}.sf-credits h4{margin:0;font-size:15px;font-weight:600}.sf-credits p{color:var(--mute);margin:8px 0 0;font-size:14px;line-height:1.6}.sf-credits>div{border-top:1px solid var(--line);padding-top:18px}@media (max-width:900px){.sf-credits{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sf-credits{grid-template-columns:1fr}}.sf-plans{margin-top:48px}.sf-switch{border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;font-size:13px;display:inline-flex}.sf-switch button{color:var(--mute);border-radius:999px;padding:7px 14px;transition:background .3s,color .3s}.sf-switch button.on{background:var(--paper);color:var(--ink);font-weight:600}.sf-switch .save{color:var(--amber);font-family:var(--mono);letter-spacing:.1em;padding:0 10px 0 6px;font-size:11px}.sf-plan-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:28px;display:grid}.sf-plan{border-bottom:1px solid var(--line);flex-direction:column;min-height:100%;padding:28px 24px 28px 0;display:flex}.sf-plan+.sf-plan{border-left:1px solid var(--line);padding-left:24px}.sf-plan .name{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:12px}.sf-plan.hl .name{color:var(--amber)}.sf-plan .price{font-family:var(--display);letter-spacing:-.03em;margin-top:18px;font-size:40px;font-weight:600;line-height:1}.sf-plan .price small{font-family:var(--font-inter), sans-serif;color:var(--mute);letter-spacing:0;margin-left:4px;font-size:14px;font-weight:400}.sf-plan .yr{color:var(--dim);min-height:1.2em;margin:8px 0 0;font-size:13px}.sf-plan .incl{margin:18px 0 0;font-size:15px;font-weight:600}.sf-plan ul{color:var(--mute);gap:8px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.sf-plan li:before{content:"— ";color:var(--dim)}.sf-plan .btn{align-self:flex-start;margin-top:26px}.sf-plans .note{color:var(--dim);margin:18px 0 0;font-size:13px}.sf-plans .wait{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:360px}@media (max-width:900px){.sf-plan-grid{grid-template-columns:repeat(2,1fr)}.sf-plan:nth-child(3){border-left:0;padding-left:0}}@media (max-width:520px){.sf-plan-grid{grid-template-columns:1fr}.sf-plan+.sf-plan{border-left:0;padding-left:0}}.sf-faq{border-top:1px solid var(--line);margin-top:40px}.sf-faq details{border-bottom:1px solid var(--line)}.sf-faq summary{cursor:pointer;font-family:var(--display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:20px;font-weight:600;list-style:none;display:flex}.sf-faq summary::-webkit-details-marker{display:none}.sf-faq summary .plus{flex:none;width:14px;height:14px;position:relative}.sf-faq summary .plus:before,.sf-faq summary .plus:after{content:"";background:var(--amber);transition:transform .4s var(--ease);position:absolute;inset:6px 0}.sf-faq summary .plus:after{inset:0 6px}.sf-faq details[open] summary .plus:after{transform:scaleY(0)}.sf-faq .a{max-width:60ch;color:var(--mute);padding:0 0 24px;font-size:16px;line-height:1.6}.sf-faq .a a{color:var(--amber)}.sf-close{text-align:center;isolation:isolate;place-items:center;min-height:80vh;display:grid;position:relative;overflow:hidden}.sf-close video{object-fit:cover;z-index:-1;opacity:.38;width:100%;height:100%;position:absolute;inset:0}.sf-close:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 50%, transparent, var(--ink) 95%);position:absolute;inset:0}.sf-close:after{content:"";z-index:-1;background:linear-gradient(var(--ink), transparent);height:160px;position:absolute;inset:0 0 auto}.sf-close h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1}.sf-close p{color:var(--mute);margin:16px 0 0;font-size:16px}.sf-close .btn{margin-top:28px}.sf-foot{padding:28px 0 max(28px, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--dim);font-size:13px}.sf-foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px 20px;display:flex}.sf-foot a:hover{color:var(--paper)}@keyframes sf-rise{to{opacity:1;filter:none;transform:none}}@keyframes sf-fade{to{opacity:1}}@keyframes sf-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.sf *,.sf :before,.sf :after{transition:none!important;animation:none!important}.sf .rv,.sf-open h1 .w,.sf-open .sub,.sf-open .acts,.sf-frame{opacity:1;filter:none;transform:none}.sf-spot{display:none}.sf-flow:before{transform:none}.sf-flow li{opacity:1;transform:none}.sf-stat .marks i{opacity:1}.sf-frame video.on{transform:none}}.sf>section,.sf>footer{z-index:2;position:relative}.sf-spot{z-index:1;pointer-events:none;opacity:0;will-change:transform;background:radial-gradient(circle,#ffb23e21,#e8780c0d 42%,#0000 70%);border-radius:50%;width:720px;height:720px;margin:-360px 0 0 -360px;transition:opacity 1.4s;position:fixed;top:0;left:0}.sf-spot.on{opacity:1}.sf-spot.drift{opacity:1;animation:22s ease-in-out infinite alternate sf-drift}@keyframes sf-drift{0%{transform:translate(15vw,30vh)}to{transform:translate(85vw,70vh)}}.sf-sec.flow{padding-top:40px}.sf-flow{grid-template-columns:repeat(5,1fr);gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.sf-flow:before{content:"";background:linear-gradient(90deg, var(--amber), var(--amber-deep));transform-origin:0;height:1px;transition:transform 1.8s var(--ease) .2s;position:absolute;top:5px;left:0;right:0;transform:scaleX(0)}.sf-flow.in:before{transform:scaleX(1)}.sf-flow li{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(.3s + var(--i) * .3s);padding-top:26px;position:relative;transform:translateY(10px)}.sf-flow.in li{opacity:1;transform:none}.sf-flow .dot{background:var(--ink);border:1.5px solid var(--amber);width:11px;height:11px;box-shadow:0 0 0 4px var(--ink);border-radius:50%;position:absolute;top:0;left:0}.sf-flow li:nth-child(5) .dot{background:var(--amber)}.sf-flow .n{font-family:var(--mono);letter-spacing:.12em;color:var(--amber);font-size:11px}.sf-flow h3{font-family:var(--display);letter-spacing:-.01em;margin:6px 0 0;font-size:19px;font-weight:600}.sf-flow p{color:var(--mute);max-width:22ch;margin:6px 0 0;font-size:14px;line-height:1.55}@media (max-width:760px){.sf-flow{grid-template-columns:1fr;gap:22px;padding-left:28px}.sf-flow:before{transform-origin:top;background:linear-gradient(180deg, var(--amber), var(--amber-deep));width:1px;height:auto;inset:0 auto 0 5px;transform:scaleY(0)}.sf-flow.in:before{transform:scaleY(1)}.sf-flow li{padding-top:0}.sf-flow .dot{top:4px;left:-28px}}.sf-makes{margin-top:72px}.sf-makes .grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.sf-stat{border-bottom:1px solid var(--line);grid-template-rows:auto auto auto auto;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;margin-left:24px;padding:24px 24px 24px 0;display:grid}.sf-stat .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);grid-column:1/-1;font-size:11px}.sf-stat .num{font-family:var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.sf-stat .unit{color:var(--paper);font-size:15px}.sf-stat .marks{flex-wrap:wrap;grid-column:1/-1;gap:3px;max-width:100%;margin-top:14px;display:flex}.sf-stat .marks i{background:var(--amber);opacity:.1;width:6px;height:6px;transition:opacity .35s;transition-delay:calc(var(--i) * var(--step));border-radius:1px;display:block}.sf-stat .marks.big{gap:6px}.sf-stat .marks.big i{border-radius:2px;width:28px;height:18px}.sf-makes .in .sf-stat .marks i{opacity:1}.sf-stat .rate{font-family:var(--mono);letter-spacing:.04em;color:var(--mute);grid-column:1/-1;margin-top:12px;font-size:11.5px}.sf-makes .note{color:var(--dim);margin:18px 0 0;font-size:13px}@media (max-width:900px){.sf-makes .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.sf-makes .grid{grid-template-columns:1fr}.sf-stat .num{font-size:48px}}
