:root{--ink:#071321;--navy:#081525;--navy2:#0b1d31;--blue:#087cf5;--blue2:#248ffb;--cyan:#55d5fa;--paper:#f1f6fb;--white:#fff;--text:#172438;--muted:#607187;--line:#dce6ef;--shadow:0 25px 70px rgba(16,36,59,.09);--radius:22px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--white);font-family:'DM Sans',Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',Arial,sans-serif;letter-spacing:-.045em}p{line-height:1.75}::selection{background:#a5e3ff;color:#051424}.container{width:min(1230px,calc(100% - 64px));margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.ico{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex-shrink:0}.skip-link{position:fixed;top:-100px;left:15px;padding:10px;background:white;z-index:10000}.skip-link:focus{top:10px}
/* shared */
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#086ed2;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:'';width:22px;height:2px;background:var(--blue)}.eyebrow-light{color:#75d0ff}.eyebrow-light:before{background:#75d0ff}.blue-type{color:#1684ee}h2{font-size:clamp(35px,4.1vw,58px);line-height:1.16;letter-spacing:-.055em}h2 em{font-style:normal;color:#178af3}.section{padding:114px 0}.section-light{background:var(--paper)}.section-white{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px}.section-head h2{margin:0 0 17px}.section-head p{max-width:550px;color:var(--muted);font-size:16px;margin:0}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:800;color:#0969cb;white-space:nowrap;padding-bottom:9px;border-bottom:1px solid rgba(12,113,218,.35);transition:gap .3s,opacity .3s}.text-link:hover{gap:19px}.text-link .ico{width:18px;height:18px}.light-link{color:#e0f4ff;border-color:#456178}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 25px;min-height:55px;border-radius:9px;border:1px solid transparent;font-weight:800;font-size:13px;letter-spacing:.012em;line-height:1.2;transition:transform .3s var(--ease),background .3s,box-shadow .3s,color .3s,border-color .3s;overflow:hidden}.btn .ico{width:17px;height:17px;transition:transform .3s}.btn:hover{transform:translateY(-3px)}.btn:hover .ico{transform:translate(3px,-3px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 29px #007dfe36}.btn-primary:hover{background:#0067d2;box-shadow:0 18px 32px #007dfe50}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.035)}.btn-outline-light:hover{background:#ffffff16;border-color:#fff}.btn-white{background:#fff;color:#09233b}.btn-white:hover{background:#e8f8ff}.btn-dark{background:#0b223d;color:#fff}.btn-dark:hover{background:#0c4275}.btn-small{padding:13px 18px;min-height:44px;font-size:12px;border-radius:8px;gap:9px}.btn-full{width:100%;border:0}
/* top bar and navigation */
.topstrip{background:#071727;color:#c4d3e3;font-size:11px;font-weight:600;letter-spacing:.045em}.topstrip-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topstrip a{display:flex;align-items:center;color:#eff8ff;gap:5px}.topstrip a .ico{width:12px;height:12px}.tiny-spark{display:inline-block;width:6px;height:6px;background:#65dafa;border-radius:50%;margin-right:7px;box-shadow:0 0 15px #51d5ef}.site-header{height:84px;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e8eef5;transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 13px 35px #0a253014}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:252px}.brand img{height:65px;width:auto;object-fit:contain}.brand-side{display:flex;flex-direction:column;gap:5px;border-left:1px solid #dce4eb;padding-left:12px}.brand-side b{font:800 12px/1.15 Manrope,Arial,sans-serif;letter-spacing:.035em;color:#0a2647}.brand-side small{font-size:8px;font-weight:700;color:#6a8198;letter-spacing:.07em;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:30px;height:100%;margin-left:auto}.nav-link{display:inline-flex;align-items:center;gap:3px;height:100%;font-size:13px;font-weight:700;color:#35485b;position:relative;transition:color .2s;white-space:nowrap}.nav-link.active,.nav-link:hover{color:#087af2}.nav-link.active:after,.nav-link:hover:after{content:'';position:absolute;bottom:0;height:3px;left:0;right:0;background:#168aff;border-radius:3px 3px 0 0}.nav-link .ico{width:14px;height:14px;margin-left:4px}.dropdown{height:100%;position:relative}.dropdown-menu{pointer-events:none;position:absolute;top:calc(100% - 1px);left:-24px;min-width:255px;background:#fff;border:1px solid #e5eef6;box-shadow:0 22px 50px #051a2d26;border-radius:0 0 13px 13px;padding:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-menu a{display:flex;justify-content:space-between;align-items:center;padding:12px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#30445b}.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:#eef6ff;color:#087af2}.dropdown-menu .ico{width:15px;height:15px}.header-actions{display:flex;align-items:center;gap:11px}.header-call{width:41px;height:41px;border-radius:50%;border:1px solid #d9e8f3;display:grid;place-items:center;color:#087af2;transition:all .25s}.header-call:hover{background:#e9f5ff}.header-call .ico{width:17px;height:17px}.menu-toggle{display:none;width:45px;height:45px;align-items:center;justify-content:center;border:1px solid #deecf8;background:#fff;border-radius:9px;color:#0a2a50}.mobile-menu{display:none}
/* homepage hero */
.hero{position:relative;overflow:hidden;min-height:715px;background:radial-gradient(ellipse at 80% 50%,#0f385a 0%,#0c2136 40%,#071525 79%);color:#fff}.hero-gridline{position:absolute;inset:0;opacity:.21;pointer-events:none;background-image:linear-gradient(#588dbd20 1px,transparent 1px),linear-gradient(90deg,#588dbd20 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 0%,black 57%)}.hero-aura{position:absolute;width:800px;height:800px;right:-240px;top:-50px;background:radial-gradient(circle,#187cc634,transparent 66%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.04fr .96fr;min-height:695px;align-items:center;position:relative;gap:15px}.hero-copy{padding:78px 0 100px;z-index:3}.hero-tag{display:inline-flex;align-items:center;gap:12px;border:1px solid #3d667c;background:#122d42a1;color:#a5dffc;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.15em;padding:11px 17px;margin-bottom:32px}.tag-dot{width:7px;height:7px;border-radius:50%;background:#4de5da;box-shadow:0 0 10px #4de5da}.hero h1{font-size:clamp(55px,5.55vw,79px);letter-spacing:-.075em;line-height:1.095;font-weight:800;margin:0 0 27px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#62e4ff,#188aff);background-clip:text;color:transparent}.hero-desc{font-size:16px;color:#bbccdc;line-height:1.85;max-width:520px;margin:0 0 35px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:57px;color:#bbd7e9}.hero-features>div{display:flex;gap:7px;align-items:center;font-size:10.5px;font-weight:600;white-space:nowrap}.hero-features .ico{width:16px;height:16px;color:#53c9fd}.hero-visual{height:625px;position:relative;display:grid;place-items:center;transform:translateX(29px)}.hero-image-frame{position:absolute;inset:78px 14px 80px 70px;z-index:2;clip-path:polygon(9% 0,100% 0,100% 88%,90% 100%,0 100%,0 10%);border-radius:16px;overflow:hidden;background:#173a5f;box-shadow:0 0 80px #4dcdff11}.hero-image-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,#0f39653b,transparent 35%,#0415257a 95%)}.hero-image-frame img{width:100%;height:100%;object-fit:cover;animation:heroZoom 16s ease-in-out infinite alternate}.image-scan{position:absolute;top:-50%;left:0;width:100%;height:38%;background:linear-gradient(transparent,#1dceff18 85%,#59d5ff62);z-index:2;animation:scan 9s linear infinite}.orbit{position:absolute;border:1px solid #3a98ca3b;border-radius:50%;pointer-events:none}.orbit-one{width:600px;height:600px;right:-170px;top:12px}.orbit-two{width:510px;height:510px;right:-125px;top:55px;border-style:dashed;animation:spin 55s linear infinite}.orbit:before{content:'';position:absolute;top:19%;left:10%;height:9px;width:9px;border-radius:50%;background:#6addff;box-shadow:0 0 25px #43dafa}.hero-floating{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;padding:15px 19px;background:#f8fbfff0;border:1px solid #fff;border-radius:11px;color:#0a2540;box-shadow:0 20px 55px #0005;backdrop-filter:blur(12px);animation:float 5.5s ease-in-out infinite}.hero-floating .ico{height:39px;width:39px;padding:9px;border-radius:10px;background:#e0f2ff;color:#0784ef}.hero-floating span{display:grid;gap:4px}.hero-floating small{font-size:9px;letter-spacing:.12em;color:#5283a0;font-weight:800}.hero-floating b{font-size:12px;letter-spacing:-.02em}.hero-float-top{top:100px;right:-10px}.hero-float-bottom{bottom:110px;left:5px;animation-delay:-2.2s}.hero-visual-caption{position:absolute;bottom:44px;left:72px;right:18px;display:flex;justify-content:space-between;letter-spacing:.2em;font-size:9px;font-weight:800;color:#80b9d7}.scroll-indicator{position:absolute;bottom:23px;left:max(32px,calc((100vw - 1230px)/2));display:flex;align-items:center;gap:12px;color:#8daabf;font-size:9px;font-weight:700;letter-spacing:.14em}.scroll-indicator span{width:24px;height:36px;border:1px solid #65889c;border-radius:15px;position:relative}.scroll-indicator span:after{content:'';position:absolute;width:3px;height:7px;background:#5fc5f5;left:9px;top:7px;border-radius:3px;animation:scrollDot 2s infinite}
.capability-strip{background:#081b2b;color:#a5c1d2;border-top:1px solid #ffffff20}.capability-row{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:74px}.capability-row span{font-size:10.5px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:11px;white-space:nowrap}.capability-row i{width:5px;height:5px;background:#28a8fa;border-radius:50%;box-shadow:0 0 14px #21b2fd}
/* service cards */
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.service-card{background:white;overflow:hidden;border:1px solid #e5edf5;border-radius:16px;transition:transform .5s var(--ease),box-shadow .4s,border-color .4s;box-shadow:0 10px 30px #142b4109}.service-card:hover{transform:translateY(-10px);box-shadow:0 28px 65px #0b2f5519;border-color:#b7d6f2}.service-img{height:201px;overflow:hidden;position:relative;background:#122c48}.service-img img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--ease)}.service-card:hover .service-img img{transform:scale(1.09)}.service-img:after{content:'';inset:40% 0 0;position:absolute;background:linear-gradient(transparent,#041424a8)}.card-number{position:absolute;bottom:14px;left:19px;color:#fff;z-index:2;font-weight:800;letter-spacing:.12em;font-size:9px}.service-body{padding:22px 22px 27px}.service-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.service-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#eaf5ff;color:#087fed}.service-icon .ico{height:23px;width:23px}.circle-arrow{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8e7f3;color:#2466a3}.circle-arrow .ico{height:17px;width:17px}.service-card:hover .circle-arrow{background:#087fed;border-color:#087fed;color:#fff}.service-card h3{font-size:20px;margin:0 0 11px;line-height:1.35;color:#10263b}.service-card p{font-size:12.5px;line-height:1.8;color:var(--muted);min-height:95px;margin:0 0 22px}.card-link{display:inline-flex;gap:8px;align-items:center;color:#0872d8;font-size:12px;font-weight:800}.card-link .ico{width:16px;height:16px;transition:transform .3s}.service-card:hover .card-link .ico{transform:translateX(5px)}
/* feature and advantage */
.advantage-section{background:#f9fcff}.advantage-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:90px;align-items:center}.advantage-photo{height:590px;position:relative;overflow:hidden;border-radius:9px 70px 9px 9px}.advantage-photo>img{width:100%;height:100%;object-fit:cover}.advantage-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#04111b55)}.photo-corner{position:absolute;bottom:32px;left:28px;z-index:2;color:#fff;display:flex;align-items:center;gap:20px}.photo-corner b{font-size:49px;font-weight:800;letter-spacing:-.08em}.photo-corner span{font-size:10px;line-height:1.6;letter-spacing:.12em}.advantage-content h2{margin:0 0 20px}.advantage-content>p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:27px}.feature-lines{margin:24px 0 32px}.feature-lines>div{display:flex;align-items:flex-start;gap:17px;padding:17px 0;border-bottom:1px solid #e4ebf2}.feature-lines .ico{width:23px;height:23px;color:#087fed;margin-top:2px}.feature-lines span{display:grid;gap:5px}.feature-lines b{font-size:14px}.feature-lines small{font-size:12px;color:#667789;line-height:1.65}
/* process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:62px}.process-item{position:relative;padding:30px 26px 26px;border:1px solid #e3eaf2;border-radius:16px;background:#fff;min-height:257px}.process-item>b{font-family:Manrope;font-size:12px;letter-spacing:.12em;color:#9bb0c3}.process-item>.ico{display:block;margin:23px 0 22px;width:34px;height:34px;color:#1688f2}.process-item h3{font-size:19px;margin-bottom:8px}.process-item p{font-size:12.5px;color:#66788b;margin:0}.process-line{position:absolute;top:36px;left:70px;right:-36px;height:1px;background:linear-gradient(90deg,#b9cbdc,transparent);z-index:2}
/* spotlight */
.dark-spotlight{background:#091726;color:white;overflow:hidden}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.spotlight-left h2{margin:0 0 22px}.spotlight-left h2 span{color:#64d4ff}.spotlight-left p{color:#aabfd2;font-size:15px;max-width:450px;margin-bottom:27px}.spotlight-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 10px;margin-bottom:35px}.spotlight-bullets span{display:flex;gap:9px;align-items:center;color:#d4e9f5;font-size:12px}.spotlight-bullets .ico{color:#59d7fa;width:17px;height:17px}.spotlight-visual{height:440px;position:relative}.spotlight-visual>img{width:100%;height:100%;object-fit:cover;clip-path:polygon(8% 0,100% 0,100% 91%,91% 100%,0 100%,0 8%)}.spotlight-card{position:absolute;bottom:18px;left:-35px;display:grid;gap:7px;padding:20px 24px;background:#fff;border-radius:9px;color:#12304a;box-shadow:0 24px 40px #0004}.spotlight-card small{font-size:10px;color:#7a91a4;letter-spacing:.1em;font-weight:800}.spotlight-card strong{font-size:16px}.small-online{height:9px;width:9px;border-radius:50%;background:#4ad6bf;position:absolute;top:20px;right:20px}
/* industries */
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry-card{position:relative;display:block;border:1px solid #dce9f4;border-radius:14px;padding:27px 23px 28px;min-height:248px;background:#fff;transition:background .3s,color .3s,transform .3s}.industry-card:hover{background:#0b3155;color:white;transform:translateY(-7px)}.industry-card>.ico:first-child{height:39px;width:39px;color:#1686ea}.industry-card:hover>.ico:first-child{color:#71d9ff}.industry-card>span{position:absolute;right:24px;top:27px;font-size:11px;color:#9aafc1;font-weight:800}.industry-card h3{font-size:17px;margin:27px 0 9px}.industry-card p{font-size:12px;color:#698197;line-height:1.75;margin:0}.industry-card:hover p{color:#b1d0e1}.industry-card>.industrial-arrow{position:absolute;bottom:17px;right:17px;width:16px;height:16px;color:#1586eb}.industry-card:hover .industrial-arrow{color:#fff}
/* closing and CTA */
.closing-intro{background:#fff}.closing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.closing-grid h2{margin-bottom:22px}.closing-grid p{color:var(--muted);margin-bottom:30px;max-width:430px}.closing-photo{height:380px;position:relative;overflow:hidden;border-radius:16px}.closing-photo img{height:100%;width:100%;object-fit:cover}.closing-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#051525a0)}.closing-photo-text{position:absolute;z-index:2;bottom:25px;left:30px;font-size:11px;font-weight:800;letter-spacing:.14em;color:white}.closing-photo-text span{color:#53ddfd;margin:0 9px}.cta-zone{padding:45px 0 95px;background:var(--paper)}.cta-panel{position:relative;overflow:hidden;background:radial-gradient(circle at 87% 0%,#19629f 0,transparent 38%),linear-gradient(115deg,#0c223a,#0a385c);border-radius:19px;color:#fff;padding:61px 64px;display:flex;align-items:center;justify-content:space-between;gap:45px}.cta-noise{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 60px,#ffffff07 61px,#ffffff07 62px);opacity:.6}.cta-panel>div:not(.cta-noise){position:relative}.cta-panel h2{font-size:clamp(33px,3.5vw,49px);max-width:610px;margin:0 0 14px}.cta-panel p{color:#b5d0df;font-size:14px;margin:0;max-width:500px}.cta-buttons{display:flex;flex-direction:column;gap:12px;flex-shrink:0;min-width:220px}
/* inner hero */
.inner-hero{background:radial-gradient(circle at 82% 37%,#143a5a 0,#071828 45%,#071525 80%);position:relative;overflow:hidden;color:#fff}.inner-glow{pointer-events:none;position:absolute;right:0;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,#1675b311);background-size:100%}.inner-hero-grid{min-height:478px;display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.inner-copy{padding:62px 0 65px}.crumbs{display:flex;gap:10px;align-items:center;font-size:11px;color:#9dbcd1;margin-bottom:40px}.crumbs a:hover{color:white}.crumbs span:last-child{color:#71cfff}.inner-copy h1{font-size:clamp(44px,4.6vw,66px);line-height:1.14;margin:0 0 22px;letter-spacing:-.067em}.inner-copy h1 span{color:#5cd4ff}.inner-copy>p{font-size:15px;color:#b0c4d6;max-width:540px;margin:0 0 30px}.inner-photo{height:365px;border-radius:18px 18px 50px 18px;position:relative;margin-right:4px}.inner-photo img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 84%,88% 100%,0 100%)}.inner-photo:after{content:'';position:absolute;inset:0;border:1px solid #ffffff20;clip-path:polygon(0 0,100% 0,100% 84%,88% 100%,0 100%)}.photo-outline{position:absolute;left:-16px;bottom:-16px;width:90px;height:90px;border-bottom:2px solid #42d5ff;border-left:2px solid #42d5ff;border-radius:0 0 0 12px}
/* about */
.story-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}.story-copy h2{margin-bottom:25px}.story-copy p{color:var(--muted);font-size:15px;margin-bottom:18px}.story-copy .text-link{margin-top:15px}.story-image{position:relative;height:470px;border-radius:18px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-stamp{position:absolute;bottom:24px;left:25px;background:#fff;color:#0a2440;border-radius:8px;padding:16px 19px;font-size:24px;font-weight:800;letter-spacing:-.055em;display:flex;flex-direction:column;line-height:1}.story-stamp span{font-size:8px;letter-spacing:.17em;margin-top:6px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.value-card{border:1px solid #e0eaf2;border-radius:17px;padding:35px 33px 40px;background:#fff;transition:border-color .3s,box-shadow .3s,transform .3s}.value-card:hover{transform:translateY(-6px);border-color:#abd8f5;box-shadow:0 15px 40px #122d4a12}.value-card>.ico{width:36px;height:36px;color:#0889f4;margin-bottom:40px}.value-card>b{display:block;color:#8aa2b7;font-size:10px;letter-spacing:.13em;margin-bottom:14px}.value-card h3{font-size:21px;margin:0 0 13px}.value-card p{font-size:13px;color:#708194;margin:0}
/* services */
.services-middle-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.services-middle-grid h2{margin-bottom:22px}.services-middle-grid p{color:var(--muted);max-width:500px;margin-bottom:28px}.stacked-images{height:340px;position:relative}.stacked-images img{position:absolute;object-fit:cover;border:6px solid #fff;box-shadow:0 14px 40px #111b2d21;border-radius:13px}.stacked-images img:first-child{width:72%;height:88%;left:0;top:0}.stacked-images img:last-child{width:58%;height:60%;right:0;bottom:0}
/* details */
.service-detail-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:95px;align-items:center}.detail-copy h2{margin-bottom:24px}.detail-copy>p{font-size:15px;color:var(--muted);margin-bottom:25px}.detail-checks{padding:0;margin:0 0 32px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:13px 16px}.detail-checks li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:600;line-height:1.6}.detail-checks .ico{color:#168bed;width:16px;height:16px;margin-top:2px}.detail-visual{height:540px;position:relative;border-radius:14px;overflow:hidden}.detail-visual>img{width:100%;height:100%;object-fit:cover}.detail-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#021526bd)}.detail-image-label{position:absolute;z-index:2;bottom:31px;left:32px;display:flex;flex-direction:column;gap:7px;color:#fff}.detail-image-label span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8ce1ff}.detail-image-label b{font-size:25px;letter-spacing:-.045em}.faq-section{background:#eaf2f9}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start}.faq-layout h2{margin-bottom:18px}.faq-layout p{color:#6e8396;font-size:14px;max-width:360px}.faq-items{border-top:1px solid #cbdce8}.faq-item{border-bottom:1px solid #cbdce8}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:14px;font-weight:800;color:#17334c}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b7c9dc;border-radius:50%;flex-shrink:0}.faq-item summary .ico{width:15px;height:15px;transition:transform .3s}.faq-item[open] summary .ico{transform:rotate(45deg)}.faq-item p{padding:0 36px 22px 0;margin:0;font-size:13px;max-width:unset}
/* solutions */
.solutions-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.solution-row{display:grid;grid-template-columns:65px 1fr 38px;align-items:start;gap:23px;background:#fff;border:1px solid #dbe7f3;border-radius:16px;padding:29px;scroll-margin-top:110px;transition:box-shadow .3s,transform .3s}.solution-row:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.solution-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:13px;background:#e8f5ff;color:#1288ed}.solution-icon>.ico{width:30px;height:30px}.solution-row .eyebrow{margin-bottom:10px;font-size:10px}.solution-row .eyebrow:before{width:12px}.solution-row h3{font-size:21px;margin:0 0 9px}.solution-row p{font-size:13px;color:var(--muted);margin:0 0 14px}.solution-row small{color:#087bea;font-weight:700;font-size:11px}.solution-row>a{width:36px;height:36px;border:1px solid #d5e5f0;border-radius:50%;display:grid;place-items:center;color:#0a78d7}.solution-row>a .ico{width:17px;height:17px}.solution-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.solution-note-grid p{color:var(--muted);margin-bottom:29px}.solution-note-image{height:390px;border-radius:18px;overflow:hidden}.solution-note-image img{width:100%;height:100%;object-fit:cover}
/* contact */
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:100px}.contact-info h2{margin-bottom:22px}.contact-info>p{color:var(--muted);font-size:14px;margin-bottom:28px}.contact-method{display:flex;align-items:flex-start;gap:19px;padding:25px 0;border-bottom:1px solid #d9e4ee}.contact-method-icon{display:grid;place-items:center;width:48px;height:48px;background:#e1f0fd;color:#117de5;border-radius:10px;flex-shrink:0}.contact-method-icon .ico{width:22px;height:22px}.contact-method>div:last-child{display:flex;flex-direction:column;gap:6px}.contact-method span{font-size:10px;letter-spacing:.14em;color:#8ca0b4;font-weight:800;margin-bottom:4px}.contact-method a,.contact-method strong{font-size:17px;color:#112f4a;font-weight:800;line-height:1.45}.contact-method a:hover{color:#087bea}.contact-method .method-sub{color:#087bea;font-size:12px;margin-top:8px;display:inline-flex;gap:7px;align-items:center}.method-sub .ico{width:15px;height:15px}.contact-form-panel{padding:43px 42px;background:#fff;border:1px solid #e1eaf3;box-shadow:var(--shadow);border-radius:18px}.form-top{margin-bottom:33px}.form-top .eyebrow{margin-bottom:11px}.form-top h3{font-size:31px;margin:0 0 10px}.form-top p{font-size:13px;color:#708092;max-width:460px;margin:0}.contact-form-panel form{display:grid;gap:18px}.contact-form-panel label{display:flex;flex-direction:column;gap:9px;font-size:10px;font-weight:800;color:#415970;letter-spacing:.075em}.contact-form-panel label span{color:#ff5858}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{width:100%;background:#f5f8fc;border:1px solid #dce6ef;border-radius:8px;padding:14px 13px;outline:0;color:#1c3144;font-size:13px;letter-spacing:0;transition:border-color .2s,box-shadow .2s}.contact-form-panel textarea{resize:vertical;min-height:130px}.contact-form-panel input:focus,.contact-form-panel select:focus,.contact-form-panel textarea:focus{border-color:#258ff1;box-shadow:0 0 0 3px #1e8efd1e;background:white}.contact-form-panel [aria-invalid=true]{border-color:#e55252}.form-message{font-size:12px;line-height:1.5;color:#b32828;min-height:0}.form-message.success{color:#0b7460}.form-message:empty{display:none}.form-footnote{font-size:11px;color:#8190a0;text-align:center;line-height:1.5;margin:-6px 0 0}.contact-bottom-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.contact-bottom-grid h2{margin-bottom:17px}.contact-bottom-grid p{max-width:400px;color:var(--muted)}.map-panel{height:350px;border-radius:15px;position:relative;overflow:hidden;display:block;background:#dceaf2;background-image:linear-gradient(140deg,#d2e4eb,#f1f5f7)}.map-grid{position:absolute;inset:-50%;background-image:linear-gradient(50deg,transparent 48%,#ffffffa0 49%,#ffffffa0 51%,transparent 52%),linear-gradient(140deg,transparent 46%,#fff 47%,#fff 49%,transparent 50%),linear-gradient(90deg,transparent 47%,#a5c9db9e 48%,#a5c9db9e 49%,transparent 50%);background-size:140px 92px,180px 110px,210px 170px;transform:rotate(-11deg)}.map-pin{position:absolute;top:34%;left:49%;color:#097ded;filter:drop-shadow(0 8px 7px #0003)}.map-pin>.ico{width:53px;height:53px;fill:#fff;stroke-width:1.3}.map-label{position:absolute;bottom:20px;left:23px;right:23px;padding:17px 21px;background:#fff;box-shadow:0 8px 25px #0002;border-radius:9px;display:flex;flex-direction:column;gap:3px}.map-label strong{font-size:13px}.map-label span{font-size:12px;color:#768999}.map-label b{position:absolute;right:20px;top:26px;font-size:10px;letter-spacing:.03em;color:#087bea}
/* footer */
.footer{background:#071522;color:#c1d2df;padding:77px 0 0}.footer-top{display:grid;grid-template-columns:1.5fr .7fr .9fr 1.4fr;gap:64px;padding-bottom:65px}.footer-wordmark{display:block;color:#fff;font-size:52px;font-family:Manrope;font-weight:800;letter-spacing:-.1em;line-height:1;margin-bottom:15px}.footer-wordmark span{color:#1ea4f9}.footer-brand>strong{font-size:10px;letter-spacing:.14em;color:#8dafca}.footer-brand p{color:#8ba2b7;font-size:12.5px;max-width:260px;line-height:1.9;margin:18px 0}.footer-pills{display:flex;flex-wrap:wrap;gap:7px}.footer-pills span{padding:6px 8px;border:1px solid #31506a;border-radius:3px;color:#88a8c0;font-size:8px;letter-spacing:.07em}.footer h4{font-size:12px;letter-spacing:.04em;color:#fff;margin:0 0 22px}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links a{font-size:12px;color:#9cafbf;transition:color .3s}.footer-links a:hover,.footer-contact a:hover{color:#54cafd}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-contact h4{margin-bottom:6px}.footer-contact>a{font-size:13px;color:#a9c0d1}.footer-contact>.footer-big-phone{font-size:25px;font-weight:800;color:#fff;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}.footer-big-phone .ico{width:20px;height:20px;color:#52c9fb}.footer-contact p{color:#8da6bb;font-size:12px;display:flex;align-items:flex-start;gap:8px;margin:7px 0 2px}.footer-contact p .ico{width:17px;height:17px;color:#40beff}.footer-contact .footer-map{color:#65d4ff;font-weight:700;display:flex;align-items:center;gap:7px}.footer-map .ico{width:15px;height:15px}.footer-bottom{border-top:1px solid #244055;padding:20px 0 25px;display:flex;justify-content:space-between;gap:18px;color:#688499;font-size:11px}.floating-whatsapp{position:fixed;z-index:44;right:24px;bottom:22px;display:flex;align-items:center;gap:9px;background:#13b47b;color:white;padding:15px 19px;border-radius:100px;box-shadow:0 13px 35px #085e3d52;font-size:12px;font-weight:800;transition:transform .3s}.floating-whatsapp:hover{transform:translateY(-5px)}.floating-whatsapp .ico{width:20px;height:20px}.back-top{position:fixed;right:24px;bottom:84px;z-index:42;display:grid;place-items:center;width:41px;height:41px;background:#142c43;color:white;border:0;border-radius:50%;box-shadow:0 6px 22px #0002;opacity:0;pointer-events:none;transition:opacity .3s}.back-top.visible{opacity:1;pointer-events:auto}
/* animation */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal[data-delay="90"]{transition-delay:.09s}.reveal[data-delay="100"]{transition-delay:.1s}.reveal[data-delay="120"]{transition-delay:.12s}.reveal[data-delay="180"]{transition-delay:.18s}.reveal[data-delay="270"]{transition-delay:.27s}.anim-enter{animation:enter .9s var(--ease) both}.delay1{animation-delay:.13s}.delay2{animation-delay:.25s}.delay3{animation-delay:.38s}.delay4{animation-delay:.52s}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{top:-52%}85%,100%{top:105%}}@keyframes heroZoom{0%{transform:scale(1)}100%{transform:scale(1.08)}}@keyframes scrollDot{0%{transform:translateY(0);opacity:0}40%{opacity:1}100%{transform:translateY(13px);opacity:0}}
/* responsive */
@media(max-width:1180px){.container{width:min(1110px,calc(100% - 48px))}.desktop-nav{gap:19px}.brand{min-width:227px}.brand-side small{font-size:7px}.hero h1{font-size:65px}.service-grid{gap:12px}.service-body{padding:18px}.service-card h3{font-size:18px}.service-card p{font-size:12px}.advantage-grid,.spotlight-grid,.closing-grid,.story-grid,.service-detail-grid,.contact-layout{gap:50px}.footer-top{gap:36px}}
@media(max-width:980px){.topstrip{display:none}.site-header{height:76px}.desktop-nav,.header-call,.header-actions>.btn{display:none}.menu-toggle{display:flex}.brand img{height:61px}.mobile-menu{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;padding:14px 24px 25px;background:#fff;box-shadow:0 20px 40px #001c3526;max-height:calc(100vh - 76px);overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:12px 9px;border-bottom:1px solid #eaf0f5;font-size:14px;font-weight:700;color:#213b53}.mobile-menu a:hover{color:#0b7de1}.hero-inner{min-height:630px;grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(43px,6vw,61px)}.hero-visual{height:530px;transform:translateX(0)}.hero-image-frame{inset:65px 0 75px 8px}.hero-floating{padding:10px 12px}.hero-float-top{right:-8px}.hero-float-bottom{left:-7px}.hero-features{gap:12px;margin-top:35px}.hero-features>div{font-size:9px}.capability-row{flex-wrap:wrap;gap:12px 35px;padding:22px 0}.service-grid{grid-template-columns:repeat(2,1fr);gap:20px}.service-img{height:240px}.service-card p{min-height:unset}.industry-grid{grid-template-columns:repeat(2,1fr)}.advantage-photo{height:490px}.advantage-grid,.story-grid,.service-detail-grid,.contact-layout{gap:35px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-line{display:none}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:36px}.footer-contact{grid-column:1/-1}.footer-contact p{max-width:370px}.inner-hero-grid{gap:35px}.inner-photo{height:330px}.inner-copy h1{font-size:49px}.inner-copy{padding:56px 0}.values-grid{gap:13px}.value-card{padding:29px 24px}.contact-form-panel{padding:35px 28px}.solutions-list{gap:12px}.solution-row{grid-template-columns:52px 1fr 28px;padding:20px;gap:16px}.solution-icon{width:50px;height:50px}.solution-row h3{font-size:18px}.contact-bottom-grid{gap:50px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.section{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:clamp(32px,8vw,44px)}.section-head p{font-size:14px}.section-head>.text-link{margin-top:20px}.eyebrow{margin-bottom:15px}.hero{min-height:unset}.hero-inner{display:flex;flex-direction:column;min-height:unset;gap:0}.hero-copy{padding:65px 0 13px;width:100%}.hero-tag{font-size:8px;padding:10px 12px;margin-bottom:24px}.hero h1{font-size:clamp(46px,10.3vw,70px);line-height:1.11}.hero-desc{font-size:14px;line-height:1.8;max-width:500px;margin-bottom:24px}.hero-actions{gap:9px}.hero-actions .btn{min-height:50px;padding:13px 16px;font-size:11px;gap:9px}.hero-features{margin-top:33px;gap:11px 20px}.hero-features>div{font-size:9px}.hero-visual{height:390px;width:100%;margin-bottom:35px}.hero-image-frame{inset:29px 15px 35px 18px}.orbit-one{height:380px;width:380px;right:-95px;top:3px}.orbit-two{height:310px;width:310px;right:-63px;top:30px}.hero-floating .ico{width:30px;height:30px;padding:7px}.hero-floating small{font-size:7px}.hero-floating b{font-size:10px}.hero-float-top{top:4px;right:0}.hero-float-bottom{left:0;bottom:14px}.hero-visual-caption{bottom:0;left:20px;right:20px;font-size:7px}.scroll-indicator{display:none}.capability-row{min-height:unset;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px}.capability-row span{font-size:8px;letter-spacing:.08em;gap:7px}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-img{height:180px}.service-body{padding:17px 15px 20px}.service-heading{margin-bottom:14px}.service-icon{width:37px;height:37px}.service-icon .ico{width:20px;height:20px}.circle-arrow{width:30px;height:30px}.service-card h3{font-size:15px;line-height:1.4}.service-card p{font-size:11px;line-height:1.7;min-height:111px;margin-bottom:12px}.card-link{font-size:10px}.card-number{font-size:8px;left:12px}.advantage-grid,.spotlight-grid,.closing-grid,.story-grid,.service-detail-grid,.services-middle-grid,.faq-layout,.solution-note-grid,.contact-layout,.contact-bottom-grid{grid-template-columns:1fr;gap:35px}.advantage-photo{height:395px}.advantage-content h2,.spotlight-left h2,.closing-grid h2,.story-copy h2,.detail-copy h2{font-size:clamp(34px,8vw,48px)}.advantage-content>p,.story-copy p,.detail-copy>p{font-size:14px}.process-grid{gap:12px;margin-top:33px}.process-item{min-height:220px;padding:23px 19px}.process-item>.ico{margin:17px 0;width:29px;height:29px}.process-item h3{font-size:17px}.process-item p{font-size:11.5px}.spotlight-grid{gap:40px}.spotlight-visual{height:345px}.spotlight-card{left:9px;bottom:9px;padding:13px 17px}.spotlight-card strong{font-size:13px}.industry-grid{gap:10px}.industry-card{padding:20px 16px;min-height:220px}.industry-card h3{font-size:14px;line-height:1.5;margin:23px 0 8px}.industry-card p{font-size:11px}.industry-card>.ico:first-child{width:32px;height:32px}.industry-card>span{top:20px;right:17px}.closing-photo{height:290px}.cta-zone{padding:10px 0 70px}.cta-panel{padding:35px 27px;display:block}.cta-panel h2{font-size:33px}.cta-panel p{font-size:12px}.cta-buttons{margin-top:26px;flex-direction:row;min-width:0;flex-wrap:wrap}.cta-buttons .btn{padding:13px 15px;min-height:47px;font-size:10px;gap:8px}.inner-hero-grid{display:flex;flex-direction:column;gap:0}.inner-copy{padding:34px 0 33px;width:100%}.crumbs{margin-bottom:30px}.inner-copy h1{font-size:clamp(37px,9vw,55px)}.inner-copy>p{font-size:13px}.inner-photo{width:100%;height:280px;margin-bottom:40px}.story-image{height:350px}.values-grid{grid-template-columns:1fr;gap:12px}.value-card{padding:28px}.value-card>.ico{margin-bottom:20px}.services-middle-grid{gap:20px}.stacked-images{height:280px}.detail-visual{height:355px;order:-1}.detail-checks{gap:10px}.detail-checks li{font-size:11px}.faq-layout{gap:15px}.solutions-list{grid-template-columns:1fr}.solution-note-image{height:290px}.contact-layout{gap:45px}.contact-form-panel{padding:29px 22px}.contact-bottom-grid{gap:30px}.map-panel{height:280px}.footer{padding-top:58px}.footer-top{grid-template-columns:1fr 1fr;gap:34px 20px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-brand p{max-width:350px}.footer h4{margin-bottom:17px}.footer-bottom{display:flex;flex-direction:column;gap:8px;font-size:10px}.floating-whatsapp{right:15px;bottom:17px;padding:14px;border-radius:50%;width:51px;height:51px;justify-content:center}.floating-whatsapp span{display:none}.back-top{right:20px;bottom:80px}}
@media(max-width:390px){.brand{gap:5px;min-width:0}.brand img{height:53px}.brand-side{padding-left:8px}.brand-side b{font-size:10px}.brand-side small{font-size:6px}.hero h1{font-size:44px}.hero-actions .btn{padding:12px}.hero-visual{height:330px}.service-img{height:150px}.service-body{padding:13px}.service-card h3{font-size:14px}.service-card p{min-height:135px}.capability-row span{font-size:7px}.form-row{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.anim-enter{opacity:1;transform:none}}
/* APC Technology — Brand Evolution / October 2026 */
:root{--apc-blue:#066cee;--apc-sky:#07baff;--apc-ink:#06182e;--apc-line:#d9e8f7}
body{overflow-x:clip}
:focus-visible{outline:3px solid #48b7ff;outline-offset:4px}
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header.scrolled{border-bottom-color:#b3d4ef;box-shadow:0 12px 40px rgba(4,43,79,.08)}
.brand{min-width:168px;max-width:180px;flex:0 0 auto}
.brand img{width:173px;height:auto;max-height:69px;object-fit:contain}
.header-actions{gap:9px}
.header-social,.footer-social-btn,.floating-facebook{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.header-social{width:39px;height:39px;border-radius:13px;transition:transform .3s,box-shadow .3s,background .3s;border:1px solid #dbe8f3;background:#f6faff;color:#0d6ddd}
.header-social:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0879e022;background:#e9f4ff}
.header-social.header-wa{color:#10976a;background:#effbf6;border-color:#d4f0e5}
.header-social.header-wa:hover{background:#dff8ed}
.social-svg{width:20px;height:20px;display:block;flex:0 0 auto}
.btn .social-svg{height:19px;width:19px}
.hero{background:radial-gradient(ellipse at 83% 36%,#105a85 0,#0b304e 34%,#081a30 72%,#051021 100%)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 48%,#0a94d512 65%,transparent 82%);background-size:200% 100%;animation:heroShimmer 15s ease-in-out infinite alternate}
.hero-gridline{opacity:.35}
.hero h1{max-width:710px}
.hero-copy{position:relative}
.hero-copy:before{content:'';height:160px;width:3px;position:absolute;left:-32px;top:17%;background:linear-gradient(#08bcff,transparent);box-shadow:0 0 35px #0cc8ff50}
.hero-tag{box-shadow:inset 0 0 10px #04c9fd12,0 0 20px #0ac8ff08}
.hero-visual{will-change:transform}
.hero-image-frame{border:1px solid #70cfff36;box-shadow:0 16px 75px #00000060,0 0 0 8px #16699c12}
.hero-edge-label{position:absolute;left:0;bottom:24px;display:flex;gap:13px;align-items:center;color:#85afc9;font-size:10px;letter-spacing:.15em;font-weight:800;z-index:4}
.hero-line{width:40px;height:1px;background:#3d95c1}
.brand-band{position:relative;overflow:hidden;background:#eaf5ff;border-bottom:1px solid #d7e9f6;padding:20px 0;white-space:nowrap}
.brand-band:before,.brand-band:after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}
.brand-band:before{left:0;background:linear-gradient(90deg,#eaf5ff,transparent)}.brand-band:after{right:0;background:linear-gradient(270deg,#eaf5ff,transparent)}
.brand-band-track{display:flex;align-items:center;gap:30px;width:max-content;animation:apcMarquee 33s linear infinite;color:#0b3c6c;font-size:11px;font-weight:800;letter-spacing:.17em}
.brand-band-track b{color:#10a3ec;font-size:21px;font-weight:400}
@keyframes apcMarquee{to{transform:translateX(-50%)}}@keyframes heroShimmer{from{background-position:100% 0}to{background-position:0 0}}
/* Homepage: company-first identity */
.company-showcase{background:#fff;padding:118px 0;position:relative}
.company-layout{display:grid;grid-template-columns:1fr 1fr;gap:min(8vw,100px);align-items:center}
.company-art{position:relative;height:565px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 70% 30%,#0c6fa1 0,#0b355b 39%,#071a33 76%),linear-gradient(150deg,#0a3760,#06172d);box-shadow:0 32px 65px #05162c26;isolation:isolate}
.company-art:after{content:'';position:absolute;inset:auto -20% -44% -10%;height:300px;transform:rotate(-18deg);border:1px solid #74ccff20;box-shadow:0 0 0 50px #3c95d70a,0 0 0 110px #3c95d706}
.company-art-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(#88d7ff13 1px,transparent 1px),linear-gradient(90deg,#88d7ff13 1px,transparent 1px);background-size:37px 37px;mask-image:linear-gradient(90deg,transparent,black)}
.art-orbit{position:absolute;display:block;border:1px solid #66c6ff30;border-radius:50%;width:560px;height:560px;right:-265px;top:-130px;animation:spin 42s linear infinite}
.art-orbit-two{width:420px;height:420px;top:-63px;right:-199px;animation-direction:reverse;border-style:dashed;opacity:.75}
.art-orbit:after{content:'';position:absolute;top:20%;left:11%;width:12px;height:12px;background:#40caff;border-radius:50%;box-shadow:0 0 16px #25bffd}
.company-logo-card{position:absolute;top:50%;left:50%;width:min(80%,410px);transform:translate(-50%,-50%);z-index:2;background:linear-gradient(140deg,#fff,#e6f4ff);padding:36px 32px 28px;border-radius:19px;box-shadow:0 25px 65px #0007,inset 0 0 0 1px #fff}
.company-logo-card img{width:100%;height:auto;aspect-ratio:1304/589;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,42,85,.07))}
.concept-tag{display:block;margin-bottom:13px;font-weight:800;font-size:9px;letter-spacing:.17em;color:#487b9e}
.logo-card-underline{height:2px;width:65px;background:linear-gradient(90deg,#0378fa,#38dfff);display:block;margin:3px 0 15px}
.company-logo-card p{font-size:9px;font-weight:800;color:#1b527b;letter-spacing:.08em;display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap}
.company-logo-card p i{width:4px;height:4px;background:#099dec;border-radius:50%}
.company-art-index{position:absolute;left:28px;bottom:27px;color:#8ac9f1;font-size:10px;font-weight:800;letter-spacing:.19em}
.corner-led{position:absolute;top:28px;left:30px;width:8px;height:8px;border-radius:50%;background:#59ffde;box-shadow:0 0 22px #56ffdd}
.company-statement h2{font-size:clamp(36px,4vw,57px);margin:0 0 25px;line-height:1.13}
.company-statement>p{color:#65758a;max-width:540px;margin:0 0 25px;font-size:15px}
.identity-points{border-top:1px solid #dce8f2;margin:29px 0 32px}
.identity-points>div{display:flex;align-items:flex-start;gap:23px;border-bottom:1px solid #dce8f2;padding:20px 0;transition:padding-left .3s ease}
.identity-points>div:hover{padding-left:7px}
.identity-num{color:#087cf5;font-weight:800;font-size:12px;letter-spacing:.1em;padding-top:4px}
.identity-points>div span:nth-child(2){display:grid;gap:6px}
.identity-points b{color:#102b49;font-size:16px;font-family:Manrope,sans-serif}
.identity-points small{font-size:12px;color:#69849b;line-height:1.6}
/* Brand-led Vision and Mission */
.vision-section{position:relative;background:radial-gradient(circle at 0 20%,#153f67,#08192e 45%,#051225 100%);color:#fff;overflow:hidden}
.vision-section:before{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 78px,#85dcff0a 79px 80px)}
.vision-section .container{position:relative}
.vision-header{display:flex;gap:70px;align-items:end;justify-content:space-between;margin-bottom:43px}
.vision-header h2{font-size:clamp(38px,4.7vw,64px);margin:0;line-height:1.13}
.vision-header h2 span{color:#58c9ff}
.vision-header p{max-width:370px;color:#a9c2d8;font-size:14px;line-height:1.9;margin-bottom:6px}
.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}
.vision-card{position:relative;overflow:hidden;min-height:430px;display:flex;flex-direction:column;border-radius:23px;padding:38px 39px 29px;background:linear-gradient(140deg,#f6fcff,#e8f3ff);color:#092344;isolation:isolate;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.vision-card:hover{transform:translateY(-7px);box-shadow:0 25px 75px #0005}
.vision-card-accent{background:radial-gradient(circle at 91% 11%,#1a89de,#0b4b8e 48%,#083366);color:#fff;border:1px solid #81c6fa35}
.vision-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.vision-icon{height:64px;width:64px;border-radius:15px;background:#dceeff;color:#0d78ed;display:grid;place-items:center}
.vision-icon .ico{width:31px;height:31px}
.vision-card-accent .vision-icon{background:#ffffff1f;color:#fff;border:1px solid #ffffff24}
.vision-counter{font-size:10px;letter-spacing:.16em;font-weight:800;color:#698dab}
.vision-card-accent .vision-counter{color:#b9def8}
.vision-card h3{font-size:32px;margin:auto 0 12px;position:relative;z-index:2}
.vision-card p{max-width:460px;color:#4f6582;font-size:15px;line-height:1.83;margin:0 0 38px;position:relative;z-index:2}
.vision-card-accent p{color:#dbedff}
.vision-card-bottom{margin-top:auto;border-top:1px solid #b8d5eb;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#246695;font-size:10px;letter-spacing:.15em;font-weight:800;position:relative;z-index:2}
.vision-card-accent .vision-card-bottom{border-color:#ffffff42;color:#e4f6ff}
.vision-card-bottom .ico{width:19px;height:19px}
.vision-orbit{pointer-events:none;position:absolute;height:280px;width:280px;right:-115px;top:50px;border:1px solid #0b86f022;border-radius:50%;box-shadow:0 0 0 55px #0c94f00a,0 0 0 110px #0b86f007}
.vision-card-accent .vision-orbit{border-color:#d9f6ff24;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff04}
.vision-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:33px 6px 0;color:#bddff4;font-size:11px;font-weight:700;letter-spacing:.1em}
.vision-footer span{display:flex;align-items:center;gap:10px}
.pulse-dot{display:block;height:6px;width:6px;background:#4deccf;border-radius:50%;box-shadow:0 0 13px #36e9d1}
/* Social invitation */
.community-section{padding:108px 0;background:#f5faff}
.community-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#114f87,#062649 55%,#061a34 100%);min-height:460px;border-radius:27px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;box-shadow:0 30px 70px #041e3c24}
.community-content{padding:64px 18px 64px 67px;z-index:2;position:relative;color:#fff}
.community-content h2{font-size:clamp(39px,4.1vw,58px);margin:0 0 18px;line-height:1.11}
.community-content h2 em{font-style:normal;color:#4ad1ff}
.community-content p{font-size:14px;color:#c1d6ec;max-width:490px;margin:0 0 29px}
.community-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn-facebook{background:linear-gradient(110deg,#157dec,#0960c5);color:#fff;box-shadow:0 10px 30px #00111d55}
.btn-facebook:hover{background:#128be9}
.community-visual{position:relative;align-self:stretch;min-height:440px;display:grid;place-items:center}
.community-core{position:relative;z-index:2;width:min(74%,335px);background:#fff;border-radius:22px;padding:30px 27px 20px;transform:rotate(-5deg);box-shadow:0 28px 66px #0006;animation:communityFloat 8s ease-in-out infinite}
.community-core img{display:block;width:100%;height:auto}
.community-ring{position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid #81d5ff33;left:12%;top:-22%;animation:spin 60s linear infinite}
.community-ring-2{width:380px;height:380px;left:24%;top:-5%;border-style:dashed;animation-direction:reverse}
.community-chip{position:absolute;color:#b8e9ff;border:1px solid #80c5ff40;background:#1245799c;backdrop-filter:blur(6px);padding:11px 17px;z-index:3;font-weight:800;font-size:10px;letter-spacing:.2em;border-radius:100px}
.chip-one{left:5%;top:17%;animation:float 6s infinite}.chip-two{right:2%;bottom:15%;animation:float 5s infinite .8s}.chip-three{right:8%;top:19%;animation:float 6s infinite 1s}
@keyframes communityFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-14px)}}
/* Footer, navigation and social controls */
.footer{background:linear-gradient(160deg,#071a31,#071a2b 75%,#092946);position:relative;overflow:hidden}
.footer:before{content:'';position:absolute;pointer-events:none;inset:0;opacity:.28;background-image:radial-gradient(#60baff15 1px,transparent 1px);background-size:22px 22px}
.footer-top,.footer-bottom,.footer-bottom-navigation{position:relative}
.footer-logo-wrap{display:block;width:min(235px,100%);padding:12px 13px 10px;border-radius:11px;background:#fff;margin-bottom:23px;box-shadow:0 10px 35px #0003;transition:transform .3s}
.footer-logo-wrap:hover{transform:translateY(-3px)}
.footer-logo-wrap img{width:100%;height:auto;display:block;object-fit:contain}
.footer-brand>strong{font-size:12px;letter-spacing:.08em}
.footer-socials{display:flex;align-items:center;gap:9px;margin-top:21px}
.footer-social-btn{height:41px;width:41px;color:#fff;background:#116bdb;border-radius:12px;border:1px solid #ffffff24;transition:transform .3s,box-shadow .3s}
.footer-social-btn.wa{background:#159966}
.footer-social-btn:hover{transform:translateY(-4px);box-shadow:0 12px 22px #0004}
.footer-socials>span{font-size:12px;font-weight:700;color:#b8cde0;margin-left:4px}
.footer-bottom-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:22px 0;margin-top:25px}
.footer-bottom-navigation>strong{color:#85c5ff;font-size:10px;letter-spacing:.14em;white-space:nowrap}
.footer-nav-items{display:flex;gap:24px;flex-wrap:wrap}
.footer-nav-items a{font-size:12px;font-weight:700;color:#d4e5f3;transition:color .2s}
.footer-nav-items a:hover{color:#6ed3ff}
.footer-nav-contact{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.footer-nav-contact .social-svg{height:17px;width:17px;color:#7dc4ff}
.footer-nav-contact>span{font-size:17px}
.floating-facebook,.floating-whatsapp{right:22px;z-index:46;min-height:52px;transition:transform .3s var(--ease),box-shadow .3s}
.floating-facebook{position:fixed;bottom:92px;height:49px;width:49px;border-radius:50%;background:#116de6;color:#fff;box-shadow:0 12px 25px #00305e55}
.floating-facebook:hover,.floating-whatsapp:hover{transform:translateY(-5px)}
.floating-whatsapp{bottom:22px;min-width:51px;min-height:51px;padding:14px 17px;border-radius:100px}
.floating-whatsapp .social-svg{height:20px;width:20px}
.back-top{bottom:158px;right:24px}
.contact-social-note{margin-top:32px;padding:23px;border:1px solid #dce9f3;background:#f1f8ff;border-radius:14px;max-width:460px}
.contact-social-note>span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#6e8dac;margin-bottom:12px}
.contact-social-note a{color:#0b58ac;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:12px}
.contact-social-note .ico{width:16px;height:16px}
.mobile-bottom-nav{display:none}
/* Slim scroll indicator and content transitions */
.scroll-progress{height:3px;position:fixed;z-index:1000;left:0;top:0;width:100%;pointer-events:none;background:linear-gradient(90deg,#0464ea,#40d7f8);transform:scaleX(var(--scroll-pct,0));transform-origin:left;will-change:transform;box-shadow:0 0 15px #0d8cff88}
.service-card,.industry-card,.value-card,.solution-row{transition-duration:.4s}
.service-card img,.advantage-photo img,.closing-photo img,.inner-photo img{transition:transform .8s var(--ease)}
.service-card:hover img,.advantage-photo:hover img,.closing-photo:hover img,.inner-photo:hover img{transform:scale(1.055)}
.service-card,.advantage-photo,.closing-photo,.inner-photo{overflow:hidden}
/* Responsive refinements */
@media(max-width:1200px){.desktop-nav{gap:20px}.brand{min-width:149px}.brand img{width:154px}.header-social{width:36px;height:36px}.header-actions{gap:6px}.footer-nav-items{gap:15px}}
@media(max-width:1050px){.header-social{display:none}}
@media(max-width:980px){.brand{width:164px;max-width:164px;min-width:0}.brand img{width:162px;height:auto;max-height:65px}.header-social{display:inline-flex;width:38px;height:38px}.header-social.header-wa{display:none}.company-layout{gap:32px}.company-art{height:470px}.company-logo-card{padding:26px 22px}.community-content{padding-left:42px}.footer-bottom-navigation{flex-wrap:wrap}.footer-nav-contact{margin-left:auto}}
@media(max-width:760px){.company-layout{grid-template-columns:1fr}.company-art{height:420px;order:2}.company-statement{order:1}.vision-header{display:block}.vision-header p{margin-top:18px}.vision-grid{grid-template-columns:1fr}.vision-card{min-height:385px}.community-shell{grid-template-columns:1fr}.community-content{padding:47px 32px 18px}.community-visual{min-height:280px}.community-ring{width:350px;height:350px;left:26%;top:-11%}.community-ring-2{width:275px;height:275px}.community-core{width:260px}.community-chip{font-size:8px}.footer-bottom-navigation{display:block}.footer-nav-items{gap:18px;margin:20px 0}.footer-nav-contact{display:inline-flex}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:75;padding:8px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d6e7f5;backdrop-filter:blur(14px);box-shadow:0 -8px 26px #06182f10;justify-content:space-between;align-items:center;gap:1px}.mobile-bottom-nav a{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 3px;color:#72849b;font-size:10px;font-weight:800;border-radius:9px}.mobile-bottom-nav a.current{color:#006fd6;background:#eaf5ff}.mobile-bottom-nav .ico,.mobile-bottom-nav .social-svg{width:19px;height:19px}.mobile-bottom-nav span{line-height:1.1}.floating-facebook{display:none}.floating-whatsapp{bottom:88px;right:15px;min-width:49px;height:49px;padding:12px;box-shadow:0 12px 25px #0d5d3d50}.floating-whatsapp span{display:none}.floating-whatsapp .social-svg{width:25px;height:25px}.back-top{bottom:147px;right:17px;width:37px;height:37px}body{padding-bottom:70px}.hero-edge-label{display:none}}
@media(max-width:700px){.company-showcase,.community-section{padding:70px 0}.company-art{height:385px}.company-statement h2{font-size:clamp(34px,8vw,45px)}.company-art-index{font-size:8px}.company-logo-card{width:82%;padding:22px}.company-logo-card p{font-size:7px;gap:7px}.vision-section{padding:75px 0}.vision-header h2{font-size:clamp(36px,8vw,49px)}.vision-card{padding:29px 26px;min-height:370px}.vision-card h3{font-size:29px}.vision-card p{font-size:14px}.vision-footer{gap:18px 26px}.community-shell{border-radius:18px}.community-content{padding:47px 25px 17px}.community-content h2{font-size:clamp(36px,9vw,51px)}.community-content p{font-size:13px}.community-actions .btn{min-height:49px;padding:14px 16px;font-size:12px}.community-visual{min-height:260px}.footer-logo-wrap{width:200px}.brand-band{padding:16px 0}.brand-band-track{font-size:9px;gap:23px}}
@media(max-width:390px){.header-social{width:35px;height:35px}.brand{width:151px;max-width:151px}.brand img{width:145px;height:auto}.company-art{height:340px}.company-logo-card{width:85%;padding:18px}.company-logo-card p{font-size:6.4px}.community-actions{flex-direction:column;align-items:flex-start}.community-visual{min-height:235px}.community-core{width:220px}.chip-two{right:1%}.identity-points>div{gap:15px}}
@media(prefers-reduced-motion:reduce){.brand-band-track,.hero:before,.community-core,.community-chip,.art-orbit,.community-ring{animation:none!important}.company-art,.hero-visual{will-change:auto}.scroll-progress{display:none}}


/* ======================================================================
   APC Projects & Case Studies / project extensions – 2026-10
   ====================================================================== */
.home-work-section{background:linear-gradient(170deg,#f4f9ff,#fff 52%,#f3f8fc)}.home-work-section .section-head{margin-bottom:36px}.home-work-section .section-head p{max-width:590px}.home-work-section .section-head h2 em{font-style:normal;color:#157eee}.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-work-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #dbe5ef;margin-top:29px;padding-top:23px;font-size:12px;color:#788ca2}.home-work-bottom a{color:#087af2;font-size:13px;font-weight:800}
.work-hero{background:#06192f;position:relative;overflow:hidden;color:#fff;isolation:isolate}.work-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:linear-gradient(#6ebaff10 1px,transparent 1px),linear-gradient(90deg,#6ebaff10 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000 80%)}.work-hero-glow{position:absolute;width:800px;height:750px;top:-300px;left:38%;background:radial-gradient(circle,#0a7bde48,transparent 67%);pointer-events:none}.work-hero-inner{display:grid;grid-template-columns:1fr 1.05fr;min-height:590px;align-items:center;gap:56px;padding:68px 0 78px;position:relative}.work-hero-copy{position:relative;z-index:2}.work-breadcrumb,.case-breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;color:#94b5d0;margin-bottom:51px}.work-breadcrumb a:hover,.case-breadcrumb a:hover{color:#5cd3ff}.work-overline{display:inline-flex;align-items:center;gap:10px;color:#80caff;font-size:10px;letter-spacing:.16em;font-weight:800}.work-overline-dot{width:7px;height:7px;border-radius:50%;background:#24c4ef;box-shadow:0 0 16px #04b4ff}.work-hero h1{font-size:clamp(53px,6vw,93px);line-height:1.055;margin:18px 0 25px;letter-spacing:-.07em}.work-hero h1 em,.work-approach h2 em{font-style:normal;color:#40b9ff}.work-hero-copy>p{max-width:465px;font-size:15px;color:#b8cbdc;line-height:1.9}.work-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.work-hero-visual{height:450px;position:relative}.work-hero-image{border-radius:13px;position:absolute;overflow:hidden;box-shadow:0 23px 72px #0006;border:1px solid #a4c9eb33}.work-hero-image img{width:100%;height:100%;object-fit:cover}.work-hero-image-main{inset:5px 75px 55px 0;transform:rotate(-2.7deg);animation:workFloat 9s ease-in-out infinite}.work-hero-image-small{height:200px;width:215px;right:0;bottom:0;transform:rotate(6deg);border:5px solid #0c3155;animation:workFloatTwo 10s ease-in-out infinite}.work-hero-stamp{position:absolute;right:0;top:0;background:#fff;color:#092b4c;border-radius:13px;padding:17px 22px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 45px #0005}.work-hero-stamp b{font-size:35px;letter-spacing:-.07em;line-height:1}.work-hero-stamp span{font-size:10px;font-weight:800;line-height:1.55}.work-hero-bottom-line{height:4px;background:linear-gradient(90deg,#03427f,#1696ff 54%,#3bdfff)}@keyframes workFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes workFloatTwo{0%,100%{translate:0 0}50%{translate:0 10px}}
.work-gallery-section{background:#f5f8fc}.work-gallery-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:39px}.work-gallery-top h2{margin:0 0 14px}.work-gallery-top h2 em{font-style:normal;color:#0b7de7}.work-gallery-top p{color:#647991;max-width:510px;margin:0}.work-count{display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid #d5e5f0;padding-left:25px}.work-count b{font-size:54px;font-weight:800;font-family:Manrope,Arial,sans-serif;color:#087cee;line-height:1.05;letter-spacing:-.09em}.work-count span{color:#607891;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.work-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;border-bottom:1px solid #d7e4ef;padding-bottom:21px}.work-filters{display:flex;gap:9px;flex-wrap:wrap}.work-filter{border-radius:100px;border:1px solid #d6e4f0;background:white;color:#355470;padding:12px 19px;min-height:43px;font-size:12px;font-weight:800;transition:background .3s,color .3s,transform .3s}.work-filter:hover{transform:translateY(-2px);border-color:#007aff}.work-filter.active{background:#0a79ea;color:#fff;border-color:#0a79ea;box-shadow:0 8px 22px #047ce02b}.work-filter span{margin-left:5px;font-size:10px;opacity:.7}.work-result{font-size:11px;font-weight:800;color:#6f829a;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-card{min-width:0;background:#fff;border:1px solid #e4edf6;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px #0b294509;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s}.work-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px #06294b23;border-color:#bcdafa}.work-card[hidden]{display:none!important}.work-card-link{display:flex;flex-direction:column;height:100%;color:inherit}.work-cover{position:relative;height:247px;overflow:hidden;background:#06172b}.work-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04172e6a,transparent 52%);pointer-events:none}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,1,.36,1);filter:saturate(.96)}.work-card:hover .work-cover img{transform:scale(1.06)}.work-cover-label{z-index:1;position:absolute;bottom:17px;left:18px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#fff;background:#093b6cc2;backdrop-filter:blur(8px);border:1px solid #d3f3ff35;padding:9px 12px;border-radius:5px}.work-cover-icon{position:absolute;top:16px;right:16px;z-index:1;color:#064382;background:#fff;border-radius:100%;height:40px;width:40px;display:grid;place-items:center;font-size:22px;font-weight:600;transition:transform .3s}.work-card:hover .work-cover-icon{transform:rotate(45deg);background:#0a7eef;color:white}.work-card-body{padding:24px 24px 20px;display:flex;flex:1;flex-direction:column}.work-card-kicker{font-size:10px;font-weight:800;color:#1883ee;text-transform:uppercase;letter-spacing:.12em;margin-bottom:11px}.work-card h3{font-size:21px;line-height:1.35;color:#102944;letter-spacing:-.045em;margin-bottom:12px}.work-card p{font-size:12.5px;line-height:1.75;color:#6d7c8c;margin:0 0 26px}.work-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #e7edf4}.work-card-foot span{font-size:11px;color:#728496;display:flex;gap:4px;align-items:center;min-width:0}.work-card-foot span .ico{width:14px;height:14px;flex-shrink:0}.work-card-foot strong{font-size:11px;white-space:nowrap;color:#0874dc}.work-card-foot strong span{display:inline;font-size:15px;color:#0874dc;margin-left:3px}.work-gallery-caption{margin-top:26px;font-size:11px;color:#8798a9}.work-approach{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 0,#1467a6,#061d34 55%);padding:85px 0;color:#fff}.work-approach-inner{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.work-approach h2{margin:0;font-size:clamp(36px,4.5vw,60px)}.work-approach-right p{color:#bad0e3;font-size:15px;margin:0 0 25px}.work-callout{background:#fff;padding:87px 0}.work-callout-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.work-callout h2{font-size:clamp(32px,3.2vw,47px);margin:0 0 10px}.work-callout h2 em{font-style:normal;color:#087ef3}.work-callout p{color:#6a7c90;font-size:14px;margin:0;max-width:560px}.work-callout .btn{white-space:nowrap}
/* Individual case study */
.case-hero{background:#091b30;color:white;padding:35px 0 55px;position:relative;overflow:hidden}.case-hero:before{content:'';inset:0;position:absolute;pointer-events:none;background:radial-gradient(circle at 78% 23%,#1d75b03b,transparent 48%)}.case-hero .container{position:relative}.case-breadcrumb{margin:0 0 26px}.case-back{display:inline-flex;align-items:center;gap:9px;color:#86c3fa;font-size:12px;font-weight:800;margin-bottom:30px}.case-back:hover{color:white}.case-heading{display:flex;gap:35px;align-items:center;justify-content:space-between;margin-bottom:39px}.case-heading h1{font-size:clamp(40px,5vw,73px);line-height:1.13;max-width:890px;letter-spacing:-.06em;margin:16px 0 15px}.case-heading p{font-size:15px;max-width:670px;color:#c6d9eb;margin:0 0 22px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{background:#0d3356;color:#99d4ff;border:1px solid #4fbaf52c;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.06em}.case-heading-mark{font-family:Manrope,Arial,sans-serif;font-size:65px;letter-spacing:-.1em;font-weight:800;color:#ffffff0f;white-space:nowrap}.case-heading-mark span{font-size:21px}.case-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:180px;gap:12px}.detail-photo{position:relative;overflow:hidden;cursor:zoom-in;border-radius:10px;border:1px solid #c2deef2c;background:#082c48;grid-column:span 4;grid-row:span 1;padding:0;display:block;outline-offset:3px}.detail-photo:first-child{grid-column:span 8;grid-row:span 2}.detail-photo:nth-child(2),.detail-photo:nth-child(3){grid-column:span 4}.detail-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.detail-photo:hover img{transform:scale(1.06)}.detail-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0013247a,transparent 40%);opacity:.65}.detail-photo-expand{position:absolute;right:12px;bottom:11px;z-index:2;color:#061f36;background:#fff;display:grid;place-items:center;border-radius:50%;height:35px;width:35px;font-size:20px}.case-gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;color:#90aeca;font-size:11px;font-weight:700}.case-gallery-caption span{display:flex;align-items:center;gap:7px}.case-gallery-caption .ico{height:16px;width:16px}.case-overview{background:#f4f8fc}.case-overview-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:100px}.case-story h2 em{font-style:normal;color:#147de4}.case-story>p{font-size:15px;color:#5d7186;max-width:660px}.case-story h3{font-size:21px;margin:38px 0 20px}.case-feature-list{list-style:none;padding:0;margin:0 0 37px}.case-feature-list li{display:flex;align-items:center;gap:13px;padding:12px 0;color:#34516e;font-size:14px;border-bottom:1px solid #dce7f1}.case-feature-list .ico{height:19px;width:19px;color:#0c7df1;flex-shrink:0}.case-info-card{align-self:start;background:#fff;border:1px solid #dfebf5;box-shadow:0 20px 50px #1435500d;border-radius:17px;padding:30px}.case-info-top{display:flex;align-items:center;justify-content:space-between;color:#0b79e8;font-size:10px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid #e4edf7;padding-bottom:23px}.case-info-icon{background:#e8f4ff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:17px}.case-info-rows>div{padding:23px 0;border-bottom:1px solid #e6edf5;display:flex;flex-direction:column;gap:9px}.case-info-rows>div>span{font-size:10px;letter-spacing:.13em;color:#7991a8;font-weight:800}.case-info-rows strong{font-size:15px;color:#17314d;font-weight:800}.case-info-bottom{display:flex;align-items:center;gap:9px;color:#62849e;font-weight:800;font-size:10px;letter-spacing:.09em;padding-top:23px}.case-related{background:white}.case-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-related .work-cover{height:280px}
/* Modal: accessible photo gallery with keyboard navigation */
.project-lightbox{border:0;padding:0;background:transparent;color:white;max-width:calc(100vw - 50px);max-height:calc(100vh - 32px);width:min(1100px,95vw);overflow:visible}.project-lightbox::backdrop{background:rgba(2,11,24,.92);backdrop-filter:blur(12px)}.lightbox-frame{position:relative;height:min(85vh,820px);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.lightbox-frame>img{max-width:100%;max-height:calc(100% - 94px);object-fit:contain;min-height:0;box-shadow:0 18px 55px #0006}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;height:52px;align-self:stretch}.lightbox-toolbar span{font-size:12px;letter-spacing:.1em;color:#d7e5f6;font-weight:800}.lightbox-toolbar button,.lightbox-side{border:1px solid #ffffff65;background:#08182ce0;color:#fff;border-radius:50%;display:grid;place-items:center;transition:background .2s}.lightbox-toolbar button{width:43px;height:43px;font-size:26px}.lightbox-side{width:52px;height:52px;font-size:36px;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.lightbox-prev{left:9px}.lightbox-next{right:9px}.lightbox-toolbar button:hover,.lightbox-side:hover{background:#1176dc}.lightbox-bottom{font-size:12px;color:#a7bdd5;font-weight:700;padding:14px 0}
@media(max-width:1150px){.desktop-nav{gap:14px}.header-actions>.btn-small{display:none}.nav-shell{gap:13px}}
@media(max-width:980px){.work-hero-inner{min-height:500px;gap:30px}.work-hero-visual{height:350px}.work-hero-image-main{right:30px;bottom:40px}.work-hero-image-small{width:165px;height:145px}.work-card h3{font-size:18px}.work-card-body{padding:20px}.work-grid,.home-work-grid{gap:15px}}
@media(max-width:800px){.work-grid,.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-hero-inner{grid-template-columns:1fr;padding:45px 0 65px}.work-hero-copy{max-width:700px}.work-hero-visual{height:330px;max-width:640px;width:100%;margin:0 auto}.work-hero-image-main{inset:0 95px 30px 0}.work-hero-image-small{right:8px;height:170px;width:180px}.work-hero-stamp{right:3px;top:9px}.work-approach-inner{gap:35px}.case-heading-mark{display:none}.case-overview-grid{gap:45px}}
@media(max-width:630px){.work-hero h1{font-size:clamp(48px,11vw,72px)}.work-breadcrumb{margin-bottom:31px}.work-hero-visual{height:270px}.work-hero-image-main{right:65px;bottom:24px}.work-hero-image-small{width:126px;height:122px;right:0}.work-hero-stamp{padding:10px 14px}.work-hero-stamp b{font-size:26px}.work-hero-stamp span{font-size:8px}.work-gallery-top{gap:15px;align-items:center}.work-gallery-top h2{font-size:35px}.work-count{display:none}.work-controls{display:block}.work-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.work-filter{white-space:nowrap;padding:11px 14px}.work-result{margin-top:11px}.work-grid,.home-work-grid{grid-template-columns:1fr;gap:19px}.work-cover{height:260px}.work-approach-inner,.case-overview-grid{grid-template-columns:1fr}.work-approach{padding:65px 0}.work-approach-inner{gap:20px}.work-callout-inner{display:block}.work-callout .btn{margin-top:25px}.home-work-section .section-head{display:block}.home-work-head .text-link{margin-top:19px}.home-work-bottom{display:block}.home-work-bottom a{display:block;margin-top:10px}.case-hero{padding:25px 0 39px}.case-breadcrumb{flex-wrap:wrap;font-size:10px}.case-heading h1{font-size:40px}.case-heading p{font-size:13px}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:8px}.detail-photo,.detail-photo:nth-child(2),.detail-photo:nth-child(3){grid-column:span 1;grid-row:span 1}.detail-photo:first-child{grid-column:span 2;grid-row:span 2}.case-gallery-caption{align-items:flex-start;line-height:1.6;font-size:10px}.case-gallery-caption>span:last-child{text-align:right}.case-related-grid{grid-template-columns:1fr}.case-related .work-cover{height:235px}.lightbox-side{height:40px;width:40px;font-size:28px}.lightbox-prev{left:-4px}.lightbox-next{right:-4px}.project-lightbox{width:95vw;max-width:95vw}.case-story h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.work-hero-image-main,.work-hero-image-small{animation:none}.work-card,.work-cover img,.detail-photo img{transition:none}}


/* APC Technology — Contact / real Google Maps location experience */
.contact-location-section{background:linear-gradient(155deg,#fff 0%,#f6faff 100%);padding:102px 0 114px;overflow:hidden}
.location-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.location-heading-copy{max-width:650px}.location-heading h2{font-size:clamp(35px,4vw,53px);line-height:1.13;letter-spacing:-.05em;margin:0 0 17px;color:#102e4f}
.location-title-dot{color:#0788fa}.location-heading p{max-width:620px;color:#607589;font-size:15px;line-height:1.85;margin:0}
.location-call-quick{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e0eaf5;border-radius:16px;box-shadow:0 12px 42px #00316b0d;background:#fff;white-space:nowrap;transition:transform .25s ease,box-shadow .25s ease}
.location-call-quick:hover{transform:translateY(-3px);box-shadow:0 14px 36px #003f7b19}.location-call-quick>.ico:first-child{background:#eaf5ff;color:#057be5;border-radius:12px;padding:11px;height:43px;width:43px}.location-call-quick span{display:flex;flex-direction:column;gap:2px}.location-call-quick small{font-size:9px;letter-spacing:.15em;font-weight:800;color:#6c8297}.location-call-quick strong{font-size:14px;font-weight:800;color:#102d4d}.location-call-quick>.ico:last-child{width:16px;color:#0585ee}
.location-experience-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.38fr);gap:24px;align-items:stretch;min-width:0}
.location-visit-card{min-width:0;position:relative;overflow:hidden;background:linear-gradient(155deg,#0c2546 0%,#06162d 80%);color:#fff;border-radius:22px;padding:39px 34px 28px;isolation:isolate;box-shadow:0 25px 65px #05346520}
.location-visit-decor{position:absolute;z-index:-1;width:360px;height:360px;right:-270px;top:-125px;border:55px solid #087fe82b;border-radius:50%;box-shadow:0 0 0 60px #087fe80a}
.location-visit-overline{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#80b9f1}.location-visit-dot{width:7px;height:7px;border-radius:50%;background:#44b5ff;box-shadow:0 0 12px #2da5f8}
.location-visit-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #62b5ff45;background:#1076d63b;color:#7fcaff;border-radius:16px;margin:27px 0 19px}.location-visit-icon .ico{width:25px;height:25px}
.location-visit-card h3{font-size:clamp(25px,2.5vw,33px);font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 7px}.location-visit-lede{font-size:13px;line-height:1.8;color:#b3c6db;max-width:325px;margin:0 0 28px}
.location-address-item{display:flex;gap:14px;align-items:flex-start;padding:19px 0;border-top:1px solid #ffffff24}.location-address-item>.ico{width:19px;height:19px;color:#40a6ff;flex:none;margin-top:3px}.location-address-item>div{display:flex;flex-direction:column;gap:6px}.location-address-item small{color:#8cafcf;font-size:9px;font-weight:800;letter-spacing:.15em}.location-address-item address{font-style:normal;color:#e1edf8;line-height:1.7;font-size:13px}.location-address-item a{color:#e1edf8;font-size:13px}.location-address-item a:hover{color:#61baff}
.location-actions{display:flex;flex-direction:column;gap:10px;margin-top:17px}.location-primary-action,.location-secondary-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:47px;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .24s ease,background .24s ease}
.location-primary-action{background:linear-gradient(115deg,#087ce6,#139efa);color:#fff}.location-primary-action:hover{background:linear-gradient(115deg,#0f8ffb,#35adff);transform:translateY(-2px);color:#fff}.location-secondary-action{background:#ffffff0c;border:1px solid #ffffff3b;color:#e1edff}.location-secondary-action:hover{background:#ffffff18;color:#fff;transform:translateY(-2px)}.location-actions .ico{width:17px;height:17px}
.location-note{display:flex;gap:9px;line-height:1.6;font-size:10px;color:#9cb0c8;margin-top:17px}.location-note>span{font-size:14px;color:#80baff}
.location-map-card{min-width:0;border-radius:22px;overflow:hidden;border:1px solid #d6e7f7;background:#fff;box-shadow:0 25px 65px #05346512;display:flex;flex-direction:column}
.location-map-heading{padding:19px 24px;border-bottom:1px solid #e8f0f8;display:flex;gap:15px;align-items:center;justify-content:space-between}
.location-map-heading>div{display:grid;grid-template-columns:9px 1fr;align-items:center;column-gap:12px;row-gap:5px}.location-map-status{width:9px;height:9px;background:#12b981;border-radius:50%;box-shadow:0 0 0 4px #12b98119;grid-row:1/3}.location-map-heading strong{font-size:13px;color:#163b5e}.location-map-heading small{font-size:11px;color:#8194a7}.location-map-heading>a{font-size:11px;color:#007bdd;font-weight:800;white-space:nowrap;display:inline-flex;gap:7px;align-items:center}.location-map-heading>a:hover{color:#002c5a}.location-map-heading>a .ico{width:14px;height:14px}
.location-google-iframe{border:0;display:block;width:100%;height:100%;min-height:490px;flex:1 1 auto;background:#e5eff8}
.location-map-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e5edf6;padding:17px 23px}.location-map-bottom>span{font-size:11px;color:#728ba2}.location-map-bottom>a{font-size:10px;font-weight:900;letter-spacing:.065em;white-space:nowrap;color:#007ce5}.location-map-bottom>a:hover{color:#003f7a}
@media(max-width:1000px){.location-experience-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.location-visit-card{padding:30px 24px 23px}.location-google-iframe{min-height:485px}}
@media(max-width:760px){.contact-location-section{padding:67px 0 78px}.location-heading{align-items:start;flex-direction:column;gap:20px}.location-heading h2{font-size:clamp(32px,7vw,44px)}.location-heading p{font-size:13px}.location-experience-grid{grid-template-columns:1fr;gap:18px}.location-visit-card{padding:32px 28px 25px}.location-google-iframe{height:380px;min-height:380px;flex:auto}.location-visit-lede{max-width:440px}.location-address-item{padding:16px 0}.location-call-quick{padding:11px 14px}}
@media(max-width:450px){.location-map-heading{padding:15px}.location-map-heading>a{font-size:10px}.location-map-heading small{font-size:10px}.location-google-iframe{height:330px;min-height:330px}.location-map-bottom{padding:14px 15px;align-items:flex-start;flex-direction:column;gap:8px}.location-visit-card{padding:29px 24px 23px}.location-call-quick{width:100%;justify-content:flex-start}.location-call-quick>.ico:last-child{margin-left:auto}}