@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101311;--panel:#181d19;--ink:#f0f2e9;--muted:#a2ada4;--line:#333d34;--accent:#c8ed98}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(52px,6.8vw,88px)}h2{font-size:clamp(34px,4vw,52px)}h3{font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.6px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;letter-spacing:-1.1px;font-weight:700;line-height:1}.logo-mark{width:27px;height:27px;fill:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c1cbc2}.nav-contact{padding:10px 17px;border:1px solid #64715e;color:var(--ink)}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:28px;padding-block:90px 80px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin-bottom:25px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}h1 span{color:var(--accent)}.intro{max-width:390px;color:var(--muted);font-size:15px;line-height:1.8;margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#172113;padding:14px 19px;font-size:13px;font-weight:700;transition:background .2s}.button:hover{background:#def6bd}.text-link{font-size:12px;color:#c4cdc2}.text-link span{margin-left:13px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:6%;border:1px solid #83987b20;transform:rotate(45deg)}.hero-art:after{content:'';position:absolute;inset:19%;border:1px solid #83987b30;transform:rotate(45deg)}.hero-emblem{width:75%;height:75%;fill:var(--accent);z-index:1;filter:drop-shadow(0 30px 30px #0003)}.art-note{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:monospace;font-size:9px;letter-spacing:2px;color:#7c8a7c}.section{padding-block:74px}.expertise{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading .eyebrow{margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.service{border-top:1px solid #56634e;padding-top:24px}.service-icon{display:block;width:25px;height:25px;margin-bottom:26px;color:var(--accent)}.service-icon svg{width:24px;height:24px;display:block}.service h3{font-size:17px;max-width:190px;min-height:46px}.service p{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.8}.approach{background:var(--panel);border-block:1px solid var(--line)}.approach-inner{padding-block:58px;display:grid;grid-template-columns:1fr 1.65fr;gap:55px}.approach h2{font-size:37px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps h3{font-size:17px;margin-bottom:12px}.steps p{color:var(--muted);font-size:12px;line-height:1.8}.step-number{display:block;font-family:monospace;font-size:10px;color:#8a9b80;margin-bottom:20px}.point-of-view{display:grid;grid-template-columns:1fr 1.65fr;gap:55px}.point-of-view .eyebrow{margin-top:8px}.point-of-view h2{max-width:650px;font-size:clamp(30px,3.6vw,46px);line-height:1.25}.point-of-view h2 span{color:#8f9d8c}.contact{border-top:1px solid var(--line);padding-block:65px;display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.contact h2{font-size:clamp(40px,5.5vw,68px);margin-bottom:24px}.contact .eyebrow{color:var(--accent)}.contact-email{display:inline-block;font-size:14px;border-bottom:1px solid #6a785e;padding-bottom:8px}.contact-email span{margin-left:45px}.footer{padding-block:30px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}.footer .brand{font-size:21px}.footer .logo-mark{width:21px;height:21px}.footer p,.footer>span,.back-top{font-size:10px;color:#8d9a8d}.footer>span{margin-left:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--accent);color:#101311;padding:10px;z-index:10}.skip:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}nav a:hover,.text-link:hover{color:var(--accent)}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{padding-block:65px;grid-template-columns:1.3fr 1fr}h1{font-size:58px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.service-grid{gap:20px}.service h3{font-size:16px}.approach-inner,.point-of-view{gap:32px;grid-template-columns:1fr 2fr}.steps{gap:20px}.approach h2{font-size:32px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:80px;position:relative}.brand{font-size:25px}.logo-mark{width:24px;height:24px}.menu-toggle{display:block;color:var(--ink);border:1px solid var(--line);background:transparent;font-size:12px;padding:7px 12px}.header nav{display:none;position:absolute;top:79px;left:-20px;right:-20px;background:var(--bg);padding:23px 20px;border-bottom:1px solid var(--line);z-index:5;align-items:flex-start;gap:20px}.header nav.is-open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding-block:44px 36px;gap:25px}h1{font-size:clamp(46px,11vw,65px)}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:14px;max-width:340px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.button{font-size:12px;gap:20px;padding:13px 16px}.text-link{font-size:11px}.hero-art{max-width:300px;width:80%;margin:5px auto 18px;aspect-ratio:1.2}.hero-emblem{width:70%;height:80%}.art-note{font-size:8px}.section{padding-block:44px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:16px}.service-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.service-icon{margin-bottom:20px}.service h3{font-size:16px;min-height:44px}.service p{font-size:12px;margin-top:12px}.approach-inner{grid-template-columns:1fr;padding-block:40px;gap:30px}.steps{gap:22px;grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.step-number{grid-row:1/3;margin:4px 0}.steps h3{margin-bottom:4px}.steps p{grid-column:2}.point-of-view{grid-template-columns:1fr;gap:8px}.point-of-view h2{font-size:31px}.contact{padding-block:42px;align-items:flex-start;flex-direction:column;gap:24px}.contact h2{font-size:44px;margin-bottom:22px}.footer{flex-wrap:wrap;gap:16px}.footer .brand{width:100%}.footer p{display:none}.footer>span{margin:0}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Enterprise direction: white space, deep ink, and architectural cobalt. */
:root{--bg:#fafbf9;--panel:#edf1f5;--ink:#142031;--muted:#5d6877;--line:#d9dfe5;--accent:#244ee8}.header .brand,.footer .brand{font-family:Manrope,sans-serif;font-weight:800;font-size:34px;letter-spacing:-1.8px;line-height:1}.brand-period{color:var(--accent)}nav{color:#435064}.nav-contact{border-color:#bec8d5;color:var(--ink)}.hero{padding-block:72px 80px;grid-template-columns:1.2fr 1fr;gap:40px}.hero h1{font-size:clamp(60px,7.7vw,100px);font-weight:600;letter-spacing:-.065em}.hero .eyebrow{color:#526276;font-size:9px;letter-spacing:1.7px}.status-dot{background:var(--accent)}.button{background:var(--accent);color:white}.button:hover{background:#1639bd}.text-link{color:#34445b}.nav-contact:hover{border-color:var(--accent)}.service{border-color:#b6c3d3}.approach{background:#142031;color:#fafbf9;border:0}.steps p{color:#b0bdcf}.step-number{color:#91a9cd}.point-of-view h2 span{color:#7b8795}.contact .eyebrow{color:var(--accent)}.contact-email{border-color:#a8b7ca}.footer p,.footer>span,.back-top{color:#697788}.hero-art{background:transparent;aspect-ratio:.95;overflow:hidden}.hero-art:before,.hero-art:after{display:none}.architecture{position:absolute;inset:10%;perspective:900px}.plane{position:absolute;width:80%;height:68%;left:10%;top:10%;transform:rotateX(48deg) rotateZ(-35deg);border:1px solid #adc1e4;box-shadow:18px 30px 45px #23407212}.plane-back{background:#e6edf8;transform:translateY(-42px) rotateX(48deg) rotateZ(-35deg)}.plane-middle{background:linear-gradient(135deg,#2247cc,#3c6bfa);border-color:#2b50d2;transform:translateY(26px) rotateX(48deg) rotateZ(-35deg);box-shadow:12px 30px 60px #244ee82b}.plane-front{background:linear-gradient(135deg,#f6f9ffdd,#d9e5f6aa);transform:translateY(96px) rotateX(48deg) rotateZ(-35deg);border-color:#b2c6e7}.architecture-line{position:absolute;width:1px;height:78%;background:#244ee8;left:50%;top:3%;opacity:.5}.architecture-point{position:absolute;width:9px;height:9px;background:#244ee8;border:2px solid white;box-shadow:0 0 0 1px #244ee8;left:calc(50% - 4px)}.point-a{top:3%}.point-b{top:80%}.art-note{bottom:1%;color:#71819a;font-size:8px;letter-spacing:1.7px}.skip{background:#244ee8;color:white}.footer .brand{font-size:27px}
@media(max-width:1000px){.hero h1{font-size:69px}.hero{gap:25px}.header .brand{font-size:31px}.architecture{inset:5%}}
@media(max-width:650px){.header nav{background:var(--bg)}.menu-toggle{color:var(--ink)}.header .brand{font-size:30px}.hero{grid-template-columns:1fr;padding-block:42px 35px;gap:22px}.hero h1{font-size:clamp(56px,14vw,76px)}.hero-art{width:100%;max-width:340px;aspect-ratio:1.15;margin:0 auto}.architecture{inset:10% 12%}.plane{height:62%}.plane-back{transform:translateY(-20px) rotateX(48deg) rotateZ(-35deg)}.plane-middle{transform:translateY(30px) rotateX(48deg) rotateZ(-35deg)}.plane-front{transform:translateY(80px) rotateX(48deg) rotateZ(-35deg)}.art-note{bottom:2%}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}}
/* Pastel accents with dark, readable typography. */
:root{--bg:#fbfaf8;--panel:#eef1f7;--ink:#202b3c;--muted:#626d7d;--line:#dedfe6;--accent:#5365b7}.hero{position:relative}.hero h1 span{color:#6775b8}.brand-period{color:#8c94c8}.status-dot{background:#9fa9df}.button{background:#d8def7;color:#263352;border:1px solid #c4cdeb}.button:hover{background:#c9d2f4}.nav-contact{border-color:#c8ccdc}.hero-art{background:radial-gradient(ellipse at center,#e8e6f466,transparent 72%)}.plane-back{background:#edf1fc;border-color:#c4cee7}.plane-middle{background:linear-gradient(135deg,#bac9ed,#d4c9eb);border-color:#b8c2e2;box-shadow:12px 30px 60px #8591ba1a}.plane-front{background:linear-gradient(135deg,#e4f1e9cc,#e8e4f3aa);border-color:#c7dcd4}.architecture-line{background:#8d9bc6}.architecture-point{background:#a4add2;box-shadow:0 0 0 1px #a4add2}.service{padding:24px 18px 20px;border-top:0;background:#edf1fa}.service:nth-child(2){background:#f0edf7}.service:nth-child(3){background:#eaf2ed}.service:nth-child(4){background:#f7eee7}.service-icon{color:#6578a8}.service:nth-child(2) .service-icon{color:#8674a4}.service:nth-child(3) .service-icon{color:#648a76}.service:nth-child(4) .service-icon{color:#a0826a}.approach{background:#eef0f8;color:var(--ink);border-block:1px solid #dfe3f0}.steps p{color:#626d7d}.step-number{color:#7e89aa}.contact{background:linear-gradient(105deg,#f0edf722,transparent)}.contact .eyebrow{color:#7d82ab}a:focus-visible,button:focus-visible{outline-color:#5365b7}
/* Rich palette across the full site. */
:root{--bg:#0e2028;--panel:#16343b;--ink:#f5f0e5;--muted:#b2c4c5;--line:#34505a;--accent:#dbb978}
body{background:linear-gradient(130deg,#102531 0%,#0e2028 48%,#123137 100%)}.header{border-color:#35505b}.header .brand,.footer .brand{color:#f5f0e5}.brand-period{color:#dbb978}nav{color:#c4d1d1}.nav-contact{border-color:#71817a;color:#f5f0e5}.nav-contact:hover{border-color:#dbb978}.hero .eyebrow{color:#c1b89f}.status-dot{background:#dbb978}.hero h1 span{color:#dbb978}.intro{color:#b2c4c5}.button{background:#dbb978;color:#172b30;border:1px solid #dbb978}.button:hover{background:#ebce96}.text-link{color:#e0e6df}nav a:hover,.text-link:hover{color:#dbb978}.hero-art{background:radial-gradient(ellipse at center,#247a6c38,transparent 72%)}.plane-back{background:#254a59;border-color:#527080}.plane-middle{background:linear-gradient(135deg,#198b77,#126353);border-color:#42a18a;box-shadow:12px 30px 60px #0003}.plane-front{background:linear-gradient(135deg,#c6a469b3,#8f763f66);border-color:#d8ba7d99}.architecture-line{background:#dfbe80}.architecture-point{background:#dfbe80;border-color:#18323b;box-shadow:0 0 0 1px #dfbe80}.art-note{color:#b2bcae}.service{background:#183c46;border-top:1px solid #4b7180}.service:nth-child(2){background:#203c50;border-color:#54718d}.service:nth-child(3){background:#17483e;border-color:#508576}.service:nth-child(4){background:#423d31;border-color:#8d7b58}.service-icon,.service:nth-child(2) .service-icon,.service:nth-child(3) .service-icon,.service:nth-child(4) .service-icon{color:#dfc38f}.service p{color:#c1cecc}.approach{background:#123c36;color:#f5f0e5;border-block:1px solid #3b6257}.steps p{color:#bdd0c8}.step-number{color:#d0b67f}.point-of-view h2 span{color:#9db7b5}.contact{background:none}.contact .eyebrow{color:#dbb978}.contact-email{border-color:#ac956b}.footer p,.footer>span,.back-top{color:#9fb5b9}.skip{background:#dbb978;color:#172b30}a:focus-visible,button:focus-visible{outline-color:#dbb978}
@media(max-width:650px){.header nav{background:#102531}.menu-toggle{color:#f5f0e5}}

/* Motion and connected-system graphics. */
.network-lines{position:absolute;inset:0;width:100%;height:100%;color:#c6ad79;opacity:.45;pointer-events:none}.network-route{stroke-width:1;stroke-dasharray:5 9;animation:network-flow 20s linear infinite}.route-two{animation-direction:reverse;animation-duration:26s}.plane-back{animation:float-back 9s ease-in-out infinite}.plane-middle{animation:float-middle 9s ease-in-out infinite}.plane-front{animation:float-front 9s ease-in-out infinite}.architecture-point{animation:point-pulse 4s ease-in-out infinite}.point-b{animation-delay:2s}.service{transition:transform .3s,box-shadow .3s}.service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0002}.service-icon{transition:transform .3s}.service:hover .service-icon{transform:translateY(-3px)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@keyframes network-flow{to{stroke-dashoffset:-280}}@keyframes float-back{0%,100%{transform:translateY(-42px) rotateX(48deg) rotateZ(-35deg)}50%{transform:translateY(-54px) rotateX(48deg) rotateZ(-35deg)}}@keyframes float-middle{0%,100%{transform:translateY(26px) rotateX(48deg) rotateZ(-35deg)}50%{transform:translateY(16px) rotateX(48deg) rotateZ(-35deg)}}@keyframes float-front{0%,100%{transform:translateY(96px) rotateX(48deg) rotateZ(-35deg)}50%{transform:translateY(88px) rotateX(48deg) rotateZ(-35deg)}}@keyframes point-pulse{0%,100%{box-shadow:0 0 0 1px #dfbe80}50%{box-shadow:0 0 0 6px #dfbe801c}}
@media(max-width:650px){.plane-back,.plane-middle,.plane-front{animation:none}.network-lines{opacity:.28}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}

/* Shared Zenvark identity: opposing planes define a diagonal Z in negative space. */
.header .brand,.footer .brand{gap:12px;align-items:center}.identity-mark{display:block;width:31px;height:31px;fill:#dbb978;flex:none}.footer .identity-mark{width:25px;height:25px}.hero-brand-mark{position:absolute;left:50%;top:50%;width:125px;height:125px;transform:translate(-50%,-50%);fill:#edcf95;z-index:3;filter:drop-shadow(0 10px 20px #00182066)}.hero-art .architecture{opacity:.5}.hero-art .network-lines{opacity:.2}.steps article{padding-top:8px}.steps h3{margin-bottom:10px}@media(max-width:650px){.steps article{display:block}.hero-brand-mark{width:92px;height:92px}.identity-mark{width:28px;height:28px}}

/* Pointer-responsive depth and ambient motion. */
.hero-art{--pointer-x:0;--pointer-y:0}.hero-art .architecture{translate:calc(var(--pointer-x)*12px) calc(var(--pointer-y)*10px);transition:translate .3s ease-out}.hero-brand-mark{translate:calc(var(--pointer-x)*23px) calc(var(--pointer-y)*18px);transition:translate .3s ease-out}.interactive-orbit{position:absolute;inset:13%;border:1px solid #d6b67b25;border-radius:50%;transform:rotate(-25deg);animation:brand-orbit 38s linear infinite;pointer-events:none}.interactive-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#d6b67b;box-shadow:0 0 12px #d6b67b66;left:50%;top:-3px}.interactive-orbit i:nth-child(2){left:0;top:50%;background:#5eb39b}.interactive-orbit i:nth-child(3){left:90%;top:80%;width:3px;height:3px}.service{position:relative;overflow:hidden;isolation:isolate;--light-x:50%;--light-y:50%}.service:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(180px circle at var(--light-x) var(--light-y),#e4c58e24,transparent 75%);opacity:0;transition:opacity .3s;pointer-events:none}.service:hover:before,.service:focus-within:before{opacity:1}.service:hover{box-shadow:0 14px 35px #0003}.service-icon svg{transition:rotate .4s}.service:hover .service-icon svg{rotate:-5deg}.identity-mark{transition:transform .35s}.brand:hover .identity-mark{transform:rotate(-6deg)}.contact{position:relative;isolation:isolate}.contact:after{content:'';position:absolute;right:0;top:25%;width:150px;height:150px;border:1px solid #dbb97820;transform:rotate(45deg);z-index:-1;pointer-events:none;animation:contact-turn 25s ease-in-out infinite}.contact{overflow:hidden}
@keyframes brand-orbit{to{transform:rotate(335deg)}}@keyframes contact-turn{0%,100%{transform:rotate(45deg) scale(.8)}50%{transform:rotate(75deg) scale(1)}}
@media(hover:none){.service:before{display:none}.hero-art .architecture,.hero-brand-mark{translate:none}.service:hover{transform:none}.interactive-orbit{animation-duration:60s}}
@media(prefers-reduced-motion:reduce){.hero-art .architecture,.hero-brand-mark{translate:none!important}.interactive-orbit,.contact:after{animation:none!important}.brand:hover .identity-mark,.service:hover .service-icon svg{transform:none;rotate:none}}

/* Let the closing statement flow into contact without a separate label column. */
.point-of-view{display:block;padding-block:48px 35px}.point-of-view h2{max-width:850px;font-size:clamp(25px,3vw,38px);line-height:1.35;letter-spacing:-1px}.contact{padding-top:42px}@media(max-width:650px){.point-of-view{padding-block:34px 28px}.point-of-view h2{font-size:27px}.contact{padding-top:34px}}
/* Keep symbol and name together as one compact brand. */
.header .brand,.footer .brand{gap:5px}