.hfilm{--paper:#f5f4f1;--paper2:#eceae5;--white:#fff;--ink:#0e1116;--ink2:#2e343d;--soft:#6b7280;--faint:#9ca3ae;--line:#e2e0da;--card-b:#e7e5df;--brand:#ff5a1f;--brand2:#e64a12;--brandtint:#fce9df;--stage:#e9e7e2;--shadow:0 24px 60px -18px #0e111661;color:var(--ink);isolation:isolate;position:relative}.hfilm h1,.hfilm h2,.hfilm h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1.03}.hfilm p{margin:0}.hfilm .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand);font-size:12px;font-weight:800}.hfilm .btn{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s,background .2s;display:inline-flex}.hfilm .btn-brand{background:var(--brand);color:#fff;box-shadow:0 10px 24px #ff5a1f47}.hfilm .btn-brand:hover{background:var(--brand2);transform:translateY(-2px)}.hfilm .btn-ghost{background:var(--white);color:var(--ink);border-color:var(--line)}.hfilm .btn-ghost:hover{transform:translateY(-2px)}.hfilm .warp{perspective:1250px;z-index:0;background:radial-gradient(115% 90% at 50% 42%, #fdfcfa 0%, var(--paper) 46%, var(--paper2) 100%);position:fixed;inset:0;overflow:hidden}body.diving main:has(.hfilm){filter:none;transform:none}body.diving .hfilm .warp{filter:blur(7px);transition:transform .72s cubic-bezier(.66,0,.86,0),filter .72s ease-in;transform:scale(2.1)}.hfilm .spacer{pointer-events:none;z-index:1;width:1px;height:900vh;position:relative}.hfilm .deep{z-index:0;pointer-events:none;position:absolute;inset:0}.hfilm .orb{filter:blur(48px);opacity:.5;border-radius:50%;position:absolute}.hfilm .orb.a{background:radial-gradient(circle,#ff5a1f21,#0000 68%);width:48vw;height:48vw;animation:26s ease-in-out infinite hf-f1;top:-8vw;left:-10vw}.hfilm .orb.b{background:radial-gradient(circle,#788cb426,#0000 68%);width:42vw;height:42vw;animation:32s ease-in-out infinite hf-f2;top:12vw;right:-8vw}.hfilm .orb.c{background:radial-gradient(circle,#ff965a1c,#0000 68%);width:36vw;height:36vw;animation:29s ease-in-out infinite hf-f3;bottom:-14vw;left:32vw}@keyframes hf-f1{0%,to{transform:translate(0)}50%{transform:translate(3vw,2vw)}}@keyframes hf-f2{0%,to{transform:translate(0)}50%{transform:translate(-3vw,3vw)}}@keyframes hf-f3{0%,to{transform:translate(0)}50%{transform:translate(2vw,-2vw)}}.hfilm .rings{z-index:1;pointer-events:none;will-change:transform,opacity;place-items:center;display:grid;position:absolute;inset:0}.hfilm .ring{border-radius:40px;position:absolute}.hfilm .ring:first-child{border:1px solid #ff5a1f08;width:340px;height:250px}.hfilm .ring:nth-child(2){border:1px solid #0e111604;width:620px;height:440px}.hfilm .ring:nth-child(3){border:1px solid #ff5a1f05;width:960px;height:660px}.hfilm .ring:nth-child(4){border:1px solid #0e111603;width:1360px;height:920px}.hfilm .grade{z-index:120;pointer-events:none;transition:background-color .1s linear;position:absolute;inset:0}.hfilm .station{transform-origin:50%;will-change:transform,opacity,filter;place-items:center;padding:0 22px;display:grid;position:absolute;inset:0}.hfilm .station:not([data-i="0"]){opacity:0}.hfilm .st-in{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1000px;display:flex;position:relative}.hfilm .h1{letter-spacing:-.04em;max-width:14ch;color:var(--ink);font-size:clamp(42px,7vw,88px)}.hfilm .h1 .hl{color:var(--brand)}.hfilm .sub{color:var(--soft);max-width:44ch;margin-top:22px;font-size:clamp(16px,1.7vw,21px);font-weight:500;line-height:1.5}.hfilm .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hfilm .act-h2{letter-spacing:-.035em;font-size:clamp(30px,4.4vw,54px)}.hfilm .act-p{color:var(--soft);max-width:42ch;margin-top:16px;font-size:clamp(16px,1.7vw,20px);font-weight:500;line-height:1.5}.hfilm .chaos{width:min(760px,92vw);height:340px;margin-top:8px;position:relative}.hfilm .task{background:var(--white);border:1px solid var(--card-b);color:var(--ink2);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex;position:absolute;box-shadow:0 12px 30px #0e11161a}.hfilm .task:before{content:"";background:#c9553e;border-radius:2px;width:7px;height:7px}.hfilm .t1{animation:5s ease-in-out infinite hf-jit;top:8%;left:2%}.hfilm .t2{animation:6.2s ease-in-out infinite hf-jit;top:2%;right:0%}.hfilm .t3{animation:5.6s ease-in-out infinite hf-jit;top:52%;left:14%}.hfilm .t4{animation:6.8s ease-in-out infinite hf-jit;top:44%;right:8%}.hfilm .t5{animation:5.2s ease-in-out infinite hf-jit;top:76%;left:38%}.hfilm .t6{animation:7s ease-in-out infinite hf-jit;top:24%;left:44%}@keyframes hf-jit{0%,to{transform:translate(0)rotate(-1.5deg)}50%{transform:translate(8px,-10px)rotate(2deg)}}.hfilm .mock{background:var(--white);border:1px solid var(--card-b);text-align:left;border-radius:20px;width:min(880px,92vw);height:min(460px,58vh);position:relative;overflow:hidden;box-shadow:0 40px 90px #0e111629}.hfilm .mock .top{background:var(--paper2);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.hfilm .mock .dotc{background:#d6d3cc;border-radius:50%;flex:none;width:11px;height:11px}.hfilm .mock .url{background:var(--white);border:1px solid var(--line);max-width:340px;color:var(--soft);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:10px;padding:5px 12px;font-size:12px;font-weight:600;overflow:hidden}.hfilm .mock .body{height:calc(100% - 44px);display:flex}.hfilm .appwin .side{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;flex:none;gap:3px;width:186px;padding:14px 11px;display:flex}.hfilm .appwin .side .item{color:var(--soft);border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:13px;font-weight:600;display:flex}.hfilm .appwin .side .item.on{background:var(--brand);color:#fff}.hfilm .appwin .side .item .ic{opacity:.55;background:currentColor;border-radius:2px;flex:none;width:7px;height:7px}.hfilm .appwin .main{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:13px;padding:18px;display:grid;overflow:hidden}.hfilm .appwin .fcard{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:0 8px 22px #0e11160d}.hfilm .appwin .fcard .t{color:var(--ink);font-size:14px;font-weight:750}.hfilm .appwin .fcard .m{color:var(--soft);margin-top:4px;font-size:12px;line-height:1.35}.hfilm .appwin .fcard .pill{color:#2b9e4b;background:#39d3531f;border:1px solid #39d35352;border-radius:999px;margin-top:9px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}@media (max-width:640px){.hfilm .appwin .side{width:120px}.hfilm .appwin .side .item{padding:8px;font-size:12px}.hfilm .appwin .main{grid-template-columns:1fr}}.hfilm .browserwin .page{background:linear-gradient(180deg,#fff,var(--paper));flex:1;padding:24px 30px;overflow:hidden}.hfilm .browserwin .pnav{color:var(--soft);align-items:center;gap:18px;font-size:12px;font-weight:650;display:flex}.hfilm .browserwin .plogo{color:var(--ink);margin-right:auto;font-weight:850}.hfilm .browserwin .phero{margin-top:24px}.hfilm .browserwin .phero h4{letter-spacing:-.03em;color:var(--ink);max-width:15ch;margin:0;font-size:clamp(20px,3vw,30px);font-weight:850;line-height:1.08}.hfilm .browserwin .phero .pp{color:var(--soft);max-width:34ch;margin-top:10px;font-size:13px;line-height:1.4}.hfilm .browserwin .pcta{background:var(--brand);color:#fff;border-radius:10px;margin-top:16px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 10px 22px #ff5a1f40}.hfilm .browserwin .pgrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.hfilm .browserwin .pgrid>div{background:var(--white);border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:2px;padding:13px 14px;display:flex;box-shadow:0 8px 20px #0e11160d}.hfilm .browserwin .pgrid .pico{background:linear-gradient(135deg,var(--brand),#ff9a63);border-radius:9px;width:28px;height:28px;margin-bottom:6px;box-shadow:0 6px 14px #ff5a1f47}.hfilm .browserwin .pgrid b{color:var(--ink);font-size:13px;font-weight:750}.hfilm .browserwin .pgrid i{color:var(--soft);font-size:11.5px;font-style:normal;line-height:1.3}.hfilm .browserwin .phero{background:radial-gradient(120% 130% at 100% 0%,var(--brandtint),transparent 60%);border-radius:16px;padding:22px 20px;position:relative}@media (max-width:640px){.hfilm .browserwin .page{padding:18px}.hfilm .browserwin .pnav span:not(.plogo){display:none}}.hfilm .appwin .side .item,.hfilm .appwin .fcard,.hfilm .browserwin .pnav,.hfilm .browserwin .phero h4,.hfilm .browserwin .phero .pp,.hfilm .browserwin .pcta,.hfilm .browserwin .pgrid>div{opacity:0;transition:opacity .5s,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateY(12px)}.hfilm .appwin .side .item{transform:translate(-10px)}.hfilm .station.active .appwin .side .item,.hfilm .station.active .appwin .fcard,.hfilm .station.active .browserwin .pnav,.hfilm .station.active .browserwin .phero h4,.hfilm .station.active .browserwin .phero .pp,.hfilm .station.active .browserwin .pcta,.hfilm .station.active .browserwin .pgrid>div{opacity:1;transform:none}.hfilm .appwin .side .item:nth-child(2){transition-delay:50ms}.hfilm .appwin .side .item:nth-child(3){transition-delay:.1s}.hfilm .appwin .side .item:nth-child(4){transition-delay:.15s}.hfilm .appwin .side .item:nth-child(5){transition-delay:.2s}.hfilm .appwin .fcard:first-child{transition-delay:.16s}.hfilm .appwin .fcard:nth-child(2){transition-delay:.24s}.hfilm .appwin .fcard:nth-child(3){transition-delay:.32s}.hfilm .appwin .fcard:nth-child(4){transition-delay:.4s}.hfilm .browserwin .phero h4{transition-delay:.1s}.hfilm .browserwin .phero .pp{transition-delay:.2s}.hfilm .browserwin .pcta{transition-delay:.3s}.hfilm .browserwin .pgrid>div:first-child{transition-delay:.38s}.hfilm .browserwin .pgrid>div:nth-child(2){transition-delay:.46s}.hfilm .browserwin .pgrid>div:nth-child(3){transition-delay:.54s}.hfilm .neural{width:min(560px,92vw);height:min(320px,42vh);margin-top:4px;position:relative}.hfilm .neural .nsvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hfilm .neural .field{transform-box:fill-box;transform-origin:50%;animation:22s ease-in-out infinite hf-nfield}@keyframes hf-nfield{0%,to{transform:rotate(-2.2deg)scale(.99)}50%{transform:rotate(2.2deg)scale(1.02)}}.hfilm .neural .nl{stroke:#ff5a1f3d;stroke-width:1.3px}.hfilm .neural .nn{fill:#fff;stroke:#0e111629;stroke-width:1.4px;transform-box:fill-box;transform-origin:50%}.hfilm .neural .nn.b{fill:var(--brand);stroke:none}.hfilm .neural .nn.d1{animation:3.2s ease-in-out infinite hf-ntw}.hfilm .neural .nn.d2{animation:4s ease-in-out .5s infinite hf-ntw}.hfilm .neural .nn.d3{animation:3.6s ease-in-out 1s infinite hf-ntw}@keyframes hf-ntw{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.hfilm .neural .sig{fill:var(--brand)}.hfilm .neural .ncore{background:var(--brand);color:#fff;white-space:nowrap;border-radius:15px;align-items:center;gap:10px;padding:15px 22px;font-size:19px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 55px #ff5a1f6b}.hfilm .neural .ncore .dot{background:#fff;border-radius:50%;width:10px;height:10px;animation:1.8s infinite hf-beat}@keyframes hf-beat{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.hfilm .contact-box{background:var(--ink);color:#fff;text-align:center;border-radius:28px;width:min(760px,92vw);padding:56px 44px;box-shadow:0 40px 100px #0e111666}.hfilm .contact-box h2{color:#fff;font-size:clamp(30px,4.2vw,50px)}.hfilm .contact-box p{color:#b9c0cc;margin-top:15px;font-size:18px;font-weight:500}.hfilm .contact-box .footnav{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-top:26px;padding-top:22px;display:flex}.hfilm .contact-box .footnav a{color:#cfd4dc;cursor:pointer;border-radius:9px;padding:7px 13px;font-size:14px;font-weight:650;text-decoration:none;transition:all .2s}.hfilm .contact-box .footnav a:hover{color:#fff;background:#ffffff14}.hfilm .cue{z-index:260;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;font-size:11px;font-weight:700;transition:opacity .4s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.hfilm .cue .m{border:2px solid var(--faint);border-radius:11px;width:20px;height:30px;position:relative}.hfilm .cue .m:after{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px;animation:1.5s infinite hf-enter;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes hf-enter{0%{opacity:.3;top:6px}70%{opacity:1;top:16px}to{opacity:0;top:19px}}.hfilm .dots{z-index:260;flex-direction:column;gap:11px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.hfilm .dots .dot{cursor:pointer;background:#0e111633;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:all .3s}.hfilm .dots .dot.on{background:var(--brand);box-shadow:0 0 0 4px #ff5a1f2e}@media (max-width:640px){.hfilm .dots{display:none}}.hfilm .streaks{z-index:255;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;inset:0}.hfilm .streaks.on{opacity:1}.hfilm .streaks i{background:linear-gradient(var(--brand),transparent);transform-origin:top;opacity:.5;width:2px;height:60px;animation:.7s linear infinite hf-zoom;position:absolute;top:50%;left:50%}@keyframes hf-zoom{0%{transform:translate(-50%,-50%) rotate(var(--a)) scaleY(.2);opacity:0}40%{opacity:.7}to{transform:translate(-50%,-50%) rotate(var(--a)) translateY(70vh) scaleY(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.hfilm .orb,.hfilm .task,.hfilm .neural .field,.hfilm .neural .nn,.hfilm .neural .sig,.hfilm .neural .ncore .dot,.hfilm .streaks i{animation:none}}
