:root{--navy:#102c4c;--navy-deep:#0a1c34;--teal:#087f8d;--teal-bright:#1bb8b7;--ink:#162a3d;--muted:#5f7080;--line:#dce6e9;--paper:#f7fafb;--white:#fff;--max:1200px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p,blockquote{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif}h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.13;letter-spacing:-.055em;font-weight:800}h3{letter-spacing:-.025em}p{line-height:1.65}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section-pad{padding-block:118px}.skip-link{position:absolute;left:20px;top:-70px;background:var(--navy);color:white;padding:12px 18px;z-index:30}.skip-link:focus{top:14px}:focus-visible{outline:3px solid var(--teal-bright);outline-offset:3px}section[id]{scroll-margin-top:88px}

.site-header{height:88px;background:#fff;border-bottom:1px solid #e8eff0;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px rgba(16,44,76,.035)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;width:170px;height:70px;flex:none}.brand-image{width:170px;height:68px;position:relative;overflow:hidden;display:block}.brand-image img{position:absolute;width:170px;max-width:none;top:-44px;left:0}.primary-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.primary-nav>a{font-size:.83rem;font-weight:700;color:#3b4d5d;transition:color .2s;white-space:nowrap}.primary-nav>a:hover,.primary-nav>a:focus-visible{color:var(--teal)}.primary-nav .mobile-contact{display:none}.header-actions{display:flex;align-items:center;gap:22px}.language-switch{font-size:.73rem;font-weight:800;display:flex;gap:7px;color:#84929d}.language-switch a[aria-current=true]{color:var(--navy)}.language-switch a:hover{color:var(--teal)}.header-cta{background:var(--navy);color:white;padding:13px 18px;border-radius:5px;display:inline-flex;align-items:center;gap:20px;font-size:.8rem;font-weight:800;white-space:nowrap;transition:background .2s,transform .2s}.header-cta:hover{background:var(--teal);transform:translateY(-2px)}.menu-toggle{display:none}

.eyebrow{display:flex;align-items:center;gap:13px;font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--teal);text-transform:uppercase;line-height:1.4}.eyebrow-line{display:inline-block;width:23px;height:2px;background:currentColor;flex:none}.eyebrow-light{color:#72dcda}.hero{position:relative;overflow:hidden;background:linear-gradient(132deg,#f8fbfb 0%,#eef7f7 58%,#e6f5f4 100%);padding-top:103px;padding-bottom:35px}.hero-orbit{position:absolute;border:1px solid rgba(10,126,139,.15);border-radius:50%;pointer-events:none}.hero-orbit-one{width:700px;height:700px;right:-310px;top:-275px}.hero-orbit-two{width:500px;height:500px;right:-230px;top:140px}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:570px;align-items:center;gap:20px;position:relative;z-index:1}.hero-copy{padding-bottom:45px}.hero h1{font-size:clamp(3.2rem,5.4vw,5.4rem);letter-spacing:-.075em;line-height:1.08;margin:26px 0 24px;font-weight:800;color:var(--navy-deep)}.hero h1 em{color:var(--teal);font-style:normal}.hero-lead{font-size:1.08rem;color:#526a76;max-width:530px;line-height:1.8}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 22px;border-radius:5px;font-size:.91rem;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--navy);color:white;min-width:204px}.button-primary:hover{background:var(--teal)}.button span,.text-link span{font-size:1.2rem}.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--navy);font-size:.85rem;font-weight:800}.text-link:hover{color:var(--teal)}.hero-capabilities{margin-top:62px;color:#718995;font-size:.73rem;font-weight:700;letter-spacing:.04em}.hero-bottom{display:flex;align-items:center;gap:20px;color:#728991;font-size:.65rem;font-weight:800;letter-spacing:.16em}.bottom-line{width:55px;height:1px;background:#9bb1b7}

.hero-art{height:560px;position:relative;transform:translateX(25px)}.art-halo{position:absolute;width:460px;height:460px;border-radius:50%;left:80px;top:55px;background:radial-gradient(circle,#d5f4f0 0%,#d5f4f0 40%,rgba(213,244,240,.05) 70%)}.art-browser{position:absolute;left:3%;top:17%;width:79%;height:346px;border:1px solid #c5d8df;border-radius:13px;background:#fff;box-shadow:0 35px 75px rgba(17,63,81,.18);overflow:hidden;transform:rotate(-3deg)}.browser-top{height:39px;border-bottom:1px solid #e8eff2;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#8498a5;font-size:.62rem}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#d3e0e5}.browser-dots i:first-child{background:#70d2d0}.browser-menu{font-size:1rem}.browser-body{height:calc(100% - 39px);display:flex}.mock-sidebar{width:55px;background:#102e4f;padding:15px;display:flex;align-items:center;flex-direction:column;gap:17px}.mock-mark{font-size:1rem;font-weight:800;color:#87e2dd}.mock-sidebar i{width:12px;height:3px;background:#3e6683;border-radius:3px}.mock-content{padding:26px 28px;width:calc(100% - 55px)}.mock-overline{font-size:.58rem;color:var(--teal);font-weight:800;letter-spacing:.15em}.mock-title{background:var(--navy);width:64%;height:13px;border-radius:10px;margin-top:14px}.mock-subtitle{background:#d9e6e9;width:43%;height:6px;border-radius:10px;margin-top:9px}.mock-stats{display:flex;gap:10px;margin-top:29px}.mock-stats div{background:#eff6f7;border:1px solid #e1edef;border-radius:6px;flex:1;height:70px;padding:12px}.mock-stats span{font-size:.75rem;color:var(--navy);font-weight:800}.mock-stats i{display:block;width:55%;height:5px;background:#a9c8ce;border-radius:10px;margin-top:11px}.mock-chart{height:82px;margin-top:17px;border-bottom:1px solid #e1e9ed;display:flex;align-items:end;justify-content:space-between;gap:9px}.mock-chart span{display:block;width:12%;background:linear-gradient(180deg,#21aeb3,#c0e8e8);border-radius:3px 3px 0 0}.mock-chart span:nth-child(1){height:43%}.mock-chart span:nth-child(2){height:59%}.mock-chart span:nth-child(3){height:37%}.mock-chart span:nth-child(4){height:76%}.mock-chart span:nth-child(5){height:53%}.mock-chart span:nth-child(6){height:88%}.mock-chart span:nth-child(7){height:68%}.art-phone{position:absolute;right:4%;top:29%;height:314px;width:150px;background:#0f2e4c;border:5px solid #0f2e4c;border-radius:26px;box-shadow:0 26px 55px rgba(5,32,53,.26);transform:rotate(8deg);overflow:hidden}.phone-notch{position:absolute;z-index:2;width:58px;height:10px;background:#0f2e4c;left:calc(50% - 29px);top:0;border-radius:0 0 8px 8px}.phone-inner{height:100%;background:#f4fafa;border-radius:20px;padding:27px 12px 12px}.phone-icon{font-size:.9rem;font-weight:800;color:var(--teal)}.phone-greeting{display:block;margin-top:14px;font-size:.42rem;letter-spacing:.1em;color:#43606c;font-weight:800}.phone-hero-shape{height:82px;border-radius:9px;margin-top:10px;background:linear-gradient(135deg,#103153,#1c92a0);position:relative;overflow:hidden}.phone-hero-shape:after{content:"";position:absolute;width:120px;height:120px;border:1px solid #75dcda;border-radius:50%;right:-37px;top:18px}.phone-row{height:7px;width:90%;background:#cadcde;border-radius:20px;margin-top:14px}.phone-row.short{width:67%;margin-top:7px}.phone-button{height:28px;background:var(--teal);border-radius:4px;margin-top:21px}.art-badge{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;background:white;border:1px solid #dce9ea;border-radius:6px;box-shadow:0 12px 28px rgba(18,65,81,.1);font-size:.69rem;color:#315266;font-weight:800}.badge-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#e4f7f3;color:var(--teal);font-size:1rem}.badge-web{top:12%;right:0}.badge-flow{bottom:13%;left:8%}.art-caption{position:absolute;bottom:1%;right:9%;font-size:.55rem;letter-spacing:.19em;color:#7a9aa4;font-weight:800}

.section-heading{display:flex;justify-content:space-between;align-items:end;gap:75px;margin-bottom:48px}.section-heading h2{max-width:560px;margin-top:22px}.section-heading>p{max-width:365px;color:var(--muted);font-size:.98rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);padding:25px 24px 26px;min-height:395px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-7px);border-color:#9bcfd0;box-shadow:0 22px 38px rgba(14,66,76,.08)}.service-card-top{display:flex;justify-content:space-between;align-items:start}.service-number{font-size:.62rem;font-weight:800;letter-spacing:.15em;color:#78909b}.service-icon{font-size:1.7rem;color:var(--teal);line-height:1}.service-card-art{height:126px;margin:15px -24px 23px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f0f9f8,#e4f2f3)}.service-card-art span{position:absolute;display:block}.art-web span:nth-child(1){width:138px;height:85px;border:5px solid #0d7790;border-radius:5px;top:27px;left:25%;background:white}.art-web span:nth-child(2){height:5px;width:88px;background:#69c8c6;top:53px;left:33%}.art-web span:nth-child(3){height:19px;width:64px;background:#bfebea;top:72px;left:33%}.art-software span:nth-child(1){height:80px;width:100px;background:#163b58;top:20px;left:17%;border-radius:5px}.art-software span:nth-child(2){height:80px;width:82px;background:#1593a0;top:34px;left:47%;border-radius:5px}.art-software span:nth-child(3){height:6px;width:85px;background:#72d7d4;top:43px;left:22%;box-shadow:0 15px 0 #477389,0 30px 0 #477389}.art-mobile span:nth-child(1){width:58px;height:103px;left:31%;top:12px;border:5px solid var(--navy);border-radius:12px;background:#fff}.art-mobile span:nth-child(2){width:58px;height:103px;left:52%;top:27px;border:5px solid var(--teal);border-radius:12px;background:#d5f1ee}.art-mobile span:nth-child(3){height:26px;width:41px;left:56%;top:50px;background:#67ccc7;border-radius:4px}.art-hardware span:nth-child(1){height:78px;width:135px;background:#103957;top:20px;left:23%;border-radius:5px}.art-hardware span:nth-child(2){height:54px;width:108px;background:#dcf1ef;top:32px;left:28%;border-radius:2px}.art-hardware span:nth-child(3){width:158px;height:7px;background:#188d99;left:19%;top:105px;border-radius:2px}.service-card h3{font-size:1.12rem;color:var(--navy)}.service-card>p{font-size:.84rem;color:var(--muted);margin-top:13px;line-height:1.7;flex:1}.service-card>a{font-size:.75rem;font-weight:800;color:var(--teal);margin-top:23px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.service-card>a span{font-size:1rem}

.portfolio{background:#0b263f;color:#fff;position:relative;overflow:hidden}.portfolio:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(104,210,209,.13);border-radius:50%;right:-250px;top:-290px}.portfolio-heading{position:relative;z-index:1}.portfolio-heading h2{color:#fff}.portfolio-heading>p{color:#acc5ce}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative;z-index:1}.portfolio-card{min-height:470px;padding:32px 34px 28px;border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.portfolio-card:hover{transform:translateY(-6px);border-color:rgba(113,222,215,.62)}.portfolio-terascore{background:linear-gradient(145deg,#123e59,#0b2d46)}.portfolio-jelori{background:linear-gradient(145deg,#0c555c,#0b3745)}.portfolio-card:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(123,226,220,.18);border-radius:50%;right:-105px;bottom:-130px}.portfolio-card-head,.portfolio-card-foot{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.portfolio-index,.portfolio-owner,.portfolio-card-foot{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.portfolio-index{color:#8eafb9}.portfolio-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.18);font:800 1.25rem Manrope,Arial,sans-serif;color:#79ddd8}.portfolio-card-body{margin:auto 0;max-width:470px;position:relative;z-index:1}.portfolio-owner{color:#70d4d0;margin-bottom:17px}.portfolio-card h3{font-size:clamp(2.7rem,5vw,4.7rem);letter-spacing:-.065em;line-height:.95}.portfolio-card h4{font-size:1.12rem;line-height:1.45;margin-top:22px;max-width:390px}.portfolio-card-body>p:last-child{color:#b3cbd2;font-size:.88rem;line-height:1.75;margin-top:14px;max-width:440px}.portfolio-card-foot{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;color:#8fb2bc}.portfolio-card-foot span:last-child{font-size:1.05rem;color:#76d9d4}
.process{background:var(--navy-deep);color:#fff;overflow:hidden}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process h2{max-width:470px;margin-top:24px}.process-graphic{height:285px;position:relative;margin-top:30px}.orbit{display:block;position:absolute;border:1px solid rgba(85,194,195,.28);border-radius:50%;left:80px;top:5px}.orbit-a{width:250px;height:250px}.orbit-b{width:180px;height:180px;left:115px;top:40px}.orbit-c{width:110px;height:110px;left:150px;top:75px;background:rgba(13,116,131,.12)}.orbit-core{position:absolute;left:181px;top:115px;font-weight:800;letter-spacing:.16em;color:#69d2d1}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#6bd4d0;box-shadow:0 0 0 7px rgba(72,199,196,.13)}.dot-a{left:105px;top:64px}.dot-b{left:320px;top:177px}.dot-c{left:232px;top:39px;width:7px;height:7px}.process-steps{border-top:1px solid rgba(255,255,255,.18)}.process-step{display:grid;grid-template-columns:50px 1fr 22px;gap:20px;border-bottom:1px solid rgba(255,255,255,.18);padding:24px 0}.process-step>span:first-child{font-size:.65rem;letter-spacing:.17em;font-weight:800;color:#68d2d1;padding-top:7px}.process-step h3{font-size:1.13rem}.process-step p{font-size:.84rem;color:#abc1cc;margin-top:5px}.step-arrow{color:#5bcac8;font-size:1.1rem}

.other{background:#f4f8f9}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.other-card{background:white;min-height:253px;border:1px solid #e5edef;padding:27px 29px;position:relative;transition:transform .2s}.other-card:hover{transform:translateY(-4px)}.other-symbol{font-size:2.5rem;color:var(--teal);line-height:1}.other-number{position:absolute;right:28px;top:34px;font-size:.65rem;font-weight:800;letter-spacing:.13em;color:#9aaeb8}.other-card h3{font-size:1.08rem;color:var(--navy);margin-top:33px}.other-card p{font-size:.85rem;color:var(--muted);margin-top:11px;max-width:300px}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-graphic{height:455px;background:linear-gradient(145deg,#e9f6f5,#cce9e8);position:relative;overflow:hidden}.about-ring{position:absolute;border:1px solid rgba(18,83,103,.2);border-radius:50%}.ring-one{width:540px;height:540px;left:-95px;top:-45px}.ring-two{width:385px;height:385px;left:-17px;top:31px}.about-initial{font-family:Manrope,Arial,sans-serif;position:absolute;left:21%;top:6%;font-size:20rem;line-height:1;font-weight:800;color:var(--navy);letter-spacing:-.14em}.about-axis{position:absolute;background:linear-gradient(130deg,transparent,#0c929d,transparent);width:15px;height:460px;transform:rotate(42deg);left:50%;top:0}.about-coordinate{position:absolute;bottom:22px;left:28px;color:#427e89;font-size:.6rem;letter-spacing:.35em;font-weight:800}.about-copy h2{margin-top:23px}.about-copy>p:not(.eyebrow){margin-top:23px;color:var(--muted)}.about-copy blockquote{font-family:Manrope,Arial,sans-serif;color:var(--teal);font-size:1.15rem;font-weight:800;line-height:1.55;margin-top:28px;padding-left:18px;border-left:3px solid var(--teal)}

.contact{background:linear-gradient(112deg,#0f2e4e,#096d7c);color:white;position:relative;overflow:hidden}.contact-inner{display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:center;position:relative;z-index:1}.contact h2{font-size:clamp(2.5rem,5vw,4.8rem);margin-top:25px}.contact p:not(.eyebrow){max-width:570px;color:#c4dfe3;margin-top:20px}.button-light{background:white;color:var(--navy);margin-top:32px}.button-light:hover{background:#d7f4ef}.contact-direct{font-size:.84rem}.contact-direct a{color:#fff;text-decoration:underline;text-underline-offset:4px}.contact-decoration{height:300px;position:relative}.contact-decoration span{position:absolute;width:230px;height:230px;border:1px solid rgba(128,230,222,.36);border-radius:50%;right:0;top:15px}.contact-decoration span:nth-child(2){width:170px;height:170px;right:30px;top:45px}.contact-decoration span:nth-child(3){width:110px;height:110px;right:60px;top:75px}.contact-decoration b{position:absolute;top:85px;right:96px;font-size:5rem;color:#75e2db;font-weight:400}.site-footer{background:#081c32;color:white;padding:50px 0 24px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px}.footer-brand{font-family:Manrope,Arial,sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.05em}.footer-brand span{font-weight:400;color:#b6ccd4;margin-left:4px}.site-footer p{font-size:.8rem;color:#93abb7;margin-top:10px}.footer-links{display:flex;gap:18px 28px;justify-content:flex-end;align-items:start;flex-wrap:wrap}.footer-links a{font-size:.78rem;color:#d5e5e8}.footer-links a:hover{color:#78d9d3}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.13);padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#87a0ae;font-size:.7rem}.footer-bottom a:hover{color:white}

@media(max-width:1100px){.primary-nav{gap:15px}.header-actions{gap:14px}.brand{width:140px}.brand-image{width:140px}.brand-image img{width:140px;top:-36px}.hero-art{transform:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:360px}.process-grid{gap:35px}.portfolio-card{min-height:430px}.about-grid{gap:45px}}
@media(max-width:850px){.site-header{height:76px}.header-inner{gap:15px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid #d9e6e9;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;order:3;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:var(--navy)}.primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:18px 32px 26px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(0,0,0,.08);margin:0;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav>a{padding:13px 0;border-bottom:1px solid #edf2f3}.primary-nav .mobile-contact{display:block}.header-actions{margin-left:auto}.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-art{height:490px;max-width:600px;width:100%;margin:auto}.hero-bottom{margin-top:10px}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{max-width:600px}.process-grid{grid-template-columns:1fr}.process-graphic{display:none}.other-grid{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}.about-graphic{max-width:650px;width:100%}.contact-inner{grid-template-columns:1fr}.contact-decoration{display:none}}
@media(max-width:620px){.container{width:min(100% - 36px,var(--max))}.section-pad{padding-block:76px}.hero{padding-top:70px;padding-bottom:25px}.hero h1{font-size:clamp(2.7rem,11vw,4rem)}.hero-lead{font-size:.97rem}.hero-buttons{gap:18px}.hero-capabilities{margin-top:38px}.hero-art{height:350px}.art-halo{width:300px;height:300px;left:4%;top:25px}.art-browser{width:80%;height:240px;left:0;top:35px}.mock-content{padding:15px}.mock-stats{margin-top:18px}.mock-stats div{height:50px;padding:8px}.mock-chart{height:58px;margin-top:8px}.art-phone{width:100px;height:215px;right:0;top:78px;border-width:4px;border-radius:17px}.phone-inner{padding:21px 8px 8px}.phone-greeting{margin-top:8px}.phone-hero-shape{height:51px;margin-top:6px}.phone-row{margin-top:8px;height:4px}.phone-row.short{margin-top:5px}.phone-button{height:18px;margin-top:12px}.art-badge{font-size:.55rem;padding:6px}.badge-symbol{width:20px;height:20px}.badge-web{top:8px;right:0}.badge-flow{bottom:20px;left:2%}.art-caption{display:none}.service-grid,.portfolio-grid,.other-grid{grid-template-columns:1fr}.service-card{min-height:350px}.portfolio-card{min-height:420px;padding:26px 24px 24px}.other-card{min-height:215px}.process-step{grid-template-columns:32px 1fr 18px;gap:10px}.about-graphic{height:320px}.about-initial{font-size:15rem;left:18%;top:3%}.about-axis{left:48%;top:-80px}.footer-inner{display:flex;flex-direction:column;gap:30px}.footer-links{justify-content:flex-start}.footer-bottom{flex-direction:column}.header-inner{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Subtle 2.5D depth and scroll reveals; static when reduced motion is requested. */
@media (min-width:851px) and (prefers-reduced-motion:no-preference){
  .hero-art{transform:translateX(25px) perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .25s ease-out}
  .art-browser{transform:translateZ(12px) rotate(-3deg)}
  .art-phone{animation:phone-float 6s ease-in-out infinite}
  .badge-web{animation:badge-float 5.5s ease-in-out infinite}
  .badge-flow{animation:badge-float 5.5s ease-in-out -2s infinite}
  .art-halo{animation:halo-breathe 8s ease-in-out infinite}
}
@keyframes phone-float{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-13px) rotate(6deg)}}
@keyframes badge-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes halo-breathe{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.055)}}
.motion-ready{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.3,1)}
.motion-ready.motion-visible{opacity:1;transform:translateY(0)}
.service-card:nth-child(2),.other-card:nth-child(2){transition-delay:.08s}
.service-card:nth-child(3),.other-card:nth-child(3){transition-delay:.16s}
.service-card:nth-child(4){transition-delay:.24s}

.about-more{display:inline-flex;align-items:center;gap:14px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid currentColor;color:var(--teal);font-size:.82rem;font-weight:800}.about-more:hover{color:var(--navy)}.about-more span{font-size:1rem}
.about-hero{background:linear-gradient(145deg,#f4fbfa,#e7f5f3);padding-top:88px;padding-bottom:45px;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;width:630px;height:630px;border:1px solid rgba(14,120,135,.13);border-radius:50%;right:-260px;top:-320px}.about-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;min-height:270px;position:relative;z-index:1}.about-hero h1{font-size:clamp(3.2rem,6.2vw,6.4rem);letter-spacing:-.075em;line-height:1.04;color:var(--navy-deep);max-width:850px;margin-top:30px}.about-hero-side{padding-bottom:10px}.about-hero-side p{color:#526a76;font-size:1.06rem;line-height:1.8}.about-hero-side .text-link{margin-top:27px}.about-hero-bottom{border-top:1px solid #bbd7d8;display:flex;justify-content:space-between;margin-top:85px;padding-top:20px;color:#6e909b;font-size:.64rem;font-weight:800;letter-spacing:.18em}.about-identity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.about-identity-art{height:470px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dcefed,#c8e6e5);display:grid;place-items:center}.about-identity-art strong{font:800 clamp(10rem,19vw,20rem)/1 Manrope,Arial,sans-serif;color:#12364f;letter-spacing:-.18em;margin-left:-.18em;position:relative;z-index:1}.about-identity-art small{position:absolute;left:28px;bottom:25px;font-size:.58rem;font-weight:800;letter-spacing:.22em;color:#3f7883}.identity-ring{position:absolute;border:1px solid rgba(18,83,103,.2);border-radius:50%;width:480px;height:480px}.identity-ring-two{width:340px;height:340px}.about-identity-copy h2{margin-top:25px}.about-identity-copy>p:not(.eyebrow){color:var(--muted);margin-top:23px;line-height:1.8}.about-identity-copy blockquote{border-left:3px solid var(--teal);margin-top:30px;padding-left:19px;color:var(--teal);font:800 1.15rem/1.55 Manrope,Arial,sans-serif}.about-approach{background:#0b263f;color:#fff}.about-approach-heading h2{color:#fff}.about-approach-heading>p{color:#acc5ce}.about-approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.2)}.about-approach-grid article{min-height:215px;padding:28px 24px 24px;border-right:1px solid rgba(255,255,255,.2)}.about-approach-grid article:first-child{padding-left:0}.about-approach-grid article:last-child{border-right:0}.about-approach-grid span{font-size:.65rem;letter-spacing:.16em;color:#70d4d0;font-weight:800}.about-approach-grid h3{font-size:1.25rem;margin-top:42px}.about-approach-grid p{font-size:.84rem;color:#abc1cc;margin-top:11px;line-height:1.7}#other-ventures{scroll-margin-top:80px}
@media(max-width:850px){.about-hero-grid,.about-identity-grid{grid-template-columns:1fr;gap:36px}.about-hero-grid{min-height:0}.about-hero-bottom{margin-top:55px}.about-identity-art{max-width:650px;height:340px}.about-approach-grid{grid-template-columns:repeat(2,1fr)}.about-approach-grid article:nth-child(2){border-right:0}.about-approach-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.2)}}
@media(max-width:620px){.about-hero h1{font-size:clamp(2.8rem,12vw,4.2rem)}.about-identity-art{height:290px}.about-identity-art strong{font-size:12rem}.about-approach-grid{grid-template-columns:1fr}.about-approach-grid article,.about-approach-grid article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2);min-height:170px}.about-approach-grid article:last-child{border-bottom:0}.about-approach-grid h3{margin-top:25px}}
.services-more{display:flex;justify-content:flex-end;margin-top:31px}
@media(max-width:620px){.services-more{justify-content:stretch}.services-more .button{width:100%;justify-content:space-between}}

.brand-image img{height:auto}