.hito-shell section{z-index:2;width:min(100% - 48px,1440px);margin:0 auto;position:relative}.hito-configurator{grid-template-columns:minmax(320px,.85fr) minmax(0,1fr);align-items:start;gap:clamp(48px,9vw,120px);padding:12vh 0;display:grid}.hito-step-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hito-step-label{color:#587d78;letter-spacing:.12em;font:700 .64rem Space Mono,monospace}.hito-step-rule{background:#17383a33;flex:1;height:1px}.hito-step-back{color:#ed8068;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font:700 .64rem Space Mono,monospace}.hito-step-back:disabled{color:#17383a47;cursor:default}.hito-question{color:#17383a;letter-spacing:-.03em;margin:0 0 16px;font-size:1.5rem;font-weight:500;line-height:1.15}.hito-object-form{gap:8px;display:grid}.hito-field{gap:6px;display:grid}.hito-field span{color:#587d78;letter-spacing:.1em;text-transform:uppercase;font:400 .58rem Space Mono,monospace}.hito-field select{color:#17383a;background:#ffffff38;border:1px solid #17383a33;border-radius:2px;min-height:44px;padding:0 10px;font:500 .8rem DM Sans,sans-serif}.hito-submit{width:fit-content;margin-top:8px}.hito-success-message{background:#eef1e8d1;border:1px solid #17383a2e;border-left:3px solid #ed8068;padding:24px}.hito-success-message h4{color:#17383a;letter-spacing:-.03em;margin:0 0 8px;font-size:1.2rem;font-weight:500}.hito-success-message p{color:#315f63;margin:0}.hito-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef1e8d1;border:1px solid #17383a2e;min-width:0;padding:clamp(24px,4vw,54px);position:relative;box-shadow:0 30px 90px #2a4b4714}.hito-preview h3{color:#17383a;letter-spacing:-.06em;max-width:520px;margin:0;font-size:clamp(2.1rem,3.4vw,3.4rem);font-weight:500;line-height:.96}.hito-steps,.hito-supports,.hito-cases,.hito-platform{border-top:1px solid #17383a33;padding:10vh 0}.hito-steps h2,.hito-supports h2,.hito-cases h2,.hito-platform h2{color:#17383a;letter-spacing:-.065em;margin:0 0 34px;font-size:clamp(2.4rem,4.4vw,4.4rem);font-weight:500;line-height:.92}.hito-steps h2 em,.hito-supports h2 em,.hito-cases h2 em,.hito-platform h2 em{color:#ed8068;font-style:normal}.hito-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);display:grid}.marker-number.is-muted{color:#66817e;border-color:#17383a47}.hito-single-step li{border-top-color:#17383a;border-bottom:1px solid #17383a}.hito-single-step strong{font-size:1.1rem}.hito-kicker-accent{color:#ed8068}.hito-object-selector{flex-wrap:wrap;gap:6px;margin-bottom:26px;display:flex}.carousel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef1e8d1;border:1px solid #17383a2e}.carousel .hito-object-selector{margin-bottom:0;padding:20px 20px 16px}.carousel-stage{aspect-ratio:3/2;background:#e2e8df;max-height:min(58vh,560px);margin:0 20px;position:relative;overflow:hidden}.carousel-photo{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.carousel-photo.is-current{opacity:1}.carousel-scrim{pointer-events:none;background:linear-gradient(90deg,#eef1e8f7 0%,#eef1e8db 26%,#eef1e814 56%,#0000 70%);position:absolute;inset:0}.carousel-copy{pointer-events:none;flex-direction:column;justify-content:center;gap:18px;width:34%;padding-left:clamp(20px,3vw,44px);display:flex;position:absolute;inset:0}.carousel-copy h3{color:#17383a;letter-spacing:-.055em;text-wrap:pretty;margin:0;font:500 clamp(1.7rem,2.3vw,2.6rem)/.96 DM Sans,sans-serif}.carousel-description{color:#466868;max-width:250px;margin:0;font-size:.95rem;line-height:1.55}.carousel-actions{pointer-events:auto;align-items:center;gap:16px;display:flex}.carousel-signal{opacity:.22;background:#ed8068;border-radius:50%;width:11px;height:11px;transition:opacity .18s}.carousel-signal.is-live{opacity:1}.carousel-controls{align-items:center;gap:20px;padding:16px 20px 20px;display:flex}.carousel-count{letter-spacing:.1em;color:#4a5f6b;font:700 .66rem Space Mono,monospace}.carousel-rail{flex:1;gap:6px;display:flex}.carousel-rail button{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;height:44px;padding:0;transition:flex .45s cubic-bezier(.2,.8,.2,1);display:flex}.carousel-rail button span{background:#17383a33;width:100%;height:2px;transition:background .18s,height .18s}.carousel-rail button.is-current{flex:3}.carousel-rail button.is-current span{background:#ed8068;height:4px}.carousel-caption{color:#4a5f6b;font:400 .66rem/1.4 Space Mono,monospace}.carousel-arrows{gap:6px;display:flex}.carousel-arrows button{color:#17383a;cursor:pointer;background:0 0;border:1px solid #17383a33;border-radius:2px;place-items:center;width:44px;height:44px;font-size:1rem;transition:border-color .16s;display:grid}.carousel-arrows button.is-primary,.carousel-arrows button:hover{border-color:#17383a}.hito-cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hito-case{background:#eef1e8d1;border:1px solid #17383a2e;padding:22px;transition:border-color .18s,transform .18s}.hito-case:hover,.hito-case:focus-visible{border-color:#17383a;transform:translateY(-2px)}.hito-case h3{color:#17383a;letter-spacing:-.045em;margin:0;font-size:1.7rem;font-weight:500;line-height:.98}.hito-case-products{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hito-case-products li{color:#315f63;border:1px solid #17383a33;border-radius:2px;padding:6px 10px;font:400 .6rem Space Mono,monospace}.hito-panel{background:#eef1e8d1;border:1px solid #17383a2e;grid-template-columns:200px minmax(0,1fr);min-height:230px;display:grid}.hito-panel-nav{border-right:1px solid #17383a2e;flex-direction:column;gap:10px;padding:20px;display:flex}.hito-panel-nav span{color:#66817e;letter-spacing:.1em;text-transform:uppercase;font:400 .64rem Space Mono,monospace}.hito-panel-nav .is-current{color:#17383a;font-weight:700}.hito-panel-body{flex-direction:column;gap:14px;padding:20px;display:flex}.hito-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hito-metrics>div{border:1px solid #17383a33;padding:14px}.hito-metrics .kicker{letter-spacing:.1em;margin:0;font-size:.58rem}.hito-metrics strong{color:#17383a;letter-spacing:-.05em;margin-top:6px;font-size:2rem;font-weight:500;line-height:1;display:block}.hito-metrics .is-accent{color:#ed8068}.hito-panel-table{color:#66817e;text-align:center;border:1px solid #17383a33;flex:1;place-items:center;min-height:100px;font:400 .6rem Space Mono,monospace;display:grid}@media (width<=960px){.hito-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.hito-shell section{width:min(100% - 32px,1440px)}.hito-configurator{padding:8vh 0;display:block}.hito-preview{margin-top:18px}.hito-steps-grid,.hito-cases-grid,.hito-metrics{grid-template-columns:minmax(0,1fr)}.carousel-stage{aspect-ratio:4/5}.carousel-photo{object-position:center 32%}.carousel-scrim{background:linear-gradient(#0000 6%,#eef1e814 16%,#eef1e880 34%,#eef1e8ed 54%,#eef1e8f7 100%)}.carousel-copy{justify-content:flex-end;width:100%;padding:0 20px 24px}.carousel-copy .kicker{color:#17383a}.carousel-description{max-width:none}.carousel-controls{flex-wrap:wrap}.carousel-caption{order:3;width:100%}.hito-panel{grid-template-columns:minmax(0,1fr)}.hito-panel-nav{border-bottom:1px solid #17383a2e;border-right:0;flex-direction:row;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.carousel-photo,.carousel-rail button,.carousel-rail button span{transition:none}}
