@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#2170fa;--navy:#091e48;--ink:#132442;--muted:#65728a;--line:#e1e7f0;--pale:#f4f7fc}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffcf40;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-1.6px}h1{font-size:64px;font-weight:750}h2{font-size:40px;font-weight:750}h3{font-size:22px;letter-spacing:-.65px}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:0}header{background:#fff;border-bottom:1px solid #edf0f5}.nav{height:98px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;color:var(--blue);font-family:Manrope,Arial,sans-serif;font-size:33px;font-weight:800;letter-spacing:1px;line-height:1}.logo svg{width:36px;height:40px}.logo-dot{color:#0b234b}.nav nav{display:flex;gap:31px;align-items:center}.nav nav a{font-size:11px;font-weight:750;letter-spacing:.6px;position:relative}.nav nav a[aria-current]{color:var(--blue)}.nav nav a[aria-current]:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-13px;background:var(--blue)}.client{border:1px solid #dbe3ef;padding:12px 17px;border-radius:6px}.client span{margin-left:14px;color:var(--blue)}.menu{display:none}.hero{background:radial-gradient(ellipse at 80% 50%,#123e89 0%,transparent 53%),linear-gradient(115deg,#071a3d,#0c2656);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;min-height:610px;align-items:center;padding-top:75px;padding-bottom:64px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--blue);display:block;margin-bottom:20px}.eyebrow.light{color:#a9c8ff}.eyebrow i{display:inline-block;background:#60a7ff;width:6px;height:6px;border-radius:50%;margin-right:9px}.hero h1{font-size:61px;line-height:1.13;letter-spacing:-2.8px;margin:26px 0}.hero h1 span{color:#82b7ff}.hero-copy>p{max-width:500px;color:#b5c5df;font-size:16px;line-height:1.85}.actions{display:flex;gap:25px;align-items:center;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--blue);color:white;font-weight:650;font-size:13px;border:0;padding:16px 24px;border-radius:5px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{background:#1459ce;transform:translateY(-2px)}.btn.white{background:white;color:#173157}.btn.white:hover{background:#e2edff}.text-link{font-size:12px;color:#dfebff;font-weight:600}.text-link span{margin-left:12px}.hero-notes{display:flex;gap:22px;margin-top:44px;color:#98aed0;font-size:11px}.hero-notes span:before{content:'✓';color:#6daaff;margin-right:7px}.visual{position:relative;height:430px;background-image:radial-gradient(#709fe330 1px,transparent 1px);background-size:23px 23px}.orbit{position:absolute;border:1px solid #6694e12b;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%)}.o1{width:280px;height:280px}.o2{width:395px;height:395px}.core{position:absolute;top:137px;left:50%;transform:translateX(-50%) rotate(-6deg);width:173px;height:156px;border:1px solid #6da2f2;box-shadow:0 0 60px #3885ff35,inset 0 0 40px #4c84d326;border-radius:22px;background:linear-gradient(140deg,#295ca1,#103568);display:flex;align-items:center;justify-content:center;gap:7px;font-size:26px;font-weight:800;color:white}.core svg{width:35px}.core .logo-dot{color:#8abaff}.core small{position:absolute;font-size:7px;letter-spacing:2px;bottom:27px;font-weight:500;color:#b6d4ff}.float-label{position:absolute;background:#173d72;border:1px solid #5785c56b;border-radius:9px;box-shadow:0 12px 26px #03122d55;display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:11px;color:#e5efff;z-index:1}.float-label i{width:5px;height:5px;border-radius:50%;background:#67dec1;margin-left:10px}.label1{top:40px;left:14px;transform:rotate(-5deg)}.label2{top:99px;right:-14px;transform:rotate(5deg)}.label3{top:296px;left:45px;transform:rotate(-4deg)}.mini-icon{color:#99c5ff;font-size:20px;line-height:1}.flow{position:absolute;bottom:25px;left:44px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#89a9d8}.flow b{font-size:20px;color:#5b94ea}.illustration-label{position:absolute;bottom:0;left:44px;font-size:7px;letter-spacing:1.5px;color:#6d8fbd}.ecosystem{border-bottom:1px solid var(--line);background:#fafbfd}.ecosystem .wrap{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ecosystem span{font-size:9px;font-weight:650;letter-spacing:1.1px;color:#7b879b}.ecosystem b{font-family:Manrope,sans-serif;font-size:23px;color:#56647d;letter-spacing:-1px}.ecosystem .ecosystem-note{font-size:10px;letter-spacing:0;font-weight:400;line-height:1.7;border-left:1px solid var(--line);padding-left:30px}.section{padding-top:88px;padding-bottom:88px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-head p{font-size:14px;line-height:1.75;margin-bottom:12px}.blue-link{color:var(--blue);font-size:13px;font-weight:650;display:inline-block}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);border-radius:10px;padding:28px 25px 0;background:white;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 15px 35px #0e326710;transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.product-icon{width:48px;height:48px;border-radius:10px;background:#edf4ff;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1}.tag{font-size:8px;letter-spacing:1px;font-weight:650;color:#6c7c95;background:#f6f8fb;padding:5px 7px;border-radius:3px}.product-card h3{font-size:21px;min-height:49px;max-width:240px}.product-card p{font-size:13px;margin:14px 0 27px;min-height:45px}.card-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;gap:9px;margin-top:auto}.card-bottom>span{font-size:10px;color:#8a96a8}.card-bottom a{display:flex;justify-content:space-between;font-size:12px;color:var(--blue);font-weight:650}.why{background:var(--pale);padding:75px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-grid>div>p{margin:23px 0;font-size:14px}.reasons article{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid #dae3ef}.reasons article:first-child{padding-top:0}.reasons article>span{font-size:12px;color:var(--blue);padding-top:4px}.reasons h3{font-size:19px;letter-spacing:-.4px}.reasons p{font-size:13px;margin-top:9px}.cta{padding:45px 50px;background:linear-gradient(110deg,#123975,#1553b7);border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:white;gap:30px}.cta p{color:#b7cff4;font-size:14px;margin-top:18px}.cta .eyebrow{font-size:9px}footer{background:#f7f9fc;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:45px;padding-top:55px;padding-bottom:48px}.footer-top .logo{font-size:28px}.footer-top .logo svg{width:30px}.footer-top p{font-size:12px;margin-top:16px;line-height:1.9}.footer-top b{display:block;font-size:12px;margin-bottom:17px}.footer-top>div>a:not(.logo){display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:10px;color:#8490a3}.footer-bottom a{margin-left:25px}.page-intro{padding-top:80px;padding-bottom:60px}.page-intro h1{font-size:52px;max-width:850px}.page-intro p{max-width:730px;font-size:16px;margin-top:25px}.catalog{padding-bottom:90px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filters button{border:1px solid var(--line);border-radius:30px;padding:9px 21px;background:white;color:#5d6c84;cursor:pointer;font-size:13px}.filters button.selected{background:var(--blue);color:white;border-color:var(--blue)}.fine{font-size:12px;line-height:1.8;margin-top:25px}.fine a{text-decoration:underline;color:var(--blue)}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding-top:10px}.detail-grid h2{margin:25px 0;font-size:32px}.detail-grid h3{margin-bottom:20px}.detail-grid p{font-size:14px}.feature-list{padding-left:20px;margin:25px 0 35px;color:var(--muted);font-size:14px}.feature-list li{padding:7px}.panel{background:var(--pale);padding:35px;border:1px solid var(--line);border-radius:12px;align-self:start}.panel .btn{margin-top:25px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding-bottom:80px}.service-grid h3{margin:25px 0 16px}.service-grid p{font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.steps article{border-top:1px solid #cbd8ec;padding-top:22px}.steps span{font-size:12px;color:var(--blue)}.steps h3{font-size:20px;margin:18px 0 15px}.steps p{font-size:13px}.contact-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:85px;padding-bottom:80px}.contact-grid h2{font-size:28px;margin-bottom:20px}address{font-style:normal;color:var(--muted);font-size:15px}.notice{background:#eff5ff;border-left:3px solid var(--blue);padding:18px 21px;color:#4b6184;font-size:13px;line-height:1.8;margin:25px 0}form{padding:32px;border:1px solid var(--line);border-radius:10px}form h3{margin-bottom:25px}label{display:block;font-size:12px;font-weight:600;margin-bottom:19px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d7dfeb;border-radius:5px;padding:12px;color:var(--ink);background:white;font-size:14px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.optional{font-weight:400;color:var(--muted)}form .fine{margin:0 0 20px}#form-status{font-size:13px;margin-top:15px;color:var(--blue)}.portal{margin:0 auto 80px;padding-top:40px;padding-bottom:40px;text-align:center;max-width:750px;background:var(--pale);border:1px solid var(--line);border-radius:15px}.portal h2{margin:25px 0;font-size:32px}.portal p{font-size:15px;margin-bottom:25px}.portal .blue-link{display:block;margin-top:22px}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:65px;padding-bottom:85px}.legal-layout aside{position:sticky;top:25px;align-self:start}.legal-layout aside b{display:block;margin-bottom:15px}.legal-layout aside a{display:block;font-size:12px;color:var(--muted);margin:9px 0}.legal section{margin:35px 0;scroll-margin-top:30px}.legal h2{font-size:23px;margin-bottom:15px;letter-spacing:-.5px}.legal p{font-size:14px;line-height:1.95}[hidden]{display:none!important}
@media(min-width:1440px){.wrap{max-width:1320px}.hero-grid{min-height:665px}.hero h1{font-size:68px}.visual{margin-left:30px}.hero-copy>p{font-size:18px}}
@media(max-width:1050px){.nav nav{gap:18px}.hero h1{font-size:49px}.actions{gap:15px;flex-wrap:wrap}.visual{transform:scale(.88)}.why-grid{gap:45px}.hero-notes{gap:10px;font-size:9px}.ecosystem b{font-size:19px}.ecosystem-note{display:none}.product-card{padding:22px 19px 0}.tag{font-size:7px}.contact-grid{gap:40px}}
@media(max-width:760px){.wrap{padding-left:23px;padding-right:23px}.nav{height:78px}.logo{font-size:28px}.logo svg{width:31px}.menu{display:block;border:1px solid var(--line);background:white;border-radius:5px;font-size:22px;color:var(--navy);padding:2px 10px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;z-index:5;background:white;padding:25px;box-shadow:0 10px 20px #1232}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:25px}.nav nav a[aria-current]:after{display:none}.hero-grid{display:block;padding-top:50px;padding-bottom:25px}.hero h1{font-size:49px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-copy>p{font-size:15px}.hero-notes{font-size:9px;margin-top:27px;gap:16px}.visual{max-width:430px;margin:30px auto 0;height:400px;transform:scale(.9)}.label2{right:-5px}.ecosystem .wrap{min-height:92px;flex-wrap:wrap;justify-content:center;gap:12px 25px;padding-top:18px;padding-bottom:18px}.ecosystem .wrap>span:first-child{width:100%;text-align:center;font-size:8px}.ecosystem b{font-size:17px}.section{padding-top:55px;padding-bottom:55px}h2{font-size:32px}.section-head{display:block}.section-head>div+div{margin-top:23px}.section-head br{display:none}.product-grid{grid-template-columns:1fr}.product-card{padding:25px 25px 0}.product-card h3{min-height:0;max-width:none}.product-card p{min-height:0;margin:14px 0 23px}.card-top{margin-bottom:23px}.card-bottom{flex-direction:row;justify-content:space-between;align-items:center}.card-bottom a{gap:18px}.why{padding:50px 0}.why-grid{grid-template-columns:1fr;gap:38px}.cta{padding:32px 28px;display:block}.cta .btn{margin-top:28px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{display:block;font-size:9px}.footer-bottom>div{margin-top:12px}.footer-bottom a{margin:0 20px 0 0}.page-intro{padding-top:50px;padding-bottom:35px}.page-intro h1{font-size:39px}.page-intro p{font-size:15px}.service-grid,.detail-grid,.contact-grid,.legal-layout{grid-template-columns:1fr;gap:30px}.service-grid{padding-bottom:45px}.steps{grid-template-columns:1fr 1fr}.contact-grid{padding-bottom:50px}form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.legal-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.portal{margin:10px 23px 55px}.legal-layout{gap:0}.legal-layout .notice{margin-top:25px}.btn{font-size:12px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Original-reference HERZA wordmark with a readable software code symbol. */
.logo{gap:12px;letter-spacing:0}.logo .code-mark{width:35px;height:35px;flex-shrink:0}.logo .herza-wordmark{width:145px;height:32px;overflow:hidden}.footer-top .logo .code-mark{width:31px;height:31px}.footer-top .logo .herza-wordmark{width:132px;height:29px}.core{flex-direction:column;gap:13px}.core .code-mark{width:36px;height:36px;margin-top:-26px}.core .herza-wordmark{width:124px;height:27px;filter:brightness(0) invert(1)}.core small{bottom:22px;font-size:6px;letter-spacing:1.5px}@media(max-width:760px){.logo{gap:9px}.logo .code-mark{width:30px;height:30px}.logo .herza-wordmark{width:130px;height:29px}}
.footer-phone{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}
@media(min-width:761px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card h3{max-width:none;min-height:0}.product-card p{min-height:0}}
.footer-top p.footer-address{margin:0 0 20px}

.footer-top .footer-phone{margin-bottom:0;line-height:1.9}.footer-top .footer-phone+a{line-height:1.9;margin-bottom:0}.footer-top p.footer-description{max-width:335px}

/* Owner-approved final Hexa Link logo, original assets without recolouring. */
.logo .brand-logo{display:block;width:200px;height:auto;flex-shrink:0}.footer-top .logo .brand-logo{width:195px;height:auto}.core .brand-logo{width:148px;height:auto;filter:none;margin-top:-7px}.core small{bottom:35px}@media(max-width:760px){.logo .brand-logo{width:170px}.footer-top .logo .brand-logo{width:185px}}
/* Expanded expertise illustration: eight disciplines around the final white logo. */
.hero-grid{grid-template-columns:1.1fr 1fr;gap:36px;min-height:690px}
.hero h1{font-size:57px;letter-spacing:-2.5px}
.visual{height:510px;width:100%;max-width:520px;margin-left:0}
.visual .orbit{top:46%}.visual .o1{width:300px;height:300px}.visual .o2{width:430px;height:430px}
.visual .float-label{width:calc(50% - 9px);padding:13px 12px;gap:8px;font-size:10px;transform:none;white-space:nowrap}
.visual .float-label i{margin-left:auto;flex-shrink:0}.visual .mini-icon{font-size:18px}
.visual .label1{top:12px;left:0;right:auto;transform:rotate(-3deg)}
.visual .label2{top:12px;right:0;left:auto;transform:rotate(3deg)}
.visual .label3{top:84px;left:0;right:auto;transform:rotate(-2deg)}
.visual .label4{top:84px;right:0;left:auto;transform:rotate(2deg)}
.visual .core{top:164px;width:185px;height:139px;transform:translateX(-50%) rotate(-4deg)}
.visual .core .brand-logo{width:158px;margin-top:-10px}.visual .core small{bottom:27px}
.visual .label5{top:329px;left:0;right:auto;transform:rotate(-2deg)}
.visual .label6{top:329px;right:0;left:auto;transform:rotate(2deg)}
.visual .label7{top:400px;left:0;right:auto;transform:rotate(-3deg)}
.visual .label8{top:400px;right:0;left:auto;transform:rotate(3deg)}
.visual .flow{bottom:25px;left:14px;right:14px}.visual .illustration-label{left:14px;bottom:0}
@media(min-width:1440px){.hero h1{font-size:64px}}
@media(min-width:761px) and (max-width:1050px){.hero-grid{gap:22px}.hero h1{font-size:44px}.visual{transform:none}.visual .float-label{font-size:8px;padding:12px 8px;gap:6px}.visual .mini-icon{font-size:15px}.visual .o2{width:350px;height:350px}}
@media(max-width:760px){.hero-grid{display:block;min-height:0;padding-bottom:40px}.hero h1{font-size:clamp(36px,8.8vw,49px);letter-spacing:-1.8px}.visual{margin:40px auto 0;max-width:460px;transform:none;height:510px}.visual .float-label{font-size:clamp(8px,2.2vw,10px);padding:13px 9px;gap:6px}.visual .mini-icon{font-size:16px}.visual .o2{width:100%;height:auto;aspect-ratio:1}.visual .o1{width:75%;height:auto;aspect-ratio:1}.visual .flow{font-size:7px;letter-spacing:1px}.visual .illustration-label{font-size:6px}}
/* Asymmetric floating expertise composition. */
.visual{height:550px}.visual .orbit{top:47%}
.visual .float-label{width:auto;padding:14px 15px;font-size:10px;gap:9px;box-shadow:0 15px 32px #03122d66}
.visual .float-label i{margin-left:9px}.visual .core{top:194px;left:52%;width:178px;height:146px;transform:translateX(-50%) rotate(-7deg);z-index:2}
.visual .label1{top:60px;left:3%;right:auto;transform:rotate(-8deg)}
.visual .label2{top:136px;right:-2%;left:auto;transform:rotate(7deg)}
.visual .label3{top:228px;left:-3%;right:auto;transform:rotate(-5deg)}
.visual .label4{top:331px;right:0;left:auto;transform:rotate(10deg)}
.visual .label5{top:349px;left:4%;right:auto;transform:rotate(-9deg)}
.visual .label6{top:432px;right:6%;left:auto;transform:rotate(5deg)}
.visual .label7{top:447px;left:-1%;right:auto;transform:rotate(-4deg)}
.visual .label8{top:7px;right:4%;left:auto;transform:rotate(6deg)}
.visual .label3,.visual .label5{font-size:9px;padding:12px 10px}
.visual .label7{font-size:9px;padding:12px}
.visual .flow{bottom:20px}.visual .illustration-label{bottom:-4px}
/* Shared navy hero identity for the three main interior pages. */
.inner-hero{color:white;overflow:hidden;background:radial-gradient(ellipse at 82% 48%,#174884 0%,transparent 55%),linear-gradient(115deg,#071a3d,#0c2656);position:relative;margin-bottom:65px}
.inner-hero-grid{min-height:450px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding-top:65px;padding-bottom:65px}
.inner-hero-copy .eyebrow{color:#a9c8ff}.inner-hero-copy h1{font-size:48px;letter-spacing:-2px;line-height:1.18;max-width:720px}.inner-hero-copy p{color:#b5c5df;margin-top:24px;max-width:660px;font-size:15px;line-height:1.85}
.inner-art{position:relative;height:320px;background-image:radial-gradient(#709fe32b 1px,transparent 1px);background-size:22px 22px}
.inner-art:before{content:'';position:absolute;width:275px;height:275px;border:1px solid #80acdf25;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);border-radius:50%}
.art-card{position:absolute;border:1px solid #7fa9e270;background:linear-gradient(130deg,#20477e,#102e5c);border-radius:14px;width:165px;height:175px;padding:23px;box-shadow:0 20px 40px #02142d50;display:flex;flex-direction:column}.art-card>span{font-size:31px;color:#9dc5ff;line-height:1;margin-bottom:18px}.art-card b{font-size:15px}.art-card small{font-size:9px;color:#a5c1e9;margin-top:7px}.art-storage{left:1%;top:24px;transform:rotate(-11deg)}.art-security{right:1%;top:55px;transform:rotate(9deg)}.art-network{left:27%;top:145px;transform:rotate(-3deg);z-index:1}
.code-window{position:absolute;left:2%;right:0;top:48px;transform:rotate(-6deg);border:1px solid #5d8dc2;background:#0a234c;border-radius:13px;box-shadow:0 20px 50px #03122b65;overflow:hidden}.window-bar{height:40px;display:flex;align-items:center;gap:5px;padding:0 15px;background:#1b3b69;border-bottom:1px solid #42618d}.window-bar i{width:5px;height:5px;border-radius:50%;background:#7b9ac3}.window-bar span{font-size:9px;margin-left:auto;color:#b4c9e5}.code-lines{padding:25px 20px 32px;font-family:monospace;font-size:13px}.code-comment{color:#6f91b9;font-size:10px}.code-lines p{color:#d0e2ff;margin-top:13px}.code-lines em{color:#81b5ff;font-style:normal}.art-note{position:absolute;bottom:13px;right:0;border:1px solid #6291ce7a;background:#224c84;border-radius:8px;padding:13px 19px;font-size:11px;color:#e0ecff;transform:rotate(5deg);box-shadow:0 10px 30px #031b3b55}.note-two{top:3px;bottom:auto;right:12px;transform:rotate(7deg)}
.message-card{position:absolute;left:7%;right:2%;top:39px;padding:29px;border-radius:16px;background:linear-gradient(120deg,#284d7d,#112f5c);border:1px solid #78a8e18a;transform:rotate(-7deg);box-shadow:0 20px 45px #02142f50;display:flex;flex-direction:column}.envelope-icon{font-size:38px;color:#a9ceff;line-height:1;margin-bottom:22px}.message-card small{font-size:8px;letter-spacing:1.2px;color:#a9c8ec}.message-card a{font-size:24px;font-family:Manrope,sans-serif;letter-spacing:-.5px;margin:10px 0 15px}.message-line{height:1px;background:#6c95c74d;margin-bottom:16px}.message-card>span:last-child{font-size:10px;color:#afc5e3}.contact-art .art-note{bottom:4px;right:0;transform:rotate(5deg)}
@media(min-width:761px) and (max-width:1050px){.visual .float-label{font-size:8px;padding:12px 9px;gap:5px}.visual .mini-icon{font-size:14px}.visual .core{width:145px;height:140px;left:53%}.visual .core .brand-logo{width:128px}.visual .label3,.visual .label5,.visual .label7{font-size:7px}.inner-hero-grid{gap:35px}.inner-hero-copy h1{font-size:40px}.art-card{width:135px;padding:20px 15px}.message-card{padding:24px}.message-card a{font-size:20px}}
@media(max-width:760px){.visual{height:555px;max-width:440px;margin-top:45px}.visual .float-label{font-size:clamp(7px,2.1vw,9px);padding:12px 9px;gap:6px}.visual .float-label i{margin-left:5px}.visual .label3,.visual .label5,.visual .label7{font-size:clamp(7px,2vw,9px);padding:12px 8px}.visual .core{width:150px;height:145px;left:53%;top:196px}.visual .core .brand-logo{width:133px}.visual .label3{left:-1%;top:218px}.visual .label4{right:0;top:332px}.visual .label5{top:362px}.visual .label6{top:447px;right:0}.visual .label7{top:428px;left:0}.visual .label2{right:-1%}.visual .label8{right:0}.inner-hero{margin-bottom:45px}.inner-hero-grid{display:block;padding-top:50px;padding-bottom:40px}.inner-hero-copy h1{font-size:38px;letter-spacing:-1.5px}.inner-hero-copy p{font-size:14px}.inner-art{max-width:390px;margin:30px auto 0;height:300px}.art-card{width:150px;height:160px;padding:20px}.art-network{top:125px}.inner-hero-copy h1 br{display:none}}
/* Compact, layered composition: varied depths and crossing diagonals, no paired rows. */
.hero-grid{min-height:650px}
.visual{height:475px;isolation:isolate}
.visual .orbit{left:49%;top:48%}.visual .o1{width:265px;height:265px}.visual .o2{width:390px;height:390px}
.visual .core{top:164px;left:47%;width:185px;height:154px;transform:translateX(-50%) rotate(-9deg);z-index:3}
.visual .core .brand-logo{width:158px;margin-top:-8px}.visual .core small{bottom:27px}
.visual .float-label{font-size:10px;padding:14px 15px;z-index:4;box-shadow:0 16px 25px #03122d70}
.visual .label1{top:45px;left:0;right:auto;transform:rotate(-11deg);z-index:2}
.visual .label2{top:102px;left:auto;right:-2%;transform:rotate(13deg);z-index:5}
.visual .label3{top:292px;left:5%;right:auto;transform:rotate(-17deg);font-size:10px;padding:15px;z-index:5}
.visual .label4{top:332px;left:auto;right:2%;transform:rotate(14deg);z-index:4}
.visual .label5{top:132px;left:7%;right:auto;transform:rotate(-23deg);font-size:9px;padding:12px;z-index:4}
.visual .label6{top:399px;left:20%;right:auto;transform:rotate(-7deg);z-index:5}
.visual .label7{top:218px;left:auto;right:-6%;transform:rotate(23deg);font-size:9px;padding:12px;z-index:2}
.visual .label8{top:8px;left:40%;right:auto;transform:rotate(5deg);z-index:1}
.visual .flow{bottom:-10px;left:10px;right:10px}.visual .illustration-label{bottom:-32px;left:10px}
@media(min-width:761px) and (max-width:1050px){.visual .float-label{font-size:8px;padding:12px 9px;gap:6px}.visual .label3{font-size:8px;padding:13px 10px}.visual .label5,.visual .label7{font-size:7px;padding:10px 8px}.visual .core{width:155px;left:46%}.visual .core .brand-logo{width:133px}.visual .label2{right:-3%}.visual .label7{right:-5%}.visual .label8{left:39%}}
@media(max-width:760px){.hero-grid{min-height:0}.visual{height:475px;margin-top:50px;margin-bottom:34px;max-width:440px}.visual .float-label{font-size:clamp(7px,2.1vw,9px);padding:12px 9px;gap:6px}.visual .label3{font-size:clamp(7px,2.1vw,9px);padding:13px 9px;left:1%}.visual .label5,.visual .label7{font-size:clamp(7px,1.8vw,8px);padding:10px 8px}.visual .label5{left:1%;top:138px}.visual .label7{right:-3%;top:227px}.visual .label8{left:37%}.visual .label2{right:0}.visual .label4{right:0;top:339px}.visual .label6{left:15%;top:399px}.visual .core{width:150px;left:46%;height:150px;top:172px}.visual .core .brand-logo{width:130px}.visual .core small{font-size:5px;letter-spacing:1px}.visual .o1{width:66%;height:auto;aspect-ratio:1}.visual .o2{width:94%;height:auto;aspect-ratio:1}}
@media(min-width:1051px){
.visual .float-label{font-size:11px;padding:16px 18px;gap:10px}.visual .mini-icon{font-size:20px}
.visual .label1{left:6%;top:24px;transform:rotate(-8deg)}
.visual .label8{left:44%;top:79px;transform:rotate(16deg)}
.visual .label2{right:-5%;top:167px;transform:rotate(-12deg)}
.visual .label5{left:-2%;top:140px;transform:rotate(12deg);font-size:10px;padding:14px 16px}
.visual .core{left:51%;top:198px}
.visual .label3{left:0;top:293px;transform:rotate(-19deg);font-size:11px;padding:16px}
.visual .label7{right:-7%;top:278px;transform:rotate(10deg);font-size:10px;padding:14px 16px}
.visual .label4{right:10%;top:363px;transform:rotate(6deg)}
.visual .label6{left:0;top:408px;transform:rotate(-14deg)}
.visual .orbit{opacity:.55}
}
/* Editorial content supports service discovery with comfortable reading widths. */
.editorial{display:grid;grid-template-columns:.88fr 1.45fr;gap:72px;padding-top:10px;padding-bottom:62px;align-items:start}
.editorial-heading h2{font-size:32px;line-height:1.28;letter-spacing:-1px}.editorial-heading .blue-link{margin-top:25px}
.editorial-copy p{font-size:14px;line-height:1.95;color:#5b6c85;margin:0 0 20px}.editorial-copy p:last-child{margin-bottom:0}.editorial-copy strong{font-weight:650;color:#233d60}.editorial-copy a{color:#185bc8;text-decoration:underline;text-decoration-color:#b1c9ef;text-underline-offset:3px}.editorial-copy a:hover{text-decoration-color:currentColor}
.editorial-band{background:var(--pale);border-top:1px solid var(--line)}.editorial-products{padding-top:65px;padding-bottom:65px}.editorial-custom+.service-grid{border-top:1px solid var(--line);padding-top:40px}
@media(max-width:1050px){.editorial{gap:40px}.editorial-heading h2{font-size:28px}}
@media(max-width:760px){.editorial{grid-template-columns:1fr;gap:26px;padding-bottom:40px}.editorial-heading h2{font-size:29px}.editorial-copy p{font-size:14px;line-height:1.9}.editorial-products{padding-top:45px;padding-bottom:45px}.editorial-custom+.service-grid{padding-top:30px}.editorial-heading .blue-link{margin-top:18px}}