*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg-1);cursor:none;margin:0;overflow-x:hidden}@media (pointer:coarse){body{cursor:auto}}::selection{background:var(--fluid-coral);color:#fff}.wf-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.wf-ph{background:repeating-linear-gradient(45deg, #00000009 0 10px, #0000 10px 20px), var(--bg-sunken);border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--fg-3);place-items:center;display:grid}.wrap{width:min(1240px,92vw);margin-inline:auto}section{position:relative}.cursor-dot,.cursor-ring{z-index:9999;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--fg-1);width:7px;height:7px}.cursor-ring{border:1px solid var(--line-strong);width:38px;height:38px;transition:width .25s var(--ease-out), height .25s var(--ease-out), border-color .25s var(--ease-out), background .25s var(--ease-out)}.cursor-ring.is-hot{background:#fd794724;border-color:#0000;width:64px;height:64px}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.progress{z-index:200;transform-origin:0;background:var(--fluid-gradient);width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.nav{z-index:150;transition:background .4s var(--ease-out), backdrop-filter .4s, border-color .4s;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:18px clamp(20px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}.nav.is-stuck{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);background:#fafafbb8}.nav.on-dark{color:#fff}.nav.on-dark .nav-link{color:#ffffffb8}.nav.on-dark .fl-wordmark{filter:brightness(0)invert()}.nav-brand{align-items:center;gap:10px;display:flex}.fl-wordmark{width:auto;height:22px;display:block}.nav-links{align-items:center;gap:clamp(14px,2vw,34px);display:flex}.nav-link{color:var(--fg-2);letter-spacing:-.01em;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";transform-origin:0;width:100%;height:1.5px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--fg-1)}.nav.on-dark .nav-link:hover{color:#fff}.nav-link:hover:after{transform:scaleX(1)}@media (max-width:820px){.nav-links .nav-link{display:none}}.btn{--bg-btn:var(--fg-1);--fg-btn:#fff;appearance:none;cursor:none;font-family:var(--font-body);letter-spacing:-.01em;border-radius:var(--r-pill);background:var(--bg-btn);color:var(--fg-btn);will-change:transform;transition:transform .25s var(--ease-spring), box-shadow .3s var(--ease-out);border:0;align-items:center;gap:9px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn .btn-label{z-index:1;position:relative}.btn:before{content:"";z-index:0;background:var(--fluid-gradient);opacity:0;transition:opacity .35s var(--ease-out);position:absolute;inset:0}.btn:hover{box-shadow:var(--shadow-glow)}.btn:hover:before{opacity:1}.btn.btn-sm{padding:10px 18px;font-size:14px}.btn.btn-ghost{--bg-btn:transparent;--fg-btn:var(--fg-1);border:1px solid var(--line-strong)}.btn.btn-ghost:before{display:none}.btn.btn-ghost:hover{box-shadow:none;background:var(--bg-sunken)}.btn .arr{transition:transform .3s var(--ease-spring)}.btn:hover .arr{transform:translate(4px)}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(26px)}[data-reveal].in{opacity:1;transform:none}.line-mask{padding-bottom:.06em;display:block;overflow:hidden}.line-mask>span{transition:transform 1s var(--ease-out);transition-delay:var(--d,0s);display:block;transform:translateY(110%)}.in .line-mask>span,[data-reveal].in .line-mask>span{transform:none}.hero{position:relative}.hero-pin{align-items:center;min-height:100svh;padding:clamp(90px,12vh,120px) clamp(20px,4vw,48px) clamp(60px,9vh,80px);display:flex;position:relative;overflow:hidden}.hero-grid{text-align:center;flex-direction:column;align-items:center;width:min(1080px,92vw);margin-inline:auto;display:flex}.hero-copy{flex-direction:column;align-items:center;display:flex}@media (max-width:940px),(max-height:700px){.hero-pin{min-height:100svh;padding:clamp(96px,14vh,128px) clamp(20px,4vw,48px) clamp(56px,9vh,80px);position:static;overflow:visible}}@media (max-width:940px){.canvas{height:min(52vh,460px)}}.hero-eyebrow{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--bg-elev);align-items:center;gap:9px;padding:7px 13px;display:inline-flex}.hero-eyebrow .dot{background:var(--fluid-gradient);background-size:200% 200%;border-radius:50%;width:8px;height:8px;animation:6s linear infinite hueflow}@keyframes hueflow{to{background-position:200% 200%}}.hero h1{letter-spacing:-.046em;margin:24px 0 0;font-size:clamp(52px,9.6vw,132px);font-weight:900;line-height:.9}.hero h1 .grad{background:var(--fluid-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--fg-2);text-wrap:balance;max-width:52ch;margin:30px auto 0;font-size:clamp(17px,1.45vw,21px);line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:38px;display:flex}.hero-meta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:clamp(40px,7vw,96px);width:min(760px,100%);margin-top:52px;padding-top:34px;display:flex}.hero-meta .stat{text-align:center}.hero-meta .stat .n{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:800}.hero-meta .stat .l{color:var(--fg-3);margin-top:2px;font-size:12.5px}.canvas{aspect-ratio:1/.92;border-radius:var(--r-2xl);background:var(--bg-elev);border:1px solid var(--line);width:auto;max-width:100%;height:min(60vh,580px);box-shadow:var(--shadow-lg);opacity:0;transform-origin:50% 58%;will-change:transform, opacity;margin-inline:auto;position:relative;overflow:hidden}.canvas .grid-bg{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120% at 50% 30%,#000 40%,#0000 90%);mask-image:radial-gradient(120% 120% at 50% 30%,#000 40%,#0000 90%)}.canvas .topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#ffffffb3;align-items:center;gap:8px;height:42px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.canvas .topbar .t{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}.canvas .dots{gap:5px;display:flex}.canvas .dots i{background:var(--line-strong);border-radius:50%;width:8px;height:8px;display:block}.frag{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-md);opacity:var(--o,0);transform:translate(calc(var(--tx,0px) + var(--cx,0px)), calc(var(--ty,0px) + var(--cy,0px))) scale(var(--sc,.86)) rotate(var(--rot,0deg));will-change:transform, opacity;z-index:3;padding:12px 14px;position:absolute}.frag .cap{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-4);margin-bottom:6px;font-size:9.5px;display:block}@keyframes blink{50%{opacity:0}}.frag-names{width:44%;top:12%;left:5%}.frag-names ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.frag-names li{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-3);border-radius:7px;padding:5px 8px;font-size:15px;font-weight:700;transition:all .4s}.frag-names li.sel{color:var(--fg-1);background:var(--bg-sunken)}.frag-graphics{width:33%;top:12%;right:5%}.frag-graphics .gfx{align-items:stretch;gap:9px;height:42px;display:flex}.frag-graphics .gfx .ico{background:var(--fluid-gradient);width:42px;height:42px;box-shadow:var(--shadow-xs);border-radius:12px;flex:none}.frag-graphics .gfx .ribbon-sw{background:var(--fluid-gradient);opacity:.9;border-radius:10px;flex:1}.frag-logo{z-index:4;place-items:center;width:124px;height:124px;margin:-62px 0 0 -62px;display:grid;top:50%;left:50%}.frag-logo img{object-fit:contain;width:60%;height:60%}.frag-palette{width:44%;bottom:6%;left:5%}.frag-palette .row{gap:6px;display:flex}.frag-palette .sw{border-radius:7px;flex:1;height:30px}.frag-type{width:38%;bottom:6%;right:5%}.frag-type .big{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.frag-type .meta{font-family:var(--font-mono);color:var(--fg-3);margin-top:4px;font-size:9.5px}.canvas .ribbon{z-index:2;pointer-events:none;position:absolute;inset:0}.canvas .ribbon path{fill:none;stroke-width:16px;stroke-linecap:round}.scroll-cue{color:var(--fg-3);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.scroll-cue .bar{background:linear-gradient(var(--fg-3), transparent);width:1px;height:36px;animation:cueDrop 1.8s var(--ease-in-out) infinite}@keyframes cueDrop{0%,to{transform-origin:top;transform:scaleY(.4)}50%{transform-origin:top;transform:scaleY(1)}}.sec-head{max-width:760px}.sec-eyebrow{margin-bottom:16px;display:inline-block}.sec-head h2{letter-spacing:-.04em;font-size:clamp(32px,4.6vw,60px);font-weight:800;line-height:1}.sec-head p{color:var(--fg-2);max-width:52ch;margin-top:18px;font-size:clamp(16px,1.3vw,19px)}.transform{color:#fff;background:#0a0a0b}.transform .pin{height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.tf-stage{flex:auto;place-items:center;min-width:0;display:grid;position:relative}.tf-layout{z-index:60;align-items:center;gap:clamp(28px,4vw,76px);padding:116px clamp(30px,6vw,88px) 52px;display:flex;position:absolute;inset:0}.tf-caption{text-align:left;flex-direction:column;flex:none;align-items:flex-start;gap:12px;width:clamp(248px,28%,380px);display:flex}.tf-caption .tf-eyebrow,.tf-caption .tf-title,.tf-caption .tf-desc{will-change:opacity, transform}.tf-progress{z-index:70;gap:8px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.tf-progress .seg{background:#ffffff2e;border-radius:2px;width:30px;height:3px;overflow:hidden}.tf-progress .seg i{background:var(--fluid-gradient);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.tf-caption{z-index:70}.tf-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-size:11px}.tf-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(26px,2.9vw,40px);font-weight:800;line-height:1.06}.tf-desc{color:#ffffffa3;text-wrap:pretty;margin:0;font-size:clamp(14px,1.15vw,16px);line-height:1.5}.tf-canvas{width:100%;max-width:1040px;height:min(600px,100svh - 210px);position:relative;overflow:hidden}.bf-step{opacity:0;will-change:transform, opacity;background:#0a0a0b;place-items:center;display:grid;position:absolute;inset:0}.bf-stepwrap{flex-direction:column;align-items:center;gap:clamp(20px,3.4vh,34px);width:100%;display:flex}.bf-steptitle{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;color:#fff;margin:0;font-size:clamp(22px,2.8vw,36px);font-weight:800;line-height:1.1}.bf-services{flex-direction:column;gap:16px;width:100%;max-width:940px;display:flex}.bf-services-side{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.svc{text-align:left;cursor:default;color:#fff;border-radius:var(--r-lg);opacity:0;transform:translateY(var(--rise,26px)) scale(var(--cs,.95));transform-origin:50%;will-change:transform, opacity;transition:border-color .45s var(--ease-out), box-shadow .45s var(--ease-out);background:#141416;border:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:22px;display:flex;position:relative}.svc .svc-title{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.05}.svc .svc-meta{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffff6b;font-size:11px}.svc-preview{background-color:#fff;background-position:50%;background-size:cover;width:100%;height:clamp(66px,8vh,90px);display:block}.svc-text{flex-direction:column;gap:6px;padding:13px 15px 15px;display:flex}.svc-sdesc{color:#ffffff80;text-wrap:pretty;font-size:clamp(11.5px,1.1vw,13px);line-height:1.4}.svc-mosaic{border-radius:12px;flex:1.1;align-self:stretch;gap:8px;min-width:0;display:flex;overflow:hidden}.svc-mosaic .mcol{flex-direction:column;flex:1;gap:8px;display:flex}.svc-mosaic .mcol:nth-child(2){margin-top:-18px}.svc-mosaic .mcol:nth-child(3){margin-top:10px}.svc-mosaic .m{aspect-ratio:1;background-color:#ffffff0a;background-position:50%;background-size:cover;border-radius:8px;flex:none}.bf-services-side .svc{justify-content:flex-start;gap:0;min-height:0;padding:0;overflow:hidden}.bf-services-side .svc .svc-title{font-size:clamp(15px,1.5vw,19px)}.svc-main{--hot:0;height:clamp(200px,38vh,340px);transform:translateY(calc(var(--rise,26px) - var(--hot) * 8px)) scale(var(--cs,.95));border-color:rgba(255,255,255, calc(.12 + .32 * var(--hot)));box-shadow:0 calc(10px + 30px * var(--hot)) calc(34px + 50px * var(--hot)) rgba(0,0,0, calc(.22 + .18 * var(--hot))), 0 0 calc(34px * var(--hot)) rgba(255,255,255, calc(.18 * var(--hot)));flex-direction:row;justify-content:flex-start;align-items:stretch;gap:26px;padding:24px}.svc-main-info{flex-direction:column;flex:1;justify-content:center;gap:12px;min-width:0;display:flex}.svc-main:before{display:none}.svc-main .svc-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff9;align-items:center;gap:8px;font-size:11px;display:inline-flex}.svc-main .svc-kicker .d{background:var(--fluid-gradient);border-radius:50%;width:7px;height:7px}.svc-main .svc-title{font-size:clamp(27px,3.2vw,42px)}.svc-main .svc-desc{color:#fff9;max-width:36ch;font-size:clamp(14px,1.4vw,17px);line-height:1.45}.svc-main .svc-foot{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffff73;margin-top:4px;padding-top:0;font-size:12px}.svc-check{display:none}.bf-form{flex-direction:column;gap:18px;width:min(640px,88vw);display:flex}.bf-form-kicker{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff8c;border-radius:var(--r-pill);border:1px solid #ffffff29;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.bf-form-kicker .d{background:var(--fluid-gradient);border-radius:50%;width:7px;height:7px}.bf-label{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(26px,3.4vw,42px);font-weight:800;line-height:1.08}.bf-field{border-radius:var(--r-md);color:#fff;min-height:64px;transition:border-color .35s var(--ease-out), box-shadow .35s var(--ease-out), background .35s;background:#ffffff08;border:1px solid #ffffff29;flex-wrap:wrap;align-items:center;padding:18px 22px;font-size:clamp(16px,1.8vw,22px);line-height:1.4;display:flex}.bf-field.is-focus{background:#ffffff0d;border-color:#ffffff6b;box-shadow:0 0 0 4px #ffffff1f}.bf-typed{white-space:pre-wrap}.bf-caret{background:var(--fluid-gradient);vertical-align:middle;opacity:0;background-size:cover;width:2px;height:1.15em;margin-left:1px;display:inline-block}.bf-field.is-typing .bf-caret{opacity:1;animation:1s step-end infinite bf-blink}@keyframes bf-blink{50%{opacity:0}}.bf-next{--hot:0;cursor:default;border-radius:var(--r-pill);color:#000;font-family:var(--font-display);transform:translateY(calc(var(--hot) * -4px));box-shadow:0 calc(6px + 16px * var(--hot)) calc(18px + 28px * var(--hot)) rgba(0,0,0, calc(.18 + .16 * var(--hot))), 0 0 calc(26px * var(--hot)) rgba(255,255,255, calc(.3 * var(--hot)));transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), background .35s, color .35s;background:#fff;border:none;align-self:flex-end;align-items:center;gap:10px;padding:15px 28px;font-size:17px;font-weight:700;display:inline-flex}.bf-next .arr{transition:transform .3s var(--ease-out)}.bf-next.is-active{background:var(--fluid-gradient);color:#000;transform:scale(.95)}.bf-next.is-active .arr{transform:translate(5px)}.bf-orb{z-index:60;pointer-events:none;opacity:0;width:56px;height:56px;position:absolute;top:0;left:0}.bf-orb>span{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bf-orb .bf-core{background:var(--fluid-gradient);width:16px;height:16px;transform:translate(-50%, -50%) scale(calc(1 + var(--po,0) * .45));background-size:cover;box-shadow:0 0 18px 4px #ffffff80,0 0 42px 12px #ffffff2e}.bf-orb .bf-ring{border:1.5px dashed #ffffff80;width:46px;height:46px;animation:7s linear infinite bf-spin}.bf-orb.is-armed .bf-ring{border-style:solid;border-color:#ffffffd9}.bf-orb .bf-pulse{background:var(--fluid-gradient);width:46px;height:46px;transform:translate(-50%, -50%) scale(var(--pscale,.55));opacity:var(--po,0);background-size:cover;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@keyframes bf-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.bf-dir{--cw:196px;--cg:16px;flex-direction:column;align-items:center;gap:34px;width:100%;display:flex}.bf-dir-stage{align-items:center;gap:20px;max-width:100%;display:flex}.bf-dir-view{width:calc(var(--cw) * 4 + var(--cg) * 4 + var(--cw) * .42);padding:16px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 104px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 104px),#0000 100%)}.bf-dir.is-scrolled .bf-dir-view{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 72px calc(100% - 104px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 72px calc(100% - 104px),#0000 100%)}.bf-dir.at-end .bf-dir-view{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 72px 100%);mask-image:linear-gradient(90deg,#0000 0,#000 72px 100%)}.bf-moods{gap:var(--cg);transform:translateX(var(--dir-x,0px));transition:transform .6s var(--ease-out);will-change:transform;display:flex}.mood{flex:0 0 var(--cw);aspect-ratio:3/4;border-radius:var(--r-lg);opacity:0;transform:translateY(var(--rise,30px)) scale(.96);filter:saturate(.8)brightness(.6);will-change:transform, opacity;transition:transform .5s var(--ease-out), filter .5s var(--ease-out), box-shadow .5s var(--ease-out), opacity .4s;border:1px solid #ffffff1a;position:relative;overflow:hidden}.mood-img{background-position:50%;background-size:cover;position:absolute;inset:0}.mood:after{content:"";background:linear-gradient(#0000 48%,#0009);position:absolute;inset:0}.mood-name{z-index:2;font-family:var(--font-display);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px #00000080;font-size:clamp(15px,1.4vw,19px);font-weight:800;position:absolute;bottom:13px;left:15px}.mood.is-hot{filter:saturate()brightness();transform:translateY(0)scale(1.03);box-shadow:0 18px 46px #00000073,0 0 0 1px #ffffff80}.mood.is-chosen{filter:saturate(1.05)brightness(1.05);z-index:5;transform:translateY(0)scale(1.05);box-shadow:0 26px 64px #0000008c}.mood.is-chosen:before{content:"";border-radius:calc(var(--r-lg) + 2px);background:var(--fluid-gradient);z-index:-1;position:absolute;inset:-2px}.mood.is-faded{filter:saturate(.35)brightness(.55);opacity:.4!important}.bf-dir-arrow{color:#fff;cursor:pointer;width:52px;height:52px;transition:background .25s var(--ease-out), border-color .25s, transform .25s var(--ease-out), opacity .25s;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;display:grid}.bf-dir-arrow:hover{background:#ffffff21;border-color:#ffffff73;transform:scale(1.07)}.bf-dir-arrow .arr{font-size:21px;line-height:1}.bf-dir-arrow[disabled]{opacity:.28;cursor:default;pointer-events:none;transform:none}.bf-dir-label{flex-direction:column;align-items:center;gap:7px;min-height:50px;display:flex}.bf-dir-label .cap{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;font-size:10px}.bf-dir-label .val{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:800;transition:color .3s}.bf-dir-label.is-locked .val{color:#0000;background:var(--fluid-gradient);-webkit-background-clip:text;background-clip:text}.bf-names{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.bf-name{opacity:0;transform:translateY(var(--rise,18px));transition:transform .45s var(--ease-out), opacity .35s}.bf-name span{font-family:var(--font-display);letter-spacing:-.03em;color:#ffffff61;transition:color .4s var(--ease-out), font-size .5s var(--ease-out);font-size:clamp(26px,3.4vw,46px);font-weight:800;position:relative}.bf-name.is-review span{color:#fff}.bf-name.is-dismissed span{color:#ffffff29}.bf-name.is-win span{color:#fff;font-size:clamp(36px,4.6vw,64px)}.bf-name-final{opacity:0;will-change:transform, opacity;place-items:center;display:grid;position:absolute;inset:0}.bf-name-final .big{font-family:var(--font-display);letter-spacing:-.05em;color:#fff;font-size:clamp(64px,12vw,168px);font-weight:900;line-height:1}.bf-name-final .dot{color:#0000;background:var(--fluid-gradient);-webkit-background-clip:text;background-clip:text;font-style:normal}.bf-logo-explore{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:600px;display:grid}.lx{aspect-ratio:1;border-radius:var(--r-md);opacity:0;transform:translateY(var(--rise,26px)) scale(.95);will-change:transform, opacity;transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s;background:#141416;border:1px solid #ffffff1a;place-items:center;display:grid;overflow:hidden}.lx img{border-radius:12px;width:80%}.lx.sketch{background:#fff;border-color:#0000001a}.lx.sketch img{object-fit:contain;border-radius:0;width:78%;height:78%}.lx.is-test{border-color:#ffffff8c;transform:translateY(0)scale(1.05);box-shadow:0 0 0 1px #ffffff59,0 16px 40px #00000073}.lx .shape{background:#fff;width:44%;height:44%}.lx .shape.circ{border-radius:50%}.lx .shape.sq{border-radius:9px}.lx .shape.dia{border-radius:7px;transform:rotate(45deg)}.lx .shape.ring{background:0 0;border:8px solid #fff;border-radius:50%}.lx .shape.blob{background:var(--fluid-gradient);border-radius:46% 54% 58% 42%/52% 44% 56% 48%}.bf-logo-final{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.bf-logo-final .mark-wrap{place-items:center;display:grid;position:relative}.bf-logo-final .grid-lines{opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:-26px}.bf-logo-final.show .grid-lines{opacity:1}.bf-logo-final .grid-lines .ring{border:1px dashed #ffffff38;border-radius:50%;position:absolute;inset:0}.bf-logo-final .grid-lines .v{background:#ffffff29;width:1px;position:absolute;top:-10px;bottom:-10px;left:50%}.bf-logo-final .grid-lines .h{background:#ffffff29;height:1px;position:absolute;top:50%;left:-10px;right:-10px}.bf-logo-final .mark{aspect-ratio:1;border-radius:var(--r-2xl);width:clamp(130px,16vw,188px);box-shadow:var(--shadow-lg);transition:transform .7s var(--ease-spring);position:relative;overflow:hidden;transform:scale(.88)}.bf-logo-final.show .mark{transform:scale(1)}.bf-logo-final .mark img{object-fit:cover;width:100%;height:100%;display:block}.bf-logo-final .wm{opacity:0;width:clamp(190px,24vw,300px);transition:opacity .6s .15s var(--ease-out), transform .6s .15s var(--ease-out);transform:translateY(16px)}.bf-logo-final.show .wm{opacity:1;transform:translateY(0)}.bf-kit{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(12,1fr);gap:14px;width:100%;height:100%;max-height:560px;display:grid}.kc{border-radius:var(--r-lg);opacity:0;will-change:transform, opacity;background:#141416;border:1px solid #ffffff1a;flex-direction:column;padding:16px;display:flex;overflow:hidden}.kc-cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:10px}.kc-body{flex:1;place-items:center;min-height:0;margin-top:10px;display:grid}.kc-body img{object-fit:contain;max-width:100%;max-height:100%}.kc-body.cover{background-position:50%;background-size:cover;border-radius:10px;align-self:stretch;width:100%}.kc-body.pal{justify-content:space-between;align-self:stretch;align-items:center;gap:6px;width:100%;display:flex}.kc-body.pal .sw{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.kc-body.pal .dot{border-radius:50%;width:clamp(34px,3.2vw,50px);height:clamp(34px,3.2vw,50px)}.kc-body.pal .dot.ink{box-shadow:inset 0 0 0 1px #ffffff3d}.kc-body.pal .nm{font-family:var(--font-display);color:#fff;font-size:11px;font-weight:600;line-height:1}.kc-body.pal .hx{font-family:var(--font-mono);letter-spacing:.01em;color:#ffffff73;font-size:9.5px;line-height:1}.kc-body.iconwrap{position:relative}.kc-body.iconwrap img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.kc-body.fonts{flex-direction:column;justify-content:center;align-self:stretch;gap:clamp(8px,1.4vh,16px);width:100%;display:flex}.kc-body.fonts .frow{align-items:center;gap:14px;display:flex}.kc-body.fonts .fglyph{text-align:center;letter-spacing:-.02em;color:#fff;flex:none;width:48px;font-size:clamp(24px,2.6vw,34px);line-height:1}.kc-body.fonts .finfo{border-left:1px solid #ffffff1f;flex-direction:column;gap:2px;padding-left:14px;display:flex}.kc-body.fonts .finfo b{font-family:var(--font-display);color:#fff;font-size:14px;font-weight:700}.kc-body.fonts .finfo i{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;font-size:10px;font-style:normal}.kc-body.guide{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:10px;width:100%;display:flex}.kc-body.guide .gtitle{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;font-size:clamp(18px,1.9vw,24px);font-weight:800;line-height:1.05}.kc-body.guide .grule{background:var(--fluid-gradient);border-radius:999px;width:38px;height:4px}.kc-body.guide .gmeta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;font-size:10px}.bf-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:760px;display:flex}.bf-hero-mark{aspect-ratio:1;width:clamp(88px,9vw,116px);box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.bf-hero-mark img{object-fit:cover;width:100%;height:100%;display:block}.bf-hero-wm{width:clamp(220px,30vw,360px)}.bf-hero-tag{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;max-width:17ch;font-size:clamp(22px,2.8vw,36px);font-weight:800;line-height:1.14}.bf-hero-tag .grad{background:var(--fluid-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bf-hero-pal{gap:8px;display:flex}.bf-hero-pal span{border-radius:6px;width:46px;height:14px}.bf-hero-strip{gap:12px;display:flex}.bf-hero-strip .th{aspect-ratio:1;width:clamp(74px,8.5vw,104px);box-shadow:var(--shadow-md);background-position:50%;background-size:cover;border-radius:14px}.bf-hero [data-h]{will-change:transform, opacity}@media (max-width:920px){.tf-layout{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:92px clamp(20px,5vw,48px) 40px}.tf-caption{text-align:center;align-items:center;width:min(560px,92%)}.tf-desc{max-width:52ch}.tf-stage{flex:0 auto;width:100%}.tf-canvas{height:min(560px,100svh - 260px)}}@media (max-width:760px){.bf-services{grid-template-columns:1fr;gap:14px}.bf-services-side{gap:14px}.bf-dir{--cw:21vw;--cg:12px}.bf-logo-explore{max-width:86vw}}@media (prefers-reduced-motion:reduce){.bf-orb .bf-ring,.bf-field.is-typing .bf-caret{animation:none}}.journey{padding:clamp(90px,12vh,160px) 0}.journey-head{width:min(1240px,92vw);margin:0 auto clamp(48px,7vh,96px)}.journey-steps{width:min(1100px,92vw);margin-inline:auto;position:relative}.journey-line{background:var(--line);width:2px;position:absolute;top:0;bottom:0;left:clamp(24px,4vw,60px)}.journey-line i{background:var(--fluid-gradient);transform-origin:0 0;position:absolute;inset:0;transform:scaleY(0)}.jstep{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);margin-bottom:clamp(60px,9vh,120px);padding-left:clamp(60px,9vw,120px);display:grid;position:relative}.jstep:last-child{margin-bottom:0}.jstep .node{background:var(--bg);border:2px solid var(--line-strong);width:18px;height:18px;transition:border-color .4s, background .4s, transform .4s var(--ease-spring);border-radius:50%;position:absolute;top:6px;left:clamp(16px,4vw,52px)}.jstep.in .node{background:var(--fluid-gradient);border-color:#0000;transform:scale(1.25)}.jstep .num{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.1em;font-size:12px}.jstep h3{letter-spacing:-.03em;margin:8px 0 12px;font-size:clamp(26px,3vw,40px);font-weight:800}.jstep p{color:var(--fg-2);max-width:40ch}.jstep .preview{aspect-ratio:4/3}@media (max-width:820px){.jstep{grid-template-columns:1fr;gap:22px}}.jpv{aspect-ratio:4/3;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);opacity:0;transition:opacity .8s var(--ease-out), transform 1s var(--ease-spring), box-shadow .3s;flex-direction:column;padding:clamp(14px,1.6vw,20px);display:flex;position:relative;overflow:hidden;transform:translateY(24px)scale(.98)}.jstep.in .jpv{opacity:1;transform:none}.jstep .jpv:hover{box-shadow:var(--shadow-lg)}.jpv-top{align-items:center;gap:8px;margin-bottom:14px;display:flex}.jpv-top .dot{background:var(--fluid-gradient);border-radius:50%;width:7px;height:7px}.jpv-top .lbl{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:10.5px}.jpv-top .spacer{flex:1}.jpv-top .pill{font-family:var(--font-mono);color:var(--fg-4);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 8px;font-size:10px}.jpv-brief .field{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-sunken);color:var(--fg-1);flex:1;padding:16px;font-size:clamp(14px,1.3vw,17px);line-height:1.5}.jpv-brief .field b{font-weight:700}.jpv-brief .field .caret{background:var(--fluid-coral);vertical-align:-3px;width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}.jpv-brief .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.jpv-brief .chips span{font-family:var(--font-mono);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--fg-2);padding:5px 10px;font-size:11px}.jpv-style .grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.jpv-style .tile{border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-sunken);transition:outline-color .3s, transform .3s var(--ease-out);background-position:6% 8%;background-repeat:no-repeat;background-size:168%;position:relative;overflow:hidden}.jpv-style .tile.sel{outline:2px solid var(--fg-1);outline-offset:-1px}.jpv-style .tile .nm{color:var(--fg-1);box-shadow:var(--shadow-xs);background:#ffffffeb;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.jpv-style .tile .check{background:var(--fg-1);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:none;position:absolute;top:8px;right:8px}.jpv-style .tile.sel .check{display:grid}.jpv-name .grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.jpv-name .wm{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-3);transition:all .3s var(--ease-out);place-items:center;font-size:clamp(17px,1.9vw,24px);font-weight:800;display:grid}.jpv-name .wm .dot{background:var(--fluid-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.jpv-name .wm.sel{color:var(--fg-1);border-color:var(--fg-1);box-shadow:var(--shadow-sm)}.jpv-logo .stage{border:1px solid var(--line);border-radius:var(--r-md);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:26px 26px;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.jpv-logo .stage:before{content:"";aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:var(--r-md);width:56%;position:absolute}.jpv-logo .stage img{z-index:1;width:40%;position:relative}.jpv-logo .stage .tick{font-family:var(--font-mono);color:var(--fg-4);font-size:9px;position:absolute}.jpv-logo .stage .tick.t{top:14%}.jpv-logo .stage .tick.b{bottom:14%}.jpv-kit .board2{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.jpv-kit .b{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:9px;display:flex;overflow:hidden}.jpv-kit .b .c{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-4);font-size:9px}.jpv-kit .b .fill{flex:1;place-items:center;display:grid}.jpv-kit .b.logo .fill img{width:56%}.jpv-kit .b .pal{align-self:stretch;gap:3px;width:100%;display:flex}.jpv-kit .b .pal span{border-radius:4px;flex:1}.jpv-kit .b .icon{background:var(--fluid-gradient);width:30px;height:30px;box-shadow:var(--shadow-xs);border-radius:9px}.jpv-kit .b .aa{font-family:var(--font-display);letter-spacing:-.03em;font-size:26px;font-weight:800}.jpv-kit .b .lines{flex-direction:column;align-self:stretch;gap:4px;width:100%;display:flex}.jpv-kit .b .lines i{background:var(--bg-sunken);border-radius:3px;height:5px}.reveal-sec{background:var(--bg-tint);padding:clamp(90px,12vh,160px) 0 clamp(60px,8vh,120px)}.reveal-head{text-align:center;width:min(1240px,92vw);margin:0 auto clamp(40px,6vh,72px)}.reveal-head h2,.reveal-head p{margin-inline:auto}.board{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto);gap:clamp(12px,1.4vw,20px);width:min(1180px,92vw);margin-inline:auto;display:grid}.bcard{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-spring), box-shadow .3s;transition-delay:var(--d,0s);padding:20px;position:relative;overflow:hidden;transform:translateY(40px)scale(.97)}.board.in .bcard{opacity:1;transform:none}.bcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bcard .cap{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bcard .cap .t{font-size:14px;font-weight:600}.bcard .cap .n{font-family:var(--font-mono);color:var(--fg-4);font-size:11px}.bcard .stage{flex:1;min-height:80px}.rk-pal{justify-content:space-between;align-items:center;gap:6px;display:flex}.rk-sw{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.rk-dot{border-radius:50%;width:clamp(36px,3vw,52px);height:clamp(36px,3vw,52px)}.rk-dot.rk-ink{box-shadow:inset 0 0 0 1px var(--line-strong)}.rk-nm{color:var(--fg-1);font-size:12px;font-weight:600;line-height:1}.rk-hx{font-family:var(--font-mono);letter-spacing:.01em;color:var(--fg-4);font-size:10px;line-height:1}.rk-fonts{flex-direction:column;justify-content:center;gap:16px;display:flex}.rk-frow{align-items:center;gap:14px;display:flex}.rk-glyph{letter-spacing:-.03em;color:var(--fg-1);font-size:clamp(34px,3vw,44px);line-height:1}.rk-finfo{flex-direction:column;gap:2px;display:flex}.rk-finfo b{color:var(--fg-1);font-size:15px;font-weight:600}.rk-finfo i{color:var(--fg-4);font-size:12px;font-style:normal}.rk-guide{flex-direction:column;justify-content:center;gap:12px;display:flex}.rk-gtitle{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);font-size:clamp(20px,2vw,26px);font-weight:800;line-height:1.05}.rk-grule{background:var(--line-strong);width:56%;height:1px}.rk-gmeta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-4);font-size:11px}.final{color:#fff;text-align:center;background:#0a0a0b;padding:clamp(100px,16vh,200px) 0;position:relative;overflow:hidden}.final .ribbon-bg{z-index:0;opacity:.9;pointer-events:none;position:absolute;inset:0}.final .inner{z-index:2;width:min(900px,92vw);margin-inline:auto;position:relative}.final h2{letter-spacing:-.045em;font-size:clamp(40px,7vw,96px);font-weight:900;line-height:.95}.final h2 .grad{background:var(--fluid-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.idea-input{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff29;align-items:center;gap:10px;max-width:620px;margin:40px auto 0;padding:8px 8px 8px 22px;display:flex}.idea-input input{color:#fff;font-family:var(--font-body);background:0 0;border:0;outline:0;flex:1;font-size:16px}.idea-input input::placeholder{color:#ffffff73}.final .sub{color:#fff9;margin-top:22px;font-size:15px}.footer{color:#fff9;background:#0a0a0b;border-top:1px solid #ffffff1a;padding:40px clamp(20px,4vw,48px)}.footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:min(1240px,92vw);margin-inline:auto;display:flex}.footer a{color:#fff9;font-size:14px;text-decoration:none}.footer a:hover{color:#fff}.footer .fl-wordmark{filter:brightness(0)invert();height:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal],.frag,.bcard,.jpv,.canvas{opacity:1!important;transform:none!important}.line-mask>span{transform:none!important}body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}