/*
Theme Name: TechDizy Premium Agency
Theme URI: https://techdizy.com/
Author: TechDizy
Description: Premium glassmorphism agency theme based on the supplied TechDizy design.
Version: 4.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: techdizy
*/
:root{
--td-green:#13c488;--td-green-dark:#0ca06f;--td-charcoal:#29333c;--td-black:#000;--td-white:#fff;
--td-soft:#f4fbf8;--td-muted:#667279;--td-line:rgba(41,51,60,.10);--td-glass:rgba(255,255,255,.68);
--td-shadow:0 22px 60px rgba(41,51,60,.11);--td-shadow-soft:0 12px 34px rgba(41,51,60,.08);
--td-radius:22px;--td-radius-sm:16px;--td-blur:18px;
--td-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--td-font);color:var(--td-black);background:#fff;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 82% 10%,rgba(19,196,136,.08),transparent 70%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-shell{position:relative;z-index:1}
.site-header{position:sticky;top:12px;z-index:1000;margin:12px auto 0}
.header-bar{width:min(1180px,calc(100% - 20px));margin:auto;background:rgba(255,255,255,.78);backdrop-filter:blur(var(--td-blur));-webkit-backdrop-filter:blur(var(--td-blur));border:1px solid rgba(41,51,60,.08);box-shadow:0 16px 38px rgba(41,51,60,.09);border-radius:18px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:900;font-size:22px;letter-spacing:-.06em}.brand .brand-green{color:var(--td-green)}
.primary-nav{display:flex;align-items:center;gap:22px;font-size:13px}.primary-nav>li{list-style:none;position:relative}.primary-nav>li>a{display:block;padding:10px 2px;color:#2c373e}.primary-nav>li>a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:var(--td-green);transform:scaleX(0);transition:transform .25s ease}.primary-nav>li:hover>a:after,.primary-nav>li.current-menu-item>a:after{transform:scaleX(1)}
.primary-nav .sub-menu{position:absolute;top:100%;left:-10px;min-width:235px;padding:8px;margin:0;list-style:none;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border:1px solid var(--td-line);border-radius:16px;box-shadow:var(--td-shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .22s,visibility .22s}.primary-nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-nav .sub-menu li a{display:block;padding:11px 12px;border-radius:10px;font-size:12px}.primary-nav .sub-menu li a:hover{background:rgba(19,196,136,.08);color:var(--td-green)}
.header-actions{display:flex;gap:8px;align-items:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--td-green);color:#fff;border:1px solid var(--td-green);padding:11px 16px;border-radius:12px;font-weight:800;font-size:12px;box-shadow:0 9px 22px rgba(19,196,136,.18);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.cta:hover{transform:translateY(-2px);background:var(--td-green-dark);box-shadow:0 15px 28px rgba(19,196,136,.24)}
.cta-ghost{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--td-line);border-radius:12px;background:rgba(255,255,255,.7);font-weight:700;font-size:12px}
.menu-toggle{display:none;border:1px solid var(--td-line);background:#fff;border-radius:12px;padding:9px}.menu-toggle span{display:block;width:19px;height:2px;background:var(--td-charcoal);margin:3px auto}
.mobile-menu{display:none}

.hero{padding:72px 0 44px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--td-green);font-weight:900;background:rgba(19,196,136,.08);padding:8px 11px;border-radius:999px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--td-green);box-shadow:0 0 0 6px rgba(19,196,136,.08)}
.hero h1{font-size:clamp(42px,5.7vw,78px);line-height:.98;letter-spacing:-.06em;margin:18px 0 18px;max-width:12ch}.hero h1 .accent{color:var(--td-green)}.hero p{font-size:15px;line-height:1.78;color:var(--td-muted);max-width:56ch}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-visual{position:relative;min-height:430px;perspective:1200px}.glass-stage{position:absolute;inset:8px 0;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(233,248,242,.54));border:1px solid rgba(41,51,60,.08);box-shadow:var(--td-shadow);transform-style:preserve-3d}.glass-stage:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 25% 24%,rgba(19,196,136,.24),transparent 30%),radial-gradient(circle at 78% 72%,rgba(19,196,136,.15),transparent 30%);filter:blur(24px)}
.f-card{position:absolute;z-index:2;background:rgba(255,255,255,.76);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.88);box-shadow:var(--td-shadow-soft);border-radius:16px;padding:15px;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.f-card:hover{box-shadow:0 20px 45px rgba(41,51,60,.14)}
.f-analytics{left:7%;top:12%;width:55%}.f-analytics h3{font-size:14px;margin:0 0 10px}.chart{height:108px;border-radius:10px;background:linear-gradient(180deg,#f7fffb,#edf6f2);overflow:hidden}.chart svg{width:100%;height:100%}
.f-metric{right:7%;top:8%;width:26%}.f-metric small{color:#667279;font-size:10px}.f-metric strong{display:block;font-size:24px;margin:5px 0}.up{color:var(--td-green);font-size:10px;font-weight:800}
.f-dash{left:12%;bottom:8%;width:58%}.f-dash h4{margin:0 0 8px;font-size:13px}.bars{height:110px;display:flex;align-items:flex-end;gap:9px}.bars i{flex:1;background:linear-gradient(180deg,var(--td-green),rgba(19,196,136,.10));border-radius:8px 8px 2px 2px;display:block}
.f-ring{right:8%;bottom:10%;width:30%;text-align:center}.ring{width:92px;height:92px;border-radius:50%;margin:auto;background:conic-gradient(var(--td-green) 0 92%,#dfe8e4 92%);display:grid;place-items:center}.ring span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:17px;font-weight:900}.f-social{right:1%;top:43%;display:grid;gap:9px;background:none;box-shadow:none;border:0;padding:0}.f-social span{width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:var(--td-shadow-soft);display:grid;place-items:center;color:var(--td-charcoal);font-weight:900}
.stats-bar{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--td-line);border-radius:18px;background:#fff;box-shadow:var(--td-shadow-soft);overflow:hidden}.stat{padding:19px;display:flex;align-items:center;gap:12px}.stat+.stat{border-left:1px solid var(--td-line)}.stat-icon{width:36px;height:36px;border-radius:11px;background:rgba(19,196,136,.1);color:var(--td-green);display:grid;place-items:center;font-weight:900}.stat strong{display:block;font-size:20px}.stat small{display:block;color:#69747a;font-size:10px}

.section{padding:70px 0}.section.soft{background:linear-gradient(180deg,#f8fdfb,#fff)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.section-kicker{font-size:10px;font-weight:900;color:var(--td-green);letter-spacing:.13em;text-transform:uppercase}.section-head h2{font-size:34px;letter-spacing:-.045em;margin:5px 0 0}.section-head h2 span{color:var(--td-green)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.glass-card{border:1px solid rgba(41,51,60,.09);background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,252,250,.6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--td-radius-sm);box-shadow:var(--td-shadow-soft);padding:23px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s}.glass-card:before{content:"";position:absolute;inset:auto -20% -45% 20%;height:150px;background:radial-gradient(circle,rgba(19,196,136,.13),transparent 70%);filter:blur(18px);opacity:.8}.glass-card:hover{transform:translateY(-8px) rotateX(1deg);box-shadow:0 24px 48px rgba(41,51,60,.13);border-color:rgba(19,196,136,.28)}.service-number{position:absolute;right:16px;top:14px;color:#9aa4aa;font-size:11px;font-weight:900}.service-icon{width:42px;height:42px;border-radius:12px;background:rgba(19,196,136,.10);color:var(--td-green);display:grid;place-items:center;font-weight:900;margin:8px 0 16px}.service-card h3{font-size:15px;margin:0 0 8px;line-height:1.3}.service-card p{font-size:11px;line-height:1.65;color:#6b757c;margin:0}.service-link{display:inline-flex;margin-top:16px;font-size:10px;color:var(--td-green);font-weight:800}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-thumb{aspect-ratio:1.23;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(145deg,#16221f,#b9f3df);display:grid;place-items:end start;padding:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.project-thumb:before{content:"";position:absolute;inset:16px;background:linear-gradient(135deg,rgba(19,196,136,.18),rgba(41,51,60,.28));border:1px solid rgba(255,255,255,.34);border-radius:12px}.project-thumb:after{content:"Live Preview";position:absolute;right:12px;top:12px;font-size:9px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.78);color:var(--td-charcoal);font-weight:800}.project-thumb span{position:relative;z-index:2;color:#fff;font-weight:900;letter-spacing:-.02em;font-size:16px;text-shadow:0 4px 20px rgba(0,0,0,.25)}.project-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.project-meta h3{font-size:14px;margin:0}.project-meta small{font-size:10px;color:#6b757c}.project-arrow{width:32px;height:32px;border-radius:50%;background:var(--td-green);color:#fff;display:grid;place-items:center;font-weight:900;transition:transform .3s}.project-card:hover .project-arrow{transform:translateX(3px)}
.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.strategy-copy h2{font-size:42px;line-height:1.05;letter-spacing:-.05em;margin:7px 0 16px}.strategy-copy h2 span{color:var(--td-green)}.strategy-copy p{color:#667279;line-height:1.75;max-width:54ch}.strategy-visual{position:relative;min-height:330px}.td-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#b8f5de 0 42%,var(--td-green) 43% 62%,rgba(19,196,136,.07) 63%);color:#fff;font-size:29px;font-weight:900;box-shadow:0 0 0 17px rgba(19,196,136,.08),0 24px 45px rgba(19,196,136,.19)}.strategy-link{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--td-green),transparent)}.strategy-card{position:absolute;width:220px}.strategy-card.s1{left:0;top:5px}.strategy-card.s2{right:0;top:5px}.strategy-card.s3{left:0;bottom:5px}.strategy-card.s4{right:0;bottom:5px}.strategy-card h3{font-size:13px;margin:0 0 6px}.strategy-card p{font-size:10px;color:#69747a;line-height:1.55;margin:0}
.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.process-line:before{content:"";position:absolute;left:7%;right:7%;top:22px;height:2px;background:linear-gradient(90deg,rgba(19,196,136,.16),var(--td-green),rgba(19,196,136,.16))}.process-step{text-align:center;position:relative;z-index:1}.process-dot{width:44px;height:44px;border-radius:50%;background:var(--td-green);color:#fff;display:grid;place-items:center;margin:0 auto 9px;font-weight:900;box-shadow:0 9px 24px rgba(19,196,136,.23)}.process-step h3{font-size:13px;margin:0 0 5px}.process-step p{font-size:10px;line-height:1.55;color:#6a757b;margin:0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c7f4e3,var(--td-charcoal));color:#fff;font-size:12px;font-weight:900}.stars{color:var(--td-green);letter-spacing:3px;font-size:10px;margin-top:12px}.quote-text{color:#566169;font-size:12px;line-height:1.7;margin:12px 0 0}
.cta-band{margin-top:25px;border:1px solid var(--td-line);border-radius:20px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(100deg,rgba(238,251,246,.95),#fff);box-shadow:var(--td-shadow-soft);position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;right:-10%;bottom:-60%;width:420px;height:220px;background:radial-gradient(circle,rgba(19,196,136,.22),transparent 70%);filter:blur(20px)}.cta-band h2{font-size:28px;letter-spacing:-.04em;margin:0;position:relative;z-index:1}.cta-band h2 span{color:var(--td-green)}.cta-actions{display:flex;gap:9px;position:relative;z-index:1}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.contact-info h2{font-size:35px;letter-spacing:-.05em;margin:7px 0 12px}.contact-info h2 span{color:var(--td-green)}.contact-info p{color:#667279;line-height:1.75}.contact-list{display:grid;gap:10px;margin-top:18px}.contact-item{display:flex;align-items:center;gap:11px}.contact-item .icon{width:34px;height:34px;border-radius:10px;background:rgba(19,196,136,.10);color:var(--td-green);display:grid;place-items:center;font-weight:900}.contact-item strong,.contact-item a{font-size:12px}.contact-form{border:1px solid var(--td-line);border-radius:18px;padding:22px;box-shadow:var(--td-shadow-soft);background:rgba(255,255,255,.78);backdrop-filter:blur(16px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid var(--td-line);border-radius:12px;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(19,196,136,.6);box-shadow:0 0 0 4px rgba(19,196,136,.08)}
.page-hero{padding:80px 0 40px;background:linear-gradient(180deg,#f6fbf9,#fff);border-bottom:1px solid var(--td-line)}.page-hero h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.06em;margin:8px 0 12px}.page-hero p{color:#657078;max-width:70ch;line-height:1.75}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.content-panel{padding:28px;border:1px solid var(--td-line);border-radius:18px;background:rgba(255,255,255,.75);box-shadow:var(--td-shadow-soft)}.content-panel h2,.content-panel h3{letter-spacing:-.03em}.content-panel p,.content-panel li{color:#667279;line-height:1.75}.content-panel ul{padding-left:18px}
.footer{padding:40px 0 22px;border-top:1px solid var(--td-line);background:#fbfdfc}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:26px}.footer h4{font-size:13px;margin:0 0 10px}.footer p,.footer li,.footer a{font-size:10px;color:#69747b;line-height:1.7}.footer ul{list-style:none;padding:0;margin:0}.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding-top:17px;margin-top:18px;border-top:1px solid var(--td-line);font-size:9px;color:#7e878c}
.float{animation:tdFloat 6s ease-in-out infinite}html.td-js .reveal,html.td-js .scale-in{opacity:0;transform:translateY(34px);transition:opacity .82s ease,transform .82s cubic-bezier(.2,.75,.2,1)}html.td-js .scale-in{transform:translateY(28px) scale(.97);transition-duration:1s}.reveal.in,.scale-in.in{opacity:1;transform:none}html.td-js .reveal.out,html.td-js .scale-in.out{opacity:0;transform:translateY(26px)}@keyframes tdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.td-tilt{transform-style:preserve-3d;will-change:transform}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.scale-in{opacity:1!important;transform:none!important;transition:none!important}.float{animation:none!important}}
@media (max-width:1024px){.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;gap:30px}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat:nth-child(even){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--td-line)}.strategy-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
 .header-bar{width:calc(100% - 14px);padding:10px 12px}.primary-nav,.header-actions{display:none}.menu-toggle{display:block}.mobile-menu{display:none;position:absolute;left:7px;right:7px;top:63px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid var(--td-line);border-radius:16px;padding:10px;box-shadow:var(--td-shadow)}.mobile-menu.open{display:grid;gap:2px}.mobile-menu a{padding:11px;border-radius:10px;font-size:13px}.mobile-menu a:hover{background:rgba(19,196,136,.07)}
 .hero{padding-top:46px}.hero h1{font-size:clamp(40px,11vw,58px)}.hero-visual{min-height:330px}.f-analytics{left:1%;width:61%}.f-metric{right:1%;width:34%}.f-dash{left:5%;width:62%}.f-ring{right:2%;width:34%}.f-social{right:0}.stats-bar{grid-template-columns:1fr 1fr}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--td-line)}
 .services-grid,.projects-grid,.testimonial-grid{grid-template-columns:1fr}.section{padding:56px 0}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:30px}.strategy-visual{min-height:500px}.strategy-card{width:175px}.strategy-card.s1,.strategy-card.s3{left:0}.strategy-card.s2,.strategy-card.s4{right:0}
 .process-line{grid-template-columns:1fr;gap:18px;padding-left:17px}.process-line:before{left:20px;right:auto;top:20px;bottom:20px;height:auto;width:2px}.process-step{text-align:left;display:grid;grid-template-columns:44px 1fr;gap:10px}.process-dot{margin:0}.cta-band{flex-direction:column;align-items:flex-start}.cta-actions{width:100%}.cta-actions>*{flex:1;justify-content:center}.contact-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start}
}
.strategy-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .3s;transform:translateZ(var(--scroll-z,0));}

/* ============================================================
   TECHDIZY V3 — ADVANCED MOTION / 3D / GLASS LAYER
   ============================================================ */
:root{
  --td-ease:cubic-bezier(.2,.8,.2,1);
  --td-green-glow:rgba(19,196,136,.24);
  --td-glass-strong:rgba(255,255,255,.78);
}
html{scroll-padding-top:90px}
body{isolation:isolate}
.site-shell{position:relative;z-index:2}
.td-global-scene{
  position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;
  perspective:1000px;
}
.td-scene-grid{
  position:absolute;width:58vw;height:58vw;right:-18vw;top:8vh;
  border:1px solid rgba(19,196,136,.09);border-radius:50%;
  box-shadow:0 0 0 22px rgba(19,196,136,.025),0 0 0 44px rgba(19,196,136,.018);
  transform:translate3d(0,var(--td-scene-y,0px),0) rotateX(65deg) rotateZ(7deg);
}
.td-scene-grid:before,.td-scene-grid:after{
  content:"";position:absolute;inset:11%;border:1px dashed rgba(19,196,136,.10);border-radius:50%;
}
.td-scene-grid:after{inset:24%}
.td-orb{
  position:absolute;border-radius:50%;filter:blur(.2px);
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9) 0 4%,rgba(19,196,136,.55) 14%,rgba(19,196,136,.10) 46%,transparent 72%);
  box-shadow:0 0 80px rgba(19,196,136,.12);
  transform:translate3d(var(--td-x,0px),var(--td-y,0px),var(--td-z,0px));
  will-change:transform;
}
.td-orb.o1{width:160px;height:160px;right:8%;top:24%}
.td-orb.o2{width:80px;height:80px;left:4%;top:48%}
.td-orb.o3{width:110px;height:110px;right:16%;bottom:14%}
.td-particle{
  position:absolute;width:7px;height:7px;border-radius:50%;background:var(--td-green);
  box-shadow:0 0 18px rgba(19,196,136,.75);
  opacity:.55;transform:translate3d(var(--td-x,0px),var(--td-y,0px),0);
}
.td-particle.p1{left:17%;top:22%}.td-particle.p2{left:64%;top:36%}.td-particle.p3{right:11%;top:52%}.td-particle.p4{right:28%;bottom:18%}.td-particle.p5{left:37%;bottom:21%}
.td-depth-fade{
  position:absolute;inset:0;background:radial-gradient(circle at 55% 40%,rgba(19,196,136,.055),transparent 35%);
}

/* Page hero and long-form pages */
.page-hero{
  position:relative;padding:118px 0 56px;overflow:hidden;
  background:
   radial-gradient(circle at 78% 25%,rgba(19,196,136,.13),transparent 34%),
   linear-gradient(180deg,#fff,#f7fcfa);
}
.page-hero:after{
  content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-200px;border-radius:50%;
  border:1px solid rgba(19,196,136,.12);box-shadow:0 0 0 34px rgba(19,196,136,.025),0 0 0 68px rgba(19,196,136,.018);
  transform:rotateX(68deg);
}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(48px,7vw,88px);line-height:.96;letter-spacing:-.06em;margin:12px 0 16px;max-width:12ch}
.page-hero p{max-width:64ch;color:var(--td-muted);line-height:1.8;font-size:15px}
.page-hero .page-orbit{
  position:absolute;right:6%;top:18%;width:240px;height:240px;border-radius:50%;
  border:1px solid rgba(19,196,136,.16);box-shadow:0 0 0 22px rgba(19,196,136,.03),0 0 0 44px rgba(19,196,136,.018);
  transform:rotateX(65deg) rotateZ(8deg);
}
.content-grid.long-grid{grid-template-columns:1.1fr .9fr}
.content-panel{
  background:rgba(255,255,255,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(41,51,60,.09);border-radius:22px;box-shadow:var(--td-shadow-soft);padding:28px;
}
.content-panel h2{font-size:32px;letter-spacing:-.04em;margin:0 0 14px}
.content-panel h3{font-size:18px;margin:0 0 8px}
.content-panel p{color:#657078;line-height:1.8}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-tile{padding:24px;border:1px solid var(--td-line);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:var(--td-shadow-soft);position:relative;overflow:hidden}
.feature-tile:before{content:"";position:absolute;inset:auto -15% -45% auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(19,196,136,.16),transparent 68%)}
.feature-tile strong{display:block;font-size:25px;color:var(--td-green);margin-bottom:4px}
.feature-tile span{font-size:12px;color:#6a737a}
.long-copy{max-width:760px;color:#667279;line-height:1.9}
.service-detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.service-detail-hero .hero-art{
  min-height:340px;border-radius:28px;border:1px solid rgba(41,51,60,.08);
  background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(235,249,243,.62));
  box-shadow:var(--td-shadow);position:relative;overflow:hidden;
}
.hero-art .art-ring{position:absolute;width:260px;height:260px;right:8%;top:14%;border-radius:50%;border:1px solid rgba(19,196,136,.22);box-shadow:0 0 0 24px rgba(19,196,136,.035),0 0 0 48px rgba(19,196,136,.018);transform:rotateX(65deg)}
.hero-art .art-core{position:absolute;left:16%;bottom:13%;width:110px;height:110px;border-radius:22px;background:linear-gradient(145deg,#fff,rgba(19,196,136,.12));border:1px solid rgba(19,196,136,.2);box-shadow:var(--td-shadow-soft);display:grid;place-items:center;color:var(--td-green);font-size:30px;font-weight:900}
.hero-art .art-chip{position:absolute;padding:12px 15px;border-radius:14px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.88);box-shadow:var(--td-shadow-soft);font-size:11px}
.hero-art .a1{right:10%;top:16%}.hero-art .a2{left:10%;top:22%}.hero-art .a3{right:20%;bottom:16%}
.service-sections{display:grid;gap:16px}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service-feature-grid .glass-card{min-height:210px}
.service-number-big{font-size:54px;font-weight:900;color:rgba(19,196,136,.2);line-height:1}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.case-card{padding:26px;border-radius:20px;border:1px solid var(--td-line);background:#fff;box-shadow:var(--td-shadow-soft)}
.case-card ul{margin:10px 0 0;padding-left:18px;color:#667279;line-height:1.8}
.process-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.process-journey:before{content:"";position:absolute;top:32px;left:9%;right:9%;height:2px;background:linear-gradient(90deg,rgba(19,196,136,.14),var(--td-green),rgba(19,196,136,.14))}
.journey-step{position:relative;text-align:center;padding:0 8px}
.journey-step .journey-dot{width:64px;height:64px;border-radius:50%;margin:0 auto 13px;background:linear-gradient(145deg,#fff,#e7fbf3);border:1px solid rgba(19,196,136,.2);display:grid;place-items:center;color:var(--td-green);font-weight:900;box-shadow:var(--td-shadow-soft)}
.journey-step h3{font-size:16px;margin:0 0 6px}.journey-step p{font-size:11px;color:#68727a;line-height:1.6}
.form-success{padding:14px 16px;background:rgba(19,196,136,.08);border:1px solid rgba(19,196,136,.18);border-radius:12px;color:#087650;margin-bottom:14px;font-size:13px}

/* Every major visible interaction gets a smooth entry and exit motion.
   Scoped to html.td-js (set instantly by a tiny inline script in header.php)
   so content stays fully visible by default and only hides itself once we
   know the animation script is present — a JS error can never blank the page. */
html.td-js .reveal,html.td-js .scale-in,html.td-js .td-animate-item{
  opacity:0;transform:translate3d(0,34px,0);
  transition:opacity .82s var(--td-ease),transform .82s var(--td-ease),filter .82s var(--td-ease);
  will-change:opacity,transform;
}
.reveal.in,.scale-in.in,.td-animate-item.in{opacity:1;transform:none;filter:none}
html.td-js .reveal.out,html.td-js .scale-in.out,html.td-js .td-animate-item.out{opacity:0;transform:translate3d(0,24px,0)}
.td-animate-btn{transition:transform .34s var(--td-ease),box-shadow .34s var(--td-ease),background .34s var(--td-ease)}
.td-animate-btn:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 16px 34px rgba(19,196,136,.22)}
.td-animate-text{display:inline-block;transition:transform .55s var(--td-ease),color .3s ease}
.td-animate-text:hover{transform:translateX(2px);color:var(--td-green)}
.td-3d-float{transform:translate3d(0,var(--td-local-y,0px),0) rotateX(var(--td-rx,0deg)) rotateY(var(--td-ry,0deg));will-change:transform}
.td-glass-shine{position:relative;overflow:hidden}
.td-glass-shine:after{
  content:"";position:absolute;inset:-120% 45% auto -55%;height:240%;width:42%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(18deg) translateX(-160%);transition:transform .9s var(--td-ease);pointer-events:none;
}
.td-glass-shine:hover:after{transform:rotate(18deg) translateX(420%)}

@media(max-width:1024px){
 .service-detail-hero{grid-template-columns:1fr}
 .service-feature-grid{grid-template-columns:1fr 1fr}
 .case-grid{grid-template-columns:1fr}
 .process-journey{grid-template-columns:1fr;gap:20px}.process-journey:before{left:32px;top:32px;bottom:32px;right:auto;width:2px;height:auto}.journey-step{display:grid;grid-template-columns:64px 1fr;gap:14px;text-align:left}.journey-step h3{margin-top:10px}
 .feature-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 .td-global-scene{opacity:.7}.td-scene-grid{width:95vw;height:95vw;right:-50vw;top:10vh}.td-orb.o1{width:100px;height:100px;right:-20px}.td-orb.o2{width:50px;height:50px;left:-10px}.td-orb.o3{width:70px;height:70px;right:1%}
 .page-hero{padding:92px 0 46px}.page-hero h1{font-size:46px}.page-hero .page-orbit{width:180px;height:180px;right:-70px}
 .feature-strip{grid-template-columns:1fr}.service-feature-grid{grid-template-columns:1fr}
 .content-grid.long-grid{grid-template-columns:1fr}
 .service-detail-hero .hero-art{min-height:280px}
}

.td-scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#13c488,#0ea06f);z-index:2001;box-shadow:0 0 14px rgba(19,196,136,.55);pointer-events:none}
.cta.is-press,.cta-ghost.is-press,.btn-secondary.is-press{transform:translateY(0) scale(.97)!important}
.primary-nav a.active-link,.mobile-menu a.active-link{color:var(--td-green)!important}

/* ========================= TECHDIZY V4 MASTERPIECE LAYER ========================= */
:root{
 --td-ink:#111820;
 --td-green:#13c488;
 --td-green-deep:#0a9b6c;
 --td-charcoal:#29333c;
 --td-white:#fff;
 --td-glass:rgba(255,255,255,.60);
 --td-glass-2:rgba(255,255,255,.76);
 --td-glass-line:rgba(255,255,255,.80);
 --td-shadow-lg:0 34px 90px rgba(41,51,60,.12);
 --td-shadow-md:0 22px 54px rgba(41,51,60,.10);
 --td-shadow-sm:0 12px 32px rgba(41,51,60,.08);
 --td-ease:cubic-bezier(.16,.8,.2,1);
}
body{background:
 radial-gradient(1000px 650px at 85% -10%,rgba(19,196,136,.10),transparent 62%),
 radial-gradient(800px 500px at 0% 30%,rgba(19,196,136,.045),transparent 65%),
 #fff;color:var(--td-ink);}
.site-shell{position:relative;z-index:3}
.td-global-scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;perspective:1200px}
.td-depth-fade{position:absolute;inset:0;background:radial-gradient(circle at 65% 40%,rgba(19,196,136,.04),transparent 42%)}
.td-scene-grid{position:absolute;right:-13vw;top:12vh;width:58vw;height:58vw;border:1px solid rgba(19,196,136,.14);border-radius:50%;box-shadow:0 0 0 20px rgba(19,196,136,.035),0 0 0 46px rgba(19,196,136,.02),inset 0 0 90px rgba(19,196,136,.04);transform:rotateX(67deg) rotateZ(7deg);transition:transform .2s linear}
.td-scene-grid:before,.td-scene-grid:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(19,196,136,.10);border-radius:50%}.td-scene-grid:after{inset:27%}
.td-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 4%,rgba(19,196,136,.75) 13%,rgba(19,196,136,.15) 45%,transparent 72%);box-shadow:0 0 70px rgba(19,196,136,.14);filter:blur(.15px)}
.td-orb.o1{width:220px;height:220px;right:4%;top:18%}.td-orb.o2{width:110px;height:110px;left:4%;top:44%}.td-orb.o3{width:150px;height:150px;right:17%;bottom:10%}
.td-particle{position:absolute;width:7px;height:7px;background:var(--td-green);border-radius:50%;box-shadow:0 0 18px rgba(19,196,136,.85);opacity:.45}.td-particle.p1{left:15%;top:24%}.td-particle.p2{left:59%;top:34%}.td-particle.p3{right:12%;top:46%}.td-particle.p4{right:26%;bottom:18%}.td-particle.p5{left:34%;bottom:25%}

.header-bar{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,.70);border-color:rgba(41,51,60,.08);box-shadow:0 16px 40px rgba(41,51,60,.08)}
.primary-nav>li>a{font-weight:600}.header-actions .cta{box-shadow:0 12px 28px rgba(19,196,136,.20)}
.mobile-menu{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 50px rgba(41,51,60,.12)}

.hero{padding-top:92px;padding-bottom:74px;min-height:780px;position:relative}
.hero:before{content:"";position:absolute;left:6%;right:6%;top:50px;bottom:30px;border-radius:38px;background:linear-gradient(140deg,rgba(255,255,255,.86),rgba(239,250,245,.55));border:1px solid rgba(255,255,255,.85);box-shadow:0 40px 100px rgba(41,51,60,.09);z-index:-1}
.hero:after{content:"";position:absolute;left:18%;top:9%;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(19,196,136,.14),transparent 62%);filter:blur(35px);z-index:-1}
.hero-grid{grid-template-columns:1fr 1fr;gap:66px}
.hero h1{font-size:clamp(52px,6.2vw,86px);line-height:.91;letter-spacing:-.068em;max-width:12ch}
.hero h1 span{display:inline-block}.hero h1 .accent{background:linear-gradient(90deg,#13c488,#0f9e6f);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(19,196,136,.07)}
.hero-visual{min-height:520px;transform-style:preserve-3d}
.glass-stage{inset:0;border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(232,249,243,.35));border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 28px 80px rgba(41,51,60,.12)}
.glass-stage:after{content:"";position:absolute;inset:20px;border-radius:26px;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 40px rgba(255,255,255,.28)}
.f-card{border-color:rgba(255,255,255,.88);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(243,249,247,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 26px 58px rgba(41,51,60,.11);transition:transform .5s var(--td-ease),box-shadow .5s var(--td-ease),border-color .5s ease}
.f-card:hover{transform:translateY(-8px) translateZ(10px);box-shadow:0 30px 70px rgba(41,51,60,.16);border-color:rgba(19,196,136,.35)}
.f-analytics{width:61%;top:10%;left:6%;transform:translateZ(30px) rotate(-3deg)}
.f-metric{transform:translateZ(42px) rotate(2deg)}.f-dash{transform:translateZ(24px) rotate(1deg)}.f-ring{transform:translateZ(48px)}
.f-social span{box-shadow:0 18px 40px rgba(41,51,60,.12);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.stats-bar{margin-top:-6px;position:relative;z-index:4;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-color:rgba(255,255,255,.9);box-shadow:0 22px 50px rgba(41,51,60,.10)}
.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:-100% auto auto -50%;width:30%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(16deg) translateX(-140%);transition:transform 1s var(--td-ease)}.stat:hover:after{transform:rotate(16deg) translateX(600%)}
.stat-icon{box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(19,196,136,.08)}

.section{padding:105px 0}
.section.soft{background:
 radial-gradient(600px 400px at 20% 10%,rgba(19,196,136,.07),transparent 70%),
 linear-gradient(180deg,#fbfefd,#f5fbf8)}
.section-head h2{font-size:40px}
.glass-card,.card,.content-panel,.feature-tile,.case-card,.contact-form{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(248,252,250,.58));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 22px 50px rgba(41,51,60,.08);position:relative;overflow:hidden}
.glass-card:before,.card:before,.content-panel:before,.feature-tile:before,.case-card:before,.contact-form:before{
content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 28% 72%,rgba(19,196,136,.04));pointer-events:none
}
.glass-card:hover,.card:hover{border-color:rgba(19,196,136,.26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 30px 70px rgba(41,51,60,.12)}
.td-glass-shine:after{content:"";position:absolute;inset:-140% 45% auto -45%;width:36%;height:300%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(20deg) translateX(-160%);transition:transform 1.1s var(--td-ease);pointer-events:none}
.td-glass-shine:hover:after{transform:rotate(20deg) translateX(480%)}
.services-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{min-height:270px;padding:26px}
.service-card .service-icon{width:52px;height:52px;border-radius:16px;font-size:20px;box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(19,196,136,.10)}
.service-card h3{font-size:17px}.service-card p{font-size:12px}.service-link{display:inline-flex;margin-top:18px;color:var(--td-green);font-weight:800;font-size:11px}
.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.project-card{padding:0;border-radius:22px}.project-card a{display:block}.project-thumb{aspect-ratio:1.56;min-height:310px;border-radius:20px 20px 0 0;background:
linear-gradient(135deg,#0b1713,#153f31 42%,#06100d);overflow:hidden;position:relative}
.project-thumb:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:inset 0 0 40px rgba(19,196,136,.12)}
.project-thumb:after{content:"LIVE PREVIEW";position:absolute;left:20px;top:18px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;font-size:9px;letter-spacing:.14em}
.project-thumb .project-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72));display:flex;align-items:flex-end;padding:20px;color:#fff;z-index:2}
.project-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95;transition:transform .9s var(--td-ease),filter .9s ease}.project-card:hover .project-thumb img{transform:scale(1.055);filter:saturate(1.08) contrast(1.02)}
.project-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.project-meta h3{font-size:18px;margin:0 0 3px}.project-meta small{color:#6a737a;font-size:10px}.project-arrow{width:38px;height:38px;border-radius:50%;background:var(--td-green);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(19,196,136,.18);transition:transform .35s var(--td-ease)}.project-card:hover .project-arrow{transform:translate(3px,-3px) rotate(-8deg)}
.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.strategy-copy h2{font-size:52px;line-height:1.00;letter-spacing:-.06em}.strategy-copy h2 span{color:var(--td-green)}
.strategy-visual{min-height:430px;position:relative;transform-style:preserve-3d}
.td-core{width:150px;height:150px;font-size:37px;background:radial-gradient(circle at 32% 28%,#fff 0 5%,#13c488 30%,#0c9f70 64%,#087652 100%);box-shadow:0 0 0 20px rgba(19,196,136,.08),0 0 0 42px rgba(19,196,136,.035),0 30px 80px rgba(19,196,136,.24);border:1px solid rgba(255,255,255,.85)}
.strategy-card{width:240px!important;min-height:125px!important;padding:20px!important}.strategy-card.s1{left:0;top:0}.strategy-card.s2{right:0;top:0}.strategy-card.s3{left:0;bottom:0}.strategy-card.s4{right:0;bottom:0}
.strategy-link{position:absolute;left:15%;right:15%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--td-green),transparent);box-shadow:0 0 20px rgba(19,196,136,.16)}
.strategy-link:before,.strategy-link:after{content:"";position:absolute;top:50%;width:7px;height:7px;background:var(--td-green);border-radius:50%;box-shadow:0 0 16px rgba(19,196,136,.8)}.strategy-link:before{left:0}.strategy-link:after{right:0}
.process-line{margin-top:18px;position:relative}.process-line:after{content:"";position:absolute;left:9%;right:9%;top:30px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(19,196,136,.18) 8%,var(--td-green) 50%,rgba(19,196,136,.18) 92%,transparent 100%)}
.process-step{position:relative;z-index:2}.process-dot{width:60px;height:60px;background:linear-gradient(145deg,#fff,#dff8ee);border:1px solid rgba(19,196,136,.2);box-shadow:0 12px 30px rgba(19,196,136,.12)}
.testimonials{background:linear-gradient(180deg,#f8fcfa,#fff)}.testimonial-grid{gap:20px}.testimonial-grid .card{padding:24px;min-height:220px}
.cta-band{border-radius:28px;padding:34px;background:linear-gradient(115deg,rgba(255,255,255,.82),rgba(233,250,244,.66));box-shadow:0 30px 80px rgba(41,51,60,.09)}
.contact-grid{gap:36px}.contact-form{border-radius:24px;padding:28px}.form-group input,.form-group select,.form-group textarea,.field input,.field select,.field textarea{background:rgba(255,255,255,.76);backdrop-filter:blur(10px)}
.footer{background:linear-gradient(180deg,#fbfefd,#f1f8f5);border-top:1px solid rgba(19,196,136,.09)}.footer a:hover{color:var(--td-green)}

.page-hero{padding:120px 0 70px;background:
radial-gradient(circle at 78% 25%,rgba(19,196,136,.18),transparent 34%),
linear-gradient(180deg,#fff,#f5fbf8)}
.page-hero h1{font-size:clamp(54px,7vw,100px);letter-spacing:-.065em;line-height:.92}
.service-detail-hero{grid-template-columns:1.05fr .95fr;gap:45px}
.service-detail-hero .hero-art{background:linear-gradient(140deg,rgba(255,255,255,.82),rgba(228,248,240,.55));box-shadow:inset 0 1px 0 #fff,0 30px 80px rgba(41,51,60,.11)}
.service-feature-grid{gap:18px}.service-feature-grid .glass-card{min-height:230px}
.case-grid{gap:18px}.case-card{min-height:250px}
.feature-strip{gap:18px}.feature-tile{min-height:170px}
.process-journey{margin-top:10px}.journey-step .journey-dot{width:72px;height:72px;box-shadow:0 18px 42px rgba(19,196,136,.14)}
/* smooth always, no harsh spring */
.reveal,.scale-in,.td-animate-item{transition-duration:.95s}.reveal.out,.scale-in.out,.td-animate-item.out{transform:translate3d(0,22px,0)}
.td-scroll-progress{height:3px!important;box-shadow:0 0 18px rgba(19,196,136,.6)!important}
@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.strategy-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero:before{inset:20px 2%}.projects-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .hero{padding-top:55px;padding-bottom:40px}.hero:before{inset:10px 1%}
 .hero h1{font-size:clamp(44px,12vw,64px)}.hero-visual{min-height:360px;margin-top:10px}
 .services-grid,.projects-grid,.feature-strip,.case-grid,.service-feature-grid{grid-template-columns:1fr}
 .strategy-copy h2{font-size:42px}.strategy-visual{min-height:500px}
 .strategy-card{width:175px!important}.td-scene-grid{width:100vw;height:100vw;right:-52vw}.td-orb.o1{width:110px;height:110px;right:-15px}.td-orb.o2{width:55px;height:55px}.td-orb.o3{width:75px;height:75px}
 .page-hero{padding-top:90px}.page-hero h1{font-size:50px}.service-detail-hero{grid-template-columns:1fr}.service-detail-hero .hero-art{min-height:290px}
}
@media(prefers-reduced-motion:reduce){.td-scene-grid,.td-orb,.td-particle{transform:none!important}.td-glass-shine:after{display:none}}

/* ========================= TECHDIZY DEEP-PAGE COMPONENTS ========================= */
.pulse-dot{position:relative}
.pulse-dot:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--td-green);animation:tdPulse 2.4s ease-in-out infinite}
@keyframes tdPulse{0%{box-shadow:0 0 0 0 rgba(19,196,136,.45)}70%{box-shadow:0 0 0 11px rgba(19,196,136,0)}100%{box-shadow:0 0 0 0 rgba(19,196,136,0)}}

.mini-stats{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--td-line);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:var(--td-shadow-soft);overflow:hidden}
.mini-stats .stat{padding:19px}.mini-stats .stat+.stat{border-left:1px solid var(--td-line)}

.tag-row{display:flex;flex-wrap:wrap;gap:9px}
.tag-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--td-line);background:rgba(255,255,255,.76);backdrop-filter:blur(10px);font-size:11px;font-weight:700;color:var(--td-charcoal);transition:transform .3s var(--td-ease),border-color .3s,color .3s}
.tag-chip:hover{transform:translateY(-3px);border-color:rgba(19,196,136,.4);color:var(--td-green)}

.marquee{position:relative;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:14px;width:max-content;animation:tdMarquee 26s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:9px;padding:12px 20px;border-radius:14px;border:1px solid var(--td-line);background:rgba(255,255,255,.7);backdrop-filter:blur(10px);font-size:12px;font-weight:800;color:var(--td-charcoal);white-space:nowrap;box-shadow:var(--td-shadow-soft)}
.marquee-item span{width:7px;height:7px;border-radius:50%;background:var(--td-green)}
@keyframes tdMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.timeline{position:relative;display:grid;gap:26px;margin-top:8px}
.timeline:before{content:"";position:absolute;left:23px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,rgba(19,196,136,.05),var(--td-green) 15%,var(--td-green) 85%,rgba(19,196,136,.05))}
.timeline-item{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}
.timeline-dot{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#fff,#dff8ee);border:1px solid rgba(19,196,136,.25);box-shadow:0 12px 28px rgba(19,196,136,.14);display:grid;place-items:center;font-weight:900;font-size:12px;color:var(--td-green);z-index:1}
.timeline-body{padding-top:5px}.timeline-body h3{margin:0 0 6px;font-size:16px;letter-spacing:-.02em}.timeline-body p{margin:0;color:#667279;font-size:12px;line-height:1.7}

.faq-list{display:grid;gap:12px;margin-top:8px}
.faq-item{border:1px solid var(--td-line);border-radius:16px;background:rgba(255,255,255,.74);backdrop-filter:blur(14px);box-shadow:var(--td-shadow-soft);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.faq-item[open]{border-color:rgba(19,196,136,.3);box-shadow:0 20px 44px rgba(41,51,60,.10)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:800;font-size:13px;color:var(--td-charcoal)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:rgba(19,196,136,.10);color:var(--td-green);display:grid;place-items:center;font-size:15px;font-weight:900;transition:transform .35s var(--td-ease)}
.faq-item[open] summary:after{transform:rotate(135deg)}
.faq-item .faq-a{padding:0 20px 18px;margin:0;color:#667279;font-size:12px;line-height:1.75;max-width:70ch}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.team-card{text-align:center;padding:24px 16px}
.team-avatar{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,#c7f4e3,var(--td-charcoal));color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px}
.team-card h3{font-size:13px;margin:0 0 4px}.team-card small{font-size:10px;color:#6a747a}

@media(max-width:1024px){.mini-stats{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .mini-stats{grid-template-columns:1fr 1fr}.mini-stats .stat:nth-child(n+3){border-top:1px solid var(--td-line)}.mini-stats .stat:nth-child(even){border-left:0}
 .team-grid{grid-template-columns:1fr 1fr}
 .timeline-item{grid-template-columns:38px 1fr;gap:12px}.timeline-dot{width:38px;height:38px;font-size:10px}.timeline:before{left:18px}
}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}.pulse-dot:before{animation:none!important}}