:root{--blue:#2869f6;--ink:#161c29;--muted:#929baa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f5fb;color:var(--ink);font-family:'DM Sans',sans-serif}.site-shell{max-width:1440px;margin:70px auto 0;background:#fff;border-radius:24px 24px 0 0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 100px));margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f5f7}.logo{display:inline-flex;align-items:center;gap:6px;color:#151a26;font-family:Manrope,sans-serif;font-size:22px;font-style:italic;font-weight:800;text-decoration:none;letter-spacing:-1px}.logo-icon{display:grid;place-items:center;width:30px;height:24px;border-radius:50%;background:var(--blue);color:white;font-style:normal;font-size:19px}.header nav{display:flex;gap:34px}.header nav a{font-size:13px;color:#626a77;text-decoration:none}.header nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 22px;border-radius:30px;background:var(--blue);color:white;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.button:hover{background:#1757df}.button-small{font-size:11px;padding:13px 20px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:75px}.eyebrow{display:inline-block;background:#f7faff;border:1px solid #dce8ff;border-radius:20px;padding:9px 13px;color:#2367eb;font-size:11px;font-weight:700}.eyebrow span{margin-right:5px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.1vw,60px);line-height:1.13;letter-spacing:-2.5px;margin:37px 0}.hero h1 span,.work h2 span{color:#9ba4b3}.hero-copy>p{max-width:480px;color:#7d8794;font-size:14px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:36px}.text-link{font-size:13px;font-weight:700;text-decoration:none;color:var(--ink)}.trusted{display:flex;align-items:center;gap:12px;margin-top:35px;color:#6f7782;font-size:11px}.avatars{display:flex;padding-left:0}.avatars img{height:29px;width:29px;border-radius:50%;object-fit:cover;border:2px solid white;margin-left:-7px}.avatars img:first-child{margin-left:0}.hero-visual{position:relative;padding-top:30px}.hero-visual>img{display:block;width:100%;height:440px;object-fit:cover;border-radius:20px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:13px;padding:10px;box-shadow:0 8px 25px #17213a18;font-size:11px}.float-card strong,.float-card small{display:block}.float-card small{font-size:10px;color:#929aa5;margin-top:4px}.systems{top:0;left:-55px}.strategy{right:-25px;bottom:35px;display:flex;flex-direction:column;text-align:center;line-height:1.35}.card-icon{display:grid;place-items:center;border-radius:50%;width:43px;height:43px;background:var(--blue);color:white;font-size:23px}.services{padding-top:120px}.section-heading{text-align:center}.section-heading h2,.work h2,.contact h2{font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,39px);letter-spacing:-1.3px;margin:0}.section-heading p,.service-grid p,.contact p{color:#939ba6;font-size:13px;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px;text-align:center}.service-grid article{max-width:300px;margin:auto}.service-icon{display:inline-grid;place-items:center;width:46px;height:46px;color:var(--blue);font-size:25px;border-radius:10px;box-shadow:0 5px 20px #16203912}.service-grid h3{font-size:17px;margin:36px 0 12px}.service-grid p{margin:0}.work{padding-top:110px}.work h2{line-height:1.4}.work-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;margin-top:42px}.work-grid article{overflow:hidden;border-radius:20px;background:#f5f7fa}.work-grid img{display:block;width:100%;height:280px;object-fit:cover}.work-grid article div{padding:22px}.work-grid h3{margin:0 0 8px}.work-grid p{margin:0;color:#7d8794;font-size:13px;line-height:1.6}.contact{text-align:center;padding:110px 0}.contact p{margin:15px 0 25px}footer{border-top:1px solid #f0f2f5;display:flex;align-items:center;justify-content:space-between;padding:30px 0;color:#929ba6;font-size:11px}@media(max-width:800px){.site-shell{margin:15px 10px 0}.wrap{width:calc(100% - 40px)}.header{height:75px}.header nav{display:none;position:absolute;top:80px;left:30px;right:30px;background:white;padding:20px;z-index:5;box-shadow:0 10px 30px #17213a15;border-radius:12px;flex-direction:column;gap:18px}.header nav.open{display:flex}.header>.button{margin-left:auto;margin-right:15px}.menu-toggle{display:block;border:0;background:none;font-size:24px;color:var(--ink)}.hero{grid-template-columns:1fr;gap:45px;padding-top:45px}.hero h1{margin:25px 0;letter-spacing:-1.5px}.hero-visual{margin-left:20px}.hero-visual>img{height:350px}.systems{left:-20px}.strategy{right:-10px}.services{padding-top:85px}.service-grid{gap:35px;margin-top:50px}.work{padding-top:85px}.work-grid{gap:15px}.work-grid img{height:190px}}@media(max-width:520px){.header>.button{display:none}.hero-actions{gap:20px}.service-grid{grid-template-columns:1fr;gap:45px}.service-grid h3{margin-top:18px}.work-grid{grid-template-columns:1fr}.work-grid img{height:220px}.contact{padding:80px 0}footer{gap:20px;flex-wrap:wrap}}
/* Layout refinements and company section */
.site-shell{max-width:none;margin:0;border-radius:0}
.wrap{width:min(1500px,calc(100% - 60px))}
.header{height:82px}
.hero{padding-top:55px}
.work-grid{grid-template-columns: 0.85fr 1.3fr;align-items:stretch;gap:32px}
.work-grid .work-person,.work-grid .work-building{display:block;width:100%;object-fit:cover;border-radius:20px}
.work-grid .work-person{height:100%;min-height:400px}
.work-details{display:grid;grid-template-rows:1fr auto;gap:30px}
.work-grid .work-building{height:200px}
.work-description{border:1px solid #edf0f3;border-radius:20px;background:#fcfcfc;padding:26px}
.work-description p{color:#596171;font-size:14px;line-height:1.7;margin:0 0 20px}
.work-description strong{color:var(--blue)}
.footer{display:block;padding:35px 0 25px}
.footer-main{display:grid;grid-template-columns:2fr .8fr 1fr;gap:45px;padding:20px 0 55px}
.footer-brand p{max-width:360px;color:#596171;font-size:13px;line-height:1.6}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:13px;color:#596171}
.footer-column h3{color:var(--ink);font-size:17px;margin:0 0 2px}
.footer-column a{color:inherit;text-decoration:none}
.footer-column a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid #f0f2f5;padding-top:24px;font-size:12px;color:#596171}
@media(max-width:800px){.site-shell{margin:0}.wrap{width:calc(100% - 40px)}.work-grid .work-person{min-height:320px}.work-grid .work-building{height:170px}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:20px}}
@media(max-width:520px){.work-grid{grid-template-columns:1fr}.work-grid .work-person{height:300px;min-height:0}.work-grid .work-building{height:180px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}
.social-links{display:flex;gap:16px;margin-top:25px}.social-links a{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2869f6;color:white;text-decoration:none;font-weight:700;font-size:12px}.social-links a:nth-child(2){background:#f22}.social-links a:nth-child(4){background:#27a7dc}

/* Motion: entrance, scroll reveals, and interactive details */
@keyframes entrance-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes entrance-image{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes float-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes icon-pulse{0%,100%{box-shadow:0 0 0 0 rgba(40,105,246,.2)}50%{box-shadow:0 0 0 9px rgba(40,105,246,0)}}
.header{animation:entrance-up .7s both}
.hero-copy>*{animation:entrance-up .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy .eyebrow{animation-delay:.1s}.hero-copy h1{animation-delay:.2s}.hero-copy>p{animation-delay:.32s}.hero-actions{animation-delay:.44s}.trusted{animation-delay:.55s}
.hero-visual{animation:entrance-image 1s .25s cubic-bezier(.2,.7,.2,1) both}
.float-card{animation:float-card 4.5s ease-in-out infinite}.strategy{animation-delay:-2s}.float-card .card-icon{animation:icon-pulse 3s infinite}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.button{position:relative;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.button:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(40,105,246,.28)}
.button:active{transform:translateY(-1px) scale(.97)}
.button span{display:inline-block;transition:transform .25s ease}.button:hover span{transform:translateX(5px)}
.header nav a,.text-link,.footer-column a{transition:color .25s ease}
.header nav a{position:relative}.header nav a::after{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.header nav a:hover::after{transform:scaleX(1)}
.service-grid article{transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.service-icon{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.service-grid article:hover .service-icon{transform:translateY(-7px) rotate(-8deg);background:#edf4ff;box-shadow:0 10px 25px #2869f626}
.hero-visual>img,.work-grid .work-person,.work-grid .work-building{transition:transform .55s ease,filter .55s ease}.hero-visual:hover>img,.work-grid img:hover{transform:scale(1.025);filter:saturate(1.12)}
.social-links a{transition:transform .25s ease,box-shadow .25s ease}.social-links a:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 15px #2869f633}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Finishing details */
:root{--glow-x:50%;--glow-y:50%}
body{background:#f4f7fc}
.site-shell{background:radial-gradient(ellipse 700px 420px at 84% 7%,rgba(226,237,255,.55),transparent 72%),#fff}
.header{position:relative;z-index:3}
.logo-icon{box-shadow:0 5px 12px rgba(40,105,246,.25);transition:transform .35s ease,box-shadow .35s ease}
.logo:hover .logo-icon{transform:rotate(-12deg) scale(1.08);box-shadow:0 8px 18px rgba(40,105,246,.35)}
.eyebrow{box-shadow:0 4px 16px rgba(40,105,246,.06)}
.eyebrow span{display:inline-block;animation:sparkle 3s ease-in-out infinite}
.hero h1{letter-spacing:-.045em}
.hero-visual::before{content:'';position:absolute;inset:12% -4% -5% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(40,105,246,.2),transparent 70%);filter:blur(30px);z-index:0;pointer-events:none}
.hero-visual>img{position:relative;box-shadow:0 22px 45px rgba(30,65,110,.14)}
.float-card{z-index:1;border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 32px rgba(27,48,84,.13)}
.button{isolation:isolate;box-shadow:0 6px 16px rgba(40,105,246,.18)}
.button::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.27) 50%,transparent 80%);transform:translateX(-140%);transition:transform .65s ease}
.button:hover::before{transform:translateX(140%)}
.services{position:relative}
.section-heading h2::after{content:'';display:block;width:44px;height:3px;margin:19px auto 0;border-radius:4px;background:linear-gradient(90deg,#296cf8,#a7c5ff)}
.service-grid article{position:relative;padding:18px 14px 22px;border-radius:20px}
.service-grid article::before{content:'';position:absolute;inset:0;border:1px solid #eaf0fb;border-radius:20px;background:linear-gradient(145deg,rgba(244,248,255,.8),rgba(255,255,255,.2));opacity:0;transition:opacity .35s ease;z-index:-1}
.service-grid article:hover::before{opacity:1}
.service-grid h3{transition:color .25s ease}.service-grid article:hover h3{color:#2367eb}
.work-grid .work-person,.work-grid .work-building{box-shadow:0 12px 35px rgba(25,48,81,.1)}
.work-description{position:relative;overflow:hidden;background:radial-gradient(250px circle at var(--glow-x) var(--glow-y),rgba(219,233,255,.55),transparent 70%),#fcfcfc;transition:box-shadow .3s ease,border-color .3s ease}
.work-description:hover{border-color:#dce8ff;box-shadow:0 14px 36px rgba(40,105,246,.08)}
.contact{position:relative;isolation:isolate}
.contact::before{content:'';position:absolute;z-index:-1;inset:30px 0;border-radius:28px;background:radial-gradient(ellipse at center,rgba(232,241,255,.7),rgba(248,250,255,.2) 65%,transparent 80%)}
.footer{border-top-color:#eaf0f7}.footer-brand .logo{transition:transform .3s ease}.footer-brand .logo:hover{transform:translateX(4px)}
:focus-visible{outline:3px solid #8ab1ff;outline-offset:4px;border-radius:5px}
@keyframes sparkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(35deg)}}
@media(max-width:520px){.service-grid article{padding:12px}.contact::before{inset:20px 0}}
@media(prefers-reduced-motion:reduce){.eyebrow span{animation:none}}

/* Five service areas, adapting to smaller screens. */
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.service-grid{grid-template-columns:1fr}}

/* Consultation form */
.contact{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,7vw,110px);text-align:left;padding:110px 0}
.contact::before{inset:35px -30px}
.contact-intro h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2;margin:24px 0 18px}
.contact-intro h2 span{color:#9ba4b3}
.contact-intro>p{max-width:380px;font-size:15px;line-height:1.75;margin:0;color:#7d8794}
.contact-note{display:flex;align-items:center;gap:14px;margin-top:35px;color:var(--ink)}
.contact-note>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#eaf1ff;color:var(--blue);font-size:20px}
.contact-note strong,.contact-note a{display:block;font-size:13px}.contact-note a{margin-top:4px;color:#7d8794;text-decoration:none}.contact-note a:hover{color:var(--blue)}
.consultation-form{padding:clamp(24px,3vw,40px);border:1px solid #e9eef7;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 18px 60px rgba(33,67,117,.08);display:flex;flex-direction:column;gap:20px}
.form-heading h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px;margin:0}.form-heading p{margin:8px 0 2px;color:#929ba6;font-size:13px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.consultation-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#343d4e}.consultation-form label span{color:#2869f6}.consultation-form label small{font-weight:400;color:#9aa3b1}
.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;border:1px solid #e5ebf3;border-radius:10px;background:#fafcff;padding:13px 14px;color:#202a39;font:400 13px 'DM Sans',sans-serif;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.consultation-form input::placeholder,.consultation-form textarea::placeholder{color:#a4adba}.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{border-color:#75a2ff;box-shadow:0 0 0 4px #2869f61c;background:#fff}.consultation-form textarea{resize:vertical;min-height:110px}.consultation-form select:invalid{color:#a4adba}
.form-submit{border:0;cursor:pointer;align-self:flex-start;font-family:inherit}.form-hint{margin:-8px 0 0!important;font-size:11px!important;color:#929ba6!important}
@media(max-width:800px){.contact{grid-template-columns:1fr;gap:35px;padding:80px 0}}
@media(max-width:520px){.form-row{grid-template-columns:1fr}.consultation-form{padding:22px;gap:17px}.form-submit{width:100%}}

/* Animated mobile navigation and touch feedback */
@media(max-width:800px){
  .header{position:relative;z-index:10}
  .menu-toggle{display:flex;position:relative;z-index:12;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid #e7efff;border-radius:14px;background:#f5f8ff;cursor:pointer;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}
  .menu-toggle span{display:block;width:20px;height:2px;border-radius:4px;background:#2869f6;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s ease,background .3s ease}
  .menu-toggle[aria-expanded="true"]{background:#2869f6;box-shadow:0 7px 20px #2869f644}
  .menu-toggle[aria-expanded="true"] span{background:#fff}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .header nav,.header nav.open{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;gap:4px;padding:12px;background:rgba(255,255,255,.97);border:1px solid #e8effc;border-radius:18px;box-shadow:0 18px 45px rgba(26,53,100,.14);transform-origin:top right;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility .35s;backdrop-filter:blur(16px)}
  .header nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px) scale(.96)}
  .header nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .header nav a{display:block;padding:13px 15px;border-radius:10px;font-size:14px;font-weight:600;opacity:0;transform:translateX(12px);transition:opacity .25s ease,transform .35s ease,background .2s ease,color .2s ease}
  .header nav.open a{opacity:1;transform:translateX(0)}
  .header nav.open a:nth-child(1){transition-delay:.05s}.header nav.open a:nth-child(2){transition-delay:.1s}.header nav.open a:nth-child(3){transition-delay:.15s}.header nav.open a:nth-child(4){transition-delay:.2s}
  .header nav a::after{display:none}.header nav a:active{background:#edf4ff;color:#2869f6}
  .button:active,.social-links a:active{transform:scale(.96)}
  .service-grid article:active .service-icon{transform:scale(.92) rotate(-8deg);background:#edf4ff}
  .hero-visual>img:active,.work-grid img:active{transform:scale(.98)}
}
@media(prefers-reduced-motion:reduce){.header nav,.header nav a,.menu-toggle,.menu-toggle span{transition-duration:.01ms!important}}

/* Keep all three menu lines precisely centered and evenly spaced. */
@media(max-width:800px){
  .menu-toggle{display:block;flex:none;line-height:0}
  .menu-toggle span{position:absolute;left:50%;top:50%;width:22px;height:2px;margin:0;border-radius:2px;transform:translate(-50%,-50%)}
  .menu-toggle span:first-child{transform:translate(-50%,calc(-50% - 7px))}
  .menu-toggle span:last-child{transform:translate(-50%,calc(-50% + 7px))}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translate(-50%,-50%) scaleX(0)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
}

/* Final visual and usability refinements */
html{scroll-padding-top:24px}
.header nav a{font-weight:600}
.hero-copy>p,.section-heading p,.service-grid p{color:#667384}
.hero-copy>p{font-size:15px;line-height:1.8}
.hero-actions .text-link{padding:12px 0}
.trusted{color:#657180}
.service-grid{align-items:stretch}
.service-grid article{width:100%;max-width:none}
.service-grid h3{line-height:1.35}
.service-grid p{line-height:1.7}
.work-description p{color:#4f5c6d}
.consultation-form label .field-label{display:block;color:#343d4e;line-height:1.4}
.consultation-form label .field-label span{color:#2869f6}
.consultation-form input,.consultation-form select,.consultation-form textarea{min-height:48px}
.consultation-form textarea{min-height:110px}
.footer-column a,.footer-column span{line-height:1.55}
@media(max-width:800px){.hero{gap:34px}.hero-copy>p{max-width:560px}.hero-visual{margin-right:10px}.service-grid{gap:18px}.contact-intro>p{max-width:560px}}
@media(max-width:520px){.hero{padding-top:38px}.hero h1{font-size:clamp(36px,10vw,48px)}.hero-actions{flex-wrap:wrap;gap:10px 22px}.hero-visual>img{height:300px}.service-grid{gap:14px}.service-grid article{max-width:360px}.service-grid h3{margin-top:16px}.services{padding-top:75px}.work{padding-top:75px}.consultation-form input,.consultation-form select,.consultation-form textarea{font-size:16px}.footer-main{row-gap:35px}.footer-column{overflow-wrap:anywhere}}
.form-submit:disabled{opacity:.65;cursor:wait;transform:none}.form-hint.form-error{color:#b42318!important}

/* About, process and frequently asked questions */
.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,7vw,100px);padding-top:120px}
.about-image{position:relative;min-width:0}.about-image>img{display:block;width:100%;height:460px;object-fit:cover;border-radius:22px;box-shadow:0 22px 48px rgba(27,52,89,.12)}
.about-image-label{position:absolute;right:-20px;bottom:25px;display:flex;align-items:center;gap:12px;padding:13px 17px;background:white;border:1px solid #eef3fb;border-radius:15px;box-shadow:0 12px 35px #1b345719}
.about-image-label>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:white;background:#2869f6;font-size:20px}.about-image-label strong,.about-image-label small{display:block}.about-image-label strong{font-size:13px}.about-image-label small{font-size:11px;color:#8b96a6;margin-top:4px}
.about-copy h2,.faq-intro h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.25;letter-spacing:-1.3px;margin:22px 0}.about-copy h2 span,.faq-intro h2 span{color:#9ba4b3}.about-copy>p,.faq-intro>p{color:#667384;font-size:14px;line-height:1.8;max-width:540px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.about-values>div{display:grid;gap:6px;padding:17px;background:#f7faff;border:1px solid #eaf1fc;border-radius:14px}.about-values span{color:#2869f6;font-size:12px;font-weight:700}.about-values strong{font-size:13px}.about-values small{color:#7d8999;line-height:1.5}
.process-section{padding-top:120px}.process-section .section-heading h2{margin-top:22px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.process-grid article{position:relative;padding:30px;border:1px solid #e8effa;background:linear-gradient(145deg,#fff,#f7faff);border-radius:20px;transition:opacity .75s ease var(--reveal-delay,0ms),transform .75s ease var(--reveal-delay,0ms),box-shadow .3s ease}.process-grid article:hover{box-shadow:0 15px 35px #2869f615}.process-number{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf2ff;color:#2869f6;font-weight:800}.process-grid h3{font-size:18px;margin:25px 0 10px}.process-grid p{font-size:13px;line-height:1.7;color:#667384;margin:0}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px);align-items:start;padding-top:120px}.faq-intro .text-link{display:inline-block;margin-top:12px;color:#2869f6}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid #e9eff8;border-radius:16px;background:#fff;transition:border-color .25s,box-shadow .25s}.faq-list details[open]{border-color:#cadcff;box-shadow:0 10px 28px #2869f60d}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:700;font-size:14px;padding:21px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#eff5ff;color:#2869f6;font-size:20px;font-weight:400;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 21px 21px;margin:0;color:#667384;font-size:13px;line-height:1.7}
@media(max-width:800px){.about-section,.faq-section{grid-template-columns:1fr;gap:35px}.about-section,.process-section,.faq-section{padding-top:85px}.about-image>img{height:350px}.about-image-label{right:10px}.process-grid{gap:12px}.process-grid article{padding:22px}}
@media(max-width:520px){.about-image>img{height:280px}.about-values{gap:10px}.about-values>div{padding:12px}.process-grid{grid-template-columns:1fr}.process-grid article{padding:22px}.process-grid h3{margin:16px 0 8px}.faq-list summary{padding:17px}.faq-list details p{padding:0 17px 17px}}
/* Pro Bau brand refinements */
.logo small{font-size:.52em;font-style:normal;letter-spacing:0;align-self:center;margin-left:1px;color:#667384}.location-dot{display:inline-block;color:#2869f6;font-size:12px}.contact-note div>span{display:block;margin-top:5px;color:#667384;font-size:13px;line-height:1.5}.hero-visual>img,.about-image>img,.work-grid img{background:#e9eff7}.hero h1{overflow-wrap:normal}@media(max-width:520px){.hero h1{font-size:clamp(34px,9vw,46px)}.hero-actions .text-link{font-size:12px}}

/* Language selector */
.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #e7edf7;border-radius:24px;background:#f7f9fd;gap:2px}.language-switch button{border:0;background:transparent;color:#6b788b;border-radius:20px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.language-switch button[aria-pressed="true"]{background:#fff;color:#2869f6;box-shadow:0 2px 8px #15357218}@media(max-width:800px){.header .language-switch{margin-left:auto;margin-right:12px}.header>.button{margin-left:0}}@media(max-width:520px){.header .language-switch{margin-right:10px}.language-switch button{padding:7px 8px}}

/* Hero image carousel */
.hero-slider{position:relative;z-index:1}.hero-slides{position:relative;width:100%;height:440px;overflow:hidden;border-radius:20px;background:#e9eff7;box-shadow:0 22px 45px rgba(30,65,110,.14)}.hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 5.5s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.slider-controls{position:absolute;z-index:2;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;background:rgba(18,29,48,.55);border:1px solid #ffffff4d;border-radius:30px;backdrop-filter:blur(12px)}.slider-controls button{display:grid;place-items:center;border:0;cursor:pointer}.slider-prev,.slider-next,.slider-play{width:32px;height:32px;border-radius:50%;color:#fff;background:#ffffff24;font-size:17px;transition:background .2s,transform .2s}.slider-play{font-size:12px}.slider-prev:hover,.slider-next:hover,.slider-play:hover{background:#2869f6;transform:scale(1.08)}.slider-dots{display:flex;align-items:center;gap:5px;padding:0 5px}.slider-dot{width:9px;height:9px;padding:0;border-radius:50%;background:#ffffff80;transition:width .25s,background .25s}.slider-dot.is-active{width:20px;border-radius:8px;background:#fff}.slider-controls button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:800px){.hero-slides{height:350px}}@media(max-width:520px){.hero-slides{height:300px}.slider-controls{bottom:12px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Detailed services */
.expertise-section{padding-top:120px}.expertise-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.expertise-heading h2{font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,42px);line-height:1.25;letter-spacing:-1.3px;margin:22px 0 0}.expertise-heading h2 span:last-child{color:#9ba4b3}.expertise-heading>p{max-width:520px;color:#667384;font-size:14px;line-height:1.8;margin:0}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.expertise-grid article{padding:25px;border:1px solid #e8effa;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faff);transition:transform .3s,box-shadow .3s}.expertise-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2869f615}.expertise-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:#2869f6;font-size:12px;font-weight:800}.expertise-grid h3{font-size:16px;line-height:1.4;margin:22px 0 10px}.expertise-grid p,.expertise-contact p{font-size:13px;line-height:1.75;color:#667384;margin:0}.expertise-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:25px 30px;border:1px solid #e4edfc;background:#f5f9ff;border-radius:18px}.expertise-contact strong{font-family:Manrope,sans-serif;font-size:17px}.expertise-contact p{margin-top:6px}@media(max-width:1000px){.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.expertise-section{padding-top:85px}.expertise-heading{grid-template-columns:1fr;gap:18px}}@media(max-width:520px){.expertise-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}.expertise-grid article{padding:21px}.expertise-contact{align-items:flex-start;flex-direction:column;padding:22px}}

/* Pro Bau logo mark in the header and footer */
.logo .brand-mark{position:relative;display:inline-block;flex:none;width:50px;height:48px;overflow:hidden;border-radius:8px;background:#fff}.logo .brand-mark img{position:absolute;display:block;max-width:none;width:91px;height:91px;left:-20px;top:-14px}.logo:hover .brand-mark img{transform:scale(1.04)}.logo .brand-mark img{transition:transform .3s ease}@media(max-width:520px){.logo .brand-mark{width:44px;height:43px}.logo .brand-mark img{width:82px;height:82px;left:-19px;top:-13px}.header .logo{font-size:19px}}

/* Sharper logo mark and browser icon use the original full-resolution artwork. */
.logo .brand-mark{width:52px;height:48px;overflow:visible;background:transparent}.logo .brand-mark img{position:static;width:100%;height:100%;object-fit:contain;display:block}@media(max-width:520px){.logo .brand-mark{width:46px;height:44px}.logo .brand-mark img{width:100%;height:100%}}