/*
Theme Name: Technaticx Digital Studio
Theme URI: https://www.technaticx.com/
Author: Technaticx
Description: Responsive digital agency theme with service pages, blog support and an optional lead inbox plugin.
Version: 1.0.1
Text Domain: technaticx-digital
*/

:root{color-scheme:light;--bg:#f7f8f5;--surface:#fff;--surface2:#eef2ec;--ink:#17231f;--muted:#69756f;--line:#dfe6df;--green:#a8d84f;--green2:#59bd91;--blue:#234d78;--accent:#174c3d;--shadow:0 20px 60px rgba(22,44,34,.09);--radius:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#0b1312;--surface:#111d1a;--surface2:#182723;--ink:#eff7f1;--muted:#aab8ae;--line:#263a32;--accent:#c4e77e;--blue:#8fb7df;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:820;letter-spacing:-.06em;font-size:21px}.brand img{width:38px;height:38px}.brand b{font-weight:830}.brand em{font-style:normal;color:var(--blue)}.nav-links{display:flex;align-items:center;gap:27px;font-size:13px;color:var(--muted);font-weight:650}.nav-links a:hover,.footer a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;display:grid;place-items:center}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-size:14px;font-weight:750;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-lime{background:var(--green);color:#14221c}.btn-outline{border-color:var(--line);background:var(--surface)}.hero{padding:70px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--accent)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--green2)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6.5vw,78px);letter-spacing:-.075em;line-height:.99;margin:22px 0 20px;max-width:740px}h1 span,.gradient-text{background:linear-gradient(100deg,#74bc52,#2ca886 48%,#356189);color:transparent;background-clip:text}.hero-copy{font-size:18px;line-height:1.65;color:var(--muted);max-width:590px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust-note{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.trust-note strong{color:var(--ink)}.visual{min-height:465px;position:relative;border:1px solid var(--line);border-radius:32px;background:radial-gradient(ellipse at 25% 28%,rgba(168,216,79,.3),transparent 33%),radial-gradient(ellipse at 80% 75%,rgba(53,97,137,.17),transparent 36%),var(--surface2);overflow:hidden;box-shadow:var(--shadow)}.visual:before,.visual:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--blue) 24%,transparent);border-radius:50%;width:390px;height:390px;left:50%;top:52%;transform:translate(-50%,-50%);animation:spin 32s linear infinite}.visual:after{width:285px;height:285px;animation-direction:reverse;animation-duration:24s;border-style:dashed}.core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:38px;background:linear-gradient(145deg,#b8e875,#42ba8c 55%,#315e83);display:grid;place-items:center;box-shadow:0 26px 60px rgba(51,143,105,.27);animation:float 5s ease-in-out infinite}.core img{width:85px;height:85px;filter:brightness(0) invert(1);opacity:.95}.float-card{position:absolute;z-index:2;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);font-size:12px;font-weight:750;animation:float 5s ease-in-out infinite}.float-card small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.float-card.one{left:8%;top:16%}.float-card.two{right:7%;top:27%;animation-delay:-2s}.float-card.three{left:11%;bottom:15%;animation-delay:-3.2s}.float-card.four{right:8%;bottom:13%;animation-delay:-1s}.spark{position:absolute;color:#87c456;font-size:22px}.spark.s1{left:48%;top:14%}.spark.s2{right:22%;bottom:28%;font-size:13px}.section{padding:78px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-kicker{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}h2{font-size:clamp(32px,4vw,49px);line-height:1.05;letter-spacing:-.06em;margin:12px 0 0;max-width:720px}.section-intro{color:var(--muted);max-width:430px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-height:195px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);border-color:var(--green2);box-shadow:var(--shadow)}.icon-box{width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,rgba(168,216,79,.27),rgba(53,97,137,.12));display:grid;place-items:center;color:var(--accent);font-size:19px;margin-bottom:20px}.service-card h3{font-size:17px;letter-spacing:-.03em;margin:0 0 7px}.service-card p{font-size:13px;color:var(--muted);margin-bottom:17px}.card-link{font-size:12px;font-weight:800;color:var(--accent);margin-top:auto}.band{background:var(--surface2);border-block:1px solid var(--line)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.feature b{display:block;font-size:15px;margin-bottom:6px}.feature p{font-size:13px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:24px 20px;border-top:2px solid var(--green2);background:var(--surface);border-radius:0 0 18px 18px}.step-num{font-size:12px;font-weight:850;color:var(--accent)}.step h3{margin:12px 0 8px;font-size:18px}.step p{font-size:13px;color:var(--muted);margin:0}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px}.quote .stars{letter-spacing:3px;color:#a4c94b}.quote blockquote{margin:15px 0 22px;font-size:15px;line-height:1.65}.quote small{color:var(--muted)}.quote-by{display:flex;align-items:center;gap:11px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-size:12px;font-weight:800;color:var(--accent)}.sample-label{display:inline-block;padding:5px 8px;border-radius:99px;background:var(--surface2);font-size:10px;font-weight:800;color:var(--muted)}.cta-panel{padding:45px;border-radius:28px;background:linear-gradient(120deg,#a9dc58,#51bd91 55%,#3a6685);color:#13231c;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-panel h2{font-size:clamp(30px,4vw,45px);max-width:650px;margin:0}.cta-panel p{margin:10px 0 0;max-width:570px}.cta-panel .btn{background:#13231c;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{font-size:12px;font-weight:750}.contact-form label.full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:6px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(89,189,145,.15)}.contact-form textarea{min-height:110px;resize:vertical}.contact-form .form-note{font-size:11px;color:var(--muted);grid-column:1/-1;margin:0}.contact-form .btn{grid-column:1/-1;justify-self:start;cursor:pointer}.footer{padding:52px 0 25px;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer p{font-size:13px;color:var(--muted);max-width:280px}.footer h4{font-size:12px;margin:5px 0 15px}.footer a{display:block;font-size:12px;color:var(--muted);margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.service-hero{padding:76px 0 40px}.service-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}.service-hero h1{font-size:clamp(42px,5.5vw,68px)}.service-art{min-height:340px;border-radius:28px;background:radial-gradient(circle at 35% 35%,rgba(168,216,79,.35),transparent 35%),linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.art-orbit{width:215px;height:215px;border:1px solid var(--green2);border-radius:50%;display:grid;place-items:center;animation:spin 35s linear infinite}.art-orbit:before{content:"";width:130px;height:130px;border:1px dashed var(--blue);border-radius:50%;position:absolute}.art-center{width:93px;height:93px;border-radius:25px;background:linear-gradient(145deg,#b8e875,#42ba8c 55%,#315e83);display:grid;place-items:center;color:white;font-size:38px;box-shadow:var(--shadow)}.service-meta{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:99px;font-size:11px;color:var(--muted);background:var(--surface)}.content-narrow{max-width:760px}.service-content h2{font-size:35px;margin-bottom:15px}.service-content p,.service-content li{color:var(--muted);line-height:1.8}.service-content ul{padding-left:20px}.service-content li{padding:5px}.faq{border-top:1px solid var(--line)}details{padding:17px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:750}details p{color:var(--muted);margin:10px 0 0}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:18px}.mobile-drawer{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.notice{display:none;padding:14px;border-radius:12px;background:var(--surface2);color:var(--ink);font-size:13px}.notice.show{display:block}.no-js .reveal{opacity:1;transform:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:980px){.nav-links{gap:16px}.nav-links a:nth-child(3),.nav-links a:nth-child(4){display:none}.hero-grid{gap:25px}.service-grid{grid-template-columns:repeat(3,1fr)}.split{gap:35px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 30px,540px)}.nav{height:68px}.nav-links{display:none}.nav-actions .btn{display:none}.menu-toggle{display:grid}.mobile-drawer{position:absolute;top:68px;left:0;right:0;padding:15px 20px 22px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-drawer.open{display:grid;gap:12px}.mobile-drawer a{padding:8px 2px;color:var(--muted);font-weight:700}.hero{padding:48px 0 38px}.hero-grid,.service-hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.visual{min-height:390px}.section{padding:58px 0}.section-top{align-items:start;flex-direction:column}.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{padding:17px;min-height:190px}.service-card h3{font-size:15px}.service-card p{font-size:12px}.feature-list{gap:10px}.feature{padding:16px}.steps{gap:10px}.step{padding:18px 14px}.quote-grid{grid-template-columns:1fr}.cta-panel{padding:28px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.service-hero{padding:48px 0 25px}.service-art{min-height:250px}.contact-grid{gap:30px}}@media(max-width:390px){h1{font-size:42px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{gap:18px}.contact-form{grid-template-columns:1fr}.contact-form label.full{grid-column:auto}.contact-form .btn,.contact-form .form-note{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.logo-plate{display:inline-flex;align-items:center;justify-content:center;background:#f3f5ee;border:1px solid rgba(35,77,60,.12);border-radius:12px;padding:3px 8px;line-height:0}.brand img.brand-logo{display:block;width:132px;height:auto;max-height:55px;object-fit:contain}.footer .brand img.brand-logo{width:165px;max-height:64px}
.logo-plate{background:transparent;border:0;border-radius:0;padding:0}.brand img.brand-logo{width:158px;max-height:55px}.footer .brand img.brand-logo{width:185px;max-height:66px}html[data-theme=dark] .logo-plate{background:#f3f5ee;border:1px solid rgba(35,77,60,.12);border-radius:9px;padding:3px 5px}
.brand img.brand-logo{width:158px;max-height:55px;filter:saturate(1.38) contrast(1.06)}.footer .brand img.brand-logo{width:185px;max-height:66px}html[data-theme=dark] .logo-plate{background:#f3f5ee;border:1px solid rgba(35,77,60,.12);border-radius:9px;padding:3px 5px}
.brand img.brand-logo{filter:none}

:root{--bg:#f4f7f3;--surface:#fcfefb;--surface2:#e8f0eb;--ink:#10241e;--muted:#5e7169;--line:#d4e0d8;--green:#c8f36e;--green2:#55c99a;--blue:#3b70a2;--accent:#17634f;--shadow:0 24px 70px rgba(16,52,39,.11);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-theme=dark]{--bg:#071512;--surface:#10201b;--surface2:#152a23;--ink:#f0f8f3;--muted:#a9bdb2;--line:#29463a;--accent:#b9ee78;--blue:#91bce4;--shadow:0 24px 70px rgba(0,0,0,.3)}
h1,h2,h3,h4,.brand{font-family:Manrope,"DM Sans",system-ui,sans-serif}
h1,h2{letter-spacing:-.065em}
.site-header{box-shadow:0 3px 22px rgba(9,39,27,.04)}
.nav-links a{position:relative;transition:color .2s}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green2);transition:right .25s}.nav-links a:hover:after{right:0}
.hero{padding-top:84px}.hero-grid{gap:68px}.hero h1{font-size:clamp(48px,6.9vw,86px)}.hero-copy{max-width:620px}
.visual{background:radial-gradient(ellipse at 20% 15%,rgba(200,243,110,.3),transparent 34%),radial-gradient(ellipse at 82% 80%,rgba(59,112,162,.2),transparent 38%),var(--surface2);box-shadow:0 28px 90px rgba(21,74,55,.12)}
.visual:before{border-color:rgba(49,117,87,.25)}.core{box-shadow:0 28px 70px rgba(43,163,117,.35)}
.trust-strip{width:min(1180px,calc(100% - 40px));margin:-8px auto 10px;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.trust-strip span{font-size:12px;font-weight:800;text-align:center;color:var(--accent)}.trust-strip span:before{content:"✓";margin-right:8px;color:var(--green2)}
.service-tools{display:grid;gap:16px;margin:24px 0}.service-search{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--muted);max-width:430px}.service-search input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;padding:13px 15px;font:inherit}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer;transition:.2s}.filter-pill:hover,.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-1px)}
.service-card{box-shadow:0 6px 24px rgba(16,52,39,.035)}.service-card:hover{box-shadow:0 24px 55px rgba(16,52,39,.12)}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.industry-grid a{display:flex;flex-direction:column;gap:17px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .22s,border-color .22s}.industry-grid a:hover{transform:translateY(-5px);border-color:var(--green2)}.industry-grid b{font:800 16px Manrope,sans-serif}.industry-grid span{font-size:13px;color:var(--muted);line-height:1.6}
.feedback-panel{display:grid;grid-template-columns:100px 1fr;gap:25px;max-width:920px;margin:auto;padding:34px;border-radius:25px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.feedback-mark{font:800 100px/1 Georgia,serif;color:var(--green2)}.feedback-panel h3{font-size:24px;margin:14px 0 8px}.feedback-panel p{color:var(--muted);max-width:680px}.text-link{color:var(--accent);font-weight:800;font-size:13px}.sample-label{background:var(--surface2);color:var(--accent)}
.blog-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.mini-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-blog-grid a,.blog-card{display:flex;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .22s,border-color .22s}.mini-blog-grid a:hover,.blog-card:hover{transform:translateY(-4px);border-color:var(--green2)}.mini-blog-grid small,.blog-category{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.mini-blog-grid b{font:800 15px/1.4 Manrope,sans-serif;margin:10px 0 15px}.mini-blog-grid span{font-size:11px;color:var(--accent);font-weight:800;margin-top:auto}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.blog-card h2{font-size:25px;margin:12px 0}.blog-card p{font-size:14px;color:var(--muted);line-height:1.7}.blog-card .card-link{margin-top:auto}
.page-hero{padding:78px 0 45px}.page-hero h1,.article h1{font-size:clamp(44px,6vw,74px);max-width:900px}
.article{padding:45px 0 85px}.article-narrow{max-width:860px}.article-meta{font-size:12px;color:var(--muted);margin:22px 0 35px}.article-body{font-size:17px;line-height:1.85;color:var(--muted)}.article-body h2{font-size:30px;color:var(--ink);margin:37px 0 10px}.article-cta{padding:25px;margin:38px 0;border-radius:20px;background:var(--surface2);border:1px solid var(--line)}.article-cta p{color:var(--muted)}.article-cta b{font:800 19px Manrope,sans-serif}
.contact-details{display:grid;gap:16px;margin-top:25px;color:var(--muted)}.contact-details>a{font-weight:850;color:var(--accent);font-size:18px}.contact-details small,.phone-placeholder{display:block;font-size:11px;color:var(--muted);margin-top:5px}.phone-placeholder{font-size:11px;margin-top:5px}.contact-details .feature{margin-top:4px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-form{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.contact-form .form-note{line-height:1.6}.notice.error{color:#a43737}.notice.success{color:var(--accent)}
.feature-check{float:right;color:var(--green2);font-weight:900}.art-caption{position:absolute;bottom:22px;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.04em}
.hero-caption{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:#55c99a;box-shadow:0 0 0 5px rgba(85,201,154,.15)}
.orbit-label{position:absolute;z-index:1;padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:99px;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);animation:float 4s ease-in-out infinite}.orbit-a{top:9%;right:27%}.orbit-b{bottom:8%;left:42%;animation-delay:-1.5s}
.center-cta{text-align:center;margin-top:28px}.empty-search{display:none;color:var(--muted);padding:20px}.empty-search.show{display:block}
.service-hero{padding-top:66px}.service-art{background:radial-gradient(ellipse at 26% 25%,rgba(200,243,110,.27),transparent 38%),radial-gradient(ellipse at 78% 77%,rgba(59,112,162,.18),transparent 34%),var(--surface2)}
.service-card,.feature,.step,.quote,.blog-card{animation:card-in .55s both}
@keyframes card-in{from{opacity:.65;translate:0 8px}to{opacity:1;translate:0 0}}
.btn{box-shadow:0 6px 20px rgba(16,52,39,.055)}.btn-primary:hover,.btn-lime:hover{filter:saturate(1.13)}
.reveal{transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1)}
@media(max-width:980px){.trust-strip,.industry-grid{grid-template-columns:repeat(2,1fr)}.blog-feature{grid-template-columns:1fr;gap:26px}.hero-grid{gap:34px}.visual{min-height:410px}}
@media(max-width:720px){.hero{padding:48px 0 38px}.trust-strip{width:min(100% - 30px,540px);padding:14px 10px;gap:8px}.trust-strip span{font-size:10px}.industry-grid,.blog-grid{grid-template-columns:1fr}.feedback-panel{grid-template-columns:1fr;gap:2px;padding:23px}.feedback-mark{font-size:65px;height:46px}.mini-blog-grid{grid-template-columns:1fr}.page-hero{padding:48px 0 28px}.article{padding-top:30px}.article-body{font-size:16px}.contact-form{padding:18px}.service-tools{margin:17px 0}.filter-pills{gap:6px}.filter-pill{padding:8px 10px;font-size:11px}.service-search{max-width:none}}
@media(prefers-reduced-motion:reduce){.orbit-label,.service-card,.feature,.step,.quote,.blog-card{animation:none!important}}
/* Technaticx premium update */
:root{--bg:#f4f7f3;--surface:#fcfefb;--surface2:#e8f0eb;--ink:#081b13;--muted:#394b42;--line:#cbd8cf;--green:#c8f36e;--green2:#55c99a;--blue:#3b70a2;--accent:#17634f;--shadow:0 24px 70px rgba(16,52,39,.11);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-theme=dark]{--bg:#071512;--surface:#10201b;--surface2:#152a23;--ink:#f0f8f3;--muted:#c3d2c9;--line:#29463a;--accent:#b9ee78;--blue:#91bce4;--shadow:0 24px 70px rgba(0,0,0,.3)}
h1,h2,h3,h4,.brand{font-family:Manrope,"DM Sans",system-ui,sans-serif}
h1,h2{letter-spacing:-.065em}
.site-header{box-shadow:0 3px 22px rgba(9,39,27,.04)}
.nav-links a{position:relative;transition:color .2s}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--green2);transition:right .25s}.nav-links a:hover:after{right:0}
.hero{padding-top:84px}.hero-grid{gap:68px}.hero h1{font-size:clamp(48px,6.9vw,86px)}.hero-copy{max-width:620px}
.visual{background:radial-gradient(ellipse at 20% 15%,rgba(200,243,110,.3),transparent 34%),radial-gradient(ellipse at 82% 80%,rgba(59,112,162,.2),transparent 38%),var(--surface2);box-shadow:0 28px 90px rgba(21,74,55,.12)}
.visual:before{border-color:rgba(49,117,87,.25)}.core{box-shadow:0 28px 70px rgba(43,163,117,.35)}
.trust-strip{width:min(1180px,calc(100% - 40px));margin:-8px auto 10px;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}
.trust-strip span{font-size:12px;font-weight:800;text-align:center;color:var(--accent)}.trust-strip span:before{content:"✓";margin-right:8px;color:var(--green2)}
.service-tools{display:grid;gap:16px;margin:24px 0}.service-search{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--muted);max-width:430px}.service-search input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:13px;padding:13px 15px;font:inherit}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;cursor:pointer;transition:.2s}.filter-pill:hover,.filter-pill.active{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-1px)}
.service-card{box-shadow:0 6px 24px rgba(16,52,39,.035)}.service-card:hover{box-shadow:0 24px 55px rgba(16,52,39,.12)}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.industry-grid a{display:flex;flex-direction:column;gap:17px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .22s,border-color .22s}.industry-grid a:hover{transform:translateY(-5px);border-color:var(--green2)}.industry-grid b{font:800 16px Manrope,sans-serif}.industry-grid span{font-size:13px;color:var(--muted);line-height:1.6}
.feedback-panel{display:grid;grid-template-columns:100px 1fr;gap:25px;max-width:920px;margin:auto;padding:34px;border-radius:25px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.feedback-mark{font:800 100px/1 Georgia,serif;color:var(--green2)}.feedback-panel h3{font-size:24px;margin:14px 0 8px}.feedback-panel p{color:var(--muted);max-width:680px}.text-link{color:var(--accent);font-weight:800;font-size:13px}.sample-label{background:var(--surface2);color:var(--accent)}
.blog-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.mini-blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-blog-grid a,.blog-card{display:flex;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .22s,border-color .22s}.mini-blog-grid a:hover,.blog-card:hover{transform:translateY(-4px);border-color:var(--green2)}.mini-blog-grid small,.blog-category{color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.mini-blog-grid b{font:800 15px/1.4 Manrope,sans-serif;margin:10px 0 15px}.mini-blog-grid span{font-size:11px;color:var(--accent);font-weight:800;margin-top:auto}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.blog-card h2{font-size:25px;margin:12px 0}.blog-card p{font-size:14px;color:var(--muted);line-height:1.7}.blog-card .card-link{margin-top:auto}
.page-hero{padding:78px 0 45px}.page-hero h1,.article h1{font-size:clamp(44px,6vw,74px);max-width:900px}
.article{padding:45px 0 85px}.article-narrow{max-width:860px}.article-meta{font-size:12px;color:var(--muted);margin:22px 0 35px}.article-body{font-size:17px;line-height:1.85;color:var(--muted)}.article-body h2{font-size:30px;color:var(--ink);margin:37px 0 10px}.article-cta{padding:25px;margin:38px 0;border-radius:20px;background:var(--surface2);border:1px solid var(--line)}.article-cta p{color:var(--muted)}.article-cta b{font:800 19px Manrope,sans-serif}
.contact-details{display:grid;gap:16px;margin-top:25px;color:var(--muted)}.contact-details>a{font-weight:850;color:var(--accent);font-size:18px}.contact-details small,.phone-placeholder{display:block;font-size:11px;color:var(--muted);margin-top:5px}.phone-placeholder{font-size:11px;margin-top:5px}.contact-details .feature{margin-top:4px}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.contact-form{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.contact-form .form-note{line-height:1.6}.notice.error{color:#a43737}.notice.success{color:var(--accent)}
.feature-check{float:right;color:var(--green2);font-weight:900}.art-caption{position:absolute;bottom:22px;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.04em}
.hero-caption{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;background:#55c99a;box-shadow:0 0 0 5px rgba(85,201,154,.15)}
.orbit-label{position:absolute;z-index:1;padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:99px;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);animation:float 4s ease-in-out infinite}.orbit-a{top:9%;right:27%}.orbit-b{bottom:8%;left:42%;animation-delay:-1.5s}
.center-cta{text-align:center;margin-top:28px}.empty-search{display:none;color:var(--muted);padding:20px}.empty-search.show{display:block}
.service-hero{padding-top:66px}.service-art{background:radial-gradient(ellipse at 26% 25%,rgba(200,243,110,.27),transparent 38%),radial-gradient(ellipse at 78% 77%,rgba(59,112,162,.18),transparent 34%),var(--surface2)}
.service-card,.feature,.step,.quote,.blog-card{animation:card-in .55s both}.service-card[hidden]{display:none}
@keyframes card-in{from{opacity:.65;translate:0 8px}to{opacity:1;translate:0 0}}
.btn{box-shadow:0 6px 20px rgba(16,52,39,.055)}.btn-primary:hover,.btn-lime:hover{filter:saturate(1.13)}
.reveal{transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1)}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.trust-strip,.industry-grid{grid-template-columns:repeat(2,1fr)}.blog-feature{grid-template-columns:1fr;gap:26px}.hero-grid{gap:34px}.visual{min-height:410px}}
@media(max-width:720px){.hero{padding:48px 0 38px}.trust-strip{width:min(100% - 30px,540px);padding:14px 10px;gap:8px}.trust-strip span{font-size:10px}.industry-grid,.blog-grid{grid-template-columns:1fr}.feedback-panel{grid-template-columns:1fr;gap:2px;padding:23px}.feedback-mark{font-size:65px;height:46px}.mini-blog-grid{grid-template-columns:1fr}.page-hero{padding:48px 0 28px}.article{padding-top:30px}.article-body{font-size:16px}.contact-form{padding:18px}.service-tools{margin:17px 0}.filter-pills{gap:6px}.filter-pill{padding:8px 10px;font-size:11px}.service-search{max-width:none}}
@media(prefers-reduced-motion:reduce){.orbit-label,.service-card,.feature,.step,.quote,.blog-card{animation:none!important}}
/* Diverse service color accents and richer, smooth motion */
.service-art-build{--art-accent:#5ec5ff}.service-art-systems{--art-accent:#b49aff}.service-art-growth{--art-accent:#ff9b72}.service-art-operations{--art-accent:#54d9d0}.service-art-creative{--art-accent:#ff84bc}
.art-icon{color:var(--art-accent);border-color:color-mix(in srgb,var(--art-accent) 55%,transparent);animation:badge-bob 4.5s ease-in-out infinite}
.service-card[data-category=build] .icon-box{color:#168bd2;background:linear-gradient(145deg,#e5f7ff,#e8efff)}.service-card[data-category=systems] .icon-box{color:#7452d6;background:linear-gradient(145deg,#f1eaff,#e1f7ff)}.service-card[data-category=growth] .icon-box{color:#c5573c;background:linear-gradient(145deg,#fff0e6,#ffe4ee)}.service-card[data-category=operations] .icon-box{color:#167e88;background:linear-gradient(145deg,#e1f9f8,#e7efff)}.service-card[data-category=creative] .icon-box{color:#b54478;background:linear-gradient(145deg,#ffe8f3,#fff1df)}
.service-card{position:relative;isolation:isolate;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s,border-color .3s}.service-card:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#62c6ff,#bb8cff,#ff8c94,#ffc66e);opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-9px) scale(1.018);box-shadow:0 22px 48px rgba(26,42,67,.17);border-color:transparent}.service-card:hover:before{opacity:.65}.service-card-image:after{transition:background .3s}.service-card:hover .service-card-image:after{background:linear-gradient(0deg,rgba(4,15,11,.58),rgba(58,51,84,.08) 72%)}
.service-art{animation:art-arrive .8s cubic-bezier(.16,1,.3,1) both}.service-art:hover .art-icon{animation:badge-bob 1.3s ease-in-out infinite}.service-art:hover .art-shimmer{animation-duration:3s}.industry-grid a{transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .38s}.industry-grid a:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 18px 42px rgba(26,42,67,.16)}
@keyframes badge-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes art-arrive{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
.service-grid .service-card:nth-child(6n+1){animation-delay:.02s}.service-grid .service-card:nth-child(6n+2){animation-delay:.08s}.service-grid .service-card:nth-child(6n+3){animation-delay:.14s}.service-grid .service-card:nth-child(6n+4){animation-delay:.2s}.service-grid .service-card:nth-child(6n+5){animation-delay:.26s}.service-grid .service-card:nth-child(6n){animation-delay:.32s}
/* Technaticx image-led visual system */
.visual{background:#06140f}.visual-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.96;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.visual:hover .visual-banner{transform:scale(1.035)}.visual:before{z-index:1;border-color:rgba(196,231,126,.25);pointer-events:none}.visual:after{z-index:1;border-color:rgba(73,205,157,.3);pointer-events:none}.visual-chip{position:absolute;z-index:2;padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(9,28,21,.62);backdrop-filter:blur(14px);color:#efffe0;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.2);animation:chip-float 5s ease-in-out infinite}.chip-one{right:9%;top:14%}.chip-two{left:7%;top:42%;animation-delay:-1.5s}.chip-three{right:8%;bottom:21%;animation-delay:-3s}.visual-caption{position:absolute;z-index:2;left:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(7,21,16,.72);backdrop-filter:blur(12px);color:#f3fff4;font-size:12px;font-weight:750}.visual-caption .status-dot{width:8px;height:8px}
.service-card{padding:0;overflow:hidden;min-height:0;text-align:left}.service-card-image{height:154px;display:block;position:relative;overflow:hidden;background:#071711}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s;filter:saturate(.9)}.service-card:hover .service-card-image img{transform:scale(1.075);filter:saturate(1.1)}.service-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,11,.7),transparent 65%)}.service-card-image>span{position:absolute;z-index:1;bottom:12px;left:15px;color:#f4ffe8;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850}.service-card-content{padding:20px 21px 22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.service-card-content .icon-box{margin-bottom:13px}.service-card-content h3{width:100%}.service-card-content p{width:100%;margin-bottom:18px}.service-art{min-height:355px;padding:14px;background:#06140f}.service-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;transition:transform 1s cubic-bezier(.2,.7,.2,1);filter:saturate(.94)}.service-art:hover>img{transform:scale(1.045)}.service-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,17,12,.04) 20%,rgba(5,17,12,.68) 100%);pointer-events:none}.art-icon{position:absolute;z-index:2;left:22px;top:22px;width:58px;height:58px;border:1px solid rgba(255,255,255,.35);border-radius:18px;display:grid;place-items:center;background:rgba(11,33,24,.65);backdrop-filter:blur(12px);color:#e4ffba;font-size:27px;box-shadow:0 14px 38px rgba(0,0,0,.24)}.art-caption{z-index:2;right:20px;bottom:20px;left:20px;color:#f5ffef;text-shadow:0 2px 12px #000}.art-shimmer{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.09) 46%,transparent 61%);transform:translateX(-100%);animation:banner-shimmer 8s ease-in-out infinite;pointer-events:none}.industry-grid a{padding:0;overflow:hidden}.industry-grid a img{width:100%;height:122px;object-fit:cover;display:block;transition:transform .6s}.industry-grid a:hover img{transform:scale(1.05)}.industry-grid a b,.industry-grid a span{margin-left:18px;margin-right:18px}.industry-grid a b{margin-top:18px}.industry-grid a span{margin-bottom:20px}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes banner-shimmer{0%,54%,100%{transform:translateX(-110%)}77%{transform:translateX(110%)}}
/* Readability, motion and responsive contact refinements */
body{font-size:17px;line-height:1.68;color:var(--ink)}
.nav-links a,.nav-actions .btn{font-size:15px;font-weight:700;color:var(--ink)}
.hero-copy,.section-intro,.feature p,.service-card p,.industry-grid span,.blog-card p,.footer p,.footer a{font-size:15px;color:var(--muted)}
.service-card h3{font-size:20px;line-height:1.3;color:var(--ink)}
.service-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}
.service-card:hover{transform:translateY(-8px) scale(1.012);border-color:var(--green2)}
.service-grid .service-card:nth-child(4n+1){animation-delay:.04s}.service-grid .service-card:nth-child(4n+2){animation-delay:.1s}.service-grid .service-card:nth-child(4n+3){animation-delay:.16s}.service-grid .service-card:nth-child(4n){animation-delay:.22s}
.visual:before{animation:orbit 18s linear infinite}.visual:after{animation:soft-glow 7s ease-in-out infinite alternate}
.status-dot{animation:status-pulse 2.4s ease-out infinite}.core{animation:core-breathe 5s ease-in-out infinite alternate}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes soft-glow{from{opacity:.45;transform:scale(.96)}to{opacity:.9;transform:scale(1.05)}}@keyframes status-pulse{0%,100%{box-shadow:0 0 0 4px rgba(85,201,154,.12)}50%{box-shadow:0 0 0 9px rgba(85,201,154,.03)}}@keyframes core-breathe{to{transform:translate(-50%,-50%) scale(1.045)}}
.btn-primary,.btn-lime{transition:transform .25s,box-shadow .25s,filter .25s}.btn-primary:hover,.btn-lime:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(25,115,78,.23)}
.footer-grid a[href^="tel:"],.footer-grid a[href^="https://wa.me/"]{display:block;width:max-content;max-width:100%;margin-top:10px;color:var(--ink);font-weight:750}
.contact-details a[href^="tel:"],.contact-details a[href^="https://wa.me/"]{color:var(--accent);font-size:18px;font-weight:800}
@media(max-width:720px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.service-card-image{height:120px}.service-card-content{padding:15px}.service-card-content .icon-box{width:36px;height:36px;margin-bottom:11px}.industry-grid a img{height:155px}.visual-chip{font-size:10px;padding:8px 10px}.visual-caption{left:12px;bottom:12px;font-size:10px;padding:8px 10px}body{font-size:16px}.hero-copy,.section-intro,.feature p,.service-card p,.industry-grid span,.blog-card p{font-size:15px}.service-card h3{font-size:19px}.visual:before{animation-duration:28s}}
@media(max-width:430px){.service-grid{grid-template-columns:1fr}.service-card-image{height:170px}.service-card-content{padding:19px}.visual{min-height:360px}.service-art{min-height:300px}}
@media(prefers-reduced-motion:reduce){.visual-banner,.service-art>img,.service-card-image img,.industry-grid a img{transition:none!important}.art-icon,.service-art{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Technaticx Digital Studio — multi-color premium refresh */
:root{--bg:#f7f8fc;--surface:#fff;--surface2:#edf0f8;--ink:#101426;--muted:#5d6478;--line:#e3e6ee;--accent:#26744f;--blue:#3478f6;--coral:#ff765d;--violet:#327fa8;--cyan:#24aec0;--green:#63b875;--shadow:0 22px 70px rgba(20,28,60,.12);font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif}
html[data-theme=dark]{--bg:#0d1120;--surface:#171d30;--surface2:#20283d;--ink:#f3f5ff;--muted:#bac2d7;--line:#2b354e;--accent:#8ed34a;--shadow:0 22px 70px rgba(0,0,0,.32)}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7}h1,h2,h3,h4,.brand{font-family:Manrope,"DM Sans",sans-serif}h1,h2{letter-spacing:-.055em}.container{width:min(1190px,calc(100% - 42px))}.section{padding:100px 0}.section-kicker{color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.16em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-heading h2{font-size:clamp(32px,4.1vw,53px);line-height:1.1;margin:12px 0 0;max-width:680px}.section-heading>p{max-width:380px;color:var(--muted);margin:0}.btn{border-radius:9px;font-weight:800;padding:13px 20px;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(32,43,95,.18)}.btn-primary{background:linear-gradient(110deg,#26744f,#327fa8);color:#fff;border:0}.btn-primary:hover{background:linear-gradient(110deg,#1d6543,#286b90)}.btn-outline{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-glass{color:#fff;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-weight:800}.text-link b{transition:transform .2s}.text-link:hover b{transform:translate(3px,-3px)}
.topbar{background:#11172b;color:#d7def1;font-size:12px}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-inner>div{display:flex;align-items:center;gap:20px}.topbar a{color:#eaf0ff}.top-social{display:flex;gap:7px}.top-social a,.footer-social a{display:grid;place-items:center;width:23px;height:23px;border:1px solid #555f7b;border-radius:50%;font-size:10px;font-weight:800}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:78px}.brand-logo{max-height:52px;max-width:212px;object-fit:contain}.logo-plate{background:transparent;padding:0}.nav-links{gap:28px}.nav-links a{font-size:14px;font-weight:700;color:var(--ink)}.nav-links a:hover{color:var(--accent)}.nav-actions{gap:12px}.theme-toggle{border-color:var(--line);color:var(--ink)}.mobile-drawer{background:var(--surface);border-color:var(--line)}
.home-hero{position:relative;isolation:isolate;min-height:690px;background:#0a1020;overflow:hidden;color:#fff}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{z-index:-2;object-fit:cover;object-position:center}.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,13,30,.98) 0%,rgba(7,13,30,.93) 29%,rgba(7,13,30,.55) 56%,rgba(7,13,30,.08) 100%)}.hero-content{position:relative;min-height:690px;display:flex;align-items:center}.hero-copy-block{max-width:650px;padding:76px 0 92px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#d8e7ff;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 18px var(--coral);animation:blink 1.8s infinite}.home-hero h1{font-size:clamp(50px,7.1vw,88px);line-height:.99;margin:23px 0 22px;max-width:690px}.home-hero h1 span{background:linear-gradient(100deg,#7fb5ff 0%,#63c79a 52%,#f3a170 100%);color:transparent;background-clip:text}.hero-copy-block>p{max-width:540px;color:#c9d2e4;font-size:18px;line-height:1.75}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:38px;color:#dce3f1;font-size:13px}.proof-orbit{display:flex}.proof-orbit i{display:block;width:9px;height:9px;border-radius:50%;background:#64b5ff;margin-right:-2px;border:2px solid #17223d}.proof-orbit i:nth-child(2){background:#ff8c69}.proof-orbit i:nth-child(3){background:#8ed34a}.hero-float{position:absolute;right:2%;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.26);background:rgba(12,22,45,.62);backdrop-filter:blur(16px);padding:12px 16px;border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.28);animation:float 6s ease-in-out infinite}.hero-float b,.hero-float small{display:block}.hero-float b{font-size:13px}.hero-float small{font-size:11px;color:#c0cade}.hero-float-one{top:26%;animation-delay:-1.2s}.hero-float-two{top:61%;right:6%;animation-delay:-3.5s}.float-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:18px}.icon-blue{background:#285f72;color:#c7ddff}.icon-violet{background:#285f72;color:#d7f1ed}.hero-scroll{position:absolute;right:0;bottom:35px;color:#d5def1;font-size:11px;text-transform:uppercase;letter-spacing:.12em;display:flex;gap:14px;align-items:center}.hero-scroll b{font-size:17px;color:#f3a170;animation:nudge 1.2s infinite}.trust-band{background:var(--surface);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.trust-band-inner{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:auto}.trust-band-inner span{white-space:nowrap;font-size:12px;color:var(--muted);font-weight:800}.trust-band-inner span:first-child{color:var(--ink);font-size:13px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-visual{position:relative;min-height:480px;border-radius:22px;overflow:hidden;background:#11172b;box-shadow:var(--shadow)}.intro-visual>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;filter:saturate(.75)}.intro-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(30deg,rgba(19,30,73,.76),transparent 62%)}.intro-chip,.intro-sticker{position:absolute;z-index:2;box-shadow:0 14px 35px rgba(0,0,0,.2)}.intro-chip{left:22px;bottom:22px;background:#fff;color:#1a2440;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:850}.chip-coral{border-left:4px solid var(--coral)}.intro-sticker{right:22px;top:22px;width:110px;height:110px;border-radius:50%;display:grid;align-content:center;text-align:center;background:linear-gradient(140deg,#287a51,#69aa55);color:#fff;font-size:34px;font-weight:900;line-height:1}.intro-sticker small{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.intro-copy h2{font-size:clamp(34px,4vw,53px);line-height:1.08;margin:13px 0 20px}.intro-copy>p{color:var(--muted);font-size:17px}.intro-points{margin:29px 0;display:grid;gap:18px}.intro-points>div{display:flex;gap:15px;align-items:flex-start}.intro-points>div>b{font-size:13px;color:var(--coral);border:1px solid color-mix(in srgb,var(--coral) 44%,transparent);border-radius:8px;padding:6px 8px}.intro-points strong,.intro-points small{display:block}.intro-points strong{font-size:15px}.intro-points small{color:var(--muted);font-size:13px}.services-section{background:var(--surface2)}.service-tools{margin:26px 0 30px}.service-search{color:var(--muted)}.service-search input{border-radius:10px;border-color:var(--line);background:var(--surface);color:var(--ink)}.filter-pills{gap:8px}.filter-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px}.filter-pill.active,.filter-pill:hover{background:var(--accent);border-color:var(--accent);color:#fff}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-card{border-radius:15px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 35px rgba(28,39,75,.05);transition:transform .35s,box-shadow .35s}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.service-card-image{height:190px;background:#17243f}.service-card-image:after{background:linear-gradient(0deg,rgba(8,14,31,.78),transparent 70%)}.service-card-image img{filter:saturate(.95)}.service-card-content{padding:20px 22px 23px}.service-card-content h3{font-size:20px;line-height:1.25}.service-card p{font-size:14px;color:var(--muted)}.icon-box{border-radius:10px;background:linear-gradient(140deg,#e5f4e8,#f0f8f3);color:#26744f}.service-card:nth-child(4n+2) .icon-box{background:#ffede8;color:#eb6856}.service-card:nth-child(4n+3) .icon-box{background:#e2f7f8;color:#138b9a}.service-card:nth-child(4n+4) .icon-box{background:#e3f3ef;color:#167f78}.center-link{text-align:center;margin-top:35px}
.work-band{padding:95px 0;background:#10162a;color:#f1f4ff;position:relative;overflow:hidden}.work-band:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-100px;top:-160px;background:radial-gradient(circle,rgba(101,84,229,.3),transparent 68%)}.work-band-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.work-title h2{font-size:clamp(34px,4.4vw,55px);line-height:1.08;margin:14px 0}.work-title p{color:#bcc6db;max-width:390px}.work-steps{border-top:1px solid #333b54}.work-step{display:grid;grid-template-columns:52px 1fr 30px;gap:15px;align-items:center;padding:22px 6px;border-bottom:1px solid #333b54;transition:padding .25s,color .25s}.work-step:hover{padding-left:14px;color:#c8b8ff}.work-step>b{font-size:13px;color:#ff9275}.work-step strong,.work-step small{display:block}.work-step strong{font-size:18px}.work-step small{color:#aab6cd;font-size:13px}.work-step i{font-style:normal;font-size:20px;color:#9e90ff}
.focus-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:250px 250px;gap:18px}.focus-card{position:relative;border-radius:17px;overflow:hidden;min-height:220px;background:#141d37;color:white}.focus-large{grid-row:span 2}.focus-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.focus-card:hover img{transform:scale(1.07)}.focus-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,15,34,.92),rgba(9,15,34,.05) 80%)}.focus-copy{position:absolute;left:23px;right:20px;bottom:22px;display:grid;gap:7px}.focus-copy small{text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#d2d8ed}.focus-copy b{font-family:Manrope,sans-serif;font-size:27px;line-height:1.07}.focus-copy i{font-style:normal;color:#b8e875;font-size:12px;font-weight:800}.stats-strip{background:linear-gradient(105deg,#26744f,#3478f6 52%,#28a8bb);color:white;padding:28px 0}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:20px}.stats-inner>div{border-right:1px solid rgba(255,255,255,.26);display:grid;gap:1px}.stats-inner>div strong{font:800 38px Manrope,sans-serif;line-height:1.2}.stats-inner>div span{font-size:12px;color:#e4edff}.stats-inner .stats-cta{border:0;justify-self:end}.stats-cta a{color:#fff;font-weight:800}
.testimonials-section{background:var(--surface2)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:26px;box-shadow:0 12px 35px rgba(25,37,72,.05);transition:transform .35s,box-shadow .35s}.review-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.stars{color:#ff9b37;letter-spacing:.16em;font-size:15px}.review-card>p{min-height:165px;color:var(--muted);font-size:14px;line-height:1.8}.review-person{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:18px}.review-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#ff876c,#ffbd78);color:#fff;font-weight:900}.review-card:nth-child(2) .review-avatar{background:linear-gradient(140deg,#327fa8,#55b7b0)}.review-card:nth-child(3) .review-avatar{background:linear-gradient(140deg,#25aebe,#71c7bb)}.review-person b,.review-person small{display:block}.review-person b{font-size:13px}.review-person small{font-size:11px;color:var(--muted)}.quote-mark{margin-left:auto;color:var(--accent);font:800 42px Georgia;line-height:.7}
.blog-section{background:var(--bg)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-tile{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:26px;display:flex;flex-direction:column;min-height:250px;transition:transform .3s,box-shadow .3s}.blog-tile:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.blog-tag{align-self:flex-start;border-radius:30px;padding:5px 10px;background:#e7f5e9;color:#26744f;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.blog-tile h3{font-size:23px;line-height:1.2;margin:20px 0 10px}.blog-tile p{font-size:14px;color:var(--muted)}.blog-tile .card-link{margin-top:auto;color:var(--accent)}.contact-section{background:linear-gradient(110deg,#11182d,#202a48);color:#f5f7ff}.contact-section .section-kicker{color:#b6a9ff}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:70px}.contact-intro h2{font-size:clamp(35px,4.5vw,57px);line-height:1.06;margin:13px 0}.contact-intro>p{color:#c4cce0}.contact-info{display:grid;gap:17px;margin-top:32px}.contact-info>a{display:flex;align-items:center;gap:13px;color:#fff}.contact-info small,.contact-info b{display:block}.contact-info small{color:#abb6cf;font-size:11px}.contact-info b{font-size:14px}.contact-icon{width:42px;height:42px;border-radius:11px;background:#334f9d;display:grid;place-items:center;font-size:18px}.icon-coral{background:#874d54}.icon-green{background:#328c76}.contact-form-wrap{background:#fff;color:#12172a;border-radius:17px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.25)}.form-heading{display:block;font:800 23px Manrope,sans-serif;margin-bottom:17px}.contact-form{padding:0;background:none;box-shadow:none;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{font-size:12px;color:#343a4d}.contact-form input,.contact-form select,.contact-form textarea{margin-top:5px;border:1px solid #dde1ea;border-radius:8px;background:#f8f9fc;color:#101426;padding:12px}.contact-form textarea{min-height:105px}.contact-form .btn{width:max-content}.form-note{color:#73798a;font-size:10px}.notice{font-size:12px}.footer{background:#0b1020;color:#e9edf8;padding:0 0 16px}.footer-cta{padding:52px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #2a3249}.footer-cta .section-kicker{color:#a99cff}.footer-cta h2{font-size:clamp(26px,4vw,42px);margin:8px 0 0}.footer-grid{padding:44px 0 32px;display:grid;grid-template-columns:1.4fr 1fr 1.25fr 1fr;gap:42px}.footer-grid h4{font-size:14px;color:#fff;margin:8px 0 17px}.footer-grid a{display:block;color:#bac4da;font-size:12px;margin:7px 0}.footer-grid a:hover{color:#fff}.footer-brand p,.footer-note{color:#9da9c2;font-size:12px;max-width:290px}.footer-brand .brand{display:inline-flex;margin-bottom:10px}.footer-brand .logo-plate{background:#fff;border-radius:6px;padding:6px 9px}.footer-brand .brand-logo{max-height:42px;max-width:180px}.footer-social{display:flex;gap:8px;margin-top:15px}.footer-social a{display:grid;place-items:center;color:#e8ecf6!important;width:30px;height:30px;margin:0}.footer-bottom{padding-top:15px;border-top:1px solid #2a3249;color:#9da9c2;font-size:11px;display:flex;justify-content:space-between;gap:15px}.breadcrumbs{margin-bottom:15px;color:var(--muted)}.page-hero{background:linear-gradient(115deg,#11182d,#273157);color:#fff}.page-hero .eyebrow{color:#c6d1e8}.service-hero{background:radial-gradient(circle at 85% 10%,rgba(92,82,231,.22),transparent 35%),#10172a;color:#fff}.service-hero .breadcrumbs{color:#b9c4da}.service-hero .hero-copy{color:#c9d3e5}.service-hero .pill{border-color:#46516c;color:#e0e6f4;background:rgba(255,255,255,.06)}.service-art{border-radius:18px;overflow:hidden}.service-art:after{background:linear-gradient(180deg,transparent 20%,rgba(8,13,28,.82))}.service-content h2{font-size:34px}.article{color:var(--ink)}.article-body h2{margin-top:40px}.faq details{border:1px solid var(--line);border-radius:10px;padding:17px 20px;background:var(--surface);margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.feedback-panel{background:var(--surface);border-color:var(--line)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.service-grid .service-card:nth-child(3n+2){transition-delay:.06s}.service-grid .service-card:nth-child(3n){transition-delay:.12s}.home-hero .reveal{transform:translateY(18px)}.home-hero .reveal.visible{transform:translateY(0)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.45}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:980px){.section{padding:78px 0}.nav-links{gap:17px}.hero-float{right:1%}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-grid{gap:42px}.focus-grid{grid-template-rows:220px 220px;gap:13px}.work-band-grid{gap:45px}.review-grid{grid-template-columns:1fr 1fr}.review-card:last-child{grid-column:span 2}.review-card>p{min-height:120px}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:35px}}
@media(max-width:720px){.container{width:min(100% - 28px,560px)}.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.topbar-inner>div{width:100%;justify-content:space-between;gap:9px}.topbar-inner>div>a{font-size:10px}.top-social{gap:4px}.nav{min-height:66px}.nav-links,.nav-actions>.btn{display:none}.brand-logo{max-width:175px;max-height:43px}.home-hero,.hero-content{min-height:700px}.hero-image{object-position:60% center;opacity:.66}.hero-overlay{background:linear-gradient(90deg,rgba(7,13,30,.97),rgba(7,13,30,.63)),linear-gradient(0deg,rgba(7,13,30,.7),transparent)}.hero-copy-block{padding:72px 0 100px}.home-hero h1{font-size:clamp(45px,13vw,64px)}.hero-copy-block>p{font-size:16px}.hero-float{right:8%;padding:9px 11px}.hero-float-one{top:auto;bottom:112px;right:8%}.hero-float-two{top:auto;bottom:45px;right:35%}.hero-scroll{display:none}.trust-band-inner{justify-content:flex-start;min-height:58px}.trust-band-inner span{font-size:10px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:14px}.section-heading h2,.intro-copy h2{font-size:34px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-visual{min-height:340px}.service-tools{margin:20px 0}.filter-pills{overflow:auto;flex-wrap:nowrap;padding-bottom:5px}.filter-pill{white-space:nowrap}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card-image{height:120px}.service-card-content{padding:13px}.service-card-content h3{font-size:16px}.service-card p{font-size:12px;line-height:1.5}.service-card-content .icon-box{width:34px;height:34px;font-size:16px;margin-bottom:8px}.service-card-image>span{font-size:8px;left:10px;bottom:9px}.work-band{padding:65px 0}.work-band-grid{grid-template-columns:1fr;gap:25px}.work-title h2{font-size:36px}.work-step{grid-template-columns:36px 1fr 22px;padding:18px 3px}.work-step strong{font-size:16px}.work-step small{font-size:12px}.focus-grid{grid-template-columns:1fr 1fr;grid-template-rows:245px 205px 205px}.focus-large{grid-row:span 1;grid-column:span 2}.focus-copy b{font-size:21px}.focus-copy{left:15px;bottom:15px}.stats-inner{grid-template-columns:1fr 1fr;gap:18px}.stats-inner>div{border:0}.stats-inner>div strong{font-size:31px}.stats-inner .stats-cta{justify-self:start}.review-grid{grid-template-columns:1fr}.review-card:last-child{grid-column:auto}.review-card>p{min-height:0}.blog-grid{grid-template-columns:1fr}.blog-tile{min-height:0}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-form-wrap{padding:20px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:1}.footer-cta{display:block;padding:38px 0}.footer-cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:nth-child(3){order:4}.footer-brand{grid-column:span 2}.footer-bottom{display:block;line-height:1.8}.page-hero{padding:56px 0 45px}.service-hero{padding:44px 0}.service-hero-grid{grid-template-columns:1fr}.service-art{min-height:270px}.service-meta{flex-wrap:wrap}.feedback-panel{grid-template-columns:1fr}.feedback-mark{height:42px}.article{padding:55px 0}.content-narrow{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-float,.eyebrow i,.hero-scroll b,.service-card,.focus-card img,.work-step{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

/* Technaticx green and teal identity with high-visibility motion */
:root{--accent:#26744f;--blue:#327fa8;--coral:#f28a62;--violet:#327fa8;--cyan:#19a9a3;--green:#65bb55;--ink:#172420;--muted:#4f625a;--line:#dce8df;--surface2:#eef5ef;--shadow:0 24px 70px rgba(21,65,45,.14)}
html[data-theme=dark]{--bg:#0b1511;--surface:#12221a;--surface2:#172b21;--ink:#f2f8f3;--muted:#b5c9bb;--line:#294235;--accent:#8ed34a;--blue:#65b7d0;--coral:#ffa478;--shadow:0 24px 70px rgba(0,0,0,.34)}
body{font-family:"DM Sans",Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);font-size:17px}h1,h2,h3,h4,.brand{font-family:Manrope,"DM Sans",sans-serif}h1,h2{font-weight:800;letter-spacing:-.045em}
.section-kicker,.text-link,.nav-links a:hover{color:var(--accent)}
.btn-primary{background:linear-gradient(110deg,#26744f,#61b95a);color:#fff}.btn-primary:hover{background:linear-gradient(110deg,#1d6543,#4da54d)}
.home-hero h1 span{background:linear-gradient(100deg,#8ed34a,#63c79a 54%,#f3a170);color:transparent;background-clip:text}
.hero-proof .proof-orbit i:nth-child(3){background:#8ed34a}.float-icon.icon-violet{background:#285f72;color:#d7f1ed}
.intro-sticker{background:linear-gradient(140deg,#287a51,#69b94f)}
.icon-box{background:#e5f4e8;color:#28754c}.service-card:nth-child(4n+4) .icon-box{background:#e3f3ef;color:#167f78}.filter-pill.active,.filter-pill:hover{background:var(--accent);border-color:var(--accent)}
.work-band:before{background:radial-gradient(circle,rgba(88,190,90,.28),transparent 68%)}.work-step:hover{color:#b8ef9a}.work-step i{color:#83d492}
.stats-strip{background:linear-gradient(105deg,#26744f,#25a39b 58%,#438ca6)}
.review-card:nth-child(2) .review-avatar{background:linear-gradient(140deg,#327fa8,#55b7b0)}.blog-tag{background:#e7f5e9;color:#26744f}.blog-tile .card-link{color:var(--accent)}
.contact-section{background:linear-gradient(110deg,#10241b,#163c32)}.contact-section .section-kicker,.footer-cta .section-kicker{color:#9edb74}
.page-hero{background:linear-gradient(115deg,#10241b,#244b39)}.service-hero{background:radial-gradient(circle at 85% 10%,rgba(61,183,117,.2),transparent 35%),#10241b}
.brand-logo{filter:none}.footer-brand .logo-plate{background:#fff;border:1px solid rgba(142,211,74,.24)}
.hero-copy-block{max-width:760px}.home-hero h1{font-size:clamp(48px,5.4vw,68px);max-width:760px}
/* Motion: hero ambience, rising content, lively cards and a moving section accent. */
.home-hero:before{content:"";position:absolute;z-index:-1;right:4%;top:12%;width:min(48vw,570px);aspect-ratio:1;border:1px solid rgba(142,211,74,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(142,211,74,.045),0 0 0 72px rgba(63,177,151,.04);animation:orbit-breathe 8s ease-in-out infinite}
.home-hero:after{content:"";position:absolute;z-index:-1;right:12%;top:28%;width:9px;height:9px;border-radius:50%;background:#a5e75d;box-shadow:0 0 18px 7px rgba(142,211,74,.52);animation:orbit-dot 8s linear infinite}
.hero-copy-block{animation:hero-enter .9s cubic-bezier(.16,1,.3,1) both}.hero-float{animation:float 5s ease-in-out infinite,card-enter .9s .25s both}.hero-float-two{animation-delay:-2.2s,.45s}
.section-heading:after{content:"";position:absolute}.section-heading{position:relative}.section-heading>div{position:relative}.section-heading>div:after{content:"";display:block;width:66px;height:3px;margin-top:15px;border-radius:3px;background:linear-gradient(90deg,#65bb55,#27a49b);transform-origin:left;animation:line-grow .8s .2s both}
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}
.service-grid .service-card:nth-child(3n+2),.focus-grid .focus-card:nth-child(3n+2),.review-grid .review-card:nth-child(3n+2){transition-delay:.12s}.service-grid .service-card:nth-child(3n),.focus-grid .focus-card:nth-child(3n),.review-grid .review-card:nth-child(3n){transition-delay:.22s}
.service-card:hover,.review-card:hover,.blog-tile:hover{transform:translateY(-9px)}.service-card-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.service-card:hover .service-card-image img{transform:scale(1.08)}.focus-card:hover img{transform:scale(1.1)}
.trust-band-inner{animation:trust-drift 28s linear infinite}.trust-band:hover .trust-band-inner{animation-play-state:paused}
@keyframes orbit-breathe{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}@keyframes orbit-dot{from{transform:rotate(0deg) translateX(min(24vw,285px)) rotate(0deg)}to{transform:rotate(360deg) translateX(min(24vw,285px)) rotate(-360deg)}}@keyframes hero-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes card-enter{from{opacity:0}to{opacity:1}}@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes trust-drift{from{transform:translateX(0)}to{transform:translateX(-1.5%)}}
@media(max-width:980px){.home-hero:before{right:-8%;top:18%;width:60vw}.home-hero:after{right:8%}}
@media(max-width:720px){body{font-size:16px}.home-hero,.hero-content{min-height:740px}.home-hero:before{right:-28%;top:20%;width:88vw;opacity:.75}.home-hero:after{right:12%;top:40%}.hero-image{object-position:66% center;opacity:.75}.hero-overlay{background:linear-gradient(90deg,rgba(7,19,14,.96),rgba(7,19,14,.62)),linear-gradient(0deg,rgba(7,19,14,.65),transparent)}.home-hero h1{font-size:clamp(45px,12.5vw,66px)}.hero-copy-block{padding:68px 0 140px}.hero-float-one{bottom:96px}.hero-float-two{bottom:35px;right:35%}.service-grid{grid-template-columns:1fr}.service-card-image{height:180px}.service-card-content h3{font-size:18px}.service-card p{font-size:14px}.section{padding:62px 0}.intro-visual{min-height:315px}.focus-grid{grid-template-rows:235px 190px 190px}.review-card>p{font-size:15px}.footer-grid{gap:18px}.nav-actions{gap:8px}}
@media(max-width:390px){.container{width:calc(100% - 24px)}.topbar-inner>div>a{font-size:9px}.top-social a{width:20px;height:20px}.brand-logo{max-width:154px}.home-hero,.hero-content{min-height:715px}.hero-ctas .btn{padding:12px 14px;font-size:13px}.hero-float-two{right:24%}.focus-grid{grid-template-rows:220px 180px 180px}.stats-inner>div strong{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.home-hero:before,.home-hero:after,.hero-copy-block,.hero-float,.trust-band-inner{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}
.home-hero:before,.home-hero:after{z-index:0;pointer-events:none}.hero-content{z-index:1}