
.hn7-service{color:#12213a;font-family:Manrope,Arial,sans-serif}.hn7-service .container{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.hn7-hero{background:linear-gradient(110deg,#041633,#063476);color:white;padding:26px 0 80px;overflow:hidden}.hn7-crumb{font-size:12px;opacity:.7;margin-bottom:54px}.hn7-crumb a{color:white}.hn7-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px}.hn7-eyebrow,.hn7-kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#2682e7}.hn7-eyebrow{color:#8fcfff}.hn7-hero h1{font-size:clamp(35px,4.4vw,62px);line-height:1.13;letter-spacing:-.045em;margin:18px 0}.hn7-hero p{max-width:610px;color:#d4e6ff;line-height:1.8}.hn7-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.hn7-button{display:inline-flex;align-items:center;background:#fff;color:#07346e!important;border-radius:5px;padding:14px 22px;font-weight:800;font-size:13px;text-decoration:none}.hn7-textlink{color:#fff!important;font-size:13px;text-decoration:none}.hn7-art{min-height:315px;position:relative;display:flex;align-items:center;justify-content:center}.hn7-art img{max-height:350px;max-width:100%;object-fit:contain}.hn7-ring{position:absolute;border:1px dashed #5bbaff;border-radius:50%;opacity:.65}.hn7-ring1{width:150px;height:150px}.hn7-ring2{width:245px;height:245px}.hn7-ring3{width:330px;height:330px}.hn7-core{display:grid;place-items:center;width:86px;height:86px;border:1px solid #80d3ff;border-radius:25%;font-size:42px;color:#9de1ff;background:#1261a56b}.hn7-orbit .hn7-ring2{animation:hn7spin 24s linear infinite}.hn7-orbit .hn7-ring3{animation:hn7spin 38s linear infinite reverse}.hn7-float img,.hn7-float .hn7-core{animation:hn7float 5s ease-in-out infinite}.hn7-pulse img,.hn7-pulse .hn7-core{animation:hn7pulse 4s ease-in-out infinite}@keyframes hn7spin{to{transform:rotate(360deg)}}@keyframes hn7float{50%{transform:translateY(-14px)}}@keyframes hn7pulse{50%{transform:scale(1.045);opacity:.85}}.hn7-section{padding:76px 0}.hn7-narrow{max-width:860px!important}.hn7-section h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.04em;margin:12px 0 22px}.hn7-section p{line-height:1.85}.hn7-tint{background:#f2f7fd}.hn7-capabilities{display:grid;gap:16px}.hn7-cap-card{background:#fff;border:1px solid #e0eaf5;border-radius:10px;padding:26px 30px;box-shadow:0 4px 20px #0a3a7310}.hn7-cap-card h3{font-size:20px;color:#0b3c79;margin:0 0 6px}.hn7-cap-card p{font-size:14px;color:#536680;margin:0 0 16px}.hn7-cap-card ul{columns:2;column-gap:55px;padding-left:20px;margin:0}.hn7-cap-card li{break-inside:avoid;padding:5px 0;font-size:13px;line-height:1.6}.hn7-cap-card li::marker,.hn7-dark li::marker{color:#1973d2}.hn7-dark{background:linear-gradient(115deg,#03142e,#064181);color:white}.hn7-dark h2{color:white}.hn7-dark .hn7-kicker{color:#79c9ff}.hn7-halves{display:grid;grid-template-columns:1fr 1fr;gap:70px}.hn7-dark li{line-height:1.75;margin-bottom:15px}.hn7-steps{border-top:1px solid #dce6f2}.hn7-step{display:flex;gap:25px;padding:19px 5px;border-bottom:1px solid #dce6f2}.hn7-step>span{font-weight:800;color:#2177d1;font-size:13px}.hn7-step h3{font-size:16px;margin:0 0 5px}.hn7-step p{font-size:13px;margin:0;color:#50627a}.hn7-solution{display:flex;align-items:center;justify-content:space-between;gap:30px}.hn7-solution .hn7-button{background:#06438a;color:#fff!important}.hn7-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hn7-linkcard{border:1px solid #e2eaf3;padding:25px;border-radius:10px;color:#0c2a50!important;text-decoration:none}.hn7-linkcard h3{font-size:17px}.hn7-linkcard p{font-size:13px;color:#5a6c83}.hn7-linkcard strong{font-size:12px;color:#087af5}.hn7-faq{border-bottom:1px solid #d5e0ee;padding:19px 0}.hn7-faq summary{cursor:pointer;font-weight:750}.hn7-faq p{font-size:14px;color:#405574}.hn7-bottom{background:linear-gradient(120deg,#03142e,#07478d);color:white;text-align:center;padding:75px 0}.hn7-bottom h2{color:white;font-size:36px;margin:0 0 12px}.hn7-bottom p{max-width:620px;margin:0 auto 25px;line-height:1.8;color:#d6e7fc}@media(max-width:800px){.hn7-hero-grid,.hn7-halves{grid-template-columns:1fr}.hn7-art{min-height:230px}.hn7-ring3{width:230px;height:230px}.hn7-ring2{width:180px;height:180px}.hn7-hero{padding-bottom:45px}.hn7-crumb{margin-bottom:25px}.hn7-cap-card ul{columns:1}.hn7-cards{grid-template-columns:1fr}.hn7-solution{display:block}.hn7-section{padding:48px 0}}@media(prefers-reduced-motion:reduce){.hn7-art *{animation:none!important}}

/* Hanosys V8 — full-width service design system */
body:has(.hn7-service){overflow-x:hidden}
.hn7-service{width:100%;max-width:none!important;overflow:hidden;font-size:16px}
.hn7-service .container{width:min(100% - 72px,1440px)!important;max-width:1440px!important;margin-inline:auto!important;padding-inline:0!important}
.hn7-service .hn7-narrow{width:min(100% - 72px,1160px)!important;max-width:1160px!important}
.hn7-hero{position:relative;isolation:isolate;padding:32px 0 105px;background:radial-gradient(ellipse at 85% 42%,#0c5193 0%,transparent 38%),linear-gradient(115deg,#03132e 0%,#052b61 60%,#041b40 100%)}
.hn7-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8ac8ff09 1px,transparent 1px),linear-gradient(90deg,#8ac8ff09 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 15%,#000)}
.hn7-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#1379d9,#6ee1ff,#1379d9)}
.hn7-crumb{margin-bottom:66px;letter-spacing:.03em}
.hn7-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px}
.hn7-hero h1{font-size:clamp(42px,5.1vw,76px);max-width:780px;line-height:1.06;letter-spacing:-.055em}
.hn7-hero p{font-size:clamp(16px,1.3vw,19px);max-width:690px;line-height:1.8}
.hn7-button{border-radius:7px;padding:16px 25px;transition:transform .25s,box-shadow .25s}
.hn7-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}
.hn7-art{min-height:410px;filter:drop-shadow(0 0 35px #1888e633)}
.hn7-art:before{content:"";width:385px;height:385px;position:absolute;border-radius:50%;background:radial-gradient(circle,#187cd52b 0%,transparent 68%)}
.hn7-ring1{width:195px;height:195px}.hn7-ring2{width:300px;height:300px}.hn7-ring3{width:410px;height:410px}
.hn7-core{width:125px;height:125px;border-radius:30px;transform:rotate(-8deg);background:linear-gradient(140deg,#1276c9a6,#08234e);box-shadow:inset 0 0 30px #4ba9ff33,0 0 60px #228ff93d}
.hn7-core svg{width:70px;height:70px}.hn8-particle{position:absolute;width:7px;height:7px;background:#64d5ff;border-radius:50%;box-shadow:0 0 20px #4ecbff;animation:hn8spark 5s ease-in-out infinite}.hn8-p1{top:8%;left:45%}.hn8-p2{top:55%;right:5%;animation-delay:-2s}.hn8-p3{bottom:7%;left:23%;animation-delay:-3s}
@keyframes hn8spark{50%{opacity:.25;transform:scale(.6) translateY(-20px)}}
.hn7-section{padding:100px 0}.hn8-overview{padding:105px 0 110px}
.hn7-section h2{font-size:clamp(32px,3.3vw,48px);line-height:1.16;max-width:850px}
.hn7-section p{font-size:16px}.hn7-kicker{font-size:12px;letter-spacing:.19em}
.hn7-tint{background-color:#f2f7fd;background-image:linear-gradient(30deg,#0b65b006 12%,transparent 12.5%,transparent 87%,#0b65b006 87.5%,#0b65b006),linear-gradient(150deg,#0b65b006 12%,transparent 12.5%,transparent 87%,#0b65b006 87.5%,#0b65b006);background-size:90px 156px}
.hn8-section-lead{color:#61738b;margin-top:-6px;margin-bottom:35px}
.hn7-capabilities{gap:18px}.hn7-cap-card{padding:34px 42px;border-radius:13px;border-color:#dce8f6;box-shadow:0 8px 28px #0737650b;transition:transform .3s,box-shadow .3s,border-color .3s}
.hn7-cap-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px #07376517;border-color:#9ec7ed}
.hn7-cap-card h3{font-size:22px;letter-spacing:-.02em}.hn7-cap-card p{max-width:950px}.hn7-cap-card ul{columns:2;column-gap:95px}.hn7-cap-card li{font-size:14px;padding:6px 0 6px 2px}
.hn7-dark{background:radial-gradient(ellipse at 80% 10%,#0a5080 0%,transparent 50%),linear-gradient(110deg,#02132e,#062e66);position:relative}.hn7-halves{gap:110px}.hn7-dark li{font-size:15px}
.hn7-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;gap:15px;counter-reset:step}
.hn7-step{background:#f7faff;border:1px solid #dce8f5;border-radius:10px;padding:27px 25px;gap:18px;transition:background .25s,transform .25s}.hn7-step:hover{background:#edf6ff;transform:translateY(-3px)}.hn7-step>span{font-size:17px}.hn7-step h3{font-size:18px}
.hn7-solution{background:linear-gradient(105deg,#03152e,#084d98);color:white;padding:40px 46px!important;border-radius:14px;box-shadow:0 20px 40px #0a36701c}.hn7-solution h2{color:white;font-size:32px}.hn7-solution p{color:#d5e6fa}.hn7-solution .hn7-button{background:white;color:#07346e!important;white-space:nowrap}
.hn7-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hn7-linkcard{background:white;padding:32px;border-radius:12px;transition:transform .25s,box-shadow .25s}.hn7-linkcard:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0b3b701c}
.hn7-faq{background:#fff;border:1px solid #e0eaf4;border-radius:9px;margin:10px 0;padding:22px 26px}.hn7-faq summary{list-style-position:outside;color:#0a326a}.hn7-faq[open]{box-shadow:0 10px 26px #0a3b7010}
.hn7-bottom{padding:110px 0;background:radial-gradient(ellipse at 65% 20%,#1161a5 0%,transparent 50%),linear-gradient(115deg,#02112a,#063b83)}.hn7-bottom h2{font-size:clamp(36px,4vw,54px)}
.hn8-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.hn8-reveal.hn8-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.hn7-service .container,.hn7-service .hn7-narrow{width:calc(100% - 48px)!important}.hn7-hero-grid{gap:20px}.hn7-art{min-height:320px}.hn7-ring3{width:300px;height:300px}.hn7-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hn7-service .container,.hn7-service .hn7-narrow{width:calc(100% - 36px)!important}.hn7-hero{padding:22px 0 55px}.hn7-crumb{margin-bottom:35px}.hn7-hero-grid,.hn7-halves{grid-template-columns:1fr;gap:25px}.hn7-hero h1{font-size:clamp(34px,9vw,48px)}.hn7-art{min-height:245px}.hn7-ring3{width:230px;height:230px}.hn7-ring2{width:180px;height:180px}.hn7-ring1{width:130px;height:130px}.hn7-core{width:95px;height:95px}.hn7-section{padding:60px 0}.hn7-cap-card{padding:25px 22px}.hn7-cap-card ul{columns:1}.hn7-steps,.hn7-cards{grid-template-columns:1fr}.hn7-solution{padding:28px!important}.hn7-bottom{padding:75px 0}}
@media(prefers-reduced-motion:reduce){.hn8-particle{animation:none}.hn8-reveal{opacity:1!important;transform:none!important;transition:none!important}.hn7-cap-card,.hn7-step,.hn7-linkcard,.hn7-button{transition:none!important}}

/* v9 */
.hn7-service .hn7-section .container{max-width:1440px}.hn9-editor-fallback{margin-top:26px;padding:28px;background:white;border:1px solid #dfe9f5;border-radius:12px}.hn9-editor-fallback h3{color:#08427d}.hn9-editor-fallback ul{columns:2}.hn9-solution-page .hn7-hero{background:radial-gradient(ellipse at 80% 38%,#114c8e 0%,transparent 42%),linear-gradient(110deg,#031329,#052754 65%,#041a3c)}.hn9-solution-page .hn7-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.hn9-solution-page .hn7-cap-card ul{columns:1}.hn9-tech-table{border:1px solid #dbe6f3;border-radius:12px;overflow:hidden}.hn9-tech-table>div{display:grid;grid-template-columns:30% 70%;border-bottom:1px solid #e3eaf3}.hn9-tech-table>div:last-child{border-bottom:0}.hn9-tech-table strong,.hn9-tech-table span{padding:17px 22px}.hn9-tech-table strong{background:#f1f6fc;color:#07417f}.hn7-service .hn7-section h2{min-height:1em}.hn7-service .hn7-steps{min-height:180px}@media(max-width:800px){.hn9-solution-page .hn7-capabilities{grid-template-columns:1fr}.hn9-editor-fallback ul{columns:1}.hn9-tech-table>div{grid-template-columns:1fr}.hn9-tech-table strong,.hn9-tech-table span{padding:12px 16px}}
