:root{--navy:#061827;--ink:#101722;--blue:#248df1;--muted:#6e7279;--line:#edf0f2;--width:1245px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.5}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 64px),var(--width));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px;white-space:nowrap}.screen-reader-text:focus{clip:auto;width:auto;height:auto;background:#fff;padding:1rem;z-index:1000}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff}.header-inner{height:94px;display:flex;align-items:center;gap:32px}.brand{flex:0 0 auto}.brand-link{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:4px solid var(--blue);border-radius:16px;color:var(--blue);font-size:29px;line-height:1}.brand-name{font-size:25px;line-height:1.05;font-weight:800;white-space:nowrap}.brand-name small{display:block;margin-top:8px;font-size:12px;font-weight:400}.brand-image{max-width:260px;max-height:65px;width:auto;height:auto}.site-nav{margin-left:auto}.menu,.footer-menu{display:flex;align-items:center;list-style:none;gap:30px;margin:0;padding:0}.menu a{font-size:13px;font-weight:600}.menu a:hover,.menu a:focus-visible{color:#65b7ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 27px;min-height:49px;border-radius:16px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.header-button,.button-primary{background:var(--blue);color:#04182c}.header-button{margin-left:auto;padding-inline:28px}.button-outline{border:1px solid #d6e2ed;color:#fff;background:rgba(4,20,35,.28)}.menu-toggle{display:none}.hero{min-height:602px;position:relative;overflow:hidden;border-radius:0 0 52% 4% / 0 0 5% 4%;background:#061827;color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#061827 0%,rgba(6,24,39,.97) 23%,rgba(6,24,39,.55) 42%,transparent 62%),var(--hero-image);background-size:cover,auto 100%;background-repeat:no-repeat;background-position:center,right bottom}.hero-inner{position:relative;min-height:602px;display:flex;align-items:center;padding-top:100px;padding-bottom:22px}.hero-copy{width:min(46%,510px);position:relative;z-index:1}.kicker{margin:0 0 8px;font-size:11px;letter-spacing:.22em;font-weight:500}.hero-kicker{letter-spacing:.17em;color:#e3e8ee}.hero h1{font-size:clamp(40px,4.7vw,63px);line-height:1.01;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}.hero h1 span{display:block}.hero h1 .accent{color:var(--blue)}.hero-intro{max-width:480px;margin:0 0 22px;font-size:15px;line-height:1.34}.hero-actions{display:flex;gap:16px;align-items:center}.hero-promises{display:flex;align-items:flex-start;gap:28px;list-style:none;padding:0;margin:24px 0 0;font-size:12px;line-height:1.3}.hero-promises li{display:flex;gap:10px;min-width:0}.hero-promises li span{color:var(--blue);font-size:30px;line-height:1}.section{padding:42px 0 18px}.section-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);gap:48px;align-items:center;margin-bottom:28px}.section-heading h2,.cases-heading h2{max-width:700px;margin:0;font-size:clamp(27px,3vw,37px);line-height:1.08;letter-spacing:-.03em}.section-heading>p{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.services{padding-top:38px}.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.service-card{position:relative;min-height:284px;padding:21px 17px 52px;border:1px solid #f6f8fa;border-radius:17px;background:linear-gradient(135deg,#fff,#fbfcfd);box-shadow:0 10px 28px rgba(12,26,40,.035)}.service-card h3{margin:18px 0 9px;font-size:15px;line-height:1.18;letter-spacing:-.025em}.service-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.service-icon{display:block;width:43px;height:43px;color:#087aff;font-size:42px;line-height:1}.service-icon:before{display:block}.icon-server:before{content:'▤'}.icon-screen:before{content:'▣'}.icon-shield:before{content:'♢'}.icon-cloud:before{content:'☁'}.icon-people:before{content:'♧'}.icon-gear:before{content:'⚙'}.round-arrow{display:grid;place-items:center;position:absolute;bottom:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#f3f5f7;font-size:23px;line-height:1}.round-arrow:hover{background:#dcefff}.benefits{padding-top:55px}.benefits .section-heading{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:10px 0 28px}.benefit-grid article{display:flex;gap:16px;min-width:0}.benefit-icon{flex:0 0 46px;color:#087aff;font-size:42px;line-height:1}.icon-messages:before{content:'♧'}.icon-team:before{content:'♙'}.icon-check:before{content:'⬡'}.icon-heart:before{content:'♡'}.benefit-grid h3{font-size:15px;line-height:1.2;margin:3px 0 10px}.benefit-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 16px;border:1px solid #f7f8f9;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.025)}.stat{display:flex;align-items:center;gap:13px}.stat-icon{display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;border-radius:50%;background:#f3f5f7;font-size:29px}.stat strong{display:block;color:#087aff;font-size:24px;line-height:1.1}.stat small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.cases{padding-top:36px}.cases-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:19px}.all-cases{font-size:13px;font-weight:700;white-space:nowrap}.all-cases span{margin-left:12px;font-size:23px}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-card{display:flex;gap:10px;min-height:223px;padding:13px;border-radius:14px;border:1px solid #f4f5f6;box-shadow:0 9px 25px rgba(0,0,0,.025)}.case-text{display:flex;flex-direction:column;min-width:0;flex:1}.case-tag{align-self:flex-start;padding:6px 13px;background:#f2f2f2;border-radius:8px;color:#555;font-size:12px}.case-card h3{font-size:15px;line-height:1.2;margin:auto 0 10px}.case-card h3 a:hover{text-decoration:underline}.case-card p{margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.35}.case-picture{display:block;flex:0 0 36%;min-width:0;border-radius:8px;overflow:hidden;background:#d2e9f9}.case-picture img{width:100%;height:100%;object-fit:cover}.placeholder-office{background:linear-gradient(135deg,#c1d3dc,#738fa1 45%,#213442 46%,#bda487 70%,#344957)}.placeholder-support{background:linear-gradient(145deg,#b8c6d2 0 34%,#344559 35% 55%,#edf0f1 56% 67%,#5b7586 68%)}.placeholder-cloud{background:radial-gradient(ellipse at 46% 60%,#fff 0 17%,transparent 18%),radial-gradient(ellipse at 65% 67%,#fff 0 13%,transparent 14%),linear-gradient(#65b8f1,#d9edfa)}.cta-section{padding:14px 0 27px}.cta-panel{position:relative;display:flex;align-items:center;min-height:222px;gap:42px;overflow:hidden;padding:35px 44px;border-radius:25px;background:linear-gradient(90deg,#051827 0%,#061d30 50%,#092238 100%);color:#fff}.cta-panel:before{content:"";position:absolute;inset:0;background:var(--cta-image) center/cover no-repeat;opacity:.22;pointer-events:none}.cta-copy,.cta-actions,.cta-scribble{position:relative}.cta-copy{flex:1}.cta-copy h2{max-width:470px;margin:0 0 14px;font-size:clamp(28px,3.1vw,39px);line-height:1.1}.cta-copy p{max-width:410px;margin:0;font-size:14px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.cta-actions>a:last-child{border-bottom:1px solid #fff;font-size:13px}.cta-actions>a:last-child span{margin-left:12px}.cta-scribble{font-family:"Comic Sans MS",cursive;font-size:16px;line-height:1.55;transform:rotate(-10deg);text-align:center}.site-footer{background:#061827;color:#a8b7c4}.footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-menu{gap:18px}.inner-page{min-height:60vh;padding-top:140px;padding-bottom:80px}.inner-page h1{font-size:clamp(32px,4vw,52px)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{padding:20px;border:1px solid var(--line);border-radius:14px}.post-card img{border-radius:8px}.post-card h2{font-size:20px}.entry-content{max-width:800px}.entry-content a{text-decoration:underline;color:#126cc1}:focus-visible{outline:3px solid #f4a341;outline-offset:3px}
@media(max-width:1100px){.container{width:min(calc(100% - 48px),var(--width))}.header-inner{gap:18px}.menu{gap:17px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{min-height:245px}.hero-copy{width:52%}.hero:before{background-position:center,60% bottom}.benefit-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.cases-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header-inner{height:76px}.brand-name{font-size:19px}.brand-name small{font-size:10px}.brand-mark{width:40px;height:40px}.menu-toggle{display:block;margin-left:auto;padding:8px;border:1px solid #7891a5;background:transparent;color:#fff;border-radius:8px;font-size:22px}.site-nav{display:none;position:absolute;top:75px;left:18px;right:18px;margin:0;padding:12px;border:1px solid #35536b;border-radius:12px;background:#071827}.site-nav.is-open{display:block}.menu{display:block}.menu li a{display:block;padding:10px;font-size:15px}.header-button{display:none}.hero,.hero-inner{min-height:760px}.hero{border-radius:0 0 35px 35px}.hero:before{background-image:linear-gradient(180deg,#061827 0%,#061827 13%,rgba(6,24,39,.85) 43%,rgba(6,24,39,.1) 70%),var(--hero-image);background-size:cover,auto 54%;background-position:center,right bottom}.hero-inner{align-items:flex-start;padding-top:116px}.hero-copy{width:100%}.hero h1{font-size:clamp(40px,9vw,62px)}.hero-intro{max-width:560px}.hero-promises{max-width:580px}.section-heading,.benefits .section-heading{display:block}.section-heading>p{max-width:560px}.service-grid{grid-template-columns:repeat(2,1fr)}.cases-grid{grid-template-columns:1fr}.case-card{min-height:200px}.cta-panel{flex-wrap:wrap;gap:20px}.cta-copy{flex-basis:100%}.cta-scribble{margin-left:auto}.posts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero,.hero-inner{min-height:790px}.hero:before{background-size:cover,auto 42%;background-position:center,57% bottom}.hero h1{font-size:clamp(38px,11vw,55px)}.hero-kicker{font-size:9px}.hero-intro{font-size:14px}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions .button{padding:12px 15px;min-height:44px}.hero-promises{gap:12px;font-size:10px}.hero-promises li{display:block;flex:1}.hero-promises li span{display:block}.service-grid{gap:8px}.service-card{min-height:265px;padding:16px 12px 50px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.section-heading h2,.cases-heading h2{font-size:27px}.benefit-grid{grid-template-columns:1fr;gap:20px}.stats{gap:8px;padding:10px}.stat{gap:7px}.stat-icon{flex-basis:34px;width:34px;height:34px;font-size:19px}.stat strong{font-size:19px}.stat small{font-size:10px}.cases-heading{align-items:start;flex-direction:column}.cta-panel{padding:28px 22px}.cta-scribble{display:none}.footer-inner{display:block;padding-block:25px}.footer-menu{flex-wrap:wrap}.posts-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.placeholder-office{background:url('../images/case-office-original.webp') center/cover no-repeat}.placeholder-support{background:url('../images/case-support-original.webp') center/cover no-repeat}.placeholder-cloud{background:url('../images/case-cloud-original.webp') center/cover no-repeat}
.cta-panel:before{background-image:var(--cta-image,url('../images/cta-original.webp'));background-position:center;background-size:cover;opacity:.76}
body:not(.home) .site-header{position:relative;background:#061827}body:not(.home) .inner-page{padding-top:65px}
/* Corrections against the supplied 948px reference artwork. */
.container{max-width:1245px}
.brand-mark{display:block;width:48px;height:49px;border:0;border-radius:0;object-fit:contain}
.icon{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.service-icon{width:43px;height:43px;color:#087aff}
.service-icon:before,.benefit-icon:before{content:none}
.benefit-icon{width:46px;height:46px;flex:0 0 46px;color:#087aff}
.hero-promises li .icon{width:28px;height:30px;flex:0 0 28px;color:var(--blue)}
.stat-icon .icon{width:25px;height:25px;stroke:#101722;stroke-width:2.4}
.placeholder-office{background-image:url('../images/case-office-original.webp')}
.placeholder-support{background-image:url('../images/case-support-original.webp')}
.placeholder-cloud{background-image:url('../images/case-cloud-original.webp')}
.cta-panel{display:grid;grid-template-columns:minmax(0,1fr) 200px 120px;gap:22px;isolation:isolate}
.cta-panel:before{inset:0 auto 0 40%;width:27%;background-image:var(--cta-image,url('../images/cta-original.webp'));background-position:center bottom;background-size:cover;opacity:1;z-index:-1}
.cta-copy h2{max-width:560px;font-size:clamp(28px,3vw,38px)}
.cta-actions{align-self:center}
.cta-scribble{font-size:15px;line-height:1.5}
@media(max-width:760px){.cta-panel{display:flex;flex-wrap:wrap}.cta-panel:before{left:42%;width:55%;opacity:.5}.cta-copy{flex-basis:100%}.hero-promises li .icon{margin-bottom:2px}}
@media(max-width:520px){.brand-mark{width:40px;height:41px}.cta-panel:before{left:35%;width:65%;opacity:.28}.hero-promises li .icon{display:block}}
.cta-panel:before{z-index:0}.cta-copy,.cta-actions,.cta-scribble{z-index:1}
/* v1.2: keep the reference's six/four/three-column composition at 948px. */
@media(min-width:900px){
  .service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cases-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-card{min-height:clamp(218px,23vw,313px)}
  .hero,.hero-inner{min-height:clamp(460px,48.5vw,660px)}
  .hero-inner{padding-top:clamp(80px,8vw,110px)}
  .hero:before{inset:12.6% 0 0;background-size:cover,auto 100%;background-position:center,right bottom}
}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#061827 0%,#061827 64%,rgba(6,24,39,.84) 82%,transparent 100%) left bottom/58% 150px no-repeat}
.hero-copy{z-index:2}
.cta-panel:before{mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%)}
@media(max-width:899px){.hero:after{background-size:75% 110px}}
@media(max-width:760px){.hero:before{inset:0}.hero:after{background:none}.cta-panel:before{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 80%,transparent)}}
/* v1.3: the source crop contains a fragment of the screenshot's original caption.
   Cover that fragment at the foot of the hero without obscuring the cat and desk. */
@media(min-width:761px){
  .hero:after{background:linear-gradient(90deg,#061827 0%,#061827 79%,rgba(6,24,39,.96) 87%,transparent 100%) left bottom/66% 165px no-repeat}
}
@media(max-width:760px){
  .hero:after{background:linear-gradient(90deg,#061827 0%,#061827 75%,transparent 100%) left bottom/52% 62px no-repeat}
}
/* At tablet widths the full navigation otherwise exceeds the available header. */
@media(min-width:761px) and (max-width:850px){
  .header-inner{height:76px}
  .menu-toggle{display:block;margin-left:auto;padding:8px;border:1px solid #7891a5;background:transparent;color:#fff;border-radius:8px;font-size:22px}
  .site-nav{display:none;position:absolute;top:75px;left:24px;right:24px;margin:0;padding:12px;border:1px solid #35536b;border-radius:12px;background:#071827}
  .site-nav.is-open{display:block}
  .menu{display:block}
  .menu li a{display:block;padding:10px;font-size:15px}
  .header-button{display:none}
}
/* v1.4: follow the reference proportions across desktop widths. */
@media(min-width:900px){
  .container{width:91.4%;max-width:1600px}
  .hero,.hero-inner{min-height:48.5vw}
  .hero{border-radius:0 0 50% 5% / 0 0 5% 5%}
  .hero-inner{align-items:flex-start;padding-top:11.5vw;padding-bottom:3vw}
  .hero-copy{width:50%;max-width:none}
  .hero h1{font-size:clamp(40px,3.85vw,68px);line-height:1.04;letter-spacing:-.035em;margin-bottom:20px}
  .hero h1 .accent{white-space:nowrap}
  .hero-intro{max-width:37vw;font-size:clamp(14px,1.32vw,21px);line-height:1.38;margin-bottom:24px}
  .hero:before{inset:12.6% 0 0;background-image:linear-gradient(180deg,#061827 0%,rgba(6,24,39,.55) 4%,transparent 12%),linear-gradient(90deg,#061827 0%,rgba(6,24,39,.98) 27%,rgba(6,24,39,.72) 39%,rgba(6,24,39,.28) 51%,transparent 63%),var(--hero-image);background-size:cover,cover,auto 100%;background-position:center,center,right bottom}
  .hero:after{background:linear-gradient(90deg,#061827 0%,#061827 79%,rgba(6,24,39,.96) 87%,transparent 100%) left bottom/66% 19vw no-repeat}
  .hero-lamp{display:block;position:absolute;z-index:1;left:71.5%;top:0;width:11.5%;height:13%;pointer-events:none;background:url('../images/reference-original.png') -71.5vw top/100vw auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent)}
  .services{padding-top:3.2vw}
  .section-heading h2,.cases-heading h2{font-size:3vw;max-width:70vw}
  .section-heading>p{font-size:clamp(14px,1.18vw,19px)}
  .service-card{min-height:23vw}
}
@media(max-width:899px){.hero-lamp{display:none}}