:root{--bg:#070b18;--paper:#0e1528;--ink:#f3f7ff;--muted:#9aa8c3;--line:rgba(154,175,223,.14);--blue:#3b82f6;--violet:#6366f1;--cyan:#22d3ee;--max:1180px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:'';position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;background:radial-gradient(ellipse at 76% 26%,#15255b50,transparent 46%)}a{text-decoration:none;color:inherit}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#3b82f6;color:white}.container{width:min(var(--max),calc(100% - 64px));margin:auto}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0}h2{font-size:46px;line-height:1.13;letter-spacing:-2px}p{line-height:1.75}.nav{height:91px;background:#070b18db;backdrop-filter:blur(20px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.navin{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;font:600 24px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.9px}.logo small{display:block;font:500 8px/1 'DM Sans',sans-serif;letter-spacing:3.1px;margin-top:7px;color:#aebbd4}.logoMark{position:relative;display:grid;place-items:center;width:40px;height:43px;font-size:29px;font-weight:700;background:linear-gradient(145deg,#407ffd,#1b42af);border:1px solid #6d9af85c;border-radius:11px 11px 11px 3px;box-shadow:0 0 24px #2563eb25;overflow:hidden}.logoMark>span{position:absolute;width:22px;height:2px;background:#94baff;transform:rotate(-45deg);right:-8px;bottom:8px}.navlinks{display:flex;gap:28px;color:#b1bad0;font-size:13px}.navlinks a{transition:color .2s}.navlinks a:hover,.navlinks a[aria-current]{color:#7eaaff}.nav-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:50px;padding:14px 21px;border-radius:8px;font-weight:600;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button span{font-size:19px;line-height:1}.navbtn{min-height:42px;font-size:12px;background:#152548;border:1px solid #3c5d95;gap:20px}.navbtn:hover{background:#203966}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;min-height:690px;padding-top:68px;padding-bottom:80px;position:relative}.hero-copy{position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:9px;color:#bac9ea;font-size:9px;letter-spacing:1.5px;font-weight:600;border:1px solid #6086cc36;border-radius:20px;background:#13234070;padding:9px 12px}.spark{color:#81a8ff;font-size:15px;line-height:1}h1{font-size:clamp(54px,5.9vw,78px);line-height:1.05;letter-spacing:-4.8px;margin:25px 0 23px;font-weight:600}.grad{background:linear-gradient(100deg,#7790ff 0%,#657dfa 36%,#33c9ec 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.heroText{font-size:16px;max-width:480px;color:var(--muted);line-height:1.85}.actions{display:flex;gap:13px;margin:29px 0 39px}.primary{border:1px solid #628efa8c;background:linear-gradient(130deg,#3778f6,#235bdd);box-shadow:0 5px 25px #2463eb25,inset 0 1px #ffffff15}.primary:hover{box-shadow:0 6px 30px #2463eb60}.secondary{background:#10182a;border:1px solid #a4b5e02b}.secondary:hover{background:#19263f}.stats{display:flex;gap:0;padding-top:24px;border-top:1px solid var(--line);max-width:447px}.stats>div{padding:0 27px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{display:block;font:500 26px 'Space Grotesk',sans-serif;letter-spacing:-1px}.stats strong span{color:#7391eb}.stats small{display:block;color:#8996b0;font-size:10px;margin-top:6px}.heroVisual{position:relative;height:522px;isolation:isolate}.hero-art{position:absolute;width:124%;height:108%;object-fit:cover;left:-12%;top:-8%;opacity:.8;z-index:-2;mask-image:radial-gradient(ellipse at center,black 20%,transparent 69%)}.visual-label{position:absolute;top:-6px;left:26px;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#6e86b4}.aiPanel{position:absolute;top:111px;left:45px;right:12px;border:1px solid #759adb40;border-radius:15px;overflow:hidden;background:linear-gradient(130deg,#17233ceb,#0c1426f5);box-shadow:0 30px 70px #0006,0 0 60px #335dfc13;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg)}.topbar{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;background:#ffffff02}.topbar>span:nth-child(2){margin-left:auto;font-size:8px;letter-spacing:1px;color:#8e9cb6}.dots{display:flex;gap:5px}.dots i{width:5px;height:5px;border-radius:50%;background:#455374}.dots i:first-child{background:#6889cc}.live-dot{width:6px;height:6px;border-radius:50%;background:#51d8b0;box-shadow:0 0 8px #51d8b050;display:inline-block}.panelBody{padding:21px}.miniLabel{font-size:8px;letter-spacing:1.6px;color:#7e9acf}.panelBody h3{font-size:23px;letter-spacing:-.6px;margin:8px 0}.panelBody p{font-size:10px;color:#98a7bf;margin:0}.aiCard{padding:15px;margin-top:18px;background:#0c1527bd;border:1px solid #7897c926;border-radius:10px}.row{display:flex;justify-content:space-between;align-items:center}.agent{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border:1px solid #638ce650;border-radius:8px;background:#315caf35;color:#8bb4ff;font-size:23px}.agent b{font-size:10px}.agent small{display:block;font-size:8px;margin-top:4px;color:#9aa8c3}.status{font-size:8px;color:#76debd;background:#49bf9510;border:1px solid #49bf9520;padding:5px 7px;border-radius:20px}.status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:3px}.wave{height:77px;display:flex;gap:4px;justify-content:center;align-items:center;overflow:hidden}.wave span{height:var(--height);width:4px;flex-shrink:0;border-radius:3px;background:linear-gradient(#6892ff,#29c5e5);animation:pulse 1.8s ease-in-out var(--delay) infinite}.quality{font-size:8px;color:#97a6bf}.quality b{font:500 13px 'Space Grotesk';color:#e0eaff}.quality b span{font-size:9px}.quality-track{margin-top:9px;background:#1c2943;height:3px;border-radius:5px}.quality-track>span{display:block;width:98.4%;height:100%;background:linear-gradient(90deg,#4479f3,#2bd6d5);border-radius:5px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.mini-stats>div{border:1px solid var(--line);background:#ffffff02;border-radius:8px;padding:12px 13px}.mini-stats>div>span{display:block;color:#8f9db8;font-size:7px;letter-spacing:1px}.mini-stats strong{display:block;margin-top:6px;font:500 21px 'Space Grotesk'}.mini-stats small{color:#56d5b9;font-size:12px;margin-left:5px}.float{position:absolute;display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,#1b2a48f5,#101c30f5);border:1px solid #729ce245;border-radius:11px;padding:12px 15px;box-shadow:0 12px 35px #0005;z-index:3;font-size:10px}.float small{display:block;font-size:8px;color:#9daecc;margin-top:5px}.float-icon{display:grid;place-items:center;background:#316ce825;border:1px solid #6394f330;border-radius:8px;width:32px;height:32px;color:#8fb4ff;font-size:24px}.f1{top:55px;left:4px;transform:rotate(-4deg)}.f2{bottom:0;right:-8px;transform:rotate(3deg)}.f2 .live-dot{margin-left:12px}.trust{border-block:1px solid var(--line);background:#0d132250;position:relative}.trustrow{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.trust-label{font-size:8px;color:#79869f;letter-spacing:1.3px;line-height:1.8;padding-right:28px;border-right:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:500;letter-spacing:-.7px;color:#aab5cd}.next{font-size:23px}.aws{position:relative;font-size:28px}.aws span{position:absolute;left:0;right:0;top:12px;text-align:center;color:#6c7b9b}.section{padding:100px 0}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.sectionHead p{max-width:385px;color:var(--muted);font-size:13px;margin:0 0 3px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#7398fc;margin-bottom:16px}.muted-heading{color:#8896b3}.bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px}.service{padding:27px;border:1px solid var(--line);background:linear-gradient(125deg,#111b30,#0c1324);border-radius:16px;position:relative;overflow:hidden;min-height:237px;transition:transform .25s,border-color .25s,box-shadow .25s}.service:hover{transform:translateY(-5px);border-color:#658cf080;box-shadow:0 18px 50px #1442a521}.service.big{grid-row:span 2;background:radial-gradient(ellipse at 40% 65%,#397bf33b,transparent 60%),linear-gradient(140deg,#183e83,#0d2150 65%,#0d1935);border-color:#487dde65;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.ico{display:grid;place-items:center;border-radius:10px;width:41px;height:41px;color:#81a5ff;border:1px solid #789cec22;background:linear-gradient(140deg,#29457570,#1b2b4630);font:500 26px 'Space Grotesk'}.ico.code{font-size:17px}.big .ico{background:#568cff28;color:#aacbff;border-color:#799fef40}.card-index{font:400 10px 'Space Grotesk';color:#546684}.service h3{font-size:20px;letter-spacing:-.5px}.service p{font-size:12px;color:#a2aec5;line-height:1.85;margin:11px 0 20px;max-width:310px}.big p{color:#b3c4e8}.arrow{position:absolute;right:21px;bottom:19px;color:#92b2f8;font-size:18px}.card-link{font-size:11px;color:#cedeff;margin-top:auto;display:flex;justify-content:space-between}.card-link>span{font-size:18px}.ai-network{height:150px;position:relative;margin:5px 0 24px;background:linear-gradient(25deg,transparent 49.6%,#699ffd50 50%,transparent 50.5%),linear-gradient(-25deg,transparent 49.6%,#699ffd50 50%,transparent 50.5%)}.core{position:absolute;top:40px;left:calc(50% - 31px);width:62px;height:62px;display:grid;place-items:center;border-radius:17px;border:1px solid #89b9ff80;background:linear-gradient(145deg,#387deb,#1a428e);font-size:32px;box-shadow:0 0 40px #4b88ff60;transform:rotate(-10deg)}.node{position:absolute;font-size:6px;letter-spacing:1px;color:#a9c7f5;border:1px solid #679ce747;background:#102854;padding:8px;border-radius:6px}.n1{top:13px;left:0}.n2{bottom:13px;left:0}.n3{top:13px;right:0}.n4{bottom:13px;right:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.aboutVisual{height:421px;position:relative;background:radial-gradient(ellipse at 50% 50%,#1d3476b0,transparent 68%),linear-gradient(145deg,#11182c,#0c1020);border:1px solid var(--line);border-radius:20px;padding:49px 30px}.screen{background:linear-gradient(130deg,#15213a,#0c1425);border:1px solid #7194ca45;border-radius:13px;padding:18px;box-shadow:0 20px 60px #0004;transform:perspective(900px) rotateY(7deg) rotateX(3deg)}.screenTop{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:7px;color:#8e9fbe;letter-spacing:1px}.mini-logo{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#265ac4;color:#e4eeff;font:600 15px 'Space Grotesk'}.screen-dots{margin-left:auto}.screen-heading{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.screen-heading h3{font-size:16px}.screen-heading p{font-size:8px;color:#9aa8c3;margin:5px 0 0}.graph-icon{color:#8cafff;border:1px solid var(--line);border-radius:7px;padding:5px 9px}.chart{position:relative;height:153px;margin-top:20px;padding-left:23px}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;font-size:6px;color:#667da4}.chart-grid span{border-bottom:1px dashed #638ac323;padding-bottom:10px}.chart svg{position:relative;width:100%;height:125px;overflow:visible}.chart-months{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#778bab;margin-top:10px}.chart-bottom{border-top:1px solid var(--line);margin-top:10px;padding-top:12px;font-size:8px;color:#99acd0;display:flex;justify-content:space-between}.chart-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#538afa;margin-right:5px}.aboutBadge{position:absolute;right:-17px;bottom:21px;padding:15px 21px;display:flex;align-items:center;gap:15px;border:1px solid #739bf879;border-radius:11px;background:linear-gradient(120deg,#346de3,#234aaf);box-shadow:0 14px 35px #0005;font:500 28px 'Space Grotesk'}.aboutBadge>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff30;border-radius:50%;font-size:23px}.aboutBadge small{display:block;font:400 10px 'DM Sans';margin-top:3px;color:#c7d8ff}.body-copy{color:var(--muted);font-size:13px;margin:22px 0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;margin-top:30px}.checks>div{display:flex;gap:10px}.checks>div>span{font:500 9px 'Space Grotesk';color:#739aff;margin-top:3px}.checks b{font-size:11px;font-weight:500}.checks small{display:block;color:#8c9ab3;font-size:10px;line-height:1.6;margin-top:5px}.process-section{border-block:1px solid var(--line);background:#0b102060}.process{display:grid;grid-template-columns:repeat(5,1fr)}.step{position:relative;padding:0 25px;border-right:1px solid var(--line)}.step:first-child{padding-left:0}.step:last-child{border:0;padding-right:0}.number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #5b84d14d;background:#12203a;color:#93b1f9;font:500 13px 'Space Grotesk';margin-bottom:26px}.step-label{color:#6f87b5;font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.step h3{font-size:18px;letter-spacing:-.4px}.step p{color:#8f9db7;font-size:11px;line-height:1.85;margin:11px 0 0}.technology{text-align:center;padding-bottom:30px}.technology h2{font-size:31px;letter-spacing:-1.2px}.techs{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:27px}.techs span{font-size:11px;color:#b0bdd6;padding:11px 18px;border-radius:7px;border:1px solid var(--line);background:#10182a;transition:border-color .2s}.techs span:hover{border-color:#6b93f0}.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case{border:1px solid var(--line);background:#0d1526;border-radius:14px;overflow:hidden;transition:border-color .3s,transform .3s}.case:hover{border-color:#729dff6b;transform:translateY(-5px)}.casePic{height:223px;position:relative;overflow:hidden;background:#10203a}.casePic:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0b142580)}.case img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.case:hover img{transform:scale(1.06)}.growth-pic img{object-position:70% 50%}.case-tag{position:absolute;bottom:15px;left:20px;z-index:1;font-size:7px;letter-spacing:1px;border:1px solid #80a3f24a;background:#0c183ab3;backdrop-filter:blur(10px);padding:6px 9px;border-radius:4px;color:#c2d5fb}.caseBody{padding:24px}.case-number{font-size:8px;letter-spacing:1.2px;color:#7186ad}.case h3{font-size:20px;letter-spacing:-.7px;margin-top:12px}.case p{font-size:12px;color:#98a7c0;margin:12px 0 0}.quote-section{padding:10px 0 30px}.quote{position:relative;text-align:center;border-block:1px solid var(--line);padding:53px 90px;background:radial-gradient(ellipse at center,#1728584a,transparent 70%)}.quote-mark{position:absolute;font:160px Georgia;top:20px;left:45px;color:#3b5b8a26}.stars{color:#78a0ff;letter-spacing:6px;font-size:12px}.quote blockquote{font:400 29px/1.5 'Space Grotesk';letter-spacing:-.6px;max-width:750px;margin:22px auto}.quote blockquote span{color:#8799bb}.quoteBy{display:flex;gap:10px;align-items:center;justify-content:center;text-align:left;font-size:10px}.quoteBy small{display:block;font-size:8px;color:#8798b5;margin-top:5px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq{display:flex;flex-direction:column;gap:11px}.faq details{border:1px solid var(--line);border-radius:9px;padding:20px 22px;background:#0e1729}.faq details[open]{border-color:#5477c14f;background:linear-gradient(120deg,#131f36,#0e1729)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:500;font-size:12px;cursor:pointer;list-style:none;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:19px;color:#8ca9e1;font-weight:400;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq p{font-size:12px;color:#98a7c0;margin:13px 28px 0 0}.contact-section{padding-top:12px}.cta{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #719bff65;border-radius:19px;padding:57px;background:radial-gradient(ellipse at 70% -40%,#5990ff88,transparent 65%),linear-gradient(115deg,#204ec0,#1e54c6 50%,#163981);box-shadow:inset 0 1px #ffffff12}.cta>div:not(.cta-grid){position:relative;z-index:1}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(#98baff0d 1px,transparent 1px),linear-gradient(90deg,#98baff0d 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,black)}.cta .eyebrow{color:#bbd0ff;font-size:8px}.cta h2{font-size:48px;letter-spacing:-2px}.cta h2>span{color:#88caff}.cta p{font-size:12px;color:#c7d7f9;margin-bottom:0}.cta .actions{flex-direction:column;gap:17px;margin:0;align-items:center}.white{background:#f3f7ff;color:#1842a0;box-shadow:0 7px 20px #091c4c30;font-size:12px}.proposal{font-size:10px;color:#d1e0ff;display:flex;gap:20px}.proposal:hover{text-decoration:underline}footer{margin-top:96px;border-top:1px solid var(--line);padding-top:54px}.foot{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:30px}.foot h4{font-size:11px;font-weight:500;margin:0 0 20px}.foot>div>a:not(.logo),.foot p{display:block;font-size:11px;color:#8f9cb5;margin:12px 0}.foot>div>a:not(.logo):hover{color:#90b1ff}.foot .footer-description{line-height:1.9;margin-top:20px}.copy{margin-top:43px;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#75839e;font-size:9px}.back-top{color:#a1b2d2}.skip{position:fixed;z-index:100;top:-70px;left:20px;padding:14px;background:#2563eb;border-radius:8px}.skip:focus{top:10px}@keyframes pulse{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.65}}
@media(min-width:1500px){.hero{min-height:730px}.heroVisual{height:545px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.navlinks{gap:18px}.hero{gap:12px}h1{font-size:63px}.heroText{font-size:14px}.aiPanel{left:12px;right:0}.panelBody{padding:17px}.panelBody h3{font-size:21px}.f1{left:-4px}.stats>div{padding:0 20px}.about{gap:48px}h2{font-size:39px}.service{padding:22px}.trustrow{gap:18px}.brand{font-size:18px}.trust-label{padding-right:15px}.casePic{height:185px}.caseBody{padding:20px}.cta{padding:43px}.cta h2{font-size:42px}.wave{gap:3px}}
@media(max-width:800px){.nav{height:77px}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 25px;background:#0d1528;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0005}.navlinks.open{display:flex;flex-direction:column;gap:0}.navlinks a{padding:14px 0}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;border:1px solid var(--line);background:#101c32;border-radius:8px}.menu span{height:1px;width:17px;background:#c4d5f3;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:45px}.hero-copy{max-width:600px}.heroText{max-width:540px;font-size:16px}h1{font-size:76px}.heroVisual{height:515px;width:min(510px,100%);margin:auto}.hero-art{width:110%;left:-5%}.aiPanel{left:35px;right:25px}.f1{left:5px}.f2{right:5px;bottom:2px}.wave{gap:4px}.trustrow{justify-content:center;padding-block:25px;gap:22px 30px}.trust-label{border:0;flex-basis:100%;text-align:center;padding:0}.trust-label br{display:none}.section{padding:72px 0}.sectionHead{align-items:start;gap:22px;flex-direction:column}.sectionHead p{max-width:520px}.bento{grid-template-columns:1fr 1fr}.service.big{grid-column:span 2;grid-row:auto;min-height:290px;padding-right:50%;}.ai-network{position:absolute;right:20px;top:60px;width:40%;height:160px}.big .card-index{display:none}.big .card-link{margin-top:12px}.service p{font-size:13px}.about{grid-template-columns:1fr;gap:55px}.aboutVisual{max-width:530px;width:95%;margin:auto;height:420px}.about h2 br{display:none}.checks{gap:25px}.checks b{font-size:13px}.checks small{font-size:12px}.body-copy{font-size:14px}.process{grid-template-columns:repeat(3,1fr);gap:32px 0}.step:nth-child(3){border:0}.step:nth-child(4){padding-left:0}.technology{padding-bottom:0}.technology h2{font-size:29px}.cases{gap:14px}.casePic{height:150px}.caseBody{padding:17px}.case h3{font-size:17px}.case p{font-size:11px}.case-tag{left:10px;bottom:10px;font-size:6px;padding:5px}.quote{padding:40px 25px}.quote blockquote{font-size:25px}.quote-mark{left:10px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2 br{display:none}.cta{display:block}.cta .actions{margin-top:28px;flex-direction:row;justify-content:start;gap:25px}.foot{grid-template-columns:1.5fr 1fr;gap:40px}.copy{flex-wrap:wrap}footer{margin-top:72px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.logo{font-size:21px;gap:9px}.logoMark{width:33px;height:37px;font-size:25px}.logo small{font-size:6px;letter-spacing:2.6px}.navin{gap:12px}.nav-actions{gap:8px}.navbtn{font-size:10px;padding:10px 11px;gap:8px;min-height:38px}.navbtn span{font-size:15px}.menu{width:35px;height:37px}.pill{font-size:7px;letter-spacing:1.2px;padding:8px 10px}.hero{padding-top:40px;gap:35px}h1{font-size:clamp(48px,12vw,63px);letter-spacing:-3px;margin-top:23px}.heroText{font-size:14px;line-height:1.85}.actions{gap:10px}.button{font-size:11px;padding:13px 15px;gap:15px}.stats{max-width:none}.stats>div{padding:0 19px;flex:1}.stats>div:last-child{padding-right:0}.stats strong{font-size:24px}.stats small{font-size:9px}.heroVisual{height:470px}.aiPanel{top:90px;left:12px;right:10px;transform:none}.visual-label{left:10px;font-size:6px}.f1{top:34px;left:0}.f2{bottom:1px;right:0}.float{padding:10px 12px}.panelBody{padding:18px}.panelBody h3{font-size:22px}.wave{gap:3px}.wave span{width:4px}.mini-stats>div{padding:10px}.trustrow{gap:23px 30px}.brand{font-size:19px}.section{padding:62px 0}h2{font-size:35px;letter-spacing:-1.4px}.eyebrow{font-size:8px}.sectionHead{margin-bottom:28px}.sectionHead p{font-size:12px}.bento{grid-template-columns:1fr}.service.big{grid-column:auto;padding:24px;min-height:440px}.ai-network{position:relative;right:auto;top:auto;width:100%;height:150px;margin-top:3px}.service{min-height:217px;padding:24px}.card-top{margin-bottom:20px}.service p{font-size:13px;max-width:100%;padding-right:12px}.aboutVisual{height:345px;padding:24px 14px}.screen{padding:14px}.chart{height:132px}.chart svg{height:105px}.aboutBadge{right:-7px;bottom:5px;padding:11px 16px;font-size:23px}.checks{gap:23px 16px}.checks small{font-size:11px}.process{grid-template-columns:1fr 1fr;gap:32px 0}.step{padding:0 20px}.step:nth-child(2),.step:nth-child(4){border:0;padding-right:0}.step:nth-child(3){border-right:1px solid var(--line);padding-left:0}.step:nth-child(4){padding-left:20px}.step:last-child{padding-left:0}.number{margin-bottom:18px}.step h3{font-size:17px}.step p{font-size:12px}.technology{padding-bottom:0}.technology h2{font-size:27px;line-height:1.3}.techs{gap:8px}.techs span{padding:9px 13px;font-size:10px}.cases{grid-template-columns:1fr;gap:20px}.casePic{height:220px}.caseBody{padding:24px}.case h3{font-size:22px}.case p{font-size:13px}.case-tag{left:20px;bottom:17px;font-size:7px}.quote-section{padding-top:0}.quote{padding:37px 12px}.quote blockquote{font-size:23px}.quote-mark{font-size:120px;top:35px;left:0}.faq details{padding:18px}.faq summary{font-size:12px}.faq p{font-size:12px;margin-right:10px}.cta{padding:32px 25px;border-radius:14px}.cta h2{font-size:36px;letter-spacing:-1.5px}.cta p{font-size:12px}.cta .actions{align-items:start;flex-direction:column;gap:20px}.foot{grid-template-columns:1fr 1fr;gap:32px 20px}.foot>div:first-child{grid-column:span 2}.foot>div:last-child{grid-column:span 2}.foot h4{margin-bottom:17px}.foot>div>a:not(.logo),.foot p{font-size:12px}.copy{font-size:9px;gap:16px}.back-top{margin-left:auto}footer{padding-top:38px}.contact-section{padding-top:0}}
.whatsapp-button{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:12px;min-height:58px;padding:13px 20px 13px 16px;border:1px solid #25d366;border-radius:16px;background:#128443;color:#fff;box-shadow:0 10px 35px #0006,0 0 24px #25d36630;transition:transform .2s,border-color .2s,box-shadow .2s}.whatsapp-button svg{width:26px;height:26px;flex-shrink:0;color:#fff}.whatsapp-button>span{font-size:13px;font-weight:600}.whatsapp-button small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#fff}.whatsapp-button:hover{transform:translateY(-3px);background:#0d7038;border-color:#4ce4a6;box-shadow:0 12px 38px #0006,0 0 26px #25d36645}footer{padding-bottom:92px}@media(max-width:520px){.whatsapp-button{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));min-height:52px;padding:11px 14px;gap:10px;border-radius:13px}.whatsapp-button>span{font-size:12px}.whatsapp-button small{font-size:9px}.whatsapp-button svg{width:24px;height:24px}footer{padding-bottom:80px}}
.project-card{display:flex;flex-direction:column}.project-preview{display:block;margin:14px 14px 0;border:1px solid #7897c92b;border-radius:9px;overflow:hidden;background:#131e33}.project-browser{height:30px;display:flex;align-items:center;gap:11px;padding:0 10px;color:#9baac4;font-size:8px;white-space:nowrap;overflow:hidden}.project-browser>span:last-child{overflow:hidden;text-overflow:ellipsis}.browser-dots{display:flex;gap:4px;flex-shrink:0}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#516589}.browser-dots i:first-child{background:#638be0}.project-image{aspect-ratio:1.44;overflow:hidden;background:#10182a}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.project-preview:hover img{transform:scale(1.025)}.project-card .caseBody{display:flex;flex-direction:column;flex:1;padding:23px}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}.project-type{font-size:6px;letter-spacing:.8px;color:#92aee2}.project-card h3{font-size:21px;line-height:1.3;min-height:2.6em}.project-card p{margin-top:12px;margin-bottom:18px}.project-tag{align-self:start;border:1px solid #6c93e528;background:#31538b13;color:#9eafd0;border-radius:5px;font-size:9px;padding:6px 9px;margin-bottom:22px}.project-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;color:#a6c4ff;font-size:11px;font-weight:600;min-height:38px}.external-icon{display:grid;place-items:center;width:24px;height:24px;background:#2e5ec328;border-radius:5px}.external-icon svg{width:12px;height:12px}.project-visit:hover{color:#fff}.project-preview:focus-visible{outline-offset:-3px}@media(max-width:950px) and (min-width:521px){#work .cases{grid-template-columns:1fr 1fr}.project-card:last-child{grid-column:span 2;width:calc(50% - 7px);justify-self:center}.project-card .caseBody{padding:20px}.project-card h3{font-size:20px}}@media(max-width:520px){.project-card h3{min-height:0;font-size:22px}.project-card .caseBody{padding:23px}.project-browser{font-size:8px}.project-type{font-size:7px}}
/* Prominent, semibold navigation inspired by the supplied reference. */
.nav .logo,.foot .logo{font-size:27px;font-weight:700}.nav .logo small,.foot .logo small{font-size:10px;font-weight:600;letter-spacing:2.8px}.navlinks{font-size:18px;font-weight:600;letter-spacing:-.5px;color:#e9edf6;gap:30px}.nav .navbtn{font-size:16px;font-weight:600;letter-spacing:-.4px}.foot h4{font-size:18px;font-weight:700}.foot>div>a:not(.logo),.foot p{font-size:15px;font-weight:600;line-height:1.8}.foot>div{min-width:0}.foot>div>a:not(.logo){overflow-wrap:anywhere}.copy{font-size:13px;font-weight:500;line-height:1.6}
@media(min-width:1001px) and (max-width:1150px){.navin{gap:20px}.navlinks{gap:22px;font-size:18px}.nav .navbtn{font-size:16px;padding-inline:17px;gap:12px}.nav .logo{font-size:26px}}
@media(max-width:1000px){.nav{height:77px}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 25px;background:#0d1528;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0005;font-size:18px}.navlinks.open{display:flex;flex-direction:column;gap:0}.navlinks a{padding:14px 0}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;border:1px solid var(--line);background:#101c32;border-radius:8px}.menu span{height:1px;width:17px;background:#c4d5f3;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav .navbtn{font-size:15px}.foot h4{font-size:18px}.foot>div>a:not(.logo),.foot p{font-size:15px}}
@media(max-width:520px){.nav .logo{font-size:23px}.nav .logo small{font-size:8px;letter-spacing:2.3px}.nav .navbtn{font-size:13px;padding-inline:10px;gap:7px}.menu{width:35px;height:37px}.foot .logo{font-size:27px}.foot .logo small{font-size:10px}.copy{font-size:12px}}
@media(max-width:380px){.navin{gap:8px}.nav .logo{font-size:21px;gap:7px}.nav .logoMark{width:30px}.nav .navbtn{font-size:12px;padding-inline:8px}.nav .navbtn span{display:none}}
/* Navy electric gradient palette. */
:root{
 --gradient-action:linear-gradient(115deg,#285bd4 0%,#5b3dc4 48%,#087992 100%);
 --gradient-surface:linear-gradient(140deg,#14213b 0%,#11182e 55%,#0a192b 100%);
 --gradient-edge:linear-gradient(125deg,#548cff80,#8b5cf640 48%,#22d3ee45);
 --gradient-green:linear-gradient(120deg,#168547 0%,#117a4b 55%,#09674a 100%);
}
body{background-color:var(--bg);background-image:radial-gradient(ellipse 70% 650px at 95% 4%,#3445b72b,transparent 75%),radial-gradient(ellipse 65% 750px at 0% 29%,#5c35bc1c,transparent 75%),radial-gradient(ellipse 70% 700px at 100% 59%,#167d951b,transparent 75%),linear-gradient(180deg,#070b18 0%,#0a1022 35%,#080d1d 68%,#070b18 100%)}
body:before{height:1050px;background:radial-gradient(ellipse at 78% 22%,#4264f529,transparent 43%),radial-gradient(ellipse at 25% 27%,#7649ec12,transparent 45%)}
.nav{background:linear-gradient(110deg,#0b1225ed,#121329ed 55%,#091826ed);border-bottom-color:#8ba2e32b}
.logoMark,.mini-logo{background:linear-gradient(140deg,#4385fa,#6543d1 60%,#2077a6)}
.grad{background-image:linear-gradient(105deg,#849bff,#b29aff 48%,#4ddde9)}
.button{transition:transform .2s,box-shadow .25s,border-color .25s,background-position .4s}
.primary,.nav .navbtn,.cta .white{background:var(--gradient-action);background-size:190% 100%;background-position:0% 50%;border:1px solid #96afff59;color:#fff;box-shadow:inset 0 1px #ffffff24,0 8px 28px #3b43c433}
.primary:hover,.nav .navbtn:hover,.cta .white:hover{background-position:100% 50%;border-color:#9ac4ff99;box-shadow:inset 0 1px #ffffff30,0 10px 35px #5054dd50}
.secondary,.menu{border:1px solid transparent;background:linear-gradient(135deg,#172440,#151932) padding-box,var(--gradient-edge) border-box;box-shadow:inset 0 1px #ffffff06}
.secondary:hover,.menu:hover{background:linear-gradient(135deg,#203456,#242048) padding-box,var(--gradient-edge) border-box}
.pill{background:linear-gradient(100deg,#1b2d507d,#28204470,#14314260);border-color:#809aef40}
.trust{background:linear-gradient(95deg,#101a307d,#17182c7d,#0d21307d)}
.service,.case{border:1px solid transparent;background:var(--gradient-surface) padding-box,var(--gradient-edge) border-box;box-shadow:inset 0 1px #ffffff05}
.service:hover,.case:hover{border-color:transparent;background:linear-gradient(140deg,#192b49,#1b1c38 55%,#102b3a) padding-box,linear-gradient(125deg,#77a4ffb3,#aa8aff80,#52dce880) border-box;box-shadow:0 18px 45px #19295940}
.service.big{background:radial-gradient(ellipse at 20% 90%,#2864cc50,transparent 65%),linear-gradient(140deg,#214886,#342661 55%,#103b52) padding-box,var(--gradient-edge) border-box}
.service.big:hover{background:radial-gradient(ellipse at 20% 90%,#2864cc60,transparent 65%),linear-gradient(140deg,#28549a,#3c2d71 55%,#14465e) padding-box,var(--gradient-edge) border-box}
.ico,.big .ico,.avatar,.number,.external-icon{background:linear-gradient(140deg,#3261b550,#6646b438,#19798e30);border-color:#8a9fed33;color:#afc6ff}
.aiPanel,.screen{background:linear-gradient(135deg,#182842f5,#1a1b34f5 55%,#0d2433f5);border-color:#8e9ff747;box-shadow:0 25px 70px #0005,0 0 40px #6366f117}
.aiCard,.mini-stats>div{background:linear-gradient(130deg,#17253abb,#111a2dbb,#122434bb)}
.float{background:linear-gradient(120deg,#263656f5,#25223ff5,#12303cf5);border-color:#8ca5eb4d}
.aboutVisual{background:radial-gradient(ellipse at 20% 20%,#375cdc36,transparent 65%),linear-gradient(135deg,#121f37,#231933 58%,#0e2835)}
.aboutBadge,.core{background:linear-gradient(125deg,#305ec9,#6145bb 60%,#156d90);border-color:#91b2ff70}
.process-section{background:linear-gradient(110deg,#101a2d85,#1a163080,#0c223080)}
.techs span,.project-tag{background:linear-gradient(125deg,#152644,#241d3c 60%,#122d36);border-color:#839de530;color:#bfcee9}
.project-browser{background:linear-gradient(100deg,#172a48,#26203f,#12303b)}
.quote{background:radial-gradient(ellipse at 20% 45%,#4f42bf1f,transparent 60%),radial-gradient(ellipse at 90% 50%,#1783a11a,transparent 65%),linear-gradient(120deg,#111b2b55,#1c173255,#0c1a2955)}
.faq details{background:linear-gradient(125deg,#14213a,#181b32 60%,#102534);border-color:#7898d72b}
.faq details[open]{background:linear-gradient(125deg,#1b2d4c,#272142 60%,#113341);border-color:#8b9cf05c}
.cta{background:radial-gradient(ellipse at 10% 0%,#638aff40,transparent 60%),radial-gradient(ellipse at 100% 100%,#36bdd936,transparent 60%),linear-gradient(110deg,#193d80,#402666 55%,#10546a);border-color:#95a9ff57;box-shadow:inset 0 1px #ffffff19,0 20px 60px #22235433}
.cta .eyebrow{color:#d1d8ff}.cta p,.cta .proposal{color:#d5e3f8}
footer{background:radial-gradient(ellipse at 10% 100%,#5540b81c,transparent 65%),linear-gradient(115deg,#0c1425,#121326 55%,#0b202b);border-top-color:#7b95d82e}
.whatsapp-button{background:var(--gradient-green);background-size:160% 100%;transition:transform .2s,border-color .2s,box-shadow .2s,background-position .35s}
.whatsapp-button:hover{background:var(--gradient-green);background-size:160% 100%;background-position:100% 50%}
@media(max-width:1000px){.navlinks{background:linear-gradient(120deg,#101b30,#1c1930,#102832)}}
/* Reference-style dark pill with a blue gradient outline. */
.nav .navbtn{border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#202533,#0a101d) padding-box,linear-gradient(115deg,#65c9ff 0%,#438aff 45%,#204fdf 100%) border-box;background-size:100% 100%;color:#f3f7ff;box-shadow:inset 0 1px #ffffff08;min-height:48px}
.nav .navbtn:hover{border-color:transparent;background:linear-gradient(180deg,#253248,#10192c) padding-box,linear-gradient(115deg,#8edaff 0%,#579cff 45%,#3568ef 100%) border-box;background-size:100% 100%;box-shadow:0 0 22px #3b82f62e}
@media(max-width:520px){.nav .navbtn{min-height:40px;border-width:2px}}
/* Semantic icon colors, with tinted containers on the navy surfaces. */
:root{--icon-blue:#80b4ff;--icon-violet:#c4a0ff;--icon-cyan:#67e8f9;--icon-mint:#6ee7b7;--icon-amber:#fcd371;--icon-coral:#ffab8e}
.icon-violet{--icon-rgb:196,160,255}.icon-cyan{--icon-rgb:103,232,249}.icon-blue{--icon-rgb:128,180,255}.icon-mint{--icon-rgb:110,231,183}.icon-amber{--icon-rgb:252,211,113}.icon-coral{--icon-rgb:255,171,142}
.service .ico{color:rgb(var(--icon-rgb));background:linear-gradient(140deg,rgba(var(--icon-rgb),.2),rgba(var(--icon-rgb),.045));border-color:rgba(var(--icon-rgb),.35);box-shadow:inset 0 1px rgba(var(--icon-rgb),.1),0 5px 20px rgba(var(--icon-rgb),.07)}
.service .arrow,.service .card-link>span{color:rgb(var(--icon-rgb))}
.core{color:#eee0ff;border-color:#c4a0ff75;background:linear-gradient(135deg,#6546b0,#3c2b76);box-shadow:0 0 35px #a477ff40}
.spark{color:var(--icon-violet);text-shadow:0 0 12px #c4a0ff55}
.f1 .float-icon{color:var(--icon-violet);background:linear-gradient(140deg,#9870db30,#9870db0b);border-color:#c4a0ff50}
.f2 .float-icon,.avatar{color:var(--icon-cyan);background:linear-gradient(140deg,#2bcbe830,#2bcbe809);border-color:#67e8f94d}
.live-dot,.status i{background:var(--icon-mint)}.status{color:var(--icon-mint)}
.dots i:nth-child(1),.browser-dots i:nth-child(1){background:#ff8d92}.dots i:nth-child(2),.browser-dots i:nth-child(2){background:var(--icon-amber)}.dots i:nth-child(3),.browser-dots i:nth-child(3){background:var(--icon-mint)}
.brand-icon{display:inline-block;color:rgb(var(--icon-rgb));text-shadow:0 0 15px rgba(var(--icon-rgb),.14)}
.brand.aws>span{color:#ffb454}.screen-dots{color:var(--icon-blue)}
.graph-icon{color:var(--icon-mint);background:linear-gradient(135deg,#33c88c20,#33c88c08);border-color:#6ee7b745}
.chart-bottom>span:last-child,.mini-stats>div:first-child strong small{color:var(--icon-mint)}.chart-bottom i{background:var(--icon-mint)}
.aboutBadge>span{color:#b9ffde;background:#0a342e50;border-color:#99ffd85c}
.step:nth-child(1),.checks>div:nth-child(1){--icon-rgb:196,160,255}.step:nth-child(2),.checks>div:nth-child(2){--icon-rgb:128,180,255}.step:nth-child(3),.checks>div:nth-child(3){--icon-rgb:103,232,249}.step:nth-child(4),.checks>div:nth-child(4){--icon-rgb:252,211,113}.step:nth-child(5){--icon-rgb:110,231,183}
.step .number{color:rgb(var(--icon-rgb));background:linear-gradient(135deg,rgba(var(--icon-rgb),.15),rgba(var(--icon-rgb),.04));border-color:rgba(var(--icon-rgb),.35)}.checks>div>span{color:rgb(var(--icon-rgb))}
.project-card:nth-child(1){--icon-rgb:128,180,255}.project-card:nth-child(2){--icon-rgb:252,211,113}.project-card:nth-child(3){--icon-rgb:110,231,183}
.project-card .external-icon{color:rgb(var(--icon-rgb));background:linear-gradient(135deg,rgba(var(--icon-rgb),.2),rgba(var(--icon-rgb),.06));box-shadow:inset 0 0 0 1px rgba(var(--icon-rgb),.25)}
.stars{color:var(--icon-amber);text-shadow:0 0 18px #fcd37126}.quote-mark{color:#a68be533}
.faq summary>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:7px;color:var(--icon-blue);background:#5399ef1a}.faq details[open] summary>span{color:var(--icon-cyan);background:#67e8f915}
.button>span{color:#d6f8ff}.nav .navbtn>span,.secondary>span,.proposal>span,.foot>div>a:not(.logo)>span,.back-top-icon{color:var(--icon-cyan)}
.menu span{background:var(--icon-cyan)}
.logoMark,.mini-logo{color:#f3f7ff}.logoMark>span{background:var(--icon-cyan)}
.whatsapp-button svg{color:#fff;filter:drop-shadow(0 1px 2px #064c3040)}
/* Keep the hero close to the navbar without vertically centering its content. */
.hero{min-height:0;padding-top:20px;align-items:start}
@media(max-width:800px){.hero{padding-top:16px}}
/* Blurred gradient halos follow each button's existing shape. */
.button,.menu{position:relative}
.button,.menu,.whatsapp-button{isolation:isolate;--button-glow:linear-gradient(110deg,#3b82f6 0%,#8b5cf6 52%,#22d3ee 100%)}
.button::before,.menu::before,.whatsapp-button::before{content:"";position:absolute;inset:-3px;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--button-glow);filter:blur(12px);opacity:0;transition:opacity .25s,filter .25s}
.button:hover::before,.menu:hover::before,.whatsapp-button:hover::before{opacity:.65;filter:blur(15px)}
.nav .navbtn{--button-glow:linear-gradient(110deg,#38bdf8,#3b82f6 50%,#6366f1)}
.button:not(:hover),.nav .navbtn:not(:hover),.cta .white:not(:hover),.menu:not(:hover),.whatsapp-button:not(:hover){box-shadow:none}
.whatsapp-button{--button-glow:linear-gradient(110deg,#4ade80,#22c55e 50%,#2dd4bf)}
/* Compact spacing between sections across every viewport. */
.hero{padding-bottom:32px}
.section{padding-block:36px}
.sectionHead{margin-bottom:26px}
.technology{padding-bottom:18px}
.quote-section{padding-block:0 12px}
.quote{padding-block:32px}
.contact-section{padding-top:0}
footer{margin-top:36px;padding-top:32px}
.copy{margin-top:28px;padding-block:18px}
@media(max-width:800px){.hero{padding-bottom:28px;row-gap:28px}.section{padding-block:28px}.technology{padding-bottom:14px}.about{row-gap:32px}.sectionHead{margin-bottom:24px}.quote{padding-block:26px}footer{margin-top:28px;padding-top:28px}}
/* Keep decorative hero art within the layout at narrow widths. */
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.hero>*{min-width:0}
.heroVisual{max-width:100%}
.hero-art{left:0;width:100%;max-width:100%}
.hero .actions{flex-wrap:wrap}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.stats>div{min-width:0;padding-inline:10px}.stats>div:first-child{padding-left:0}.stats>div:last-child{padding-right:0}}
/* Compact footer contact icons with white text. */
.foot .contact-info .contact-row{display:flex;align-items:flex-start;gap:10px;color:#fff}
.foot .contact-info .contact-row>.contact-label{min-width:0;color:inherit;overflow-wrap:anywhere}
.foot .contact-info a.contact-row:hover{color:#fff}
.contact-icon{display:block;width:16px;height:16px;flex:0 0 16px;margin-top:5px}
.contact-icon-email{color:var(--icon-cyan)}
.contact-icon-whatsapp{color:#4ade80}
.contact-icon-location{color:var(--icon-coral)}
.contact-icon-clock{color:var(--icon-amber)}
/* Readable section overlines, including the contact callout. */
.eyebrow,.cta .eyebrow{font-size:13px;font-weight:700;line-height:1.6;letter-spacing:1.7px}
@media(max-width:520px){.eyebrow,.cta .eyebrow{font-size:12px;letter-spacing:1.3px}}
/* Portfolio cards inspired by the supplied luminous navy reference. */
#work .cases{gap:24px}
.case.project-card{min-width:0;border:1px solid transparent;border-radius:17px;background:radial-gradient(ellipse at 100% 100%,#133e58 0%,#0c193200 55%),linear-gradient(145deg,#101e40,#0b112a 60%,#0c2239) padding-box,linear-gradient(135deg,#2854bd,#6cacff 42%,#7067fc 65%,#38cee1) border-box;box-shadow:-5px 5px 20px #7245f438,6px 0 22px #258aff2e,inset 0 0 22px #4086ff09;overflow:visible}
.case.project-card:hover{border-color:transparent;background:radial-gradient(ellipse at 100% 100%,#174d68 0%,#0c193200 55%),linear-gradient(145deg,#142449,#0d1430 60%,#102940) padding-box,linear-gradient(135deg,#5486ff,#9cc8ff 42%,#a37aff 65%,#67e8f9) border-box;box-shadow:-6px 6px 26px #834afa55,7px 0 28px #279dff40,inset 0 0 22px #4086ff0d;transform:translateY(-4px)}
.project-preview{margin:12px 12px 0;padding:5px;border:1px solid #6199ed30;border-radius:12px;background:linear-gradient(135deg,#071027,#182b4a);box-shadow:0 7px 16px #0005,inset 0 1px #a0c8ff12}
.project-image{aspect-ratio:1.9;border-radius:7px;background:#080f20}
.project-image img{border-radius:7px;object-fit:cover;object-position:top}
.case.project-card .caseBody{padding:19px 21px 20px;gap:0}
.project-meta{gap:8px;margin:0 0 9px}
.project-meta .case-number{font-size:8px;letter-spacing:1.35px;line-height:1.5;color:#8faeec}
.project-type{font-size:6px;line-height:1.5;font-weight:600;letter-spacing:1px;color:#9dbffa;padding:5px 8px;border:1px solid #7785f21a;border-radius:999px;background:linear-gradient(100deg,#1d3f743d,#42329047)}
.case.project-card h3{min-height:0;margin:0;font-family:'DM Sans',sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.5px;font-weight:700;color:#f3f5ff}
.case.project-card p{margin:9px 0 15px;font-size:13px;line-height:1.7;color:#a3b7d9;font-weight:400}
.project-tag{font-size:9px;line-height:1.5;padding:6px 10px;margin:0 0 18px;border-radius:7px;border:1px solid #5276ce47;background:linear-gradient(105deg,#172950,#103044);color:#d1dff5}
.project-visit{min-height:45px;padding-top:15px;margin-top:auto;border-top:1px solid #748cdf25;font-size:12px;font-weight:700;color:#eef2ff}
.project-visit-label{display:inline-flex;align-items:center;gap:10px}
.project-visit-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:17px;font-weight:400;color:#a5bbff;background:radial-gradient(circle at 35% 25%,#3b409f70,#192656);border:1px solid #6d73ef33;box-shadow:0 0 13px #5640e92b}
.project-card .external-icon{width:28px;height:28px;border:1px solid #aed5ef66;border-radius:6px;background:linear-gradient(135deg,#43799845,#45607830);color:#bde9ff;box-shadow:inset 0 1px #d9f1ff14}
.project-card .external-icon svg{width:15px;height:15px}
.project-visit:hover .project-visit-arrow{color:#fff;border-color:#8ea6ff80;box-shadow:0 0 17px #6657ec55}
@media(max-width:950px) and (min-width:521px){.project-card:last-child{width:calc(50% - 12px)}}
@media(max-width:520px){#work .cases{gap:22px}.case.project-card .caseBody{padding:18px 19px}.case.project-card h3{font-size:22px}.case.project-card p{font-size:13px}.project-type{font-size:6px}.project-meta .case-number{font-size:7px}}
/* More pronounced green-to-mint WhatsApp border; glow remains hover-only. */
.whatsapp-button{border:3px solid transparent;background:linear-gradient(115deg,#168547 0%,#08784c 48%,#075b56 100%) padding-box,linear-gradient(120deg,#b1ffd0 0%,#25d366 42%,#48e5d1 100%) border-box;background-size:100% 100%;background-position:0 0}
.whatsapp-button:hover{border-color:transparent;background:linear-gradient(115deg,#117b40 0%,#096d4c 48%,#07524e 100%) padding-box,linear-gradient(120deg,#d1ffe1 0%,#45f48a 42%,#79fff0 100%) border-box;background-size:100% 100%;background-position:0 0}
/* Shared portfolio-style card surfaces and typography. */
:root{
 --card-surface:radial-gradient(ellipse at 100% 100%,#133e584d,transparent 58%) padding-box,linear-gradient(145deg,#101e40,#0b112a 60%,#0c2239) padding-box,conic-gradient(from 0deg,#4e9aff 0deg,#328eff 60deg,#22d3ee 125deg,#7670ff 200deg,#a34dff 245deg,#365cec 300deg,#4e9aff 360deg) border-box;
 --card-hover-surface:radial-gradient(ellipse at 100% 100%,#174d6866,transparent 58%) padding-box,linear-gradient(145deg,#142449,#0d1430 60%,#102940) padding-box,conic-gradient(from 0deg,#86beff 0deg,#54a8ff 60deg,#62f0ff 125deg,#a09bff 200deg,#c080ff 245deg,#6585ff 300deg,#86beff 360deg) border-box;
 --card-glow:-2px 2px 10px #7245f414,2px 0 12px #258aff12,inset 0 1px #8fb8ff09;
 --card-hover-glow:-3px 3px 15px #834afa24,3px 0 16px #279dff20,inset 0 1px #b6d6ff0d;
 --card-title:#f3f5ff;--card-copy:#a3b7d9;
}
:is(.service,.service.big,.case.project-card,.process .step,.faq details,.faq details[open],.quote,.cta,.aiPanel,.aiCard,.mini-stats>div,.float,.aboutVisual,.screen){border:1px solid transparent;border-radius:17px;background:var(--card-surface);box-shadow:var(--card-glow);font-family:'DM Sans',sans-serif}
:is(.service,.service.big,.case.project-card,.process .step,.faq details):hover{border-color:transparent;background:var(--card-hover-surface);box-shadow:var(--card-hover-glow)}
:is(.service,.service.big,.case.project-card,.process .step) h3,.faq summary,.cta h2{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.5px;color:var(--card-title)}
:is(.service,.service.big,.case.project-card,.process .step,.faq details,.cta) p{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;line-height:1.7;color:var(--card-copy);margin-top:9px}
.service p{margin-bottom:18px}.service .card-top{margin-bottom:18px}.service .card-link{font-size:12px;font-weight:700;color:#eef2ff}
.process{gap:14px;align-items:stretch}.process .step{padding:20px;min-width:0}.process .step h3{margin:8px 0 0}.process .step p{margin-bottom:0}.step-label{color:#8faeec;letter-spacing:1.35px}.step .number{margin-bottom:20px}
.faq details{padding:20px}.faq summary{font-size:18px;line-height:1.35}.faq p{margin-bottom:0}.faq summary>span{font-weight:400}
.quote blockquote{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;line-height:1.5;letter-spacing:-.5px;color:var(--card-title)}.quote blockquote span{color:var(--card-copy)}
.panelBody h3{font-family:'DM Sans',sans-serif;font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.5px;color:var(--card-title)}.panelBody>p{font-size:13px;line-height:1.7;color:var(--card-copy)}
.aiCard,.mini-stats>div{border-radius:11px}.float{border-radius:12px}.float small,.agent small,.screen-heading p{color:var(--card-copy)}
.core{box-shadow:0 0 18px #a477ff24}.project-preview{box-shadow:0 4px 10px #0003,inset 0 1px #a0c8ff0b}.project-visit-arrow{box-shadow:0 0 8px #5640e91a}
@media(max-width:800px){.process{gap:14px}.process .step{padding:18px}}
@media(max-width:380px){.process{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.heroVisual{height:auto;padding:90px 0 48px}.heroVisual .aiPanel{position:relative;inset:auto;margin:0 12px;transform:none}.hero-art{top:0;height:100%}.heroVisual .f2{bottom:0}}
/* Keep card numbering readable against the navy surfaces. */
.service .card-index{color:rgb(var(--icon-rgb,128,180,255));font-weight:700;font-size:12px;opacity:1}
.service.big .card-index{display:inline-block}
.step .number{color:rgb(var(--icon-rgb,103,232,249));font-weight:700;border-color:rgba(var(--icon-rgb,103,232,249),.65)}
.checks>div>span{font-size:12px;font-weight:700}
.project-meta .case-number{color:#9cc9ff;font-weight:700}
.service-features{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font:400 13px/1.7 'DM Sans',sans-serif;color:var(--card-copy)}
.service-features li{position:relative;padding-left:17px}
.service-features li:before{content:'';position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:rgb(var(--icon-rgb,103,232,249))}
.content-grid,.delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.content-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:24px}
.content-card .card-link{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.service .service-features{padding-right:12px}
.content-card:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.technology .body-copy{max-width:650px;margin:12px auto 20px;font-size:13px;color:var(--card-copy)}
.faq summary{display:flex;align-items:start;justify-content:space-between;gap:16px}
.faq summary>span{flex-shrink:0}
@media(max-width:1000px){.content-grid,.delivery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.content-grid,.delivery-grid{grid-template-columns:minmax(0,1fr)}.content-card{padding:22px}.stats strong{font-size:22px}.stats small{font-size:9px}.aboutBadge{font-size:20px}}
/* Reference-inspired brand navigation. */
.nav{height:108px;background:radial-gradient(ellipse at 80% 0%,#102b4b55,transparent 60%),linear-gradient(115deg,#090e20,#070d1c 62%,#081524);border-bottom:1px solid #6386c324}
.navin{width:min(1420px,calc(100% - 80px));gap:30px}
.brand-mark{display:block;flex-shrink:0;width:62px;height:68px;object-fit:contain}
.nav .logo{font-family:'DM Sans',sans-serif;font-size:34px;gap:16px;font-weight:700;letter-spacing:-1px;flex-shrink:0}
.nav .logo small{font-size:10px;letter-spacing:5px;margin-top:10px;color:#bdc9e2;font-weight:500}
.navlinks{margin-left:auto;gap:38px;font-size:18px;font-weight:500;color:#dce2f0;letter-spacing:-.4px}
.navlinks a{position:relative;padding:16px 0}
.navlinks a:after{content:'';position:absolute;left:15%;right:15%;bottom:2px;height:4px;border-radius:8px;background:linear-gradient(90deg,#31dbf6,#5368ff,#9f59fc);opacity:0;transform:scaleX(.6);transition:opacity .2s,transform .2s}
.navlinks a:hover:after,.navlinks a[aria-current]:after{opacity:1;transform:scaleX(1)}
.navlinks a[aria-current]{color:#8b9aff}
.nav-actions{padding-left:30px;margin-left:8px;border-left:1px solid #7596d026}
.nav .navbtn{min-height:64px;padding:8px 10px 8px 28px;gap:20px;font-size:17px;letter-spacing:-.4px;background:linear-gradient(125deg,#0b1b30,#0b1026 70%,#231638) padding-box,linear-gradient(115deg,#39ddf8,#316cff 50%,#ad58ee) border-box}
.nav .navbtn>span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#2088fa,#5a46e8 65%,#a459ef);color:#fff;font-size:26px}
.nav .navbtn:hover{background:linear-gradient(125deg,#112742,#141735 70%,#30204d) padding-box,linear-gradient(115deg,#76f1ff,#658dff 50%,#c185ff) border-box}
.foot .brand-mark{width:46px;height:50px}
@media(min-width:1001px) and (max-width:1250px){.navin{width:calc(100% - 48px);gap:20px}.nav .logo{font-size:28px;gap:10px}.nav .brand-mark{width:48px;height:54px}.nav .logo small{font-size:8px;letter-spacing:4px}.navlinks{gap:22px;font-size:16px}.nav-actions{padding-left:20px;margin-left:0}.nav .navbtn{font-size:15px;gap:12px;padding-left:18px;min-height:56px}.nav .navbtn>span{width:34px;height:34px}}
@media(max-width:1000px){.nav{height:82px}.navin{width:calc(100% - 40px);gap:12px}.nav .logo{font-size:27px;gap:10px}.nav .brand-mark{width:43px;height:48px}.nav .logo small{font-size:8px;letter-spacing:3px;margin-top:7px}.navlinks{top:81px;margin:0;font-size:18px}.navlinks a:after{left:0;right:auto;width:36px;bottom:5px}.nav-actions{padding:0;margin:0;border:0}.nav .navbtn{min-height:48px;font-size:14px;padding:5px 7px 5px 16px;gap:12px}.nav .navbtn>span{width:30px;height:30px;font-size:20px}}
@media(max-width:520px){.navin{width:calc(100% - 28px);gap:8px}.nav .logo{font-size:22px;gap:7px}.nav .brand-mark{width:34px;height:39px}.nav .logo small{font-size:6px;letter-spacing:2.4px}.nav-actions{gap:7px}.nav .navbtn{font-size:12px;min-height:40px;padding:8px 12px}.nav .navbtn>span{display:none}.nav .menu{width:32px;height:36px}}
@media(max-width:360px){.nav .logo{font-size:20px}.nav .brand-mark{width:28px}.nav .navbtn{font-size:11px;padding-inline:9px}.nav .logo small{letter-spacing:2px}}
/* Generated editorial artwork, with consistent framing across cards. */
.card-visual{position:relative;flex-shrink:0;aspect-ratio:3/2;overflow:hidden;border-radius:11px;border:1px solid #7fa7ef30;background:#09152a;margin-bottom:18px}
.card-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.service:hover .card-visual img,.service:focus-visible .card-visual img{transform:scale(1.035)}
.service .card-top{margin-bottom:14px}
.service.big{padding:25px}
.service.big .ai-network{position:relative;inset:auto;width:100%;margin-top:16px}
.step-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:9px;margin-bottom:18px;border:1px solid #7fa7ef26}
/* Centre each section label and underline only its text width. */
.eyebrow,.cta .eyebrow{display:table;width:fit-content;max-width:100%;margin:0 auto 22px;padding-bottom:8px;border-bottom:2px solid #fff;text-align:center;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:1.8px;color:#8eafff}
.faq-section>.eyebrow{grid-column:1/-1;margin-bottom:0}
.faq-section{row-gap:22px}
.sectionHead{gap:24px}
.sectionHead>div{min-width:0}
@media(max-width:800px){.service.big{padding:25px;min-height:0}.service.big .card-visual{aspect-ratio:2/1}.service.big .ai-network{height:140px}.eyebrow,.cta .eyebrow{font-size:16px;letter-spacing:1.4px;margin-bottom:20px}.faq-section>.eyebrow{margin-bottom:0}}
@media(max-width:520px){.eyebrow,.cta .eyebrow{font-size:15px;letter-spacing:1.2px}.service.big .card-visual{aspect-ratio:3/2}.service.big{padding:24px}.step-photo{max-height:150px}}
@media(prefers-reduced-motion:reduce){.service:hover .card-visual img,.service:focus-visible .card-visual img{transform:none}}
/* Natural-colour artwork framed like the live project previews. */
.service>.card-visual{margin:-10px -10px 18px;border-radius:13px;aspect-ratio:1.9/1;box-shadow:0 0 0 5px #050c1c66;border:1px solid #a3b9e43d}
.service.big>.card-visual{aspect-ratio:1.55/1}
.card-visual img{filter:none}
.breadcrumb{display:flex;align-items:center;gap:12px;padding-top:24px;font-size:13px;color:var(--card-copy)}
.breadcrumb a{color:#dce9ff}.breadcrumb a:hover{color:var(--cyan)}
.page-intro{padding-top:24px;padding-bottom:32px}
.page-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.page-intro h1{font-size:clamp(38px,4.5vw,62px);letter-spacing:-2.8px;line-height:1.08;margin:0 0 20px}
.page-lead{font-size:16px;line-height:1.8;color:var(--card-copy);max-width:620px;margin:0}
.page-intro .actions{margin:24px 0 0;flex-wrap:wrap}
.page-art{margin:0;border:1px solid transparent;background:var(--card-surface);padding:10px;border-radius:20px;min-width:0;overflow:hidden;box-shadow:var(--card-glow)}
.page-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.page-art figcaption{padding:13px 4px 4px;font-size:10px;font-weight:700;letter-spacing:1px;color:#dce8ff;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.page-art figcaption span{font-weight:400;letter-spacing:0;color:var(--card-copy)}
.service-jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-block:8px 12px}
.service-jump a{padding:10px 15px;border:1px solid #7299da45;border-radius:999px;font-size:13px;font-weight:600;background:#101b30;color:#d8e6ff;transition:background .2s,border-color .2s}
.service-jump a:hover{background:#192e4b;border-color:#68bfe6}
.work-intro,.contact-intro{text-align:center}.work-intro .page-lead,.contact-intro .page-lead{margin:0 auto 24px;max-width:700px}
.inner-page #work .sectionHead{display:none}.inner-page #work>.eyebrow{display:none}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-options .content-card{min-height:270px}
.contact-value{display:block;font:700 clamp(18px,2.5vw,25px)/1.5 'DM Sans',sans-serif;color:#fff;overflow-wrap:anywhere;margin:6px 0 24px}
.brief-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:32px;border:1px solid transparent;border-radius:20px;background:var(--card-surface)}
.brief-panel h2{font-size:36px;margin-bottom:16px}.availability{margin-top:22px;font-size:13px;color:#dce5f7}.availability span{color:#61e3ae;margin-right:5px}
.brief-list{padding:0;margin:0;list-style:none;counter-reset:brief;display:grid;gap:22px}
.brief-list li{counter-increment:brief;position:relative;padding-left:44px}
.brief-list li:before{content:'0' counter(brief);position:absolute;left:0;top:0;font-size:16px;font-weight:700;color:#8ebeff}
.brief-list b{display:block;font-size:18px;margin-bottom:5px}.brief-list span{color:var(--card-copy);font-size:13px;line-height:1.7}
.inner-page #services .sectionHead h2{font-size:36px}.inner-page .section{padding-block:32px}
@media(max-width:800px){.page-intro-grid{grid-template-columns:1fr;gap:26px}.page-intro{padding-block:22px 26px}.page-intro h1{font-size:44px;letter-spacing:-2px}.page-art{max-width:650px;width:100%;margin:auto}.brief-panel{grid-template-columns:1fr;gap:26px}.inner-page .section{padding-block:26px}}
@media(max-width:520px){.breadcrumb{padding-top:16px}.page-intro h1{font-size:36px;letter-spacing:-1.7px}.page-lead{font-size:15px}.page-intro .actions{gap:10px}.page-intro .button{padding:12px 15px;gap:12px}.contact-options{grid-template-columns:1fr}.brief-panel{padding:23px}.brief-panel h2{font-size:29px}.service-jump{justify-content:flex-start}.service-jump a{font-size:12px;padding:9px 12px}.service.big>.card-visual{aspect-ratio:1.9/1}}
/* Crisp gradient photo frames without tinting the photographs. */
.service>.card-visual,.service.big>.card-visual{padding:2px;border:0;background:linear-gradient(125deg,#69d4fa,#4a83f7 42%,#a36bf1 78%,#73d9ef);box-shadow:none}
.card-visual img{border-radius:11px}
.page-art{border:2px solid transparent;background:linear-gradient(#0e1830,#0e1830) padding-box,linear-gradient(125deg,#69d4fa,#4a83f7 42%,#a36bf1 78%,#73d9ef) border-box}
.step-photo{padding:2px;border:0;background:linear-gradient(125deg,#69d4fa,#4a83f7,#a36bf1)}
.project-preview{border:2px solid transparent;background:linear-gradient(#0c162c,#0c162c) padding-box,linear-gradient(125deg,#69d4fa,#4a83f7,#a36bf1,#73d9ef) border-box;box-shadow:none}
/* Bold white headings with a cyan-to-violet second phrase. */
main h1,main h2{font-family:'DM Sans',sans-serif;font-weight:700;color:#f5f7ff}
main h2{line-height:1.12;letter-spacing:-1.6px}
main h1 .grad,main h2 .grad,main h2 .muted-heading{display:inline-block;background:linear-gradient(100deg,#59bdf4 0%,#89b7ff 44%,#a18bff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
/* Compact shared navigation on every page. */
html{scroll-padding-top:92px}
.nav{height:84px}
@media(min-width:1001px){.nav .brand-mark{width:50px;height:56px}.nav .logo{font-size:30px;gap:12px}.nav .logo small{margin-top:7px}.nav .navbtn{min-height:52px;padding-block:6px}.nav .navbtn>span{width:34px;height:34px;font-size:23px}.navlinks a{padding-block:12px}}
@media(max-width:1000px){html{scroll-padding-top:78px}.nav{height:70px}.navlinks{top:100%}}
.case.project-card{cursor:pointer;text-decoration:none}
.case.project-card:focus-visible{outline:2px solid var(--icon-cyan);outline-offset:5px;background:var(--card-hover-surface);box-shadow:var(--card-hover-glow)}
.project-card:hover .project-visit-arrow,.project-card:focus-visible .project-visit-arrow{color:#fff;border-color:#8ea6ff80;box-shadow:0 0 12px #6657ec33}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.service:hover,.case:hover{transform:none}}
/* Connected intelligence: motion, typography and responsive contact experience. */
.heroVisual{height:530px;border:1px solid #789dff40;border-radius:28px;background:#071223;overflow:hidden;box-shadow:0 24px 80px #0005,0 0 55px #397bff14}
.core-art-wrap{position:absolute;inset:0;overflow:hidden}.neural-art{width:100%;height:100%;object-fit:cover;object-position:center;animation:core-drift 12s ease-in-out infinite alternate}
.heroVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061021e8,transparent 39%,transparent 60%,#061021f5);pointer-events:none}
.core-heading{position:absolute;z-index:1;top:30px;left:30px;right:24px}.core-kicker{font-size:12px;font-weight:600;letter-spacing:2px;color:#b0c5e9}.core-heading h2{font-size:clamp(32px,3.2vw,45px);line-height:1.12;letter-spacing:-1.4px;margin-top:13px}
.core-caption{position:absolute;z-index:1;bottom:26px;left:24px;right:24px;display:flex;flex-wrap:wrap;gap:8px}.core-caption span{font-size:13px;color:#e1ecff;padding:9px 12px;border:1px solid #8aa9f642;border-radius:30px;background:#0c2136cf;backdrop-filter:blur(8px)}
@keyframes core-drift{from{transform:scale(1)}to{transform:scale(1.08) translateY(-6px)}}
.hero-copy{animation:hero-enter .8s ease-out both}.heroVisual{animation:hero-enter 1s .12s ease-out both}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;translate:0 22px;transition:opacity .65s ease var(--reveal-delay,0ms),translate .65s ease var(--reveal-delay,0ms)}.reveal.is-visible,.reveal:focus-within{opacity:1;translate:0 0}
.quote .stars{font-size:30px;letter-spacing:6px;color:#ffd477;line-height:1.5;margin-bottom:20px}.quoteBy{font-size:23px;line-height:1.4}.quoteBy small{font-size:15px;line-height:1.5;margin-top:6px}.quoteBy .mini-logo{width:52px;height:52px;font-size:27px;flex-shrink:0}
#contact.contact-section{padding-top:68px;padding-bottom:58px}.contact-section>.eyebrow{margin-bottom:28px}
.service p,.sectionHead p,.case p,.step p,.about-copy p,.body-copy,.brief-list span{font-size:16px;line-height:1.75}.service-features{font-size:14px}.stats small{font-size:12px}.button{font-size:15px;min-height:48px}.page-art figcaption{font-size:12px}
.booking-section{padding-block:10px 38px;scroll-margin-top:20px}.booking-panel{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #8ca7f547;border-radius:26px;overflow:hidden;background:linear-gradient(130deg,#142644,#171b35 55%,#0b2332);box-shadow:0 24px 70px #0003}.booking-copy{padding:42px 34px;background:radial-gradient(ellipse at 0 0,#4375f32b,transparent 65%)}.booking-kicker{display:block;color:#8fd3ff;font-size:12px;line-height:1.6;letter-spacing:1.7px;font-weight:700;margin-bottom:24px}.booking-copy h2{font-size:clamp(30px,3vw,42px);line-height:1.15}.booking-copy>p{font-size:16px;color:#bbcbe4;margin:22px 0 30px}.booking-steps{padding:0;list-style:none;counter-reset:booking;display:grid;gap:27px}.booking-steps li{position:relative;counter-increment:booking;padding-left:45px}.booking-steps li:before{content:'0' counter(booking);position:absolute;left:0;top:2px;color:#8ebaff;font-size:16px}.booking-steps b{display:block;font-size:16px}.booking-steps span{display:block;color:#b5c4dd;font-size:14px;line-height:1.6;margin-top:5px}.booking-note{font-size:14px;color:#aec3df;margin-top:36px;line-height:1.8}
.call-form{padding:34px;background:#080f20a6;border-left:1px solid #8ca7f522;min-width:0}.call-form h3{font-size:29px;letter-spacing:-.7px}.form-intro{color:#b5c4dd;font-size:15px;margin:8px 0 24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.form-grid label{display:block;min-width:0;font-size:14px;line-height:1.5;color:#d8e5fa}.form-grid label>span{color:#8fd3ff}.form-wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;min-height:48px;border:1px solid #7195cf42;border-radius:10px;background:#111e33;color:#f1f5ff;font:400 16px/1.5 'DM Sans',sans-serif;padding:12px 13px;margin-top:8px;transition:border-color .2s,box-shadow .2s}.form-grid textarea{resize:vertical;min-height:105px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#93a4bf;opacity:1}.form-grid :is(input,textarea,select):focus-visible{outline:2px solid #7bbdff;outline-offset:3px;border-color:#7bbdff;box-shadow:0 0 20px #4598ff16}.form-note{font-size:13px;color:#acbdd8;line-height:1.7;margin:20px 0 16px}.form-submit{width:100%;cursor:pointer}.form-result{margin-top:20px;padding:20px;border:1px solid #60d5b560;border-radius:12px;background:#102d32}.form-result[hidden]{display:none}.form-result p{font-size:14px;color:#c8e5de;line-height:1.65}.form-email{display:block;margin-top:16px;color:#a6d9ff;text-decoration:underline;font-size:14px}.form-result .button{white-space:normal}
@media(min-width:1001px){.navlinks{gap:clamp(18px,2vw,30px);font-size:17px}.navin{gap:20px}.nav-actions{padding-left:20px;margin-left:0}}
@media(max-width:1100px) and (min-width:1001px){.navin{width:calc(100% - 32px);gap:15px}.nav .logo{font-size:25px;gap:8px}.nav .logo small{font-size:8px;letter-spacing:3px}.navlinks{gap:16px;font-size:15px}.nav-actions{padding-left:12px}.nav .navbtn{font-size:14px;padding-left:14px;gap:8px}}
@media(max-width:1000px){.navlinks{max-height:calc(100dvh - 70px);overflow-y:auto}.navlinks a{min-height:48px}.nav .menu{width:44px;height:44px;flex-shrink:0}.heroVisual{height:480px}.booking-copy{padding:30px 24px}.call-form{padding:28px 24px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:36px;padding-bottom:42px}.hero-copy{max-width:650px}.heroVisual{width:100%;max-width:650px;margin:auto;height:460px}.heroText{max-width:600px}.core-heading h2{font-size:42px}.booking-panel{grid-template-columns:minmax(0,1fr)}.booking-copy{padding:30px}.booking-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.booking-steps li{padding-left:0;padding-top:30px}.booking-note{margin-top:24px}.call-form{border-left:0;border-top:1px solid #8ca7f522;padding:30px}.sectionHead{align-items:start}.quoteBy{font-size:21px}}
@media(max-width:520px){.container{width:calc(100% - 36px)}.navin{width:calc(100% - 24px)}.nav .logo{font-size:21px}.nav .navbtn{font-size:12px;min-height:44px;padding-inline:10px}.hero h1{font-size:clamp(43px,12vw,60px);letter-spacing:-2.5px}.hero .pill{font-size:10px;letter-spacing:.9px;max-width:100%;line-height:1.6}.heroText,.page-lead{font-size:16px;line-height:1.8}.hero .actions{flex-wrap:wrap;gap:10px;margin-block:24px}.hero .actions .button{flex:1;gap:12px;padding-inline:14px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:20px}.stats>div{padding:0 12px!important}.stats>div:nth-child(2){border-right:0}.stats strong{font-size:24px}.stats small{font-size:12px}.heroVisual{height:390px;border-radius:22px}.core-heading{top:24px;left:22px}.core-heading h2{font-size:35px}.core-kicker{font-size:10px;letter-spacing:1.5px}.core-caption{bottom:20px;left:18px;right:18px;gap:6px}.core-caption span{font-size:11px;padding:8px 10px}.quote .stars{font-size:27px;letter-spacing:5px}.quoteBy{font-size:20px}.quoteBy small{font-size:14px}.quoteBy .mini-logo{width:44px;height:44px}.quote blockquote{font-size:25px;line-height:1.5}.quote{padding-inline:16px}.quoteBy>div{min-width:0}.booking-copy,.call-form{padding:25px 20px}.booking-copy h2{font-size:32px}.booking-steps{grid-template-columns:1fr;gap:20px}.booking-steps li{padding:0 0 0 40px}.form-grid{grid-template-columns:minmax(0,1fr)}.form-wide{grid-column:auto}.booking-panel{border-radius:20px}#contact.contact-section{padding-top:52px;padding-bottom:40px}.cta p{font-size:16px}.cta .actions{align-items:stretch}.cta .button{white-space:normal}.whatsapp-button{padding:12px;border-radius:50%;width:52px;height:52px}.whatsapp-button>span{display:none}.service p,.case p,.step p,.sectionHead p{font-size:16px}.technology .body-copy{font-size:15px}.faq summary{font-size:16px}.faq details p{font-size:15px}.foot{column-gap:18px}.copy{padding-bottom:18px}.project-card h3{font-size:24px}.page-intro h1{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;translate:none}.hero-copy,.heroVisual,.neural-art{animation:none}*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:800px){.booking-panel .call-form{order:-1;border-top:0;border-bottom:1px solid #8ca7f522}}
/* Larger, responsive text in the closing conversation panel. */
.cta h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-1px}
.cta p{font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.75}
.cta .white{font-size:clamp(1rem,1.4vw,1.125rem)}
.cta .proposal{font-size:1rem;line-height:1.5}
/* Open, cinematic hero with floating capability previews. */
.hero-connected{grid-template-columns:1fr 1.1fr;gap:12px;min-height:720px;padding-top:58px;padding-bottom:58px;isolation:isolate}
.hero-connected:before{content:'';position:absolute;inset:0 -20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 47%,#165da825,transparent 54%)}
.hero-connected .hero-copy{min-width:0}
.hero-connected h1{font-size:clamp(58px,6.5vw,92px);line-height:1.04;letter-spacing:-4.5px;margin:26px 0}
.hero-connected h1 .grad{background-image:linear-gradient(100deg,#63ddff,#7ca6ff 45%,#c49aff);text-shadow:0 0 65px #668cff18}
.hero-connected .pill{font-size:11px;letter-spacing:1.4px;padding:11px 15px;background:#15253b80;border-color:#749bf544}
.hero-connected .heroText{font-size:18px;line-height:1.85;max-width:450px;color:#b9c7df}
.hero-connected .actions{margin:30px 0 34px;flex-wrap:wrap;gap:12px}
.hero-connected .primary{padding:17px 24px;border-radius:12px;background:linear-gradient(110deg,#367bff,#7652ec);box-shadow:0 8px 35px #5361ed40,inset 0 1px #fff3}
.hero-connected .secondary{border-radius:12px;padding:17px 22px;background:#101b2d9c}
.hero-connected .stats{max-width:465px;padding-top:23px}.hero-connected .stats>div{padding-inline:23px}.hero-connected .stats>div:first-child{padding-left:0}.hero-connected .stats strong{font-size:24px}.hero-connected .stats small{font-size:12px;line-height:1.5}
.hero-connected .heroVisual{height:600px;width:100%;max-width:none;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none;perspective:1000px;animation:hero-enter 1s ease-out both}
.hero-connected .heroVisual:after{display:none}
.hero-connected .core-art-wrap{inset:25px -10px 55px;mask-image:radial-gradient(ellipse,black 20%,#000e 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,black 20%,#000e 40%,transparent 72%)}
.hero-connected .neural-art{object-fit:cover;animation:core-drift 10s ease-in-out infinite alternate;filter:saturate(1.12)}
.core-orbit{position:absolute;inset:92px 48px 112px;border:1px solid #72baff26;border-radius:50%;pointer-events:none;transform:rotate(-24deg);box-shadow:0 0 30px #339cff08}
.orbit-two{inset:62px 87px 78px;transform:rotate(28deg);border-style:dashed;border-color:#78bfff20}
.hero-system-label{position:absolute;top:5px;left:24px;right:16px;display:flex;justify-content:space-between;gap:16px;color:#9bbade;font-size:11px;letter-spacing:1.7px;font-weight:600}.hero-system-label>span{font-size:10px;letter-spacing:1px;color:#8393b1}
.hero-float{position:absolute;z-index:2;border:1px solid #8cb9ff47;border-radius:17px;background:linear-gradient(130deg,#162942e8,#0b172ce8);backdrop-filter:blur(18px);box-shadow:0 18px 45px #0005,inset 0 1px #ffffff0d;padding:18px;animation:capability-float 6s ease-in-out infinite}
.hero-chat{top:87px;left:0;width:218px;rotate:-5deg}.hero-voice{top:226px;right:-5px;width:200px;rotate:5deg;animation-delay:-2s}.hero-workflow{bottom:108px;left:20px;max-width:calc(100% - 30px);animation-delay:-4s}
.capability-label{display:flex;gap:11px;align-items:center}.capability-label b{font-size:14px;line-height:1.4;font-weight:600;color:#edf5ff}.capability-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;font-size:25px;border-radius:10px;background:#508bff24;color:#87ceff;border:1px solid #8dbaff25}.hero-chat p{font-size:13px;line-height:1.6;color:#c0cde2;margin:14px 0 12px}.chat-dots{display:flex;gap:5px}.chat-dots i{height:5px;width:5px;border-radius:50%;background:#88caff;animation:chat-pulse 1.5s infinite}.chat-dots i:nth-child(2){animation-delay:.2s}.chat-dots i:nth-child(3){animation-delay:.4s}
.capability-note{display:block;font-size:12px;line-height:1.6;color:#b4c8e4;margin-top:5px}.voice-spectrum{display:flex;align-items:center;justify-content:center;gap:4px;height:64px;margin-top:8px}.voice-spectrum i{width:4px;height:var(--bar);border-radius:4px;background:linear-gradient(#9e9bff,#51d8ed);animation:voice-beat 1.3s var(--beat) ease-in-out infinite alternate}
.hero-connected .core-heading{top:auto;bottom:16px;left:18px;right:0;text-align:center}.hero-connected .core-kicker{font-size:10px;letter-spacing:2.8px;color:#8aa9ce}.hero-connected .core-heading h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-1px;margin-top:12px;line-height:1.25}
@keyframes capability-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes voice-beat{from{scale:1 .45;opacity:.7}to{scale:1 1;opacity:1}}@keyframes chat-pulse{0%,80%,100%{opacity:.4}40%{opacity:1}}
@media(max-width:1100px){.hero-connected{gap:15px}.hero-connected h1{font-size:66px}.hero-connected .heroVisual{height:555px}.hero-chat{width:194px;left:5px}.hero-voice{width:178px;right:0}.hero-workflow{left:5px;padding:15px}.hero-connected .stats>div{padding-inline:17px}}
@media(max-width:800px){.hero-connected{grid-template-columns:minmax(0,1fr);padding-top:46px;gap:22px}.hero-connected .hero-copy{max-width:640px}.hero-connected h1{font-size:clamp(58px,9vw,78px)}.hero-connected .heroText{max-width:560px}.hero-connected .heroVisual{max-width:600px;height:530px;margin:auto}.hero-connected .core-art-wrap{inset:5px 0 45px}.hero-chat{left:18px;top:70px}.hero-voice{right:15px;top:210px}.hero-workflow{bottom:100px;left:35px}.hero-connected .hero-system-label{left:18px;right:18px}}
@media(max-width:520px){.hero-connected{padding-top:32px;padding-bottom:35px;gap:30px}.hero-connected h1{font-size:clamp(45px,12.6vw,65px);letter-spacing:-2.6px;margin-block:24px}.hero-connected .pill{font-size:9px;letter-spacing:1px;padding:10px 11px}.hero-connected .heroText{font-size:16px;line-height:1.8}.hero-connected .actions{margin-block:25px}.hero-connected .actions .button{padding:14px 12px;font-size:14px;gap:10px}.hero-connected .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.hero-connected .stats>div{padding-inline:8px!important}.hero-connected .stats>div:first-child{padding-left:0!important}.hero-connected .stats strong{font-size:20px}.hero-connected .stats small{font-size:10px}.hero-connected .heroVisual{height:470px}.hero-system-label{font-size:9px;letter-spacing:1px}.hero-system-label>span{font-size:8px;letter-spacing:.7px}.hero-connected .core-art-wrap{inset:30px -8px 70px}.core-orbit{inset:90px 10px 125px}.orbit-two{inset:65px 45px 105px}.hero-float{padding:13px;border-radius:13px}.hero-chat{top:54px;left:6px;width:164px}.hero-voice{top:195px;right:3px;width:152px}.capability-label{gap:8px}.capability-label b{font-size:12px}.capability-icon{width:28px;height:28px;font-size:21px}.hero-chat p{font-size:12px;margin:9px 0}.capability-note{font-size:10px}.voice-spectrum{gap:3px;height:55px}.voice-spectrum i{width:3px}.hero-workflow{bottom:89px;left:9px}.hero-connected .core-heading{left:0;bottom:10px}.hero-connected .core-heading h2{font-size:26px}.hero-connected .core-kicker{font-size:9px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){.hero-connected .heroVisual,.hero-connected .neural-art,.hero-float,.chat-dots i,.voice-spectrum i{animation:none!important}}
.hero-connected:before{inset:0}
@media(max-width:520px){.hero-connected .orbit-one{inset:95px 40px 125px;transform:rotate(-12deg)}}
@media(min-width:1101px){.hero-connected h1{font-size:clamp(66px,5.5vw,78px);letter-spacing:-3.8px}}
@media(max-width:520px){.hero-voice{top:165px}}
/* Six equally weighted core capabilities. */
#services .core-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.core-services-grid .service{display:flex;flex-direction:column;min-width:0;padding:25px}
.core-services-grid .service>.card-visual{aspect-ratio:1.9/1}
.core-services-grid .service p{font-size:16px;line-height:1.75;padding-right:0}
.core-services-grid .service-features{font-size:14px;line-height:1.7;padding-right:0}
.core-services-grid .card-link{display:block;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
@media(max-width:1000px){#services .core-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#services .core-services-grid{grid-template-columns:minmax(0,1fr)}}
/* Industry-specific solutions, with matching editorial photography. */
.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.industry-card{padding:24px;scroll-margin-top:110px}
.industry-card>.card-visual{aspect-ratio:1.65/1;margin-bottom:22px}
.industry-card-top{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}
.industry-card-top .card-index{flex-shrink:0;color:#a0b5d7;font-size:13px}
.industry-card h3{font-size:24px;line-height:1.3;letter-spacing:-.6px}
.industry-services{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 25px}
.industry-services li{font-size:13px;line-height:1.5;color:#d1e2f9;border:1px solid #749cda3b;background:#0b182c80;padding:7px 10px;border-radius:7px}
.industry-card .card-link{font-size:14px;min-height:46px}
@media(max-width:1000px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.industry-grid{grid-template-columns:minmax(0,1fr)}.industry-card h3{font-size:23px}.industry-services li{font-size:14px}}
/* Additional delivery journey beneath the existing What You Get cards. */
.delivery-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;margin:26px 0 0;padding:0}
.delivery-journey-step{min-width:0;display:flex}
.delivery-journey-step>.content-card{width:100%}
.delivery-journey .journey-tagline{margin:14px 0 10px;font-size:16px;font-weight:600;line-height:1.6;color:#d6e7ff}
.delivery-journey .journey-description{margin:0;font-size:16px;line-height:1.75;color:#afc1dd}
@media(max-width:1000px){.delivery-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.delivery-journey{grid-template-columns:minmax(0,1fr)}}
/* A reassuring consultation scene alongside the frequently asked questions. */
.faq-intro{min-width:0}
.faq-visual{margin:28px 0 0;padding:2px;border-radius:20px;background:linear-gradient(135deg,#5fd5f5,#647df6 50%,#a775e9);box-shadow:0 18px 45px #0003;overflow:hidden}
.faq-visual img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:18px}
@media(max-width:800px){.faq-visual{max-width:540px;margin:24px 0 0}.faq-visual img{aspect-ratio:4/3;object-position:center 38%}}
@media(max-width:520px){.faq-visual{margin-top:22px}.faq-visual img{aspect-ratio:6/5}}
/* Organised FAQ: a compact introduction and two clear question groups. */
.faq-section{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:48px;row-gap:32px;align-items:start}
.faq-section .faq-intro{position:sticky;top:110px}
.faq-section .faq-lead{font-size:16px;line-height:1.8;color:#b4c5df;margin:20px 0 0;max-width:410px}
.faq-section .faq-visual{margin-top:24px}
.faq-section .faq-visual img{aspect-ratio:4/3;object-position:center 38%}
.faq-help{margin-top:24px;padding-top:24px;border-top:1px solid #799bd638}
.faq-help h3{font-size:20px;line-height:1.4;letter-spacing:-.4px}
.faq-help p{font-size:15px;line-height:1.7;color:#b4c5df;margin:8px 0 16px}
.faq-help .button{font-size:14px;white-space:normal;text-align:center;min-height:48px;padding:12px 18px}
.faq-group+.faq-group{margin-top:28px}
.faq-group-title{font-size:14px;line-height:1.5;letter-spacing:.8px;color:#96baff;margin:0 0 13px;font-weight:600}
.faq-group details,.faq-group details[open]{padding:0;margin:0 0 12px;border-radius:14px}
.faq-group details:last-child{margin-bottom:0}
.faq-group summary{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:20px;min-height:72px;font-size:17px;line-height:1.5;letter-spacing:-.2px;cursor:pointer}
.faq-group summary>.faq-question{font:inherit;color:inherit;min-width:0;width:auto;height:auto;background:none;border:0;border-radius:0;transform:none;display:block;flex-shrink:1}
.faq-group summary>.faq-number{font-size:12px;font-weight:500;color:#91a8ca;letter-spacing:.8px;width:auto;height:auto;background:none;border:0;border-radius:0;transform:none}
.faq-group summary>.faq-toggle{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#539aff16;color:#88ceff;font-size:21px;line-height:1;transition:transform .2s}
.faq-group details[open] summary>.faq-toggle{transform:rotate(45deg);color:#73e4f5}
.faq-group details>p{padding:0 60px 22px 56px;margin:0;font-size:15px;line-height:1.85;color:#b8c9e3}
.faq-group summary:focus-visible{outline:2px solid #74d5ff;outline-offset:3px;border-radius:12px}
@media(max-width:1000px){.faq-section{column-gap:28px}.faq-group summary{padding:17px;gap:10px;font-size:16px}.faq-group details>p{padding:0 24px 20px 51px}}
@media(max-width:800px){.faq-section{grid-template-columns:minmax(0,1fr);row-gap:28px}.faq-section .faq-intro{position:static}.faq-section .faq-visual{max-width:500px}.faq-help{max-width:500px}.faq-section .faq-lead{max-width:600px}}
@media(max-width:520px){.faq-section .faq-visual img{aspect-ratio:3/2}.faq-group summary{grid-template-columns:20px minmax(0,1fr) 26px;padding:16px 14px;gap:8px}.faq-group details>p{padding:0 18px 20px 42px}.faq-group summary>.faq-toggle{width:26px;height:26px}.faq-help .button{width:100%}}
/* Two cards per row on phones, retaining all card content. */
@media(max-width:600px){
 #services .core-services-grid,.content-grid,.industry-grid,.delivery-grid,.delivery-journey,#work .cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .core-services-grid .service,.content-grid .content-card,.delivery-grid .content-card,.delivery-journey .content-card{padding:13px;min-width:0;border-radius:13px}
 .core-services-grid .service>.card-visual,.content-grid .service>.card-visual,.delivery-grid .service>.card-visual,.delivery-journey .service>.card-visual{margin:0 0 14px;aspect-ratio:4/3;border-radius:9px}
 .core-services-grid .card-visual img,.content-grid .card-visual img,.delivery-grid .card-visual img,.delivery-journey .card-visual img{border-radius:7px}
 .core-services-grid .service h3,.content-grid .service h3,.delivery-grid .service h3,.delivery-journey .service h3{font-size:17px;line-height:1.35;letter-spacing:-.3px;overflow-wrap:anywhere}
 .core-services-grid .service p,.content-grid .service p,.delivery-grid .service p,.delivery-journey .service p{font-size:14px;line-height:1.65;padding:0}
 .core-services-grid .service-features,.content-grid .service-features{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
 .core-services-grid .service-features li,.content-grid .service-features li{padding-left:12px}
 .core-services-grid .card-top,.delivery-grid .card-top,.delivery-journey .card-top{margin-bottom:14px}
 .core-services-grid .ico,.content-grid .ico,.delivery-grid .ico,.delivery-journey .ico{width:30px;height:30px;font-size:20px;border-radius:8px}
 .core-services-grid .card-link,.content-grid .card-link,.delivery-grid .card-link,.delivery-journey .card-link{font-size:13px;line-height:1.5;min-height:44px;gap:6px;overflow-wrap:anywhere}
 .industry-card-top{display:block;margin-bottom:14px}.industry-card-top .card-index{display:block;margin-bottom:7px}.industry-services{gap:6px;margin-bottom:18px}.industry-services li{font-size:12px;padding:5px 7px;max-width:100%;overflow-wrap:anywhere}
 #work .project-card,#work .project-card:last-child{grid-column:auto;width:100%;min-width:0;justify-self:stretch}
 .project-preview{margin:10px 10px 0}.project-browser{height:25px;padding-inline:6px;gap:5px}.project-image{aspect-ratio:4/3}
 #work .project-card .caseBody{padding:13px}.project-card h3{font-size:17px;line-height:1.4;letter-spacing:-.3px;min-height:0;overflow-wrap:anywhere}.project-card p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.project-tag{font-size:11px;white-space:normal;overflow-wrap:anywhere}.project-visit{font-size:12px;gap:6px;min-height:44px}.project-type{overflow-wrap:anywhere}
}

/* Company introduction shared by the homepage and About page. */
.company-intro{position:relative;scroll-margin-top:110px}
.company-intro-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:55px;align-items:start;margin:22px 0 38px}
.company-intro-heading h2{font-size:clamp(32px,3.8vw,48px);line-height:1.15;letter-spacing:-1.7px;max-width:490px}
.company-intro-heading h2 span{display:block}
.company-intro .company-intro-lead{font-size:19px;line-height:1.85;color:#d1def0;margin:0}
.company-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:start}
.company-intro-story{min-width:0}
.company-intro-story p{font-size:16px;line-height:1.9;color:#b8c9e3;margin:0 0 22px}
.company-intro-approach{padding:0 0 0 22px;border-left:2px solid #648fff;margin:30px 0}
.company-intro-approach p:last-child{margin-bottom:0;color:#d1def0}
.company-intro-story .button{white-space:normal;line-height:1.5}
.company-intro-goals{min-width:0;padding:32px;border:1px solid #719de83d;border-radius:20px;background:linear-gradient(145deg,#142541,#0c1426);box-shadow:0 18px 50px #0002}
.company-goals-label{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#8fdfff}
.company-intro-goals h3{font-size:25px;line-height:1.4;letter-spacing:-.5px;margin:15px 0 24px}
.company-intro-goals ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.company-intro-goals li{position:relative;padding-left:31px;color:#d0def1;font-size:15px;line-height:1.65}
.company-intro-goals li::before{content:'✓';position:absolute;left:0;top:2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#34d3b51a;color:#71e2c7;font-size:12px;font-weight:700}
@media(max-width:850px){.company-intro-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.company-intro-heading h2{max-width:650px}.company-intro-grid{gap:26px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.company-intro-goals{padding:25px}}
@media(max-width:650px){.company-intro-grid{grid-template-columns:1fr;gap:32px}.company-intro .company-intro-lead{font-size:17px}.company-intro-heading h2{font-size:34px;letter-spacing:-1px}.company-intro-goals{padding:25px 22px}.company-intro-goals h3{font-size:24px}.company-intro-story .button{max-width:100%;font-size:14px}.company-intro-approach{padding-left:17px}}

/* Technology badges: original SVG marks with brand-inspired surfaces. */
/* Shared secondary actions, including company introductions and View All. */
body .button.secondary{color:#f5f7ff;background:linear-gradient(120deg,#254583,#493578);border:1px solid #8199e580;box-shadow:inset 0 1px 0 #ffffff12,0 4px 16px #172b6030;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
body .button.secondary>span{color:#bfeeff}
body .button.secondary:hover{color:#fff;background:linear-gradient(120deg,#305ba4,#604594);border-color:#a0bdff;box-shadow:inset 0 1px 0 #ffffff20,0 7px 22px #426bd440}
body .button.secondary:hover>span{color:#fff}
body .button.secondary:focus-visible{outline:3px solid #8fe5ff;outline-offset:4px}
body .button.secondary:active{transform:translateY(0);background:linear-gradient(120deg,#1c366a,#38275e);box-shadow:inset 0 2px 5px #0003}
@media(prefers-reduced-motion:reduce){body .button.secondary{transition:none}}
.technology .techs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.technology .techs>.tech-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:12px 10px;font-size:13px;font-weight:600;line-height:1.4;border:1px solid var(--tech-border);border-radius:11px;background:var(--tech-bg);color:var(--tech-text);box-shadow:0 5px 18px #0002;transition:transform .2s,box-shadow .2s}
.technology .tech-badge img{display:block;width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.technology .techs>.tech-badge:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0004;border-color:var(--tech-border)}
.tech-openai{--tech-bg:#fff;--tech-text:#111;--tech-border:#d9d9d9}
.tech-claude{--tech-bg:#faf6ef;--tech-text:#3d3929;--tech-border:#d6b5a5}
.tech-gemini{--tech-bg:#f3f6ff;--tech-text:#305db9;--tech-border:#b6c9f6}
.tech-langchain{--tech-bg:#f0f5ed;--tech-text:#1c3c3c;--tech-border:#a6bfae}
.tech-python{--tech-bg:#17344d;--tech-text:#ffde57;--tech-border:#387cb0}
.tech-react{--tech-bg:#172e38;--tech-text:#61dafb;--tech-border:#317587}
.tech-nextjs{--tech-bg:#080808;--tech-text:#fff;--tech-border:#505050}
.tech-nodejs{--tech-bg:#14291b;--tech-text:#8cd77f;--tech-border:#437c3d}
.tech-mongodb{--tech-bg:#001e2b;--tech-text:#00ed64;--tech-border:#167346}
.tech-aws{--tech-bg:#fff3df;--tech-text:#232f3e;--tech-border:#e5a646}
.technology .tech-aws img{width:32px;flex-basis:32px}
@media(max-width:600px){.technology .techs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.technology .techs>.tech-badge{min-width:0;min-height:56px;padding:12px 10px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.technology .techs>.tech-badge{transition:none}.technology .techs>.tech-badge:hover{transform:none}}

/* Larger section labels, such as WHO WE ARE and OUR SERVICES. */
.eyebrow,.cta .eyebrow{font-size:22px;line-height:1.5;letter-spacing:1.8px}
@media(max-width:800px){.eyebrow,.cta .eyebrow{font-size:20px;letter-spacing:1.5px}}
@media(max-width:520px){.eyebrow,.cta .eyebrow{font-size:18px;letter-spacing:1.2px}}

/* Extra space above the company introduction action. */
.company-intro-story > .button{margin-top:16px}

/* Industry-specific reasons to choose Rudvaira. */
.why-rudvaira>h2{text-align:center;font-size:clamp(30px,3.4vw,45px);line-height:1.2;letter-spacing:-1.4px;max-width:980px;margin:0 auto 42px}
.why-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.why-card{min-width:0;padding:32px;border:1px solid #789fdd35;border-radius:20px;background:linear-gradient(145deg,#142039,#0c1426);box-shadow:0 10px 35px #0002}
.why-card-top{display:flex;align-items:center;gap:15px;margin-bottom:23px;color:#9ebcf1;font-size:11px;font-weight:700;letter-spacing:1.3px;line-height:1.6}
.why-symbol{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border:1px solid #749bf260;border-radius:12px;background:#4c7dde1a;color:#a5c9ff;font-size:25px}
.why-card:nth-child(even) .why-symbol{color:#bfa7ff;border-color:#9e7af360;background:#8a59de1a}
.why-card h3{font-size:26px;line-height:1.35;letter-spacing:-.6px;margin:0 0 20px;color:#eff5ff}
.why-card p{font-size:16px;line-height:1.85;color:#b9cbe5;margin:13px 0}
.why-card p:last-child{margin-bottom:0}
.why-journey{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#17577338,transparent 60%),linear-gradient(120deg,#172445,#171c36)}
.why-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;padding:0;margin:25px 0 28px;list-style:none}
.why-flow li{position:relative;display:grid;place-items:center;padding:17px 10px;min-height:80px;border:1px solid #79b2e74a;border-radius:12px;background:#183255;color:#d7eaff;text-align:center;font-size:14px;font-weight:600;line-height:1.6}
.why-flow li:last-child{background:#123c38;border-color:#5cd8b766;color:#96f0d4}
.why-flow li:not(:last-child):after{content:'→';position:absolute;left:calc(100% + 5px);color:#80bdf6;font-size:18px}
.why-tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:22px 0;padding:0}
.why-tags li{padding:8px 12px;border:1px solid #799dd938;border-radius:8px;background:#2b456a22;color:#c7daf5;font-size:13px;line-height:1.6}
.why-action{display:flex;justify-content:center;margin-top:32px}
.why-action .button{white-space:normal;text-align:center}
@media(max-width:1000px){.why-card{padding:26px}.why-flow{grid-template-columns:1fr;gap:22px}.why-flow li{min-height:52px;padding:12px 18px}.why-flow li:not(:last-child):after{content:'↓';left:50%;top:calc(100% + 1px);transform:translateX(-50%);line-height:20px}.why-journey .why-flow{max-width:560px;margin-inline:auto}}
@media(max-width:650px){.why-benefits{grid-template-columns:1fr;gap:16px}.why-rudvaira>h2{font-size:31px;letter-spacing:-.8px;margin-bottom:30px}.why-card{padding:24px 20px;border-radius:16px}.why-card h3{font-size:23px}.why-card-top{gap:12px;letter-spacing:.8px}.why-card p{font-size:15px}.why-tags li{font-size:13px;padding:7px 10px}.why-action .button{width:100%;max-width:360px}}

/* Refined Why Rudvaira feature layout. */
.why-rudvaira{position:relative;isolation:isolate}
.why-rudvaira:before{content:'';position:absolute;inset:70px -12px 30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#3344ab25,transparent 65%)}
.why-rudvaira>h2{font-size:clamp(32px,3.65vw,50px);line-height:1.18;max-width:1060px;margin-bottom:48px}
.why-benefits{gap:24px}
.why-card{--why-accent:#83b7ff;position:relative;overflow:hidden;padding:35px;border:1px solid #809dee38;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#32539722,transparent 65%),linear-gradient(140deg,#131e35,#0b1325);box-shadow:inset 0 1px #ffffff09,0 16px 40px #0002;transition:border-color .25s,box-shadow .25s,transform .25s}
.why-card:before{content:'';position:absolute;left:35px;right:35px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--why-accent),transparent);opacity:.75}
.why-card:nth-child(2),.why-card:nth-child(6){--why-accent:#b59aff}
.why-card:nth-child(3),.why-card:nth-child(5){--why-accent:#6de0c8}
.why-card:hover{transform:translateY(-3px);border-color:#8eaee977;box-shadow:0 18px 45px #0004}
.why-card-number{position:absolute;right:25px;top:10px;font:700 90px/1.1 'Space Grotesk',sans-serif;letter-spacing:-6px;color:#98b6ff08;pointer-events:none}
.why-card-top{position:relative;z-index:1;color:var(--why-accent);font-size:10px;letter-spacing:1.7px;margin-bottom:24px}
.why-symbol,.why-card:nth-child(even) .why-symbol{width:48px;height:48px;flex-basis:48px;background:#799eee12;border:1px solid #7d9ce44a;color:var(--why-accent);border-radius:14px;box-shadow:inset 0 1px #ffffff0c}
.why-symbol svg{width:25px;height:25px}
.why-card h3{font-size:28px;line-height:1.3;position:relative;max-width:510px}
.why-card p{color:#b7c8e2;line-height:1.85;position:relative}
.why-card-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center;padding:42px;background:radial-gradient(ellipse at 80% 50%,#32479926,transparent 60%),linear-gradient(120deg,#152441,#10182e)}
.why-card-lead h3{font-size:36px;letter-spacing:-1px;max-width:570px}
.why-network{position:relative;height:350px;min-width:0;isolation:isolate}
.why-network-caption{text-align:center;font-size:9px;font-weight:700;letter-spacing:1.7px;color:#8fafd9;margin-top:5px}
.why-network-lines{position:absolute;inset:22px 0 0;width:100%;height:calc(100% - 22px);z-index:-1}
.why-network-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:radial-gradient(circle at 40% 20%,#294a7b,#101c34 75%);border:1px solid #8faefb99;box-shadow:0 0 0 9px #658efb08,0 0 65px #526deb24}
.why-network-core img{width:35px;height:39px;object-fit:contain}
.why-network-core strong{font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.4px}
.why-network-core small{font-size:6px;letter-spacing:.9px;color:#adc6f0}
.why-network-node{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:600;padding:11px 16px;border:1px solid #89a5ed50;border-radius:10px;background:#172944;color:#c4dafa;box-shadow:0 7px 16px #0002}
.node-marketing{left:22%;top:24%}.node-web{left:78%;top:24%}.node-ai{left:13%;top:54%;color:#a1e9e2}.node-crm{left:87%;top:54%;color:#c8b6ff}.node-software{left:22%;top:84%}.node-automation{left:78%;top:84%}
.why-journey{padding:38px;background:radial-gradient(ellipse at 50% 100%,#245a7f35,transparent 80%),linear-gradient(120deg,#132440,#201d3e)}
.why-journey h3{font-size:34px;max-width:none}
.why-flow{gap:20px;margin-block:30px}
.why-flow li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:linear-gradient(150deg,#244367,#172841);min-height:128px;border-color:#7aa8e850;border-radius:15px;font-size:13px}
.why-flow-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:700;color:#a9d8ff;border:1px solid #8dbff04a;background:#163251}
.why-flow li:last-child .why-flow-number{background:#18574a;color:#a2f3db;border-color:#6fe5c04a}
.why-flow li:not(:last-child):after{left:calc(100% + 3px);font-size:17px}
.why-tags{gap:10px;margin-block:24px}
.why-tags li{padding:9px 13px;border-radius:8px;background:#819cf90a;border-color:#89a5e32e;color:#cddff7}
.why-card-final{grid-column:1/-1;padding:35px 42px 35px 118px;background:linear-gradient(115deg,#102d30,#111d31 55%,#171a31);border-color:#74d2c33d}
.why-card-final .why-symbol{position:absolute;left:-77px;top:0;color:#84e5c8;width:53px;height:53px}
.why-card-final .why-card-top{margin-bottom:14px;color:#91d9c8}
.why-card-final h3{max-width:850px;font-size:30px}
.why-card-final p{max-width:950px}
.why-action{margin-top:38px}.why-action .button{min-height:55px;padding-inline:30px;box-shadow:0 8px 30px #4c64ca25}
@media(max-width:1000px){.why-card-lead{gap:24px;padding:30px}.why-card-lead h3{font-size:30px}.why-network{height:320px}.why-network-node{font-size:11px;padding:9px 11px}.why-network-core{width:124px;height:124px}.why-flow{gap:22px}.why-flow li{flex-direction:row;min-height:62px;justify-content:flex-start;text-align:left;padding-inline:20px}.why-flow li:not(:last-child):after{left:50%}.why-card h3{font-size:25px}}
@media(max-width:760px){.why-card-lead{grid-template-columns:1fr}.why-network{width:100%;max-width:440px;margin:0 auto}.why-card-lead h3{font-size:31px}.why-benefits{gap:18px}.why-card{padding:27px}.why-card-final{padding:28px}.why-card-final .why-symbol{position:static;flex-basis:48px;width:48px;height:48px}.why-card-final .why-card-top{margin-bottom:22px}}
@media(max-width:650px){.why-rudvaira>h2{font-size:33px;line-height:1.22}.why-card{padding:25px 20px;border-radius:20px}.why-card-lead h3{font-size:29px}.why-card h3{letter-spacing:-.5px}.why-card-top{font-size:9px;letter-spacing:1px;gap:12px}.why-network{height:300px}.why-network-caption{font-size:8px;letter-spacing:1px}.why-network-node{font-size:10px;padding:9px}.why-network-core{width:116px;height:116px}.why-network-core strong{font-size:18px}.why-network-core small{font-size:5px}.why-network-core img{width:30px;height:33px}.why-journey h3{font-size:28px}.why-card-final h3{font-size:25px}.why-flow li{font-size:14px}.why-card-number{font-size:75px}}
@media(prefers-reduced-motion:reduce){.why-card{transition:none}.why-card:hover{transform:none}}

/* Content-matched photography and readable benefit labels. */
.why-card .why-card-top{font-size:15px;letter-spacing:1.1px;line-height:1.65}
.why-photo{margin:0 0 27px;padding:3px;border-radius:17px;background:linear-gradient(135deg,#71baff75,#9b80eb55,#68c5b04a);overflow:hidden}
.why-photo img{display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center;border-radius:14px}
.why-lead-media{min-width:0}.why-lead-media .why-photo{margin-bottom:12px}.why-lead-media .why-photo img{aspect-ratio:1.85}
.why-lead-media .why-network{height:290px}
.why-journey-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;align-items:center}
.why-journey-intro .why-photo{margin-bottom:0}.why-journey-intro .why-photo img{aspect-ratio:1.7}
.why-card-final{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;align-items:center;padding:35px}
.why-card-final .why-symbol{position:static;flex-basis:48px;width:48px;height:48px}
.why-card-final .why-photo{margin:0}.why-card-final .why-photo img{aspect-ratio:1.45}
.why-card-number{z-index:0}.why-photo,.why-final-copy,.why-lead-media{position:relative}
@media(max-width:1000px){.why-card .why-card-top{font-size:14px;letter-spacing:.8px}.why-journey-intro{gap:24px}.why-card-final{gap:25px;padding:28px}}
@media(max-width:760px){.why-journey-intro,.why-card-final{grid-template-columns:1fr}.why-lead-media{max-width:500px;width:100%;margin:auto}.why-card-final .why-photo{grid-row:1}.why-card-final .why-photo img{aspect-ratio:1.9}}
@media(max-width:650px){.why-card .why-card-top{font-size:13px;letter-spacing:.7px;gap:12px}.why-photo{margin-bottom:22px;border-radius:13px}.why-photo img{border-radius:10px;aspect-ratio:1.6}.why-card-final{padding:25px 20px}.why-lead-media .why-network{height:290px}}

/* Compact benefit cards and the reference-inspired customer journey. */
.why-benefits{grid-template-columns:minmax(0,1fr);gap:24px}
.why-card{padding:28px;scroll-margin-top:105px}
.why-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px}
.why-feature-copy{min-width:0;position:relative;z-index:1}
.why-card h3{font-size:28px;line-height:1.22;max-width:none;margin-bottom:13px}
.why-card p{font-size:15px;line-height:1.7;margin:10px 0}
.why-card .why-card-top{margin-bottom:15px;font-size:14px;letter-spacing:1px;gap:13px}
.why-card-top .why-symbol{width:43px;height:43px;flex-basis:43px}
.why-card{--symbol-bg:linear-gradient(145deg,#216be1,#263395);--symbol-ink:#a0d8ff;--symbol-border:#438dff}
.why-card:nth-child(2){--symbol-bg:linear-gradient(145deg,#7b46d0,#38258a);--symbol-ink:#e0caff;--symbol-border:#9a68ec}
.why-card:nth-child(3){--symbol-bg:linear-gradient(145deg,#0f958a,#135457);--symbol-ink:#9bfff0;--symbol-border:#35c8b7}
.why-card:nth-child(5){--symbol-bg:linear-gradient(145deg,#db8b22,#794216);--symbol-ink:#ffe0a3;--symbol-border:#eaa745}
.why-card:nth-child(6){--symbol-bg:linear-gradient(145deg,#237eca,#293c99);--symbol-ink:#afe6ff;--symbol-border:#589be9}
.why-card:nth-child(7){--symbol-bg:linear-gradient(145deg,#179c71,#095143);--symbol-ink:#adffe0;--symbol-border:#38cfa0}
.why-benefits .why-card .why-symbol{background:var(--symbol-bg);color:var(--symbol-ink);border-color:var(--symbol-border);box-shadow:inset 0 1px #ffffff30,0 0 20px #377de51a}
.why-feature .why-photo{margin:0;position:relative;align-self:stretch;min-height:250px;max-height:380px;border-radius:17px}
.why-feature .why-photo img{height:100%;min-height:250px;max-height:374px;aspect-ratio:auto;object-fit:cover}
.why-photo figcaption{position:absolute;inset:auto 3px 3px;padding:36px 18px 17px;background:linear-gradient(transparent,#071526ee);border-radius:0 0 14px 14px;color:#eef6ff;display:flex;flex-direction:column;gap:4px}
.why-photo figcaption b{font-size:16px}.why-photo figcaption>span{font-size:12px;color:#bdd4f1}
.why-tags{margin:16px 0;gap:7px}.why-tags li{padding:6px 10px;font-size:12px;line-height:1.5}
.why-card-number{font-size:72px;right:18px;top:5px}
.why-journey{padding:28px;background:radial-gradient(ellipse at 100% 0,#32539722,transparent 65%),linear-gradient(140deg,#131e35,#0b1325);border-color:#809dee38}
.why-journey-intro{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:26px}
.why-journey h3{font-size:34px;letter-spacing:-1px;line-height:1.2;margin-bottom:12px}
.journey-tech{color:#91baff}.journey-ai{color:#62e6cb}
.why-journey .why-card-top{font-size:13px;letter-spacing:1.3px;margin-bottom:16px}
.why-journey-intro .why-photo{height:225px;padding:3px;background:linear-gradient(135deg,#4896ff,#4546a0,#18bbaa)}
.why-journey-intro .why-photo img{height:100%;aspect-ratio:auto;object-fit:cover}
.why-journey-intro .why-example-label{font-size:12px;color:#829ec7;margin:8px 0}
.why-journey-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.why-journey-pills>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #4682dc48;border-radius:9px;background:linear-gradient(130deg,#17345b,#0e203c)}
.why-journey-pills svg{width:22px;height:22px;flex-shrink:0;color:#67efc3}.why-journey-pills>div:nth-child(2) svg{color:#ffc572}.why-journey-pills>div:nth-child(3) svg{color:#7a9cff}
.why-journey-pills b,.why-journey-pills small{display:block;line-height:1.5}.why-journey-pills b{font-size:11px;color:#e6f0ff}.why-journey-pills small{font-size:9px;color:#a9c3e7}
.why-photo .journey-image-labels{inset:12px 12px auto auto;padding:0;background:none;gap:8px;max-width:145px}
.why-photo .journey-image-labels span{padding:9px 12px;color:#e6f7ff;font-size:10px;font-weight:600;border:1px solid #3cb5e47d;border-radius:10px;background:linear-gradient(115deg,#0b3b4ce8,#10214aef);box-shadow:0 4px 14px #0004}
.why-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;max-width:none!important;margin:30px 0 14px;padding:12px 0 0;list-style:none}
.why-flow li{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:7px;min-height:152px;padding:24px 9px 12px;border-radius:15px;background:linear-gradient(145deg,#17365f,#0c203f);border:1px solid #4789e777;font-size:13px;line-height:1.25}
.why-flow .why-flow-number{position:absolute;left:50%;top:-15px;transform:translateX(-50%);height:30px;width:30px;border:1px solid #68b8fb;background:linear-gradient(145deg,#2156a8,#122646);color:white;font-size:11px;box-shadow:0 0 17px #298dfb30}
.why-flow .why-step-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:2px;border-radius:10px;background:linear-gradient(145deg,#246cfa,#183497);border:1px solid #5c87ff;color:#c6e0ff;box-shadow:inset 0 1px #ffffff33}
.why-step-icon svg{width:23px;height:23px}
.why-flow li:nth-child(2) .why-step-icon{background:linear-gradient(145deg,#00a6ed,#1457b8);color:#cff8ff;border-color:#27b9ff}
.why-flow li:nth-child(3) .why-step-icon{background:linear-gradient(145deg,#9161ff,#442cbd);color:#e3d6ff;border-color:#a180ff}
.why-flow li:nth-child(4) .why-step-icon{background:linear-gradient(145deg,#b86d27,#643417);color:#ffe4ab;border-color:#d18d4f}
.why-flow li:nth-child(5) .why-step-icon{background:linear-gradient(145deg,#225f9d,#103269);color:#b4daff;border-color:#518fcb}
.why-flow li:nth-child(6) .why-step-icon{background:linear-gradient(145deg,#099ead,#07556e);color:#adffff;border-color:#3ac9d3}
.why-flow li:last-child{background:linear-gradient(145deg,#0a5947,#072c27);border-color:#21d99c;color:#cdffea;box-shadow:0 0 22px #0bb88919}
.why-flow li:last-child .why-step-icon{background:linear-gradient(145deg,#00c991,#05734f);border-color:#5bfbc2;color:#ceffef}
.why-flow small{font-size:11px;line-height:1.45;color:#b6c9e5;font-weight:400}
.why-flow li:not(:last-child):after{content:'→';left:calc(100% + 2px);top:50%;transform:translateY(-50%);line-height:1;font-size:17px;color:#89bdf9}
.why-journey>p{font-size:13px;line-height:1.6;margin:15px 0 0;color:#a9c2e4}
@media(min-width:1001px) and (max-height:800px){.why-card{padding:24px}.why-feature{gap:26px}.why-card h3{font-size:25px}.why-card p{font-size:14px;line-height:1.65}.why-card .why-card-top{font-size:13px;margin-bottom:12px}.why-feature .why-photo,.why-feature .why-photo img{min-height:240px;max-height:320px}.why-journey h3{font-size:32px}.why-journey-intro .why-photo{height:200px}.why-flow{margin-top:25px}.why-flow li{min-height:145px}.why-journey>p{font-size:12px}}
@media(max-width:1000px){.why-feature{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.why-card{padding:24px}.why-card h3{font-size:25px}.why-card .why-card-top{font-size:13px}.why-feature .why-photo img{height:100%}.why-journey-intro{grid-template-columns:1fr 1fr}.why-journey h3{font-size:29px}.why-journey-pills small{display:none}.why-flow{display:flex;overflow-x:auto;gap:16px;padding:18px 2px 12px;scroll-snap-type:x mandatory;scrollbar-color:#4a7bb2 #102644;scrollbar-width:thin}.why-flow li{flex:0 0 142px;scroll-snap-align:start}.why-flow li:not(:last-child):after{content:'→';left:calc(100% + 1px);top:50%;transform:translateY(-50%)}}
@media(max-width:650px){.why-card{padding:20px;scroll-margin-top:88px}.why-feature{grid-template-columns:1fr;gap:18px}.why-feature .why-photo{grid-row:1;min-height:0;height:170px;max-height:none}.why-feature .why-photo img{min-height:0;height:100%;max-height:none}.why-card h3{font-size:24px}.why-card p{font-size:14px;line-height:1.7}.why-card .why-card-top{font-size:12px;letter-spacing:.6px}.why-journey-intro{grid-template-columns:1fr;gap:18px}.why-journey-intro .why-photo{height:170px;grid-row:1}.why-journey h3{font-size:28px}.why-journey .why-card-top{font-size:11px}.why-journey-pills{gap:6px}.why-journey-pills>div{padding:7px}.why-journey-pills b{font-size:10px}.why-journey-pills svg{width:18px;height:18px}.why-flow{margin-top:20px}.why-photo figcaption{padding:30px 13px 12px}.why-photo figcaption b{font-size:14px}.why-photo figcaption>span{font-size:11px}}

/* Reference-style secondary action buttons throughout the site. */
body .button.secondary{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:62px;max-width:100%;padding:13px 21px;border:2px solid transparent;border-radius:13px;background:radial-gradient(ellipse at 90% 0,#cb6dff30,transparent 48%) padding-box,linear-gradient(110deg,#086bdb 0%,#2431b3 48%,#992cee 100%) padding-box,linear-gradient(110deg,#54dfff,#7988ff 48%,#e18cff) border-box;color:#fff;font-size:16px;font-weight:700;line-height:1.4;white-space:normal;text-align:center;box-shadow:inset 0 1px 2px #ffffff3b,0 0 14px #4580ff40,0 5px 24px #512fb62e;transition:transform .2s,box-shadow .2s,filter .2s}
body .button.secondary:before{content:'';position:relative;inset:auto;z-index:0;opacity:1;filter:none;display:block;flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:1px solid #b8d6ff30;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.3'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.3'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.3'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.3'/%3E%3C/svg%3E"),linear-gradient(145deg,#ffffff20,#88aaff18);background-repeat:no-repeat;background-position:center;background-size:20px,100%;box-shadow:inset 0 1px #ffffff15}
body .button.secondary:after{content:'↗';font-size:29px;font-weight:400;line-height:1;flex:0 0 25px;color:#fff}
body .button.secondary>span{display:none}
body .button.secondary:hover{background:radial-gradient(ellipse at 90% 0,#df91ff38,transparent 48%) padding-box,linear-gradient(110deg,#127bea 0%,#3540cc 48%,#ad3df4 100%) padding-box,linear-gradient(110deg,#90efff,#a9a4ff 48%,#f1bbff) border-box;border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff48,0 0 22px #428fff66,0 7px 28px #932edb40}
body .button.secondary:active{transform:translateY(0);filter:brightness(.93)}
body .button.secondary:focus-visible{outline:3px solid #aff5ff;outline-offset:5px}
@media(max-width:600px){body .button.secondary{font-size:14px;gap:10px;padding:12px 15px;min-height:58px;border-radius:12px}body .button.secondary:before{width:32px;height:32px;flex-basis:32px;background-size:18px,100%}body .button.secondary:after{font-size:25px;flex-basis:22px}}
@media(prefers-reduced-motion:reduce){body .button.secondary{transition:none}body .button.secondary:hover{transform:none}}
/* Compact service tiles with colourful icons. */
.why-tags.why-service-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}
.why-service-tiles li{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px;border:1px solid #668ed342;border-radius:12px;background:linear-gradient(130deg,#102542,#08182e);box-shadow:inset 0 1px #ffffff06;font-size:12px;line-height:1.45;color:#e5edff}
.why-tile-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;border:1px solid var(--tile-edge);background:linear-gradient(145deg,var(--tile-top),var(--tile-bottom));color:var(--tile-ink);box-shadow:inset 0 1px #ffffff16,0 3px 12px #0002}
.why-tile-icon svg{width:22px;height:22px}
.tile-blue{--tile-top:#1447a1;--tile-bottom:#092960;--tile-edge:#2e67c5;--tile-ink:#79c4ff}
.tile-cyan{--tile-top:#105b8d;--tile-bottom:#083355;--tile-edge:#277ca7;--tile-ink:#77dcff}
.tile-amber{--tile-top:#835021;--tile-bottom:#46270e;--tile-edge:#986324;--tile-ink:#ffc16e}
.tile-violet{--tile-top:#4d32a0;--tile-bottom:#27175c;--tile-edge:#7050c9;--tile-ink:#ba96ff}
.tile-mint{--tile-top:#076653;--tile-bottom:#033d33;--tile-edge:#07836b;--tile-ink:#26edb0}
.tile-rose{--tile-top:#722842;--tile-bottom:#40132a;--tile-edge:#9a3b5c;--tile-ink:#ff80aa}
.why-tile-label{min-width:0;overflow-wrap:break-word}
@media(max-width:1000px){.why-tags.why-service-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.why-service-tiles li{padding:9px;gap:8px;font-size:12px;min-height:62px}.why-tile-icon{width:32px;height:32px;flex-basis:32px}.why-tile-icon svg{width:20px;height:20px}}

/* Compact secondary buttons with the hero action's hover glow. */
body .button.secondary{min-height:48px;padding:9px 18px;gap:10px;font-size:14px;font-weight:600;border-radius:9px;box-shadow:inset 0 1px 2px #ffffff30,0 3px 12px #273c8a24}
body .button.secondary:before{width:26px;height:26px;flex-basis:26px;background-size:16px,100%}
body .button.secondary:after{font-size:23px;flex-basis:21px}
body .button.secondary:hover{box-shadow:inset 0 1px 2px #ffffff40,0 0 18px #27bdffaa,0 0 45px #6d3bfc80}
@media(max-width:600px){body .button.secondary{min-height:46px;padding:9px 15px;gap:9px;font-size:14px}body .button.secondary:before{width:24px;height:24px;flex-basis:24px;background-size:15px,100%}body .button.secondary:after{font-size:21px;flex-basis:19px}}
/* Office address and tap-to-call contact details. */
.footer-office-address{font-style:normal;font-size:15px;line-height:1.8;margin-block:14px}
.foot .contact-icon-phone{color:#88c9ff}
.office-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:0;margin-bottom:45px}
.office-contact-card{min-width:0;padding:30px;border:1px solid #789fdd38;border-radius:20px;background:linear-gradient(140deg,#14213b,#0d182b)}
.office-contact-card h2{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 20px}
.office-contact-card address{font-style:normal;font-size:18px;line-height:1.85;color:#c7d9ef}
.office-phone-links{display:flex;flex-direction:column;gap:12px}
.office-phone-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:12px 16px;border:1px solid #5a8fd955;border-radius:10px;background:#22416c38;color:#c2e8ff;font-size:18px;font-weight:600}
.office-phone-links a:hover{background:#31548a55;border-color:#88bdff;color:#fff}
@media(max-width:650px){.office-contact{grid-template-columns:1fr;gap:16px}.office-contact-card{padding:24px 20px}.office-contact-card h2{font-size:24px}.office-contact-card address,.office-phone-links a{font-size:16px}}

/* Client review cards, rendered when supplied testimonials are available. */
.client-reviews>h2{text-align:center;font-size:clamp(32px,3.5vw,48px);line-height:1.2;margin:0 0 38px}
.client-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.client-review{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;margin:0;padding:30px;border:1px solid #7a9bde45;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#3f56ac25,transparent 70%),linear-gradient(145deg,#12223b,#0c1528);box-shadow:inset 0 1px #ffffff0a,0 12px 32px #0002;transition:transform .2s,border-color .2s}
.client-review:hover{transform:translateY(-4px);border-color:#91b6ff88}
.client-review:nth-child(3n+2){background:radial-gradient(ellipse at 100% 0,#7859c925,transparent 70%),linear-gradient(145deg,#17213d,#101629)}
.client-review:nth-child(3n){background:radial-gradient(ellipse at 100% 0,#1db6941c,transparent 70%),linear-gradient(145deg,#10283a,#0c1828)}
.review-rating{display:flex;gap:5px;margin-bottom:23px;position:relative;z-index:1}
.review-star{color:#ffc76b;font-size:21px;line-height:1;text-shadow:0 0 14px #ffc35328}.review-star-empty{color:#52637e;text-shadow:none}
.review-quote-mark{position:absolute;top:12px;right:24px;font:100px/1 Georgia,serif;color:#739fea14;pointer-events:none}
.client-review blockquote{margin:0 0 26px;flex:1}.client-review blockquote p{font-size:16px;line-height:1.85;color:#ccdaee;margin:0;overflow-wrap:anywhere}
.client-review figcaption{display:flex;align-items:center;gap:13px;border-top:1px solid #759ac92e;padding-top:20px}
.review-avatar{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #77a4ef55;border-radius:13px;background:linear-gradient(135deg,#245c96,#433e91);color:#e3f3ff;font-weight:700;font-size:14px}
.client-review figcaption strong{display:block;color:#edf5ff;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.client-review figcaption small{display:block;color:#9cb6d8;font-size:13px;line-height:1.6;margin-top:3px}
.review-source{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#99c7fa;margin-top:17px}.review-source:hover{color:#d1ecff;text-decoration:underline}
@media(min-width:1001px){.client-review:last-child:nth-child(3n+1){grid-column:2}}
@media(max-width:1000px){.client-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-review{padding:25px}}
@media(max-width:600px){.client-review-grid{grid-template-columns:1fr;gap:16px}.client-review{padding:24px 21px;border-radius:18px}.client-review blockquote p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.client-review{transition:none}.client-review:hover{transform:none}}

/* Reviews share the services slideshow controls, with circular photo placeholders. */
#client-reviews .client-review-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 3px 18px;position:relative;overscroll-behavior-x:contain}
#client-reviews .client-review-grid::-webkit-scrollbar{display:none}
#client-reviews .client-review{grid-column:auto;scroll-snap-align:start}
#client-reviews .review-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 20%,#3767aa,#19294d 75%);border-color:#85b4ff70;box-shadow:inset 0 1px 8px #95c5ff20,0 0 18px #5085ec18;color:#bcd9ff}
#client-reviews .review-avatar svg{width:28px;height:28px}
#client-reviews .review-avatar img{width:100%;height:100%;object-fit:cover}
#client-reviews .service-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}
#client-reviews .client-review-grid:focus-visible{outline:2px solid #8de9ff;outline-offset:4px;border-radius:22px}
@media(max-width:1000px){#client-reviews .client-review-grid{grid-auto-columns:calc((100% - 18px)/2);gap:18px}}
@media(max-width:600px){#client-reviews .client-review-grid{grid-auto-columns:100%;gap:14px}#client-reviews .service-carousel-controls{flex-direction:column;text-align:center}#client-reviews .client-review{padding:24px 18px}}

.company-tagline{font-size:clamp(17px,1.6vw,22px);line-height:1.5;font-weight:600;color:#a7ceff;margin:18px 0;max-width:38ch}.footer-description{overflow-wrap:anywhere}.contact-label,.contact-value{overflow-wrap:anywhere}

.form-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-submit:disabled{opacity:.7;cursor:wait}.form-submit:disabled:not([aria-busy]){cursor:default}.form-note a{text-decoration:underline}.form-fallback[hidden]{display:none}