/* Continuous layered production line. Reference assets retained for local evaluation. */
header{height:70px;position:relative;z-index:20;background:#fff}.motion-factory{position:relative;height:clamp(480px,calc(100svh - 207px),680px);overflow:hidden;background:#fff}.hero-copy{position:absolute;z-index:12;top:29px;left:28%;width:44%;text-align:center;pointer-events:none}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px;margin-bottom:13px}.hero-copy h1{font-size:clamp(40px,4.3vw,66px);font-weight:650;line-height:1.12;letter-spacing:-2.5px}.hero-copy h1 br{display:none}.hero-copy h1 span{color:#d8a836}.hero-copy>p:not(.eyebrow){font-size:14px;margin-top:17px;color:#74736c}.hero-tags{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:21px;color:#3f403a;font-size:11px}.hero-tags b{font-weight:400;color:#b8b6ac}.hero-tags span{padding:6px 12px;background:#fff;border:1px solid #eeede8;border-radius:5px}.factory-stage{position:absolute;inset:0 0 28px;overflow:hidden}.factory-world{width:2900px;height:1320px;position:absolute;top:0;left:50%;transform-origin:top left;visibility:hidden}.factory-world.is-ready{visibility:visible}.sprite{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}.plate{left:0;top:-220px;z-index:0}.pillar{left:692px;top:615px;z-index:6}.pillar-brand{position:absolute;left:706px;top:778px;width:151px;height:210px;background:#dc245e;color:white;z-index:7;display:flex;align-items:center;flex-direction:column;justify-content:center;transform:skewY(1deg)}.pillar-brand strong{font:62px Georgia,serif;line-height:1}.pillar-brand span{font-size:23px;letter-spacing:-.6px}.box{z-index:8}.box-0{left:1936px;top:914px}.box-1{left:2268px;top:944px}.box-2{left:2545px;top:937px}.robot{z-index:10;will-change:transform}.phone{position:absolute;left:0;top:0;width:272px;height:472px;transform-origin:50% 0;will-change:transform,opacity;z-index:3}.phone-frame{position:absolute;width:272px;height:472px;max-width:none;inset:0}.phone-screen{position:absolute;left:7px;top:7px;width:258px;height:458px;border-radius:21px;overflow:hidden;background:#171817}.phone video{display:block;width:100%;height:100%;object-fit:cover}.phone-shadow{position:absolute;left:0;top:1088px;width:274px;height:24px;background:radial-gradient(ellipse,rgba(26,19,25,.2),transparent 68%);will-change:transform,opacity;z-index:1}.belt-texture{position:absolute;z-index:1;height:51px;overflow:hidden;mask-size:100% 100%;background:repeating-linear-gradient(97deg,transparent 0 42px,rgba(255,255,255,.23) 45px,rgba(0,0,0,.1) 48px,transparent 54px);background-size:57px 100%}.belt-left{left:187px;top:1067px;width:466px;mask-image:url('assets/hypit-reference/belt-left.avif')}.belt-right{left:929px;top:1066px;width:952px;mask-image:url('assets/hypit-reference/belt-right.avif')}.hero-bottom{position:absolute;bottom:5px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.live-caption{display:flex;gap:8px;align-items:center;font-size:10px;color:#969086}.live-caption i{height:5px;width:5px;border-radius:50%;background:#dd326b;box-shadow:0 0 0 3px #faeaf0}.motion-controls{display:flex;gap:12px}.motion-controls button{border:0;background:none;font-family:inherit;font-size:10px;color:#a19b90;padding:5px;cursor:pointer}.motion-controls button:focus-visible{outline:2px solid #b19752;outline-offset:2px}.split-hero{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:9px}.portal{display:flex;align-items:center;gap:17px;border-radius:7px;padding:16px 22px;text-decoration:none;min-height:100px}.portal .entry-icon{font-size:27px;line-height:1;width:40px;flex-shrink:0;text-align:center;color:#d4df9d}.portal .entry-label{display:block;font:8px ui-monospace,monospace;letter-spacing:.7px;color:#9baea4;margin-bottom:6px}.portal h2{font-size:20px;line-height:1.4;letter-spacing:-.5px;font-weight:500;color:#edf0e6}.portal p{font-size:10px;margin-top:5px;color:#9fafa5}.portal .entry-go{margin-left:auto;font-size:10px;color:#cad898;white-space:nowrap}.entry-go b{font-size:15px;font-weight:400;margin-left:10px}.personal .entry-icon{color:#c3982d}.personal .entry-label{color:#b29354}.personal h2{color:#6c552d}.personal p{color:#aa9157}.personal .entry-go{color:#96722a}.enterprise:hover{background:#283431}.personal:hover{background:#ffedb6}.foundation{padding:32px 0 26px}.foundation h2{font-size:22px}.foundation-copy>p:last-child{font-size:10px}.capabilities a{padding:16px 15px}
@media(max-width:1100px){.hero-copy{top:35px}.hero-copy h1{font-size:43px}.hero-copy h1 br{display:block}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-tags{margin-top:15px;gap:7px;font-size:9px}.hero-tags span{padding:5px 9px}.portal{padding:16px;gap:10px}.portal h2{font-size:17px}.portal .entry-icon{width:26px}.portal .entry-go{font-size:9px}}
@media(max-width:820px){.motion-factory{height:510px}.hero-copy{top:22px;left:18%;width:64%}.hero-copy h1{font-size:42px}.hero-copy h1 br{display:none}.hero-copy .eyebrow{font-size:7px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-tags{margin-top:14px}.portal h2{font-size:16px}.portal .entry-go{font-size:0}.entry-go b{font-size:17px}.portal .entry-label{font-size:7px}.portal .entry-icon{display:none}}
@media(max-width:640px){header{height:auto;min-height:85px}.motion-factory{height:390px}.hero-copy{top:22px;left:10%;width:80%}.hero-copy h1{font-size:36px;letter-spacing:-1.8px}.hero-copy h1 br{display:block}.hero-copy h1 span{white-space:nowrap}.hero-copy>p:not(.eyebrow){font-size:11px;margin-top:12px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:11px}.hero-tags{gap:6px;margin-top:12px;font-size:8px}.hero-tags span{padding:4px 8px}.hero-bottom{bottom:4px}.live-caption{font-size:8px}.motion-controls{gap:6px}.motion-controls button{font-size:8px}.split-hero{grid-template-columns:1fr;gap:10px;margin-top:7px}.portal{min-height:88px;padding:13px 17px;gap:13px}.portal .entry-icon{display:block;width:26px;font-size:22px}.portal h2{font-size:16px}.portal .entry-label{font-size:6px;letter-spacing:.4px;margin-bottom:5px}.portal p{font-size:8px;margin-top:4px}.portal .entry-go{font-size:0}.entry-go b{font-size:16px;margin:0}.foundation{padding:26px 0 22px}.foundation h2{font-size:21px}.foundation-copy>p:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.robot,.phone,.phone-shadow{will-change:auto}}