:root{--sky:#20b9f4;--navy:#071e50;--white:#f8fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--navy);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.header{max-width:1180px;height:86px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #071e5017}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;letter-spacing:-.5px}.brand img{height:34px;width:34px;object-fit:cover;object-position:50% 24%;border-radius:10px}.header nav{display:flex;gap:31px;margin-left:auto;margin-right:40px}.header nav a{font-size:12px;font-weight:600;color:#385789}.header nav a:hover,.header-link:hover{color:var(--sky)}.header-link{font-size:12px;font-weight:700}.header-link b{font-size:16px;color:var(--sky);margin-left:5px}.hero{max-width:1124px;margin:0 auto;padding:92px 0 112px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px}.small-title,.section-label,.project-kicker{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:var(--sky);margin:0}.hero h1,.about h2,.work h2,.services h2,.contact h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(54px,6vw,82px);font-weight:400;letter-spacing:-2.5px;line-height:.94;margin:20px 0 24px}.hero h1 em,.about h2 em,.work h2 em,.services h2 em,.contact h2 em{color:var(--sky);font-style:italic}.hero-copy>p:not(.small-title){max-width:400px;color:#3c6094;font-size:15px;line-height:1.8;margin:0}.primary{display:inline-flex;align-items:center;gap:32px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;padding:16px 18px 16px 22px;margin-top:30px;transition:.2s}.primary span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--sky);font-size:16px}.primary:hover{background:var(--sky);transform:translateY(-2px)}.hero-logo{height:410px;display:grid;place-items:center;position:relative}.hero-logo img{width:336px;position:relative;z-index:2;filter:drop-shadow(0 27px 28px #071e5029)}.logo-halo{width:315px;height:315px;border-radius:50%;background:linear-gradient(135deg,#dff6ff,white);position:absolute}.logo-halo:after{content:"";position:absolute;inset:30px;border-radius:50%;border:1px solid #20b9f44c}.content{max-width:1124px;margin:auto}.about{border-top:1px solid #071e5017;padding:100px 0}.about-main{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about h2{font-size:58px;margin:20px 0 0}.about-main>div{padding-top:31px;max-width:410px;color:#3c6094;font-size:14px;line-height:1.85}.about-main p{margin:0 0 16px}.expertise{padding:15px 0 108px}.skills{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px}.skills article{min-height:160px;border:1px solid #071e501a;border-radius:15px;padding:20px;display:flex;flex-direction:column;transition:.2s}.skills article:hover{border-color:#20b9f499;box-shadow:0 15px 27px #071e5009;transform:translateY(-3px)}.symbol{color:var(--sky);font-size:18px;height:52px}.skills b{font-size:13px;margin-bottom:7px}.skills small{font-size:10px;line-height:1.5;color:#5373a2}.work{padding:0 0 112px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.work h2{font-size:61px;margin:20px 0 0}.work-heading>p{font-size:13px;line-height:1.75;color:#3c6094;width:285px;margin:0 0 6px}.project{border:1px solid #071e501a;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.project-cover{min-height:367px;background:linear-gradient(137deg,var(--navy),#124baf 58%,var(--sky) 145%);padding:42px;position:relative;color:white;overflow:hidden}.project-cover:before{content:"";position:absolute;width:330px;height:330px;border:1px solid #fff4;border-radius:50%;right:-110px;top:-80px}.project-cover:after{content:"";position:absolute;width:205px;height:205px;border:1px solid #fff3;border-radius:50%;left:-75px;bottom:-115px}.project-cover p{font:400 65px/0.85 "Instrument Serif",serif;letter-spacing:-2px;margin:0;position:relative;z-index:1}.project-cover span{position:absolute;left:42px;bottom:38px;font-size:9px;letter-spacing:1px;font-weight:700;color:#e4f7ff}.project-cover i{position:absolute;right:43px;bottom:38px;width:43px;height:43px;border-radius:50%;background:var(--sky)}.project-info{padding:50px 45px}.project-info h3{font:400 42px/1 "Instrument Serif",serif;letter-spacing:-1.5px;margin:17px 0}.project-info>p:not(.project-kicker){font-size:13px;color:#3c6094;line-height:1.8;margin:0}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:29px}.project-tags span{font-size:10px;color:#315889;border:1px solid #071e501f;border-radius:20px;padding:7px 9px}.services{background:var(--navy);color:#fff}.services .content{padding-top:91px;padding-bottom:90px}.section-label.light{color:var(--sky)}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:20px}.services h2{font-size:59px;margin:0}.service-layout ul{list-style:none;padding:0;margin:8px 0 0;border-top:1px solid #ffffff35}.service-layout li{padding:13px 0;border-bottom:1px solid #ffffff35;font-size:13px;font-weight:600}.service-layout li:before{content:"●";color:var(--sky);font-size:9px;margin-right:11px}.contact{padding:108px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:61px;margin:20px 0}.contact>div>p:not(.section-label){color:#3c6094;font-size:14px;line-height:1.75}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start;padding-top:36px}.contact input,.contact textarea{border:0;border-bottom:1px solid #071e5030;background:transparent;padding:13px 0;font:12px "DM Sans";color:var(--navy);outline:0}.contact textarea{grid-column:span 2;resize:vertical;min-height:81px}.contact input:focus,.contact textarea:focus{border-color:var(--sky)}.contact button{grid-column:span 2;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:16px 18px;text-align:left;font:700 12px "DM Sans";cursor:pointer}.contact button span{float:right;font-size:17px;color:var(--sky)}.contact button:hover{background:var(--sky)}.contact button:hover span{color:#fff}#status{grid-column:span 2;color:#5373a2;font-size:10px}footer{max-width:1124px;margin:auto;padding:25px 0 35px;border-top:1px solid #071e5017;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#5373a2}footer .brand img{height:28px;width:28px}footer>a:last-child{font-weight:700;color:var(--navy)}@media(max-width:760px){.header{height:70px;padding:0 21px}.header nav{display:none}.header-link{display:none}.hero{padding:70px 21px 76px;grid-template-columns:1fr;min-height:auto}.hero-logo{height:300px;order:-1}.hero-logo img{width:255px}.logo-halo{width:250px;height:250px}.hero h1{font-size:61px}.content{padding-left:21px;padding-right:21px}.about,.expertise,.work,.contact{padding-top:72px;padding-bottom:72px}.about-main,.work-heading,.service-layout,.contact{grid-template-columns:1fr;display:grid;gap:28px}.about h2,.work h2,.services h2,.contact h2{font-size:49px}.about-main>div{padding-top:0}.skills{grid-template-columns:1fr 1fr}.skills article{min-height:132px}.work-heading>p{width:auto}.project{grid-template-columns:1fr}.project-cover{min-height:280px;padding:29px}.project-cover p{font-size:51px}.project-cover span{left:29px;bottom:28px}.project-cover i{right:29px;bottom:26px}.project-info{padding:34px 28px}.services .content{padding:72px 21px}.service-layout ul{margin-top:6px}.contact form{padding-top:4px}.contact input,.contact textarea,.contact button,#status{grid-column:span 2}footer{padding:23px 21px;gap:17px;align-items:flex-start;flex-direction:column}.hero-footer{display:none}}@media(max-width:420px){.skills{grid-template-columns:1fr}.skills article{min-height:110px}.contact form{grid-template-columns:1fr}.contact textarea,.contact button,#status{grid-column:span 1}}
/* Direction adopted from the SMKM 4 landing page */
:root{--navy:#092e6a;--blue:#1768d1;--sky:#e9f6ff;--white:#fbfdff;--ink:#102a53;--muted:#6881a5;--line:#d9e8f7}
body{background:var(--white);color:var(--ink)}
.header{position:fixed;z-index:20;top:0;left:0;right:0;max-width:none;height:auto;margin:0;padding:16px max(20px,calc((100% - 1160px)/2));background:#f7fbffdb;backdrop-filter:blur(14px);border-bottom:1px solid #dbeaf8}
.header:before{content:'';position:absolute;left:max(20px,calc((100% - 1160px)/2));right:max(20px,calc((100% - 1160px)/2));top:16px;height:74px;background:#fff;border:1px solid #dbeaf8;border-radius:22px;box-shadow:0 14px 36px #092e6a14}
.header>*{position:relative;z-index:1}.header{display:flex;justify-content:normal;gap:25px}.brand{height:74px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy)}.brand img{width:43px;height:43px;border:1px solid #dce9f8;border-radius:14px;padding:3px;object-position:50% 24%}.header nav{margin-left:auto;margin-right:0;align-items:center;gap:5px}.header nav a{padding:10px 12px;border-radius:11px;color:#28476f;font-size:12px}.header nav a:hover{background:#eef6ff;color:var(--blue)}.header-link{height:74px;display:flex;align-items:center;padding:0 18px;border-radius:14px;background:var(--navy);box-shadow:0 10px 20px #092e6a24;color:#fff;font:700 12px 'Plus Jakarta Sans'}.header-link b{display:none}
.hero{max-width:none;min-height:665px;margin:0;padding:158px max(20px,calc((100% - 1124px)/2)) 78px;background:linear-gradient(125deg,#effaff,#dcefff 53%,#c0dfff);position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:-100px;top:-155px;width:570px;height:570px;border-radius:50%;background:#fff6}.hero:after{content:'';position:absolute;bottom:-150px;left:-115px;width:260px;height:260px;border:42px solid #c8e8ff;border-radius:50%}.hero-copy,.hero-logo{position:relative;z-index:1}.hero h1,.about h2,.work h2,.services h2,.contact h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.065em}.hero h1{font-size:clamp(43px,5.1vw,66px);color:var(--navy)}.hero h1 em,.about h2 em,.work h2 em,.services h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.small-title,.section-label,.project-kicker{color:var(--blue)}.hero-copy>p:not(.small-title){color:#42658f}.primary{border-radius:14px;background:var(--navy);padding:14px 19px}.primary span{display:none}.hero-logo{height:360px}.logo-halo{width:330px;height:330px;background:#ccecff;box-shadow:inset 0 0 0 18px #e8f7ff}.hero-logo img{width:235px;padding:16px;border-radius:30px;background:linear-gradient(145deg,#1262bf,#0b438f);filter:drop-shadow(0 28px 25px #0a4d9633)}
.content{max-width:1124px}.about{padding:92px 0}.about-main{gap:55px}.about h2,.work h2,.services h2,.contact h2{font-size:38px}.skills{grid-template-columns:repeat(4,1fr);gap:18px}.skills article{min-height:205px;padding:23px;border:0;border-radius:24px;background:#e9f5ff}.skills article:last-child{display:none}.skills b{margin-top:67px;font-family:'Plus Jakarta Sans'}.symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#fff;color:var(--blue)}
.work{max-width:none;padding:92px max(20px,calc((100% - 1124px)/2));background:#f0f8ff}.project{border:0;border-radius:25px;box-shadow:0 12px 28px #0a427912}.project-cover{min-height:345px;padding:28px;background:linear-gradient(145deg,#0d55aa,#092e6a)}.project-cover p{font:800 48px/.85 'Plus Jakarta Sans';letter-spacing:-.07em}.project-info{padding:48px}.project-info h3{font:800 34px/1 'Plus Jakarta Sans';letter-spacing:-.05em}.services .content{padding:73px 0}.service-layout{gap:100px}.services h2{color:#fff}.contact{padding:92px 0}.contact form{padding-top:25px}.contact input,.contact textarea{border:1px solid #d7e8fa;border-radius:13px;padding:14px;background:#fff}.contact button{border-radius:13px;background:var(--navy)}
footer{max-width:none;padding:28px max(20px,calc((100% - 1124px)/2));border:0;background:#061e47;color:#a9c8ed}footer .brand{color:#fff}
@media(max-width:760px){.header{padding:10px 14px}.header:before{left:14px;right:14px;top:10px;height:64px}.header,.brand,.header-link{height:64px}.header nav{display:none}.header-link{margin-left:auto;padding:0 13px;background:#eef7ff;color:var(--navy);box-shadow:none;font-size:0}.header-link:after{content:'☰';font-size:18px}.hero{padding:118px 21px 48px;min-height:auto}.hero-logo{height:285px;order:0}.hero-logo img{width:205px}.logo-halo{width:260px;height:260px}.skills{grid-template-columns:1fr 1fr}.work{padding:70px 21px}.about,.expertise,.contact{padding-top:70px;padding-bottom:70px}.project-cover{min-height:265px}.project-info{padding:32px 27px}.services .content{padding:58px 21px}}
/* Mobile refinement */
@media(max-width:760px){
  .header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important}
  .header:before{height:64px!important}
  .header .brand{position:relative;z-index:2;flex:0 1 auto;height:64px!important}
  .header .brand img{width:38px!important;height:38px!important}
  .header .brand span{font-size:0!important}
  .header .brand span:after{content:'SompeTech';font:800 14px 'Plus Jakarta Sans';font-size:14px!important}
  .header .brand small{display:none!important}
  .header-link{position:relative;z-index:2;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-height:46px!important;margin-left:auto!important;padding:0!important;border-radius:14px!important}
  .hero{padding-top:115px!important}
  .hero-logo{margin-top:4px}
}
/* Proper mobile navigation */
.menu{display:none}
@media(max-width:760px){
  .header{position:fixed!important;top:10px!important;left:14px!important;right:14px!important;width:auto!important;height:64px!important;margin:0!important;padding:0 13px!important;background:#fff!important;border:1px solid #dbeaf8!important;border-radius:21px!important;box-shadow:0 14px 36px #092e6a14!important}
  .header:before{display:none!important}
  .header .brand{height:auto!important}.header .brand span{font:800 14px 'Plus Jakarta Sans'!important}.header .brand span:after{display:none!important}
  .header .header-link{display:none!important}
  .header .menu{position:relative;z-index:3;display:grid!important;place-items:center;margin-left:auto;width:42px!important;height:42px!important;border:0!important;border-radius:13px!important;background:#eef7ff!important;color:var(--navy)!important;font:700 22px/1 Arial!important;cursor:pointer}
  .header nav,.header nav.open{position:absolute!important;top:73px!important;right:0!important;left:0!important;margin:0!important;display:none!important;padding:9px!important;border:1px solid #dbeaf8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 38px #092e6a24!important}
  .header nav.open{display:grid!important}.header nav a{padding:13px 14px!important;font:700 13px 'DM Sans'!important}
}
/* Real project preview */
.project-cover{padding:0!important;background:#dceeff!important;overflow:hidden!important}
.project-cover:before,.project-cover:after,.project-cover p,.project-cover>i{display:none!important}
.project-cover img{display:block;width:100%;height:100%;min-height:367px;object-fit:cover;object-position:50% 18%;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.project:hover .project-cover img{transform:scale(1.035)}
.project-cover .project-badge{position:absolute!important;left:20px!important;bottom:20px!important;padding:9px 12px!important;border:1px solid #ffffff90!important;border-radius:10px!important;background:#092e6ae8!important;color:#fff!important;font:700 11px 'Plus Jakarta Sans'!important;letter-spacing:0!important}
@media(max-width:760px){.project-cover img{min-height:310px!important;object-position:50% 8%}}
/* Compact mobile layout: no overlapping navbar, no oversized sections */
@media(max-width:760px){
  .header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;height:84px!important;margin:0!important;padding:10px 14px!important;border:0!important;border-radius:0!important;background:#f7fbff!important;box-shadow:none!important}
  .header:before{display:none!important}
  .header .brand,.header .menu{position:relative!important}.header .brand{height:64px!important}.header .menu{height:42px!important;min-height:42px!important}
  .header nav,.header nav.open{top:72px!important;right:14px!important;left:14px!important}
  .hero{padding-top:46px!important}
  .services .content{padding:46px 35px!important}.service-layout{gap:25px!important}.services h2{font-size:37px!important;line-height:1.03!important;margin:0!important}.service-layout ul{margin:0!important}.service-layout li{padding:12px 0!important;font-size:14px!important}
  .contact{padding:55px 24px!important;gap:24px!important}.contact h2{font-size:36px!important;margin:10px 0!important}.contact form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding-top:0!important}.contact input,.contact textarea,.contact button,#status{grid-column:1!important;width:100%!important}.contact input{min-height:54px!important}.contact textarea{min-height:115px!important}.contact button{min-height:58px!important}
  footer{padding:30px 24px!important;min-height:0!important}.footer-inner{gap:12px!important}.footer-inner .brand{height:auto!important}.footer-inner p{margin:0!important}.footer-inner a:last-child{display:none!important}
}
/* Desktop navigation refinement */
@media(min-width:761px){
  .header{height:76px!important;padding:0 max(42px,calc((100% - 1124px)/2))!important;background:#ffffff!important;border:0!important;border-bottom:1px solid #dbeaf8!important;box-shadow:none!important;backdrop-filter:none!important}
  .header:before{display:none!important}
  .header .brand{height:76px!important;gap:10px!important;font-size:14px!important}.header .brand img{width:38px!important;height:38px!important;border-radius:12px!important}.header nav{height:76px!important;align-items:center!important;margin-left:auto!important;margin-right:22px!important;gap:6px!important}.header nav a{font-size:12px!important;padding:8px 10px!important}
  .header-link{height:auto!important;padding:11px 15px!important;border-radius:10px!important;box-shadow:none!important;font-size:11px!important}
  .hero{padding-top:128px!important}
}
.footer-inner>a:last-child{color:#d8edff!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:6px!important}.footer-inner>a:last-child:hover{color:#fff!important}
/* Brand tool icons */
.tool-icons{display:flex;align-items:center;gap:9px;min-height:50px}
.tool-icons img{display:block;width:31px;height:31px;object-fit:contain;padding:5px;border-radius:9px;background:#fff}
.skills article .tool-icons + b{margin-top:52px}
.skills article .symbol{display:none}
@media(max-width:760px){.skills article .tool-icons + b{margin-top:27px}.tool-icons img{width:29px;height:29px}}
/* Skills as a concise tool list */
.skills{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-top:28px!important}
.skills article{min-height:118px!important;display:grid!important;grid-template-columns:142px 1fr!important;align-items:center!important;gap:20px!important;padding:20px 22px!important;border:1px solid #d9e8f7!important;border-radius:18px!important;background:#fff!important}
.skills article:hover{border-color:#1768d1!important;box-shadow:0 15px 27px #092e500d!important;transform:translateY(-2px)!important}
.tool-icons{grid-row:span 2;display:flex!important;align-items:center!important;gap:7px!important;min-height:0!important;padding-right:17px!important;border-right:1px solid #d9e8f7!important}
.tool-icons img{width:29px!important;height:29px!important;padding:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important}
.skills article .tool-icons + b{margin:0!important;font:700 15px 'Plus Jakarta Sans'!important;color:#092e6a!important}
.skills article small{margin:0!important;color:#6881a5!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:760px){.skills{grid-template-columns:1fr!important;gap:10px!important}.skills article{grid-template-columns:130px 1fr!important;min-height:96px!important;padding:16px 17px!important}.tool-icons{padding-right:12px!important}.tool-icons img{width:27px!important;height:27px!important}.skills article .tool-icons + b{font-size:14px!important}}
/* One complete skills card */
.skills{display:block!important}
.skills .all-skills{min-height:190px!important;display:grid!important;grid-template-columns:315px 1fr!important;gap:38px!important;padding:30px 34px!important;border:1px solid #d9e8f7!important;border-radius:24px!important;background:#fff!important}
.all-skills .tool-icons{display:flex!important;align-content:center!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important;padding:0 32px 0 0!important;border-right:1px solid #d9e8f7!important}
.all-skills .tool-icons img{width:42px!important;height:42px!important;padding:5px!important;border-radius:12px!important;background:#f3f9ff!important}
.all-skills .skill-copy{align-self:center!important}.all-skills .skill-copy h3{margin:8px 0 12px;color:#092e6a;font:800 26px/1.12 'Plus Jakarta Sans';letter-spacing:-.04em}.all-skills .skill-copy>p:last-child{margin:0;color:#6881a5;font-size:13px;line-height:1.85}.all-skills .skill-copy b{color:#174c8e}
@media(max-width:760px){.skills .all-skills{grid-template-columns:1fr!important;gap:23px!important;padding:24px!important}.all-skills .tool-icons{justify-content:flex-start!important;padding:0 0 20px!important;border-right:0!important;border-bottom:1px solid #d9e8f7!important}.all-skills .tool-icons img{width:36px!important;height:36px!important}.all-skills .skill-copy h3{font-size:22px!important}}
/* Floating tool icons */
.all-skills .tool-icons img{animation:tool-float 3.8s ease-in-out infinite;will-change:transform}
.all-skills .tool-icons img:nth-child(2){animation-delay:-.7s}.all-skills .tool-icons img:nth-child(3){animation-delay:-1.4s}.all-skills .tool-icons img:nth-child(4){animation-delay:-2.1s}.all-skills .tool-icons img:nth-child(5){animation-delay:-2.8s}.all-skills .tool-icons img:nth-child(6){animation-delay:-.35s}.all-skills .tool-icons img:nth-child(7){animation-delay:-1.05s}.all-skills .tool-icons img:nth-child(8){animation-delay:-1.75s}
@keyframes tool-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.all-skills .tool-icons img{animation:none}}
/* One icon enlarges at a time */
.all-skills .tool-icons img{animation:tool-float 3.8s ease-in-out infinite,tool-pop 16s linear infinite!important;scale:1}
.all-skills .tool-icons img:nth-child(1){animation-delay:0s,0s!important}.all-skills .tool-icons img:nth-child(2){animation-delay:-.7s,-2s!important}.all-skills .tool-icons img:nth-child(3){animation-delay:-1.4s,-4s!important}.all-skills .tool-icons img:nth-child(4){animation-delay:-2.1s,-6s!important}.all-skills .tool-icons img:nth-child(5){animation-delay:-2.8s,-8s!important}.all-skills .tool-icons img:nth-child(6){animation-delay:-.35s,-10s!important}.all-skills .tool-icons img:nth-child(7){animation-delay:-1.05s,-12s!important}.all-skills .tool-icons img:nth-child(8){animation-delay:-1.75s,-14s!important}
@keyframes tool-pop{0%,12.5%,100%{scale:1}5%,7%{scale:1.22}}
@media(prefers-reduced-motion:reduce){.all-skills .tool-icons img{animation:none!important}}
@media(max-width:760px){footer .footer-inner>a:last-child{display:inline-flex!important;color:#d8edff!important;font-weight:700!important;margin-top:4px!important}}
/* Client-facing proof section */
.value-section{padding:94px 0;background:#fff}.value-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.value-head h2{margin:14px 0 0;color:#092e6a;font:800 40px/1.08 'Plus Jakarta Sans';letter-spacing:-.055em}.value-head h2 em{color:#1768d1;font-style:normal}.value-head>p{max-width:330px;margin:0;color:#6881a5;font-size:14px;line-height:1.75}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.value-grid article{min-height:210px;padding:25px;border:1px solid #d9e8f7;border-radius:22px;background:#fbfdff;transition:.25s}.value-grid article:hover{border-color:#1768d1;transform:translateY(-5px);box-shadow:0 18px 30px #092e5010}.value-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e9f5ff;color:#1768d1;font:800 11px 'Plus Jakarta Sans'}.value-grid h3{margin:55px 0 8px;color:#092e6a;font:700 17px 'Plus Jakarta Sans'}.value-grid p{margin:0;color:#6881a5;font-size:13px;line-height:1.7}@media(max-width:760px){.value-section{padding:62px 21px}.value-head{align-items:start;flex-direction:column;gap:17px}.value-head h2{font-size:30px}.value-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}.value-grid article{min-height:155px;padding:21px}.value-grid h3{margin:27px 0 7px}}
/* Footer back-to-top button */
footer .footer-inner .back-top{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 13px!important;border:1px solid #8bc8ff!important;border-radius:10px!important;background:transparent!important;color:#ffffff!important;font:700 11px 'Plus Jakarta Sans'!important;text-decoration:none!important;opacity:1!important;visibility:visible!important}
footer .footer-inner .back-top span{color:#b9eaff!important;font-size:15px!important;line-height:1!important}footer .footer-inner .back-top:hover{background:#ffffff18!important;color:#fff!important}
@media(max-width:760px){footer .footer-inner .back-top{display:inline-flex!important;margin-top:7px!important;color:#fff!important}}
footer .back-top{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 13px!important;border:1px solid #8bc8ff!important;border-radius:10px!important;background:transparent!important;color:#ffffff!important;font:700 11px 'Plus Jakarta Sans'!important;text-decoration:none!important;opacity:1!important;visibility:visible!important}footer .back-top span{color:#b9eaff!important;font-size:15px!important;line-height:1!important}footer .back-top:hover{background:#ffffff18!important;color:#fff!important}@media(max-width:760px){footer .back-top{display:inline-flex!important;margin-top:7px!important;color:#fff!important}}
/* Page entrance motion */
.hero-copy{animation:hero-in .75s cubic-bezier(.16,1,.3,1) both}.hero-logo{animation:hero-in-right .9s .12s cubic-bezier(.16,1,.3,1) both}.reveal-section{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal-section.is-visible{opacity:1;transform:none}.reveal-section .project,.reveal-section .value-grid article{transition-delay:.1s}.reveal-section.is-visible .value-grid article:nth-child(2){transition-delay:.12s}.reveal-section.is-visible .value-grid article:nth-child(3){transition-delay:.24s}@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hero-in-right{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero-copy,.hero-logo{animation:none}.reveal-section{opacity:1;transform:none;transition:none}}