/* Brand finish: navy, luminous teal, and quiet off-white surfaces. */
:root{--ink:#122c4a;--navy:#1d4378;--teal:#06736d;--paper:#f7f9fc;--muted:#57687b;--line:#dce4ed;--radius:18px}
body{font-family:Inter,"Avenir Next",Avenir,"Segoe UI",sans-serif}
::selection{background:#a9eadd;color:#122c4a}
.site-header{background:#ffffffee;backdrop-filter:blur(18px);border-color:#dce4ed99}
.nav-wrap{min-height:90px}.brand img{width:225px}nav{gap:25px}nav a{font-size:13px;font-weight:600}nav a[aria-current]:after{width:100%;border-radius:3px;bottom:6px}
.button{border-radius:9px;min-height:48px;background:linear-gradient(115deg,#1b4778,#153951);box-shadow:0 5px 14px #122c4a10;padding:15px 23px;transition:transform .2s,box-shadow .2s}
.button:hover{background:linear-gradient(115deg,#086e75,#075c69);box-shadow:0 9px 20px #12385120}.text-button{min-height:44px}
.hero{position:relative;background:radial-gradient(ellipse at 84% 65%,#096e703d,transparent 48%),radial-gradient(ellipse at 6% 0%,#28589533,transparent 50%),#0c1c32;color:#fff}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#9eced504 1px,transparent 1px),linear-gradient(90deg,#9eced504 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid{position:relative;min-height:690px;padding-block:80px;gap:48px;grid-template-columns:1.12fr 1fr}
.hero-copy h1{font-size:clamp(52px,5.6vw,80px);letter-spacing:-.055em;line-height:1.06;margin-bottom:30px;font-weight:600}
.hero-copy h1 em{color:#78ddcb;font-weight:400}.hero .eyebrow{color:#8fddce;letter-spacing:2.3px;font-size:10px}
.hero .eyebrow i{background:#85e4d1;box-shadow:0 0 0 5px #78ddcb12;margin-right:13px}.hero-copy>p{color:#eff5ff;font-size:19px;letter-spacing:-.02em}
.hero-copy .hero-description{color:#b0bfd1;font-size:15px;line-height:1.85;max-width:465px}.hero .button{background:#83e3ce;color:#092b35;border-color:#83e3ce;box-shadow:0 5px 30px #49bfa01c}.hero .button:hover{background:#a4f1e1}.hero .text-button{color:#edf5ff;border:1px solid #8ba4c34d;border-radius:9px;padding:14px 20px;min-height:52px}.hero .text-button:hover{background:#ffffff0c}.actions{gap:13px}.hero-specialties{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.hero-specialties span{font-size:10px;color:#c3d5e4;border:1px solid #9bbed523;border-radius:50px;padding:5px 11px;background:#b0d9ee05}.hero-note{color:#9cb2c8;margin-top:22px;font-size:11px}.mini-mark{color:#79d7c9}
.hero-visual{background-image:radial-gradient(#709ca539 1px,transparent 1px);height:470px}.hero-visual:before{content:'';position:absolute;inset:40px 0;background:#37c6b916;filter:blur(40px);border-radius:50%;z-index:-1}.orbit{border-color:#72c4c627}.orbit-one{width:440px;height:440px}.orbit-two{width:365px;height:475px}.visual-label{color:#8baec3;font-size:8px;letter-spacing:2.1px}.code-window{background:linear-gradient(140deg,#19354c,#102b37);border-color:#537c846b;border-radius:15px;box-shadow:0 35px 65px #0005,0 0 45px #3fbfa513;transform:perspective(1200px) rotateY(-8deg) rotateZ(-4deg)}.window-bar{background:#d9fbff04;padding:18px 20px}.window-content{padding:30px 25px;font-size:12px}.code-line b{color:#8cbcf1}.code-line strong{color:#87dec5}.code-comment{color:#99b4c5}.window-footer{color:#afc9d8}.floating-tag{background:#f4fbff;border-color:#e3f0f6;box-shadow:0 12px 40px #0002;color:#163d51;border-radius:10px}.tag-top{right:-4px;top:50px}.tag-bottom{bottom:39px}.tag-bottom small{color:#536c78}.check-icon{background:#d9f2e9}.visual-cross{color:#85dccb}.flow{color:#99b9c7}.flow i{background:#5b888c}
.capability-strip{background:#fff;border-color:var(--line)}.capability-strip .container{padding-block:25px;color:#4a6178;font-weight:500}.capability-strip span:before{color:#09867e}
.section{padding-block:95px}.section-heading{margin-bottom:42px}h2{font-weight:550;letter-spacing:-.045em}.section-heading>p{font-size:14px}.eyebrow{letter-spacing:2px;font-size:10px}.service-grid{gap:22px}.service-card{padding:32px;background:linear-gradient(150deg,#fff,#fcfdff);border:1px solid #dce5ed;box-shadow:0 5px 24px #1d437803;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #1d43780c;border-color:#6eafa8}.card-top{margin-bottom:32px}.icon{width:48px;height:48px;background:#eaf5f3;border:1px solid #deeeeb;border-radius:12px}.number{font-family:monospace;color:#657f95}.service-card h3{font-size:21px}.service-card p{font-size:14px}.card-link{border-top:1px solid #e9eef3;padding-top:18px;font-size:12px;min-height:42px}.service-card:first-child{background:linear-gradient(145deg,#193f68,#123e48);border-color:#234966;color:#fff}.service-card:first-child p{color:#c4d6e3}.service-card:first-child .icon{background:#ffffff0d;border-color:#ffffff15;color:#88e1cf}.service-card:first-child .number{color:#9ebfcf}.service-card:first-child .card-link{color:#9ee9d9;border-color:#ffffff20}
.approach-section{background:#edf2f8;padding-block:85px}.steps>div{border-color:#d7e1ec}.steps>div>span{border:1px solid #d1e2e5;border-radius:50%;height:32px;min-width:32px;display:grid;place-items:center;background:#fff;padding:0}.steps h3{font-size:20px}.steps p{font-size:14px}.approach-grid>div>p{font-size:15px}.cta{background:radial-gradient(ellipse at 95% 0%,#11877b66,transparent 65%),#102a47;padding:54px;border:1px solid #31536a;border-radius:20px;box-shadow:0 15px 40px #132e4410}.cta h2{font-size:37px}.cta .eyebrow{color:#97dfcd}.cta p{color:#becedf;font-size:14px}.button.light{background:#91e4d1;border-color:#91e4d1;color:#102e3a}.cta .button.light:hover{background:#b7f5e6}
footer{background:#fff;padding-bottom:35px}.footer-grid .legal-name{font-size:9px;letter-spacing:.8px}.footer-grid h3{font-size:13px}.footer-grid>div>a:not(.brand){font-size:13px;overflow-wrap:anywhere}.footer-grid>div>a:hover{color:var(--teal)}.footer-bottom{font-size:11px}.page-intro{padding-top:85px;padding-bottom:38px;position:relative}.page-intro:before{content:'';position:absolute;width:240px;height:240px;right:0;top:15px;background:radial-gradient(circle,#a3ddcd30,transparent 68%);z-index:-1}.page-intro h1{font-weight:600}.statement{background:linear-gradient(140deg,#e3edf7,#e2f2ec);border:1px solid #d8e5ec}.work-art{background:linear-gradient(140deg,#e1f4eb,#dbe6f0)}.work-card{box-shadow:0 12px 30px #1d437805}.work-body{padding:30px}.education-options>span{padding:9px 15px;background:#eaf3ef;border:1px solid #d6e7df;border-radius:30px}.contact-grid aside{padding-top:20px}.contact-grid dd a{color:var(--ink)}.contact-grid dd a:hover{color:var(--teal);text-decoration:underline}form{box-shadow:0 16px 50px #153d6809;border-radius:18px;padding:38px}input,select,textarea{min-height:48px;border-color:#d1dce7;background:#fafcff;border-radius:8px;font-size:14px}input:hover,textarea:hover,select:hover{border-color:#92adaf}label{font-size:13px}label span{font-size:11px}.form-note{font-size:12px}.form-actions{display:flex;flex-wrap:wrap;gap:12px}.form-actions .button{flex:1;font-size:12px;padding-inline:14px;white-space:nowrap}.whatsapp-submit{background:#e5f5ee;color:#105b48;border-color:#b7dece;gap:8px}.whatsapp-submit:hover{background:#cceedd}.whatsapp-submit svg{width:19px;height:19px;flex-shrink:0}#email-draft{font-size:12px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:25;display:flex;align-items:center;gap:10px;background:#087967;color:#fff;border:1px solid #ffffff60;border-radius:50px;padding:13px 20px;box-shadow:0 6px 24px #063a4335;font-size:13px;font-weight:600;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#086556}.whatsapp-float svg{width:25px;height:25px}.form-note a{color:var(--teal)}
@media(min-width:1500px){.hero-grid{min-height:740px}}
@media(max-width:1100px){.hero-grid{gap:25px}.hero-copy h1{font-size:63px}.hero-visual{height:450px}.orbit-one{width:360px;height:400px}.orbit-two{width:300px;height:430px}.brand img{width:195px}nav{gap:20px}.cta{padding:40px}.form-actions{flex-direction:column}}
@media(max-width:760px){.nav-wrap{min-height:80px}.brand img{width:190px}.menu-toggle{min-height:44px;border-radius:8px}.hero-grid{grid-template-columns:minmax(0,1fr);padding-block:55px 35px;gap:24px}.hero-copy h1{font-size:clamp(46px,9.5vw,70px);margin-bottom:24px}.hero-copy>p{font-size:18px}.hero-copy .hero-description{font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-specialties{margin-top:25px;gap:7px}.hero-specialties span{font-size:9px;padding:5px 9px}.hero-visual{height:420px;width:min(100%,450px);margin-top:0}.orbit-one{width:90%;height:360px}.orbit-two{width:75%;height:390px}.tag-top{right:0;top:28px}.tag-bottom{bottom:32px}.code-window{width:390px;max-width:93%}.window-content{font-size:11px;padding:25px 20px}.visual-label{font-size:7px}.capability-strip .container{font-size:11px;gap:10px}.section{padding-block:60px}.section-heading{margin-bottom:28px}.service-card{padding:25px}.service-grid{gap:16px}.service-card p{font-size:13px}.service-card h3{font-size:20px}.approach-section{padding-block:55px}.cta{padding:32px 26px;border-radius:16px}.cta h2{font-size:31px}.cta p{font-size:13px}.page-intro{padding-top:50px;padding-bottom:20px}.page-intro h1{font-size:44px}.contact-grid{padding-top:15px}.contact-grid aside{padding-top:0}form{padding:25px}.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:14px}.whatsapp-float span{display:none}footer{padding-bottom:70px}.footer-grid .legal-name{max-width:300px}.footer-bottom{font-size:10px}}
@media(max-width:420px){.hero-copy h1{font-size:47px}.hero .eyebrow{font-size:8px}.hero .button{padding-inline:16px;font-size:12px}.hero .text-button{font-size:12px;padding-inline:15px}.hero-visual{height:355px}.window-content{font-size:10px;padding:20px 17px}.window-bar{font-size:9px;padding:14px 15px}.window-footer{font-size:8px;padding:12px 15px}.orbit-one{height:300px}.orbit-two{height:330px}.tag-top{padding:10px 12px;font-size:10px;top:22px}.tag-bottom{padding:10px 13px;bottom:15px}.tag-bottom strong{font-size:10px}.tag-bottom small{font-size:9px}.flow{bottom:-7px}.hero-note{font-size:10px}.hero-specialties{gap:6px}.hero-specialties span{font-size:8px}.page-intro h1{font-size:39px}.service-card{padding:26px}.education-options{gap:12px}.contact-grid aside .button{font-size:12px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}