/* Esafe IT Solutions — visual system */
:root{--navy:#091b37;--navy2:#102b50;--blue:#176cff;--cyan:#30d6e9;--ink:#10213b;--muted:#64738a;--line:#e5ebf3;--paper:#fff;--pale:#f4f8fc;--violet:#9a7cff;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--shadow:0 18px 50px rgba(14,38,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.announcement{min-height:35px;background:#07162c;color:#aebbd0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.02em;padding:7px 20px}.announcement a{color:#fff;font-weight:700;margin-left:5px}.status-dot{width:7px;height:7px;background:#34d7b4;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(52,215,180,.1)}.site-header{height:80px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,233,242,.85)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-1.3px;line-height:1;color:var(--navy)}.brand-text>span{display:block;font-family:var(--font);font-size:9px;letter-spacing:2px;font-weight:700;color:#70809a;margin-top:5px}.brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;position:relative;gap:2px;transform:skew(-10deg)}.brand-mark span{width:8px;background:var(--blue);border-radius:3px;display:block;transform:skew(-12deg)}.brand-mark span:nth-child(1){height:20px;opacity:.7}.brand-mark span:nth-child(2){height:30px;background:var(--cyan)}.brand-mark span:nth-child(3){height:24px}.main-nav{display:flex;align-items:center;gap:33px}.main-nav>a:not(.nav-cta){font-size:12px;font-weight:700;color:#5d6b80;transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--blue)}.nav-cta{padding:12px 17px;background:var(--blue);color:#fff;border-radius:7px;font-size:12px;font-weight:700;box-shadow:0 7px 16px #176cff25;transition:transform .2s,box-shadow .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px #176cff35}.nav-cta span{padding-left:8px}.menu-toggle{display:none;background:none;border:0}.hero{background:radial-gradient(ellipse at 78% 40%,#173f6e 0,transparent 38%),linear-gradient(112deg,#07162d 0%,#0b2140 58%,#0c2748 100%);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,black,transparent 95%);pointer-events:none}.hero-layout{min-height:620px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:35px;padding-top:38px;padding-bottom:35px;position:relative;z-index:1}.hero-copy{max-width:535px;padding:24px 0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:1.65px;color:var(--cyan);line-height:1.4}.eyebrow-line{height:2px;width:24px;background:currentColor;display:inline-block}.hero h1,.page-hero h1{font-family:var(--display);font-size:clamp(42px,5.2vw,66px);line-height:1.09;letter-spacing:-3.6px;font-weight:800;margin:23px 0 22px;max-width:640px}.hero h1 span,.page-hero h1 span,.section-heading h2 span,.approach-copy h2 span,.detail-copy h2 span,.about-copy h2 span,.expertise-layout h2 span{color:var(--cyan)}.hero-intro{color:#bdc9da;max-width:470px;font-size:15px;line-height:1.85;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:7px;padding:14px 19px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;line-height:1.4}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(23,108,255,.24)}.btn-primary:hover{background:#075be8;box-shadow:0 12px 26px rgba(23,108,255,.3)}.btn-ghost{border-color:#52647d;color:#fff;background:rgba(255,255,255,.025)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.btn-dark{background:var(--navy);color:#fff}.btn-white{background:#fff;color:var(--navy);box-shadow:0 10px 25px #0002}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:47px}.avatar-stack{display:flex;align-items:center}.avatar-stack span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#1d4770;border:2px solid #0b1e39;color:#a6f7ff;font-size:9px;font-weight:800;margin-right:-7px}.avatar-stack span:nth-child(2){background:#483c84;color:#e3d8ff}.avatar-stack span:nth-child(3){background:#e7f4ff;color:#0e3760}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#91a5bf;margin-top:2px}.hero-art{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center}.hero-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:#1c7bff30;filter:blur(70px)}.orbit{position:absolute;border:1px solid #5e95c62b;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:460px;height:300px}.orbit-two{width:370px;height:450px;transform:rotate(50deg)}.dashboard-card{position:relative;z-index:2;width:min(440px,94%);border:1px solid #9db8d53d;border-radius:14px;background:linear-gradient(140deg,rgba(18,43,74,.96),rgba(9,25,48,.97));box-shadow:0 30px 90px #0005;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.dash-top{height:43px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;gap:12px;padding:0 16px;font-size:8px;color:#738eae;letter-spacing:1px}.window-dots{display:flex;gap:4px}.window-dots i,.mock-toolbar>span{width:6px;height:6px;background:#ff6d78;border-radius:50%;display:inline-block}.window-dots i:nth-child(2),.mock-toolbar>span:nth-child(2){background:#f8c65a}.window-dots i:nth-child(3),.mock-toolbar>span:nth-child(3){background:#46d7ae}.live-pill{margin-left:auto;color:#54e4c0;font-size:7px;letter-spacing:.5px}.dash-heading{padding:24px 24px 13px;display:flex;justify-content:space-between;align-items:center}.dash-heading small,.metric small{font-size:8px;color:#7892b0;letter-spacing:1.1px;font-weight:700}.dash-heading h3{font-family:var(--display);font-size:18px;margin:5px 0 0;letter-spacing:-.5px}.dash-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#57dff2;background:#2b9fe91c;font-size:20px}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 24px}.metric{padding:13px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff05}.metric strong{display:block;font-family:var(--display);font-size:19px;margin:3px 0}.metric-up{font-size:9px;color:#49dbb8}.chart-area{margin:15px 24px 0;padding:14px 13px 10px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff04}.chart-label{display:flex;justify-content:space-between;font-size:8px;color:#a9bad0}.chart-label span:last-child{color:#607d9e}.chart-bars{height:86px;display:flex;align-items:end;gap:7px;padding-top:12px;border-bottom:1px solid #ffffff16;background:repeating-linear-gradient(to bottom,transparent 0,transparent 20px,#ffffff0c 21px)}.chart-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to top,#176cff,#34d5e6);opacity:.82;min-height:8px}.chart-bars i:nth-child(3n){opacity:.45}.chart-axis{display:flex;justify-content:space-between;font-size:7px;color:#6d85a2;margin-top:7px}.dash-bottom{margin-top:15px;border-top:1px solid #ffffff12;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8da5bf}.dash-bottom .status-dot{width:5px;height:5px;margin-right:6px}.mini-arrow{font-size:16px;color:var(--cyan)}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(14,38,67,.95);border:1px solid #9bb8d633;border-radius:9px;padding:11px 14px;box-shadow:0 14px 30px #0002;backdrop-filter:blur(12px)}.chip-top{top:52px;right:-7px}.chip-bottom{bottom:48px;left:-17px}.chip-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:17px}.chip-icon.cyan{color:#50e0f2;background:#39d8e51b}.chip-icon.violet{color:#c1adff;background:#a185ff20}.floating-chip small,.floating-chip strong{display:block}.floating-chip small{font-size:8px;color:#91a6c0}.floating-chip strong{font-size:10px;color:#fff;margin-top:2px}.hero-stamp{position:absolute;bottom:4px;right:5px;display:flex;align-items:center;gap:8px;color:#8fa6c1;font-size:7px;letter-spacing:1px}.hero-stamp>span{font-family:var(--display);font-size:26px;font-weight:800;color:#ffffff26}.hero-foot{height:48px;border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;color:#7187a2;font-size:8px;letter-spacing:1.4px;position:relative;z-index:1}.scroll-mark{color:var(--cyan);font-size:15px;margin-right:9px}.trust-strip{border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.trust-inner>p{font-size:10px;color:#8b97a9;max-width:180px;line-height:1.5;margin:0}.client-logos{display:flex;align-items:center;justify-content:space-between;gap:clamp(15px,3.5vw,48px);flex:1}.client-logos span{font-family:var(--display);font-weight:800;font-size:clamp(10px,1.2vw,15px);color:#8b98aa;letter-spacing:-.4px;white-space:nowrap}.client-logos span:nth-child(2){letter-spacing:1px}.section{padding:100px 0}.section-services{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.dark-eyebrow{color:var(--blue)}.section-heading h2,.approach-copy h2,.detail-copy h2,.about-copy h2,.expertise-layout h2{font-family:var(--display);font-size:clamp(32px,4vw,46px);line-height:1.17;letter-spacing:-2px;margin:16px 0 0;font-weight:800}.section-heading h2 span,.approach-copy h2 span,.detail-copy h2 span,.about-copy h2 span,.expertise-layout h2 span{color:var(--blue)}.heading-side{max-width:390px}.heading-side p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 14px}.text-link{font-size:12px;font-weight:800;color:var(--blue);display:inline-flex;align-items:center;gap:12px}.text-link span{font-size:17px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);border-radius:11px;padding:24px 22px 21px;background:#fff;min-height:242px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);border-color:#bfd4ff;box-shadow:var(--shadow)}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#eaf2ff;color:var(--blue);font-size:23px;font-weight:700}.card-arrow{font-size:17px;color:#9aa8ba;transition:transform .2s}.service-card:hover .card-arrow{color:var(--blue);transform:translate(2px,-2px)}.service-card h3{font-family:var(--display);font-size:16px;letter-spacing:-.5px;margin:0 0 9px}.service-card p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 18px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag-row span,.aside-tags span{font-size:9px;font-weight:700;color:#5f6f84;background:#f2f5f9;border-radius:4px;padding:5px 7px}.approach-section{background:var(--pale);overflow:hidden}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.approach-visual{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center}.approach-visual:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#d9e8ff;filter:blur(1px)}.visual-orb{position:absolute;border:1px solid #9cb9ed80;border-radius:50%;z-index:1}.orb-a{width:390px;height:280px;transform:rotate(-32deg)}.orb-b{width:290px;height:390px;transform:rotate(36deg)}.approach-window{position:relative;z-index:2;width:360px;background:var(--navy);border:1px solid #294a72;border-radius:13px;overflow:hidden;box-shadow:0 30px 70px #17355a25;transform:rotate(-3deg)}.approach-window-head{height:38px;display:flex;align-items:center;gap:13px;padding:0 14px;border-bottom:1px solid #ffffff14;color:#7f96b6;font-size:8px;letter-spacing:1.2px}.approach-big{padding:31px 25px 25px;font-family:var(--display);font-size:27px;font-weight:800;line-height:1.3;letter-spacing:-1px;color:#fff}.approach-big span{color:var(--cyan)}.approach-flow{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;margin:0 20px;border:1px solid #ffffff1b;border-radius:7px;color:#c8d5e5;font-size:9px}.approach-flow b{color:var(--cyan);font-size:15px}.approach-lines{padding:22px 25px 25px;display:grid;gap:8px}.approach-lines i{height:5px;border-radius:4px;background:#ffffff15}.approach-lines i:nth-child(1){width:90%;background:linear-gradient(90deg,#176cff,#2cd6e6)}.approach-lines i:nth-child(2){width:65%}.approach-lines i:nth-child(3){width:78%}.floating-note{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px #0b234414;border-radius:7px;padding:10px 13px;font-size:10px;font-weight:800;color:var(--ink)}.note-a{top:50px;right:0}.note-b{bottom:54px;left:0}.approach-copy h2{font-size:clamp(32px,3.6vw,43px)}.large-copy{font-size:14px;line-height:1.9;color:var(--muted);margin:20px 0 25px}.approach-points{display:grid;gap:21px;margin-bottom:28px}.approach-points>div{display:grid;grid-template-columns:35px 1fr;gap:14px}.point-number{font-family:var(--display);font-size:12px;color:var(--blue);font-weight:800;padding-top:2px}.approach-points h3{font-family:var(--display);font-size:14px;margin:0 0 4px}.approach-points p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.portfolio-preview{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;min-width:0}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c7d9f7}.project-visual{height:218px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#dfeeff,#f4f8ff)}.project-visual:before,.project-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #4387ed24}.project-visual:before{width:320px;height:320px}.project-visual:after{width:235px;height:235px}.visual-dashboard{background:linear-gradient(135deg,#d9e9ff,#eff4ff)}.visual-support{background:linear-gradient(135deg,#d8f6f2,#eaf8ff)}.visual-message{background:linear-gradient(135deg,#e1e1ff,#f2efff)}.visual-analytics{background:linear-gradient(135deg,#d9f2e9,#f1fbf7)}.visual-health{background:linear-gradient(135deg,#e1f1ff,#f4f9ff)}.visual-inventory{background:linear-gradient(135deg,#f9e7d9,#fff7ef)}.mock-window{position:relative;z-index:2;width:76%;height:68%;border:1px solid #cad7e9;border-radius:7px;background:#fff;box-shadow:0 14px 30px #17355a22;overflow:hidden;transform:perspective(800px) rotateY(-5deg) rotateX(2deg);transition:transform .3s}.project-card:hover .mock-window{transform:perspective(800px) rotateY(0) rotateX(0) translateY(-3px)}.mock-toolbar{height:22px;border-bottom:1px solid #e8edf5;display:flex;align-items:center;gap:3px;padding:0 7px}.mock-toolbar>span{width:4px;height:4px}.mock-toolbar b{font-size:5px;letter-spacing:.7px;color:#7f8da2;margin-left:7px}.mock-content{height:calc(100% - 22px);display:flex}.mock-sidebar{width:19%;background:#102a4d;display:flex;flex-direction:column;gap:10px;padding:14px 6px}.mock-sidebar i{height:3px;background:#8da5c6;border-radius:3px;opacity:.7}.mock-sidebar i:first-child{background:#38d8e9}.mock-main{flex:1;padding:13px 11px}.mock-line{height:5px;width:45%;background:#d6e0ed;border-radius:3px;margin:6px 0}.mock-line.long{width:72%;height:7px;background:#526f9a}.mock-stats{display:flex;gap:6px;margin:13px 0}.mock-stats i{height:26px;flex:1;border:1px solid #dce6f2;border-radius:3px;background:linear-gradient(180deg,#f6f9fd,#e7f0ff)}.mock-stats i:nth-child(2){background:linear-gradient(180deg,#e5fffb,#c9f2ed)}.mock-table{display:grid;gap:4px}.mock-table i{height:4px;border-radius:2px;background:#e9eef5}.mock-table i:nth-child(2n){width:80%}.project-symbol{position:absolute;z-index:3;right:18px;bottom:13px;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 6px 20px #17355a20;font-size:20px}.project-info{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}.project-category{font-size:9px;font-weight:800;letter-spacing:1.1px;color:var(--blue);text-transform:uppercase}.project-info h3{font-family:var(--display);font-size:17px;letter-spacing:-.6px;margin:8px 0 9px;line-height:1.35}.project-info p{font-size:11px;line-height:1.75;color:var(--muted);margin:0 0 20px}.project-link{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:10px;font-weight:800;margin-top:auto}.project-link b{font-size:15px}.cta-section{background:linear-gradient(110deg,#07172e,#102d53);color:#fff;position:relative;overflow:hidden}.cta-inner{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:65px;padding-bottom:65px;position:relative}.cta-copy{position:relative;z-index:2}.cta-copy h2{font-family:var(--display);font-size:clamp(33px,4.2vw,48px);line-height:1.15;letter-spacing:-2px;margin:16px 0 12px}.cta-copy p{color:#a9bad0;font-size:13px;max-width:470px;margin:0}.cta-inner>.btn{position:relative;z-index:2;flex-shrink:0}.cta-decoration{position:absolute;width:420px;height:420px;border:1px solid #ffffff0b;border-radius:50%;right:7%;top:-80px}.cta-decoration:before,.cta-decoration:after{content:"";position:absolute;inset:35px;border:1px solid #ffffff0b;border-radius:50%}.cta-decoration:after{inset:75px}.cta-decoration span{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;top:48px;left:80px;box-shadow:0 0 18px var(--cyan)}.cta-decoration span:nth-child(2){top:260px;left:30px;background:var(--blue)}.cta-decoration span:nth-child(3){top:160px;right:35px;background:var(--violet)}.site-footer{background:#061328;color:#fff}.footer-top{padding-top:65px;padding-bottom:52px;display:grid;grid-template-columns:1.4fr .7fr .9fr 1.1fr;gap:55px}.brand-light{color:#fff}.brand-light .brand-text>span{color:#8094af}.footer-brand-col>p{font-size:11px;color:#8ea0b8;max-width:210px;margin:18px 0}.footer-location{font-size:9px;color:#7e92ac;display:flex;align-items:center;gap:8px}.footer-location .status-dot{width:6px;height:6px}.footer-top h4{font-family:var(--display);font-size:12px;margin:3px 0 18px}.footer-top>div:not(:first-child)>a:not(.footer-link){display:block;color:#91a1b8;font-size:11px;margin:11px 0;transition:color .2s}.footer-top>div>a:hover{color:#fff}.footer-contact p{font-size:11px;color:#8ea0b8;line-height:1.8;margin:0 0 15px}.footer-link{display:inline-flex;gap:10px;color:var(--cyan);font-size:11px;font-weight:800}.footer-bottom{border-top:1px solid #ffffff12;min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#62758f;font-size:9px}.page-hero{background:linear-gradient(115deg,#07172e,#102f57);color:#fff;position:relative;overflow:hidden}.page-hero-inner{padding-top:95px;padding-bottom:95px;min-height:350px;position:relative;z-index:1}.page-hero h1{font-size:clamp(43px,5.3vw,62px);margin:18px 0 16px}.page-hero h1 span{color:var(--cyan)}.page-hero p{font-size:14px;color:#b3c3d7;max-width:560px;line-height:1.85;margin:0 0 26px}.page-hero-orb{position:absolute;width:470px;height:470px;border-radius:50%;right:4%;top:-90px;border:1px solid #7cb5e71c;box-shadow:0 0 0 55px #7cb5e708,0 0 0 110px #7cb5e705}.page-hero-orb:after{content:"";position:absolute;inset:75px;border:1px solid #7cb5e71b;border-radius:50%}.service-grid-full{grid-template-columns:repeat(3,1fr)}.service-card-static{min-height:290px}.service-card-static .text-link{margin-top:24px;font-size:10px}.service-index{font-family:var(--display);font-size:11px;color:#a8b5c5;font-weight:800}.process-section{background:var(--pale)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.process-grid>div{border-top:1px solid #d8e1ed;padding-top:19px}.process-grid>div>span{font-family:var(--display);font-weight:800;color:var(--blue);font-size:12px}.process-grid h3{font-family:var(--display);font-size:17px;margin:11px 0 7px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.portfolio-hero .page-hero-inner{min-height:385px}.portfolio-count{position:absolute;right:5%;bottom:85px;display:flex;align-items:center;gap:15px;border-left:1px solid #ffffff30;padding-left:20px}.portfolio-count strong{font-family:var(--display);font-size:36px;color:var(--cyan)}.portfolio-count span{font-size:10px;color:#9fb2ca;line-height:1.6}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.portfolio-toolbar h2{font-family:var(--display);font-size:35px;line-height:1.2;letter-spacing:-1.5px;margin:13px 0 0}.portfolio-toolbar h2 span{color:var(--blue)}.filter-list{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.filter-chip{border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:#6d7a8d;font-size:10px;font-weight:700;transition:all .2s}.filter-chip:hover,.filter-chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.project-grid-all{row-gap:25px}.project-grid-all .project-visual{height:230px}.project-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.project-number{font-size:9px;color:#a0acbb;font-weight:700}.portfolio-note{font-size:10px;color:#7c899b;background:#f6f8fb;border-left:2px solid #9eb7dc;padding:12px 15px;margin:28px 0 0;line-height:1.7}.back-link{display:inline-block;font-size:11px;color:#a9bfd8;margin-bottom:26px}.back-link:hover{color:#fff}.detail-hero .page-hero-inner{padding-top:54px;padding-bottom:68px;min-height:370px}.detail-hero h1{max-width:760px}.detail-tags{margin-top:25px}.detail-tags span{background:#ffffff12;color:#d3dfef;border:1px solid #ffffff12}.detail-layout{display:grid;grid-template-columns:1fr 280px;gap:55px;align-items:start}.detail-visual{height:370px;border-radius:12px;margin-bottom:55px}.detail-visual .mock-window{width:75%;height:67%}.detail-copy h2{font-size:34px;margin:15px 0 17px}.detail-copy>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:700px}.case-block{padding:23px 0;border-bottom:1px solid var(--line)}.case-block span{font-size:9px;letter-spacing:1.3px;color:var(--blue);font-weight:800}.case-block p{font-size:13px;color:#4f6076;line-height:1.8;margin:9px 0 0}.aside-card{border:1px solid var(--line);border-radius:11px;padding:23px;position:sticky;top:105px}.aside-card h3{font-family:var(--display);font-size:18px;margin:14px 0 3px}.aside-card>p{font-size:10px;color:var(--muted);margin:0}.aside-divider{height:1px;background:var(--line);margin:20px 0}.aside-card h4{font-size:11px;margin:0 0 10px}.aside-tags{display:flex;flex-wrap:wrap;gap:6px}.aside-small{font-size:10px!important;line-height:1.7;margin-bottom:18px!important}.btn-full{width:100%;gap:10px}.related-section{background:var(--pale)}.about-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:center}.about-mark{min-height:340px;background:linear-gradient(145deg,#0a1d39,#143c6b);border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:#fff;box-shadow:0 22px 50px #0c2b4d1a}.about-mark:before,.about-mark:after{content:"";position:absolute;border:1px solid #ffffff18;border-radius:50%;width:290px;height:290px}.about-mark:after{width:210px;height:210px}.brand-mark-large{width:75px;height:75px;transform:scale(1.6);margin-bottom:25px;z-index:1}.about-mark>span:not(.brand-mark){z-index:1;font-family:var(--display);font-weight:800;letter-spacing:2px;font-size:17px;text-align:center;line-height:1.4}.about-mark small{z-index:1;font-size:8px;letter-spacing:2px;color:#9eb9d7;margin-top:17px}.about-copy h2{font-size:39px;margin-bottom:21px}.about-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 16px}.about-copy .btn{margin-top:12px}.values-section{background:var(--pale)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.values-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px;position:relative;min-height:230px}.values-grid article>span{font-family:var(--display);font-size:10px;color:#9ba9bb;font-weight:800;position:absolute;right:20px;top:20px}.value-icon{width:40px;height:40px;border-radius:9px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:22px}.values-grid h3{font-family:var(--display);font-size:15px;margin:0 0 8px}.values-grid p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.expertise-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.expertise-layout>div:first-child>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:460px;margin-top:22px}.expertise-list>div{display:grid;grid-template-columns:35px 1fr;gap:4px 10px;padding:17px 0;border-bottom:1px solid var(--line)}.expertise-list>div>span{grid-row:span 2;color:var(--blue);font-size:10px;font-weight:800;padding-top:3px}.expertise-list b{font-size:12px}.expertise-list small{font-size:10px;color:var(--muted)}.contact-hero .page-hero-inner{min-height:335px;padding-top:76px;padding-bottom:75px}.contact-section{background:var(--pale)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-info{padding-top:17px}.contact-info h2{font-family:var(--display);font-size:37px;letter-spacing:-1.7px;line-height:1.2;margin:16px 0}.contact-info h2 span{color:var(--blue)}.contact-info .large-copy{margin:18px 0 27px}.contact-benefits{display:grid;gap:17px}.contact-benefits>div{display:flex;align-items:flex-start;gap:12px}.contact-benefits>div>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e4f9f3;color:#139b78;font-size:12px;font-weight:800;flex-shrink:0}.contact-benefits b,.contact-benefits small{display:block}.contact-benefits b{font-size:12px}.contact-benefits small{font-size:10px;color:var(--muted);line-height:1.7;margin-top:3px}.contact-note{margin-top:35px;padding:16px;border:1px solid #dfe7f1;border-radius:8px;display:flex;gap:12px;background:#fff}.note-icon{width:33px;height:33px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);border-radius:8px;flex-shrink:0}.contact-note b{font-size:11px}.contact-note p{font-size:10px;color:var(--muted);line-height:1.7;margin:4px 0 0}.contact-form-card{padding:30px;background:#fff;border:1px solid #e5ebf3;border-radius:12px;box-shadow:0 20px 50px #17355a09}.form-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.form-heading span{font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--blue)}.form-heading small{font-size:9px;color:#98a4b5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.form-grid label{font-size:10px;font-weight:800;color:#33455e;display:flex;flex-direction:column;gap:7px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dfe6ef;border-radius:6px;padding:12px 11px;color:var(--ink);font-size:11px;outline:none;background:#fff;transition:border-color .2s,box-shadow .2s}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#a6b0bf}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7ca8ff;box-shadow:0 0 0 3px #176cff12}.form-grid textarea{resize:vertical;min-height:120px;line-height:1.7}.full-field{grid-column:1/-1}.privacy-check{display:flex;align-items:flex-start;gap:9px;color:#6f7d90;font-size:9px;line-height:1.6;margin:18px 0}.privacy-check input{accent-color:var(--blue);margin-top:2px}.contact-form-card .btn{margin-top:2px}.form-footnote{font-size:9px;color:#9aa5b4;line-height:1.7;margin:12px 0 0;text-align:center}.messages{padding-top:14px}.message{padding:12px 15px;border-radius:7px;font-size:12px;margin-bottom:10px}.message.success{background:#e8faf3;color:#126a4d}.message.error{background:#fff0f0;color:#9b2525}.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}.reveal.revealed{opacity:1;transform:translateY(0)}
@media(min-width:1400px){.hero-layout{min-height:660px}.hero-art{transform:scale(1.04)}}
@media(max-width:1050px){.main-nav{gap:20px}.hero-layout{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:53px}.hero-art{transform:scale(.93)}.service-grid{grid-template-columns:repeat(2,1fr)}.approach-layout{gap:45px}.footer-top{gap:30px}.project-grid{gap:14px}.project-info{padding:19px}.approach-visual{transform:scale(.92)}.about-intro,.expertise-layout{gap:55px}.contact-layout{gap:40px}}
@media(max-width:760px){.container{width:min(100% - 34px,560px)}.announcement{font-size:9px;gap:7px}.site-header{height:70px}.brand{font-size:21px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;z-index:55}.menu-toggle span{width:22px;height:2px;background:var(--navy);display:block}.main-nav{position:fixed;z-index:54;inset:0;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:80px 35px 35px;gap:0;transform:translateX(100%);transition:transform .28s ease}.main-nav.is-open{transform:translateX(0)}.main-nav>a:not(.nav-cta){font-size:19px;padding:17px 0;border-bottom:1px solid var(--line)}.nav-cta{text-align:center;margin-top:24px;padding:15px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:57px;padding-bottom:20px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,11vw,58px);letter-spacing:-2.7px;margin:18px 0}.hero-intro{font-size:13px}.hero-actions{gap:9px}.btn{padding:13px 14px;font-size:11px;gap:10px}.hero-proof{margin-top:28px}.hero-art{min-height:385px;margin:10px -10px 0;transform:none}.dashboard-card{width:min(420px,90%)}.chip-top{right:0;top:22px}.chip-bottom{left:0;bottom:20px}.floating-chip{padding:8px 10px}.floating-chip strong{font-size:9px}.hero-stamp{right:5px;bottom:-3px}.hero-foot{height:44px;font-size:7px}.trust-inner{padding:22px 0;display:block}.trust-inner>p{max-width:none;margin-bottom:17px}.client-logos{flex-wrap:wrap;justify-content:flex-start;gap:15px 23px}.client-logos span{font-size:11px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.approach-copy h2,.detail-copy h2,.about-copy h2,.expertise-layout h2{font-size:34px;letter-spacing:-1.5px}.heading-side{margin-top:18px}.heading-side p{font-size:12px}.service-grid,.service-grid-full{grid-template-columns:1fr 1fr;gap:11px}.service-card{padding:18px 15px;min-height:245px}.service-card-top{margin-bottom:19px}.service-icon{width:38px;height:38px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.tag-row span{font-size:8px}.approach-layout{grid-template-columns:1fr;gap:38px}.approach-visual{min-height:360px;transform:none;margin:0 -10px}.approach-visual:before{width:320px;height:320px}.approach-window{width:min(340px,86%)}.approach-big{font-size:24px}.note-a{right:0;top:22px}.note-b{left:0;bottom:24px}.approach-copy h2{max-width:440px}.project-grid{grid-template-columns:1fr;gap:17px}.project-visual{height:220px}.project-info{padding:20px}.project-info h3{font-size:17px}.project-info p{font-size:12px}.cta-inner{display:block;padding-top:57px;padding-bottom:58px}.cta-copy h2{font-size:37px}.cta-copy p{font-size:12px}.cta-inner>.btn{margin-top:25px}.cta-decoration{right:-200px;top:-10px}.footer-top{padding-top:45px;padding-bottom:30px;grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand-col{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom{min-height:65px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding-top:13px;padding-bottom:13px}.page-hero-inner{min-height:320px;padding-top:68px;padding-bottom:65px}.page-hero h1{font-size:clamp(42px,10vw,54px);letter-spacing:-2.6px}.page-hero p{font-size:12px}.page-hero-orb{right:-270px;top:-40px}.service-card-static{min-height:280px}.process-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.portfolio-hero .page-hero-inner{min-height:355px}.portfolio-count{position:relative;right:auto;bottom:auto;margin-top:28px;border-left:0;border-top:1px solid #ffffff30;padding:13px 0 0}.portfolio-toolbar{display:block}.portfolio-toolbar h2{font-size:32px}.filter-list{justify-content:flex-start;margin-top:20px}.filter-chip{font-size:9px;padding:7px 10px}.project-grid-all .project-visual{height:225px}.detail-hero .page-hero-inner{padding-top:35px;padding-bottom:50px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-visual{height:260px;margin-bottom:35px}.detail-copy h2{font-size:30px}.detail-aside{order:-1}.aside-card{position:static}.about-intro{grid-template-columns:1fr;gap:35px}.about-mark{min-height:280px}.about-copy h2{font-size:34px}.values-grid{grid-template-columns:1fr 1fr;gap:12px}.values-grid article{padding:19px;min-height:230px}.expertise-layout{grid-template-columns:1fr;gap:28px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-info h2{font-size:33px}.contact-form-card{padding:22px 17px}.form-heading{align-items:flex-start;gap:10px;flex-direction:column}.form-grid{grid-template-columns:1fr;gap:14px}.full-field{grid-column:auto}.contact-form-card .btn{width:100%}}
@media(max-width:390px){.container{width:calc(100% - 28px)}.service-grid,.service-grid-full{grid-template-columns:1fr}.service-card{min-height:0}.service-card p{margin-bottom:20px}.hero h1{font-size:41px}.hero-art{min-height:350px}.floating-chip{transform:scale(.88)}.chip-top{transform-origin:top right}.chip-bottom{transform-origin:bottom left}.values-grid{grid-template-columns:1fr}.values-grid article{min-height:0}.project-visual{height:195px}.hero-foot span:last-child{font-size:6px}.client-logos{gap:12px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}