/* =========================================================
   ZHOVA WORDPRESS DEVELOPMENT
   Visual system aligned with existing ZHOVA Web Development
   but intentionally varied in composition.
========================================================= */

#zhova-wordpress-development,
#zhova-wordpress-development *,
#zhova-wordpress-development *::before,
#zhova-wordpress-development *::after{box-sizing:border-box;}

#zhova-wordpress-development{
    --wp-gold:var(--zs-gold,#D4AF37);
    --wp-gold-light:var(--zs-gold-light,#DCC77A);
    --wp-gold-soft:var(--zs-gold-soft,#BFA96A);
    --wp-white:var(--zs-white,#F7F6F2);
    --wp-muted:var(--zs-muted,#A8A6A0);
    --wp-dim:var(--zs-dim,#77756F);
    --wp-line:var(--zs-line,rgba(255,255,255,.11));
    --wp-line-soft:var(--zs-line-soft,rgba(255,255,255,.065));
    --wp-bg:#0A0A0A;
    width:100%;
    overflow:hidden;
    color:var(--wp-white);
    background:var(--wp-bg);
    font-family:"Manrope",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

#zhova-wordpress-development a{color:inherit;text-decoration:none;}

#zhova-wordpress-development h1,
#zhova-wordpress-development h2,
#zhova-wordpress-development h3{
    font-family:"Bricolage Grotesque",Arial,sans-serif;
}

#zhova-wordpress-development p,
#zhova-wordpress-development small,
#zhova-wordpress-development li{
    font-family:"Manrope",Arial,sans-serif;
}

/* OUTLINE — ARIAL ONLY */
#zhova-wordpress-development .zhwp-outline{
    font-family:Arial,sans-serif !important;
    font-weight:700;
    color:transparent;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1.15px rgba(255,255,255,.72);
    text-stroke:1.15px rgba(255,255,255,.72);
    letter-spacing:-.045em;
}

.zhwp-container{
    width:min(1360px,calc(100% - 48px));
    margin-inline:auto;
}

/* HERO */
.zhwp-hero{
    position:relative;
    padding:92px 0 48px;
    background:
        radial-gradient(circle at 78% 35%,rgba(212,175,55,.07),transparent 29%),
        radial-gradient(circle at 10% 100%,rgba(255,255,255,.025),transparent 26%),
        #0A0A0A;
}

.zhwp-hero-grid{
    min-height:575px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr);
    align-items:center;
    gap:82px;
}

.zhwp-hero-copy{position:relative;z-index:2;}

.zhwp-eyebrow{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
    color:var(--wp-gold-light);
    font-size:10px;
    font-weight:700;
    letter-spacing:.23em;
}

.zhwp-eyebrow span{
    width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid rgba(212,175,55,.32);border-radius:50%;font-size:9px;letter-spacing:.04em;
}

.zhwp-title{
    max-width:880px;margin:0;font-size:clamp(58px,7vw,106px);line-height:.87;
    letter-spacing:-.066em;font-weight:700;color:var(--wp-white);text-wrap:balance;
}

.zhwp-hero-lead{
    max-width:690px;margin:32px 0 0;color:rgba(247,246,242,.68);
    font-size:clamp(16px,1.25vw,19px);line-height:1.76;letter-spacing:-.01em;
}

.zhwp-actions{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap;}

.zhwp-btn{
    min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:14px;
    padding:0 19px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.01em;
    transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.zhwp-btn-primary{color:#09090A;background:linear-gradient(135deg,var(--wp-gold-light),var(--wp-gold));}
.zhwp-btn-primary b{font-size:15px;font-weight:500;}
.zhwp-btn-link{border:1px solid var(--wp-line);color:rgba(247,246,242,.76);}
.zhwp-btn-link b{color:var(--wp-gold-light);}
.zhwp-btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(0,0,0,.23);}
.zhwp-btn-link:hover{color:var(--wp-white);border-color:rgba(212,175,55,.42);background:rgba(212,175,55,.055);}

.zhwp-hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid var(--wp-line-soft);}
.zhwp-hero-proof span{color:rgba(247,246,242,.42);font-size:8px;font-weight:800;letter-spacing:.18em;}

/* HERO VISUAL */
.zhwp-hero-visual{
    position:relative;min-height:505px;display:flex;align-items:center;justify-content:center;
    perspective:1100px;
}

.zhwp-wp-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.14);animation:zhwpSpin linear infinite;}
.zhwp-wp-ring-1{width:410px;height:410px;animation-duration:17s;}
.zhwp-wp-ring-2{width:305px;height:305px;border-color:rgba(255,255,255,.08);animation-duration:25s;animation-direction:reverse;}
.zhwp-wp-ring-3{width:192px;height:192px;border-color:rgba(212,175,55,.22);animation-duration:11s;}

.zhwp-wp-core{
    position:relative;z-index:3;width:148px;height:148px;border-radius:24px;
    display:flex;align-items:center;justify-content:center;gap:2px;
    border:1px solid rgba(212,175,55,.38);
    background:
        radial-gradient(circle at 50% 35%,rgba(212,175,55,.18),transparent 58%),
        rgba(16,16,16,.85);
    box-shadow:0 0 80px rgba(212,175,55,.08),0 24px 75px rgba(0,0,0,.36);
    transform:rotate(-7deg);
    backdrop-filter:blur(8px);
}

.zhwp-wp-core span{font-family:Arial,sans-serif;font-size:68px;font-weight:900;letter-spacing:-.09em;color:var(--wp-gold-light);}
.zhwp-wp-core small{font-family:Arial,sans-serif;font-size:41px;font-weight:900;color:rgba(255,255,255,.82);margin-top:23px;}

.zhwp-wp-panel{
    position:absolute;z-index:4;padding:13px 15px;border:1px solid rgba(255,255,255,.08);
    background:rgba(15,15,15,.82);backdrop-filter:blur(12px);box-shadow:0 20px 70px rgba(0,0,0,.32);
}

.zhwp-wp-panel-top{right:0;top:74px;width:220px;transform:rotate(4deg);}
.zhwp-wp-panel-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:rgba(229,199,102,.62);margin-right:4px;}
.zhwp-wp-panel-top strong{display:block;margin-top:11px;color:rgba(247,246,242,.68);font-size:8px;letter-spacing:.18em;}

.zhwp-wp-panel-bottom{left:6px;bottom:46px;display:flex;gap:11px;flex-wrap:wrap;width:245px;transform:rotate(-5deg);}
.zhwp-wp-panel-bottom b{padding:6px 8px;border:1px solid rgba(212,175,55,.16);font-size:7px;letter-spacing:.11em;color:rgba(247,246,242,.53);}

.zhwp-trust-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--wp-line-soft);border-bottom:1px solid var(--wp-line-soft);}
.zhwp-trust-strip span{padding:17px 10px;text-align:center;color:rgba(247,246,242,.40);font-size:9px;font-weight:700;letter-spacing:.18em;}

/* GENERAL */
.zhwp-section{padding:76px 0;border-top:1px solid var(--wp-line-soft);}
.zhwp-section-head{display:grid;grid-template-columns:65px minmax(0,1fr);gap:28px;margin-bottom:42px;}
.zhwp-section-index{position:relative;padding-top:4px;color:var(--wp-gold-light);font-size:10px;font-weight:700;letter-spacing:.15em;}
.zhwp-section-index::after{content:"";position:absolute;left:0;top:30px;width:30px;height:1px;background:var(--wp-gold);}
.zhwp-label{margin-bottom:15px;color:var(--wp-gold-light);font-size:9px;font-weight:700;letter-spacing:.22em;}
.zhwp-section h2{max-width:980px;margin:0;font-size:clamp(42px,5vw,69px);line-height:.95;letter-spacing:-.055em;font-weight:700;color:var(--wp-white);text-wrap:balance;}

/* ANSWER */
.zhwp-answer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:80px;}
.zhwp-large-copy{max-width:880px;margin:0;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:clamp(25px,2.4vw,37px);line-height:1.26;letter-spacing:-.035em;color:var(--wp-white);}
.zhwp-answer-side{display:flex;flex-direction:column;gap:20px;}
.zhwp-answer-side p{margin:0;color:var(--wp-muted);font-size:14px;line-height:1.82;}

/* USE CASES */
.zhwp-usecase-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:80px;align-items:end;margin-bottom:36px;}
.zhwp-usecase-intro>p{margin:0;color:var(--wp-muted);font-size:13px;line-height:1.85;}
.zhwp-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--wp-line);border:1px solid var(--wp-line);}
.zhwp-usecase-card{position:relative;min-height:330px;padding:24px;background:#101010;overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .4s ease,box-shadow .4s ease;transform-style:preserve-3d;}
.zhwp-usecase-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(220,199,122,.16),transparent 62%);transition:opacity .4s ease;}
.zhwp-usecase-card:hover{background:#141414;transform:translateY(-5px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 22px 55px rgba(0,0,0,.25);}
.zhwp-usecase-card:hover::after{opacity:1;}
.zhwp-usecase-card>*{position:relative;z-index:1;}
.zhwp-usecase-card>span{color:var(--wp-gold-light);font-size:9px;font-weight:700;letter-spacing:.1em;}
.zhwp-usecase-mark{margin:26px 0 42px;width:52px;height:52px;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;color:rgba(212,175,55,.75);font-family:Arial,sans-serif;font-size:21px;font-weight:800;transform:rotate(-7deg);transition:transform .45s ease,background .35s ease;}
.zhwp-usecase-card:hover .zhwp-usecase-mark{transform:rotate(0) scale(1.07);background:rgba(212,175,55,.045);}
.zhwp-usecase-card h3{margin:0 0 10px;font-size:24px;line-height:1.06;letter-spacing:-.035em;}
.zhwp-usecase-card p{margin:0;max-width:310px;color:var(--wp-muted);font-size:11px;line-height:1.73;}
.zhwp-usecase-card a{position:absolute;left:24px;bottom:22px;color:var(--wp-gold-light);font-size:9px;font-weight:700;letter-spacing:.08em;}
.zhwp-usecase-card a b{margin-left:7px;font-size:13px;font-weight:400;transition:transform .35s ease;display:inline-block;}
.zhwp-usecase-card:hover a b{transform:translate3d(3px,-2px,0);}

/* BUILD LIST */
.zhwp-build-list{border-top:1px solid var(--wp-line);}
.zhwp-build-row{position:relative;display:grid;grid-template-columns:65px minmax(0,1fr) 42px;gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid var(--wp-line);transition:padding .4s ease,background .4s ease;}
.zhwp-build-row::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--wp-gold-light);transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.zhwp-build-row:hover{padding-left:16px;padding-right:16px;background:rgba(212,175,55,.028);}
.zhwp-build-row:hover::before{transform:scaleY(1);}
.zhwp-build-row>span,.zhwp-build-row>em{color:var(--wp-gold-light);font-size:9px;font-style:normal;font-weight:700;letter-spacing:.1em;}
.zhwp-build-row h3{margin:0 0 7px;font-size:24px;line-height:1.08;letter-spacing:-.035em;}
.zhwp-build-row p{max-width:820px;margin:0;color:var(--wp-muted);font-size:12px;line-height:1.78;}

/* APPROACH */
.zhwp-approach{background:#0D0D0D;}
.zhwp-approach-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:85px;align-items:center;}
.zhwp-approach-copy p{max-width:540px;color:var(--wp-muted);font-size:14px;line-height:1.85;}
.zhwp-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:var(--wp-gold-light);font-size:10px;font-weight:800;letter-spacing:.06em;}
.zhwp-text-link b{font-size:14px;font-weight:400;transition:transform .35s ease;}
.zhwp-text-link:hover b{transform:translate3d(3px,-2px,0);}
.zhwp-compare{border:1px solid var(--wp-line);background:#101010;}
.zhwp-compare-top{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 20px;border-bottom:1px solid var(--wp-line);color:rgba(247,246,242,.38);font-size:8px;font-weight:800;letter-spacing:.17em;}
.zhwp-compare-top span:nth-child(2){grid-column:3;}
.zhwp-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:17px 20px;border-bottom:1px solid var(--wp-line);font-size:10px;align-items:center;}
.zhwp-compare-row:last-child{border-bottom:0;}
.zhwp-compare-row>b{color:rgba(247,246,242,.78);font-size:11px;}
.zhwp-compare-row>span{color:var(--wp-dim);}
.zhwp-compare-row>strong{color:var(--wp-white);font-size:11px;font-weight:700;position:relative;padding-left:14px;}
.zhwp-compare-row>strong::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;transform:translateY(-50%);border-radius:50%;background:var(--wp-gold-light);}

/* PROCESS */
.zhwp-process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--wp-line);border:1px solid var(--wp-line);}
.zhwp-process-step{position:relative;min-height:275px;padding:24px;background:#101010;overflow:hidden;transition:transform .24s ease,background .4s ease,box-shadow .4s ease;transform-style:preserve-3d;}
.zhwp-process-step:hover{background:#141414;transform:translateY(-4px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 18px 45px rgba(0,0,0,.22);}
.zhwp-process-step::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--wp-gold-light),transparent);transform:scaleX(0);transition:transform .55s ease;}
.zhwp-process-step:hover::before{transform:scaleX(1);}
.zhwp-process-step>*{position:relative;z-index:1;}
.zhwp-process-node{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:46px;border:1px solid rgba(212,175,55,.34);border-radius:50%;color:var(--wp-gold-light);font-size:9px;font-weight:700;transition:transform .4s ease,box-shadow .4s ease,background .35s ease;}
.zhwp-process-step:hover .zhwp-process-node{transform:scale(1.06);background:rgba(212,175,55,.045);box-shadow:0 0 28px rgba(212,175,55,.07);}
.zhwp-process-step h3{margin:0 0 8px;font-size:21px;letter-spacing:-.035em;}
.zhwp-process-step p{margin:0;color:var(--wp-muted);font-size:10.5px;line-height:1.72;}

/* SEO */
.zhwp-seo{background:#0C0C0C;}
.zhwp-seo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);gap:86px;align-items:end;margin-bottom:40px;}
.zhwp-seo-copy{display:flex;flex-direction:column;gap:18px;}
.zhwp-seo-copy p{margin:0;color:var(--wp-muted);font-size:13px;line-height:1.82;}
.zhwp-seo-grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wp-line);border:1px solid var(--wp-line);}
.zhwp-seo-card{min-height:150px;padding:22px;background:#101010;transition:transform .24s ease,background .35s ease,box-shadow .35s ease;transform-style:preserve-3d;}
.zhwp-seo-card:hover{background:#141414;transform:translateY(-4px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 18px 42px rgba(0,0,0,.2);}
.zhwp-seo-card span{display:block;margin-bottom:24px;color:var(--wp-gold-light);font-size:9px;font-weight:700;}
.zhwp-seo-card strong{display:block;margin-bottom:7px;color:var(--wp-white);font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:17px;letter-spacing:-.025em;}
.zhwp-seo-card small{display:block;color:var(--wp-dim);font-size:10px;line-height:1.58;}

/* ENGINEERING */
.zhwp-engineering-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:80px;align-items:end;margin-bottom:34px;}
.zhwp-engineering-head>p{margin:0;color:var(--wp-muted);font-size:13px;line-height:1.82;}
.zhwp-engineering-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:1px;background:var(--wp-line);border:1px solid var(--wp-line);}
.zhwp-engineering-card{position:relative;min-height:260px;padding:23px;background:#101010;overflow:hidden;transition:transform .24s ease,background .35s ease,box-shadow .35s ease;transform-style:preserve-3d;}
.zhwp-engineering-card:hover{background:#141414;transform:translateY(-4px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 18px 46px rgba(0,0,0,.22);}
.zhwp-engineering-card>span{display:block;color:var(--wp-gold-light);font-size:9px;font-weight:700;letter-spacing:.1em;margin-bottom:30px;}
.zhwp-engineering-card h3{margin:0 0 10px;font-size:20px;line-height:1.09;letter-spacing:-.03em;}
.zhwp-engineering-card p{margin:0;color:var(--wp-muted);font-size:10.5px;line-height:1.74;}
.zhwp-engineering-card a{display:inline-flex;margin-top:20px;color:var(--wp-gold-light);font-size:9px;font-weight:800;letter-spacing:.06em;}
.zhwp-engineering-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px;}
.zhwp-engineering-main>div:last-child{max-width:400px;}
.zhwp-engineering-main>div:last-child>span{display:block;color:var(--wp-gold-light);font-size:8px;font-weight:800;letter-spacing:.18em;margin-bottom:11px;}
.zhwp-engineering-main h3{font-size:25px;}
.zhwp-speed-orbit{position:relative;flex:0 0 165px;height:165px;border-radius:50%;border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;}
.zhwp-speed-orbit i{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.08);}
.zhwp-speed-orbit i:nth-child(1){inset:16px;}
.zhwp-speed-orbit i:nth-child(2){inset:38px;}
.zhwp-speed-orbit i:nth-child(3){inset:61px;}
.zhwp-speed-orbit b{font-family:Arial,sans-serif;color:var(--wp-gold-light);font-size:18px;letter-spacing:.12em;}

/* MIGRATION */
.zhwp-migration{background:#0D0D0D;}
.zhwp-migration-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.08fr);gap:90px;align-items:center;}
.zhwp-migration-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.zhwp-migration-box{position:relative;z-index:2;width:270px;padding:28px 22px;border:1px solid rgba(212,175,55,.2);background:#101010;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:8px 14px;transform:rotate(-5deg);box-shadow:0 22px 70px rgba(0,0,0,.28);}
.zhwp-migration-box span{color:var(--wp-dim);font-size:8px;font-weight:800;letter-spacing:.15em;}
.zhwp-migration-box b{color:var(--wp-gold-light);font-size:18px;font-weight:400;}
.zhwp-migration-box strong{font-family:Arial,sans-serif;color:var(--wp-white);font-size:17px;letter-spacing:.05em;}
.zhwp-migration-box em{grid-column:1 / -1;color:var(--wp-gold-light);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.18em;padding-top:8px;border-top:1px solid var(--wp-line);}
.zhwp-migration-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.45),transparent);width:330px;}
.zhwp-migration-line.line-a{transform:rotate(22deg);top:97px;left:0;}
.zhwp-migration-line.line-b{transform:rotate(-18deg);bottom:84px;right:0;}
.zhwp-migration-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--wp-gold-light);box-shadow:0 0 20px rgba(212,175,55,.3);}
.zhwp-migration-dot.dot-a{left:70px;top:102px;}
.zhwp-migration-dot.dot-b{right:63px;bottom:81px;}
.zhwp-migration h2{max-width:820px;}
.zhwp-migration-lead{max-width:700px;margin:22px 0 0;color:var(--wp-muted);font-size:14px;line-height:1.82;}
.zhwp-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--wp-line);margin-top:27px;border:1px solid var(--wp-line);}
.zhwp-mini-list div{padding:14px 15px;background:#101010;color:rgba(247,246,242,.7);font-size:10px;line-height:1.5;}
.zhwp-mini-list span{color:var(--wp-gold-light);margin-right:8px;font-size:8px;font-weight:800;}

/* FIT */
.zhwp-fit-head{max-width:930px;margin-bottom:40px;}
.zhwp-fit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.zhwp-fit-card{position:relative;min-height:235px;padding:22px;border:1px solid var(--wp-line);background:#0F0F0F;transition:transform .24s ease,background .35s ease,border-color .35s ease;transform-style:preserve-3d;}
.zhwp-fit-card:hover{transform:translateY(-5px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));background:#131313;border-color:rgba(212,175,55,.25);}
.zhwp-fit-card span{color:var(--wp-gold-light);font-size:9px;font-weight:700;}
.zhwp-fit-card h3{margin:37px 0 9px;font-size:19px;line-height:1.12;letter-spacing:-.025em;}
.zhwp-fit-card p{margin:0;color:var(--wp-muted);font-size:10.5px;line-height:1.7;}

/* RELATED */
.zhwp-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wp-line);border:1px solid var(--wp-line);}
.zhwp-related-card{position:relative;min-height:210px;padding:23px;background:#101010;transition:transform .24s ease,background .35s ease,box-shadow .35s ease;transform-style:preserve-3d;overflow:hidden;}
.zhwp-related-card:hover{background:#141414;transform:translateY(-5px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:0 20px 50px rgba(0,0,0,.24);}
.zhwp-related-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(230px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(220,199,122,.13),transparent 62%);transition:opacity .4s ease;}
.zhwp-related-card:hover::after{opacity:1;}
.zhwp-related-card>*{position:relative;z-index:1;}
.zhwp-related-card>span{display:block;margin-bottom:28px;color:var(--wp-gold-light);font-size:9px;font-weight:700;}
.zhwp-related-card strong{display:block;margin-bottom:8px;font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:21px;letter-spacing:-.03em;transition:transform .35s ease;}
.zhwp-related-card:hover strong{transform:translateX(4px);}
.zhwp-related-card p{max-width:300px;margin:0;color:var(--wp-muted);font-size:10.5px;line-height:1.67;}
.zhwp-related-card b{position:absolute;right:20px;bottom:19px;color:var(--wp-gold-light);font-weight:400;transition:transform .35s ease;}
.zhwp-related-card:hover b{transform:translate3d(3px,-3px,0);}

/* FAQ */
.zhwp-faq-list{border-top:1px solid var(--wp-line);}
.zhwp-faq-list details{border-bottom:1px solid var(--wp-line);transition:background .35s ease;}
.zhwp-faq-list details:hover{background:rgba(255,255,255,.014);}
.zhwp-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 0;cursor:pointer;list-style:none;color:var(--wp-white);font-family:"Bricolage Grotesque",Arial,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.025em;transition:padding .35s ease,color .35s ease;}
.zhwp-faq-list summary::-webkit-details-marker{display:none;}
.zhwp-faq-list details:hover summary{padding-left:10px;}
.zhwp-faq-list summary span{flex-shrink:0;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--wp-gold-light);font-family:Arial,sans-serif;font-size:16px;font-weight:300;transition:transform .35s ease,background .35s ease,border-color .35s ease;}
.zhwp-faq-list details:hover summary span{border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.03);}
.zhwp-faq-list details[open] summary span{transform:rotate(45deg);}
.zhwp-faq-list p{max-width:900px;margin:0 0 25px;color:var(--wp-muted);font-size:13px;line-height:1.84;animation:zhwpFaqIn .42s ease both;}

/* CTA */
.zhwp-cta{padding:72px 0 100px;}
.zhwp-cta-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end;padding:53px 58px;overflow:hidden;border:1px solid rgba(212,175,55,.2);background:radial-gradient(circle at 100% 0%,rgba(212,175,55,.09),transparent 38%),#101010;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.zhwp-cta-box::before{content:"";position:absolute;left:0;top:0;width:125px;height:1px;background:var(--wp-gold);}
.zhwp-cta-box:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.31);box-shadow:0 25px 80px rgba(0,0,0,.24);}
.zhwp-cta-box h2{max-width:850px;font-size:clamp(42px,5vw,72px);}
.zhwp-cta-box p{max-width:620px;margin:21px 0 0;color:var(--wp-muted);font-size:13px;line-height:1.8;}
.zhwp-cta-actions{display:flex;flex-direction:column;gap:10px;min-width:205px;}

/* MOTION */
#zhova-wordpress-development.zhwp-motion-ready .zhwp-motion-item,
#zhova-wordpress-development.zhwp-motion-ready .zhwp-section-head,
#zhova-wordpress-development.zhwp-motion-ready .zhwp-fit-head{
    opacity:0;transform:translate3d(0,24px,0);filter:blur(5px);
    transition:opacity .82s cubic-bezier(.22,.8,.22,1),transform .82s cubic-bezier(.22,.8,.22,1),filter .82s cubic-bezier(.22,.8,.22,1);
}
#zhova-wordpress-development.zhwp-motion-ready .zhwp-motion-visible,
#zhova-wordpress-development.zhwp-motion-ready .zhwp-section-head.zhwp-motion-visible,
#zhova-wordpress-development.zhwp-motion-ready .zhwp-fit-head.zhwp-motion-visible{
    opacity:1;transform:none;filter:none;
}
#zhova-wordpress-development.zhwp-motion-ready .zhwp-motion-stagger>*{transition-delay:var(--zhwp-delay,0ms);}

@keyframes zhwpSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes zhwpFaqIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* TABLET */
@media (max-width:1100px){
    .zhwp-container{width:min(1360px,calc(100% - 40px));}
    .zhwp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:45px;}
    .zhwp-title{font-size:clamp(52px,7vw,84px);}
    .zhwp-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhwp-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    .zhwp-seo-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhwp-engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhwp-engineering-main{grid-column:1/-1;}
    .zhwp-fit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhwp-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* MOBILE */
@media (max-width:720px){
    .zhwp-container{width:calc(100% - 32px);}
    .zhwp-hero{padding:72px 0 32px;}
    .zhwp-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;}
    .zhwp-title{font-size:clamp(47px,13.8vw,72px);line-height:.9;}
    .zhwp-hero-lead{font-size:15px;margin-top:23px;}
    .zhwp-actions{flex-direction:column;align-items:stretch;gap:8px;}
    .zhwp-btn{width:100%;}
    .zhwp-hero-visual{min-height:330px;}
    .zhwp-wp-ring-1{width:285px;height:285px;}
    .zhwp-wp-ring-2{width:213px;height:213px;}
    .zhwp-wp-ring-3{width:142px;height:142px;}
    .zhwp-wp-core{width:116px;height:116px;border-radius:21px;}
    .zhwp-wp-core span{font-size:53px}.zhwp-wp-core small{font-size:33px;margin-top:18px}
    .zhwp-wp-panel-top{right:2px;top:20px;width:180px}.zhwp-wp-panel-bottom{left:0;bottom:6px;width:205px}
    .zhwp-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zhwp-trust-strip span{border-bottom:1px solid var(--wp-line-soft);}
    .zhwp-section{padding:56px 0;}
    .zhwp-section-head{grid-template-columns:44px minmax(0,1fr);gap:14px;margin-bottom:31px;}
    .zhwp-section h2{font-size:clamp(37px,10.5vw,55px);}
    .zhwp-answer-grid,.zhwp-usecase-intro,.zhwp-approach-grid,.zhwp-seo-grid,.zhwp-engineering-head,.zhwp-migration-grid{grid-template-columns:1fr;gap:27px;}
    .zhwp-large-copy{font-size:clamp(23px,6.8vw,31px);}
    .zhwp-usecase-grid,.zhwp-process-grid,.zhwp-seo-grid-cards,.zhwp-engineering-grid,.zhwp-related-grid{grid-template-columns:1fr;}
    .zhwp-usecase-card{min-height:285px;}
    .zhwp-process-step{min-height:auto;}
    .zhwp-engineering-main{grid-column:auto;display:block;}
    .zhwp-speed-orbit{margin-bottom:28px;}
    .zhwp-mini-list{grid-template-columns:1fr;}
    .zhwp-fit-grid{grid-template-columns:1fr;}
    .zhwp-fit-card{min-height:205px;}
    .zhwp-faq-list summary{font-size:17px;}
    .zhwp-cta{padding:52px 0 70px;}
    .zhwp-cta-box{grid-template-columns:1fr;gap:28px;padding:37px 24px;}
    .zhwp-cta-actions{width:100%;}
}

@media (max-width:430px){
    .zhwp-container{width:calc(100% - 28px);}
    .zhwp-title{font-size:46px;}
    .zhwp-section h2{font-size:36px;}
    .zhwp-trust-strip span{font-size:8px;letter-spacing:.11em;}
}

@media (prefers-reduced-motion:reduce){
    #zhova-wordpress-development *,
    #zhova-wordpress-development *::before,
    #zhova-wordpress-development *::after{animation:none !important;transition:none !important;}
    #zhova-wordpress-development.zhwp-motion-ready .zhwp-motion-item,
    #zhova-wordpress-development.zhwp-motion-ready .zhwp-section-head,
    #zhova-wordpress-development.zhwp-motion-ready .zhwp-fit-head{opacity:1 !important;transform:none !important;filter:none !important;}
}