/* Device framing with a restrained preview below the headline. */
@media(min-width:768px){.hero-match .hero-inner{height:clamp(850px,70vw,1080px)}.hero-match .hero-copy{top:110px}.hero-match h1{font-size:clamp(56px,5.3vw,86px);line-height:1.01}.hero-match .hero-spotlight{top:350px;height:740px}.hero-match .module-slide{width:27%;max-width:390px}.hero-match .hero-copy .hero-sub{top:340px}.hero-match .hero-copy .ctas{top:470px}.hero-match .spotlight-arrows{top:52%}.hero-match .module-dots{top:60%}}
@media(min-width:768px){.hero-match .hero-inner{height:840px}.hero-match .hero-spotlight{top:410px}.hero-match .spotlight-arrows{top:310px}.hero-match .module-dots{top:355px}}
@media(min-width:1600px){.hero-match .hero-inner{height:880px}.hero-match .hero-spotlight{top:450px}}
@media(max-width:767px){.hero-match .hero-inner{height:950px}.hero-match .hero-spotlight{top:425px;height:580px}.hero-match .module-slide{width:58%}.hero-match .spotlight-arrows{top:465px}.hero-match .module-dots{top:468px}}
@media(max-width:767px){.hero-match .hero-inner{height:750px}.hero-match .hero-spotlight{top:465px}.hero-match .spotlight-arrows{top:185px}.hero-match .module-dots{top:188px}}
.hn-screen{--niche:#5d9cff}.hn-1{--niche:#ff9552}.hn-2{--niche:#c7adff}.hn-3{--niche:#61d5bc}.hn-4{--niche:#f2ba66}
.hn-screen .hm-brand{margin-bottom:3cqw}.hn-screen .hm-heading h2{font-size:6.5cqw}.hn-screen .hm-heading p{font-size:2.7cqw}.hn-stats{display:flex;gap:2cqw;margin:4cqw 0;padding:3cqw 0;border-block:1px solid #ffffff14}.hn-stats>span{flex:1;font-size:2.5cqw;color:#9dabc0}.hn-stats b{display:block;color:#fff;font-size:6cqw;line-height:1.3}
.hn-agenda{display:grid;grid-template-columns:11cqw 1fr;gap:3cqw 2cqw}.hn-agenda time{font-size:2.6cqw;color:#91a4bf;padding-top:3cqw}.hn-agenda article{background:#132945;border-left:2px solid var(--niche);border-radius:2cqw;padding:3cqw}.hn-agenda small,.hn-agenda span{display:block;font-size:2.4cqw;color:#a6b9d4}.hn-agenda strong{display:block;font-size:3.2cqw;margin:1cqw 0}.hn-screen em{font-style:normal;font-size:2.3cqw;color:var(--niche)}.hn-agenda .hn-free{background:transparent;border:1px dashed #506580}
.hn-order-total{background:#46281c;border:1px solid #ff945b33;padding:4cqw;border-radius:3cqw;margin-top:4cqw}.hn-order-total small,.hn-order-total span{display:block;color:#dfbaa4;font-size:2.6cqw}.hn-order-total strong{display:block;font-size:7cqw;margin:1cqw 0}.hn-pills{display:flex;gap:2cqw;margin:4cqw 0;font-size:2.5cqw;align-items:center}.hn-pills>*{padding:2cqw;border-radius:2cqw;background:#ffffff08}.hn-pills b{background:#ff5a0026;color:#ff9b66}.hn-food{display:flex;gap:3cqw;align-items:center;background:#1f2430;border-radius:3cqw;padding:3cqw}.hn-food>span{font-size:12cqw;background:#55351f;border-radius:2cqw}.hn-food small,.hn-food div>span{display:block;font-size:2.3cqw;color:#a7afbc}.hn-food strong{font-size:3.2cqw;display:block;margin:1cqw 0}.hn-order-detail{display:flex;justify-content:space-between;font-size:2.7cqw;padding:3cqw 0}.hn-action{text-align:center;background:#ff5a00;color:white;border-radius:2cqw;padding:2.6cqw;font-size:2.8cqw;font-weight:600;margin:2cqw 0}.hn-kitchen{display:flex;gap:3cqw;align-items:center;padding:3cqw 0;border-bottom:1px solid #ffffff10}.hn-kitchen>span{font-size:7cqw}.hn-kitchen div{flex:1}.hn-kitchen strong,.hn-kitchen small{display:block;font-size:2.8cqw}.hn-kitchen small{color:#8f9db1;font-size:2.4cqw}
.hn-project{padding:3cqw;border:1px solid #c7adff22;border-radius:3cqw;background:#191d30}.hn-project-art{height:18cqw;background:linear-gradient(125deg,#43395c,#242d44);border-radius:2cqw;display:flex;align-items:center;gap:3cqw;padding:3cqw;font-size:12cqw;color:#decffe}.hn-project-art span{font-size:3cqw}.hn-project>small{display:block;color:#b0a7c2;font-size:2.5cqw;margin:2cqw 0}.hn-project>strong{font-size:4cqw}.hn-progress{height:1.4cqw;border-radius:2cqw;background:#ffffff12;margin:2cqw 0;overflow:hidden}.hn-progress i{display:block;height:100%;background:var(--niche);border-radius:inherit}.hn-project>span{display:flex;justify-content:space-between;font-size:2.1cqw;color:#aab4c6}.hn-delivery{display:flex;gap:3cqw;padding:3cqw 0;border-bottom:1px solid #ffffff10}.hn-delivery>b{width:10cqw;text-align:center;font-size:5cqw;color:var(--niche)}.hn-delivery small{display:block;font-size:2.4cqw;color:#9caac0}.hn-delivery strong{font-size:2.9cqw}
.hn-team-top{padding:4cqw 0;text-align:center}.hn-avatars{display:flex;justify-content:center;margin-bottom:2cqw}.hn-avatars span{width:12cqw;height:12cqw;display:grid;place-items:center;border:2px solid #0c1420;margin-left:-2cqw;border-radius:50%;background:#28474c;font-size:3cqw}.hn-avatars span:nth-child(2){background:#614735}.hn-avatars span:nth-child(3){background:#413c65}.hn-team-top strong,.hn-team-top small{display:block}.hn-team-top strong{font-size:4cqw}.hn-team-top small{font-size:2.6cqw;color:#99b1b2}.hn-person{display:flex;gap:3cqw;align-items:center;padding:2.5cqw 0}.hn-person>span{border-radius:50%;background:#23433e;color:#9cebdc;width:9cqw;height:9cqw;display:grid;place-items:center;font-size:2.7cqw}.hn-person>div{flex:1}.hn-person strong{font-size:3cqw}.hn-person small{font-size:2.3cqw;color:#a5b4c4}.hn-meeting{padding:3cqw;margin-top:4cqw;background:#ffffff06;border:1px solid #ffffff12;border-radius:3cqw}.hn-meeting>*{display:block}.hn-meeting small{font-size:2.4cqw;color:var(--niche)}.hn-meeting strong{font-size:3.5cqw;margin:1cqw 0}.hn-meeting span{font-size:2.4cqw;color:#96a7bd}
.hn-consult{display:flex;align-items:center;gap:4cqw;margin:5cqw 0}.hn-ring{width:29cqw;height:29cqw;flex:none;border-radius:50%;background:conic-gradient(#efae53 72%,#ffffff10 0);display:grid;place-items:center}.hn-ring strong{background:#0e1725;border-radius:50%;width:23cqw;height:23cqw;display:grid;place-content:center;font-size:7cqw;text-align:center}.hn-ring small{font-size:3cqw}.hn-consult>div:last-child>*{display:block}.hn-consult>div:last-child strong{font-size:4cqw}.hn-consult span{font-size:2.5cqw;color:#a8b5c6;margin:1.5cqw 0}.hn-roadmap article{display:flex;gap:3cqw;padding:3cqw 0 5cqw}.hn-roadmap article>b{width:7cqw;height:7cqw;flex:none;border:1px solid #5d635f;border-radius:50%;text-align:center;line-height:7cqw;color:#d9b16f}.hn-roadmap .current>b{background:#f2ba66;color:#1e1b17}.hn-roadmap strong,.hn-roadmap small{display:block}.hn-roadmap strong{font-size:3.2cqw}.hn-roadmap small{color:#94a2b6;font-size:2.5cqw;margin:1cqw 0}
