.hn{--dark:#141618;--dark-2:#1c1f22;--paper:#f3f2ee;--ink:#17191b;--ink-2:#2a2d30;--muted-d:#8e9295;--muted-l:#5e6265;--text-d:#c4c5c1;--line-d2:#3a3f44;--line-l:#d3d4cf;--orange:#fe6e12;--display:"Space Grotesk",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--gutter:clamp(20px,5vw,72px);--max:1360px;background:var(--dark);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:17px;line-height:1.6;overflow-x:hidden}.hn *{box-sizing:border-box;margin:0;padding:0}.hn img{max-width:100%;display:block}.hn a{color:inherit}.hn .wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.hn h1,.hn h2,.hn h3{font-family:var(--display);letter-spacing:-.03em;font-weight:600;line-height:1}.hn .nav{z-index:50;transition:background .3s;position:fixed;inset:0 0 auto}.hn .nav .wrap{justify-content:space-between;align-items:center;height:76px;display:flex}.hn .nav.scrolled{-webkit-backdrop-filter:blur(8px);background:#141618f2}.hn .logo{align-items:center;min-height:44px;display:inline-flex}.hn .logo img{width:auto;height:22px}.hn .btn{transition:background .2s var(--ease-out),color .2s,transform .16s var(--ease-out);border-radius:4px;align-items:center;gap:.6em;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.hn .btn:active{transform:scale(.97)}.hn .btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.hn .btn-sm{border:1px solid #f3f2ee59;padding:10px 16px}.hn .btn-sm:hover{background:var(--paper);color:var(--ink)}.hn .btn-main{background:var(--orange);color:var(--ink);padding:18px 26px;font-size:16px}.hn .btn-main:hover{background:var(--paper)}.hn .btn svg{flex:none;width:18px;height:18px}.hn .hero{align-items:flex-end;min-height:min(68svh,600px);padding:112px 0 clamp(40px,5vw,64px);display:flex;position:relative;overflow:hidden}.hn .hero-img{position:absolute;inset:0}.hn .hero-img img{object-fit:cover;object-position:50% 60%;filter:grayscale(.85)contrast(1.1)brightness(.6);width:100%;height:100%}.hn .hero-img:after{content:"";background:linear-gradient(#14161859,#1416181a 40%,#141618d9);position:absolute;inset:0}.hn .bow{width:min(22vw,290px);height:auto;position:absolute;top:16%;right:-1vw;overflow:visible}.hn .bow path{fill:none;stroke:var(--orange);stroke-width:2.5px}.hn .hero .wrap{width:100%;position:relative}.hn .hero h1{font-size:clamp(30px,3.6vw,54px);line-height:1.06}.hn .m{padding-bottom:.04em;display:block;overflow:hidden}.hn .m>span{display:block}.hn .hero-foot{gap:24px;margin-top:22px;display:grid}.hn .hero-foot p{color:#d2d2ce;max-width:52ch;font-size:clamp(17px,1.4vw,19px)}.hn .fronts{flex-wrap:wrap;gap:6px 22px;margin-top:18px;list-style:none;display:flex}.hn .fronts li{font-family:var(--display);color:var(--paper);letter-spacing:-.01em;padding-left:17px;font-size:clamp(15px,1.2vw,17px);font-weight:500;position:relative}.hn .fronts li:before,.hn .sv li:before{content:"";background:var(--orange);clip-path:polygon(50% 0,100% 100%,74% 100%,50% 46%,26% 100%,0 100%);width:10px;height:9px;position:absolute;left:0}.hn .fronts li:before{margin-top:-5px;top:50%}.hn .curve{clip-path:ellipse(150% 140% at 50% 100%);margin-top:-1px;position:relative}.hn .light{background:var(--paper);color:var(--ink)}.hn .darkbg{background:var(--dark);color:var(--paper)}.hn .sec{padding:clamp(80px,8vw,120px) 0 clamp(64px,7vw,104px)}.hn .h2{max-width:18ch;font-size:clamp(28px,3vw,44px);line-height:1.06}.hn .lead-d{color:var(--text-d);max-width:52ch;font-size:clamp(17px,1.5vw,20px)}.hn .lead-l{color:var(--ink-2);max-width:52ch;font-size:clamp(17px,1.5vw,20px)}.hn .head{gap:22px;margin-bottom:clamp(40px,5vw,64px);display:grid}.hn .serv{gap:28px;display:grid}.hn .serv-list{display:none}.hn .serv-panels{gap:12px;display:grid}.hn .sv{background:#e9e8e3;border-radius:4px;gap:12px;padding:24px;display:grid}.hn .sv h3{letter-spacing:-.02em;font-size:clamp(22px,2vw,28px);font-weight:500}.hn .sv p{color:var(--ink-2);max-width:52ch}.hn .sv ul{gap:8px;margin-top:6px;list-style:none;display:grid}.hn .sv li{color:var(--ink-2);padding-left:22px;font-size:16px;position:relative}.hn .sv li:before{top:.5em}.hn .sys{align-items:center;gap:40px;display:grid}.hn .system{justify-self:center;width:100%;max-width:620px;overflow:visible}.hn .system .path{fill:none;stroke:var(--line-d2);stroke-width:1.5px}.hn .system .node{cursor:pointer;outline:none}.hn .system .node .hit{fill:#0000}.hn .system .node rect.box{fill:var(--dark-2);stroke:var(--line-d2);stroke-width:1px;transition:stroke .25s,fill .25s}.hn .system .node text{font-family:var(--display);fill:var(--text-d);pointer-events:none;font-size:16px;font-weight:500;transition:fill .25s}.hn .system .node:hover rect.box{stroke:var(--muted-d)}.hn .system .node:hover text{fill:var(--paper)}.hn .system .node:focus-visible rect.box{stroke:var(--paper);stroke-width:2px}.hn .system .node.leak rect.box{stroke:var(--orange);fill:#24170f}.hn .system .node.leak text{fill:var(--paper)}.hn .system .leak-tag{font-family:var(--body);fill:var(--orange);font-size:13px;font-weight:500}.hn .system .p{fill:var(--paper)}.hn .system .p.lost{fill:var(--orange)}.hn .panel{align-content:start;gap:20px;display:grid}.hn .panel .lbl{color:var(--orange);font-size:14px;font-weight:600}.hn .panel h3{letter-spacing:-.025em;max-width:17ch;font-size:clamp(26px,2.6vw,38px);font-weight:500;line-height:1.06}.hn .panel p{color:var(--text-d);max-width:44ch}.hn .panel .btn{justify-self:start;margin-top:8px}.hn .hint{color:var(--muted-d);font-size:14px}.hn .thesis{font-family:var(--display);letter-spacing:-.02em;max-width:28ch;color:var(--text-d);margin-top:clamp(48px,6vw,80px);font-size:clamp(22px,2.2vw,32px);font-weight:500;line-height:1.18}.hn .thesis strong{color:var(--paper);font-weight:500}.hn .track-wrap{position:relative}.hn .rail{display:none}.hn .track{grid-template-columns:1fr;list-style:none;display:grid}.hn .mstep{border-top:1px solid var(--line-l);padding:28px 0}.hn .mstep .k{font-family:var(--display);color:var(--orange);font-size:15px;font-weight:600}.hn .mstep h3{margin:10px 0;font-size:clamp(23px,2vw,28px);font-weight:500}.hn .mstep p{color:var(--muted-l);max-width:34ch}.hn .pack{gap:40px;display:grid}.hn .cases{gap:12px;display:grid}.hn .case{background:var(--dark-2);border-radius:4px;grid-template-columns:1fr;gap:14px;padding:22px 24px;display:grid}.hn .case .who{color:var(--muted-d);font-size:14px}.hn .lane{height:64px;position:relative}.hn .lane svg{width:100%;height:100%;overflow:visible}.hn .lane line{stroke:var(--line-d2);stroke-width:1.5px}.hn .lane .lit-line{stroke:var(--paper)}.hn .lane circle{fill:var(--dark-2);stroke:var(--line-d2);stroke-width:1.5px}.hn .lane circle.on{fill:var(--orange);stroke:var(--orange)}.hn .lane text{font-family:var(--body);fill:var(--muted-d);font-size:12.5px}.hn .lane text.on{fill:var(--orange);font-weight:600}.hn .lane text.tag{font-size:11.5px}.hn .cases .cap{color:var(--muted-d);margin-top:4px;font-size:13px}.hn .logos{margin-top:8px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.hn .belt{align-items:center;width:max-content;animation:36s linear infinite hn-belt;display:flex}.hn .logos:hover .belt{animation-play-state:paused}.hn .belt img{filter:brightness(0);opacity:.78;width:auto;height:clamp(44px,5.4vw,76px);margin:0 clamp(40px,6vw,96px);transition:opacity .25s}.hn .belt img.tall{height:clamp(68px,8vw,108px)}.hn .belt img:hover{opacity:1}@keyframes hn-belt{to{transform:translate(-50%)}}.hn .final{background:var(--orange);color:var(--ink)}.hn .final h2{max-width:14ch;font-size:clamp(32px,4vw,60px)}.hn .final p{color:#2b1606;max-width:46ch;margin:32px 0 40px;font-size:clamp(17px,1.5vw,20px)}.hn .final .btn-main{background:var(--ink);color:var(--paper)}.hn .final .btn-main:hover{background:var(--paper);color:var(--ink)}.hn .foot{background:var(--dark);padding:32px 0}.hn .foot .wrap{color:var(--muted-d);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 40px;font-size:14px;display:flex}.hn .foot img{width:auto;height:18px}.hn .foot a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}@media(max-width:599px){.hn .bow{display:none}}@media(min-width:900px){.hn .serv{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px}.hn .serv-list{gap:4px;display:grid}.hn .serv-list button{text-align:left;cursor:pointer;font:500 clamp(22px,2.1vw,30px)/1.2 var(--display);letter-spacing:-.02em;color:#a3a6a3;background:0 0;border:0;padding:10px 0 10px 28px;transition:color .25s;position:relative}.hn .serv-list button:before{content:"";background:var(--orange);clip-path:polygon(50% 0,100% 100%,74% 100%,50% 46%,26% 100%,0 100%);width:14px;height:12px;transition:transform .3s var(--ease-out);margin-top:-6px;position:absolute;top:50%;left:0;transform:scale(0)}.hn .serv-list button:hover{color:var(--ink-2)}.hn .serv-list button[aria-selected=true]{color:var(--ink)}.hn .serv-list button[aria-selected=true]:before{transform:scale(1)}.hn .serv-list button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.hn .serv-panels{min-height:340px;position:relative}.hn .sv{align-content:start;gap:16px;padding:40px;position:absolute;inset:0}.hn .sv[hidden],.hn:not(.ready) .sv:not(:first-child){display:none}.hn .hero-foot{grid-template-columns:1fr auto;align-items:end}.hn .head{grid-template-columns:1fr 1fr;align-items:end}.hn .sys{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px}.hn .track{grid-template-columns:repeat(4,1fr);gap:32px}.hn .rail{background:var(--line-l);height:2px;display:block;position:absolute;top:0;left:0;right:0}.hn .rail i{background:var(--orange);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hn .mstep{border-top:0;padding-top:36px}.hn .pack{grid-template-columns:.8fr 1.2fr;align-items:center;gap:72px}.hn .case{grid-template-columns:120px 1fr;align-items:center}}.hn .m>span{animation:0s 2.6s forwards hn-show;transform:translateY(102%)}.hn .hero-foot{opacity:0;animation:0s 2.6s forwards hn-show}@keyframes hn-show{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hn .m>span{animation:none;transform:none}.hn .hero-foot{opacity:1;animation:none}.hn .belt{flex-wrap:wrap;justify-content:center;width:auto;animation:none}}
