.adv-hero { --bg: #0e0f12; --bg-2: #15161b; --gold: #c8a24b; --gold-soft: rgba(200, 162, 75, .5);
--fg: #f4f3f7; --muted: rgba(244, 243, 247, .6);
--brand: #602e9e; --danger: #ff3b30;  --font-head: "Archivo", system-ui, -apple-system, sans-serif;
--font-body: "Inter", system-ui, -apple-system, sans-serif;
--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace; --ease: cubic-bezier(.32, .72, 0, 1);
position: relative;
isolation: isolate;
min-height: 100vh;
min-height: 100svh;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
align-items: center;
gap: 2rem; padding-block: clamp(2rem, 5vw, 5rem);
padding-inline: max(clamp(1.25rem, 5vw, 4rem), calc((100% - 1500px) / 2));
overflow: hidden;
color: var(--fg); background:
linear-gradient(180deg, transparent 68%, #0a0a0d 100%),
radial-gradient(70% 65% at 73% 34%, rgba(200, 162, 75, .08), rgba(200, 162, 75, .025) 34%, transparent 72%),
radial-gradient(65% 70% at 8% 16%, rgba(96, 46, 158, .06), transparent 66%),
radial-gradient(135% 130% at 70% 38%, #17161d 0%, #100f14 48%, #0a0a0d 100%);
background-color: #0a0a0d; margin-top: 0;
margin-inline: calc(50% - 50vw);
} .site-main { margin: 0; overflow-x: clip; } .adv-hero::before {
content: "";
position: absolute;
top: -100px; left: -100px; right: -100px; bottom: -800px;
z-index: 0;
pointer-events: none;
opacity: .4;
background-image:
radial-gradient(1px 1px at 12% 22%, rgba(244, 243, 247, .7), transparent),
radial-gradient(1px 1px at 28% 64%, rgba(244, 243, 247, .5), transparent),
radial-gradient(1px 1px at 45% 38%, rgba(200, 162, 75, .6), transparent),
radial-gradient(1px 1px at 62% 78%, rgba(244, 243, 247, .5), transparent),
radial-gradient(1px 1px at 76% 30%, rgba(244, 243, 247, .6), transparent),
radial-gradient(1px 1px at 88% 58%, rgba(200, 162, 75, .5), transparent),
radial-gradient(1px 1px at 35% 88%, rgba(244, 243, 247, .45), transparent),
radial-gradient(1px 1px at 8% 80%, rgba(244, 243, 247, .5), transparent),
radial-gradient(1.5px 1.5px at 55% 14%, rgba(244, 243, 247, .4), transparent),
radial-gradient(1px 1px at 95% 85%, rgba(200, 162, 75, .5), transparent);
background-size: 700px 700px;
background-repeat: repeat;
will-change: transform;
animation: adv-dust 90s linear infinite;
}
@keyframes adv-dust {
from { transform: translate(0, 0); }
to   { transform: translate(-40px, -700px); }
} .adv-hero__content {
position: relative;
z-index: 2; max-width: 660px;
} .adv-badge {
display: flex;
align-items: center;
gap: .65rem;
margin: 0 0 1.7rem;
font-family: var(--font-mono);
font-size: .78rem;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--gold);
} .adv-badge::before {
content: "";
width: 34px;
height: 11px;
border-radius: 3px;
background: linear-gradient(180deg, #7b43c4 0%, #602e9e 100%);
} .adv-hero__title {
margin: 0 0 1.5rem;
color: var(--fg);
font-family: "Archivo", var(--font-head); font-weight: 800;
font-size: clamp(2.1rem, 5vw, 4.3rem);
line-height: 1.05;
letter-spacing: -.02em;
text-wrap: balance;
text-shadow: 0 2px 34px rgba(0, 0, 0, .55); } .adv-hero__title .adv-hl,
.adv-hero__title mark {
background: linear-gradient(180deg, #e9cf94 0%, #c8a24b 55%, #b0883a 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: var(--gold); } .adv-hero__lead {
margin: 0 0 2.3rem;
max-width: 46ch;
font-family: var(--font-body);
font-size: clamp(.92rem, 1.25vw, 1.08rem);
line-height: 1.62;
color: var(--muted);
} .adv-hero__lead strong.adv-hl-w { color: var(--fg); } .adv-hero__cta {
gap: .8rem;
margin-bottom: 3.1rem;
}
.adv-btn .wp-block-button__link {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
gap: .55rem;
padding: .95em 1.55em;
border-radius: 10px;
font-family: var(--font-body);
font-weight: 600;
font-size: .95rem;
line-height: 1;
color: var(--fg);
transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease), background-color .4s var(--ease);
} .adv-btn--primary .wp-block-button__link { background: linear-gradient(180deg, #7b43c4 0%, #602e9e 60%, #50267f 100%);
border: 1px solid rgba(123, 67, 196, .55); box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .18),
0 18px 44px -16px rgba(96, 46, 158, .55);
} .adv-btn--primary .wp-block-button__link::after {
content: "→";
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.7em;
height: 1.7em;
margin-right: -.55em; border-radius: 50%;
background: rgba(255, 255, 255, .07);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
font-size: .82em;
transition: transform .4s var(--ease), background-color .4s var(--ease);
} .adv-btn--primary .wp-block-button__link::before {
content: "";
position: absolute;
top: 0;
left: -60%;
width: 50%;
height: 100%;
background: linear-gradient(100deg, transparent, rgba(200, 162, 75, .35), transparent);
transform: skewX(-18deg);
transition: left .6s var(--ease);
pointer-events: none;
}
.adv-btn--primary .wp-block-button__link:hover,
.adv-btn--primary .wp-block-button__link:focus-visible {
border-color: var(--gold-soft);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .22),
0 26px 56px -16px rgba(96, 46, 158, .6),
0 0 0 1px rgba(200, 162, 75, .35);
transform: translateY(-2px);
}
.adv-btn--primary .wp-block-button__link:hover::before,
.adv-btn--primary .wp-block-button__link:focus-visible::before {
left: 120%;
} .adv-btn--primary .wp-block-button__link:hover::after,
.adv-btn--primary .wp-block-button__link:focus-visible::after {
transform: translate(3px, -2px);
background: rgba(200, 162, 75, .22);
} .adv-btn--ghost .wp-block-button__link {
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
border: 1px solid rgba(244, 243, 247, .16);
}
.adv-btn--ghost .wp-block-button__link::before {
content: "";
width: 9px;
height: 9px;
border-radius: 2px;
background: var(--gold);
box-shadow: 0 0 8px rgba(200, 162, 75, .5);
flex: 0 0 auto;
}
.adv-btn--ghost .wp-block-button__link:hover,
.adv-btn--ghost .wp-block-button__link:focus-visible {
background: rgba(244, 243, 247, .07);
border-color: rgba(244, 243, 247, .30);
transform: translateY(-2px);
} .adv-btn--primary .wp-block-button__link:active,
.adv-btn--ghost .wp-block-button__link:active {
transform: translateY(0) scale(.975);
transition-duration: .12s;
} .adv-stats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .8rem 1.1rem; width: max-content;
max-width: 100vw; margin-top: .6rem;
padding-top: 1.4rem;
border-top: 1px solid transparent;
border-image: linear-gradient(90deg, rgba(244, 243, 247, .16), rgba(244, 243, 247, .03) 70%, transparent) 1;
}
.adv-stat {
position: relative;
display: flex;
align-items: center;
gap: .5rem;
min-width: 0;
} .adv-stat + .adv-stat {
padding-left: 1.3rem;
} .adv-stat + .adv-stat::after {
content: "";
position: absolute;
left: -.65rem;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 22px;
background: rgba(244, 243, 247, .12);
} .adv-stat::before {
content: "";
flex: 0 0 auto;
width: 32px;
height: 32px;
border-radius: 3px;
border: 1px solid rgba(200, 162, 75, .28);
background-color: rgba(200, 162, 75, .10);
background-repeat: no-repeat;
background-position: center;
background-size: 17px 17px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
.adv-stat__num {
margin: 0;
font-family: var(--font-head);
font-weight: 800;
font-size: 1.25rem;
line-height: 1;
color: var(--fg);
font-variant-numeric: tabular-nums;
}
.adv-stat__label {
margin: 0;
white-space: nowrap;
font-family: var(--font-body);
font-size: .62rem;
letter-spacing: .04em;
line-height: 1.2;
text-transform: uppercase;
color: var(--muted);
} .adv-stat--projects::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a24b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Ccircle cx='6' cy='6.5' r='.5' fill='%23c8a24b'/%3E%3Ccircle cx='8.4' cy='6.5' r='.5' fill='%23c8a24b'/%3E%3C/svg%3E");
}
.adv-stat--reviews::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8a24b' stroke='%23c8a24b' stroke-width='1' stroke-linejoin='round'%3E%3Cpolygon points='12 2.6 15 9 22 9.3 16.5 13.6 18.4 20.5 12 16.6 5.6 20.5 7.5 13.6 2 9.3 9 9'/%3E%3C/svg%3E");
}
.adv-stat--industries::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8a24b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.2'/%3E%3C/svg%3E");
} .adv-stat--link {
text-decoration: none;
color: inherit;
cursor: pointer;
border-radius: 4px;
transition: transform .3s var(--ease);
}
.adv-stat--link:hover,
.adv-stat--link:focus-visible {
transform: translateY(-2px); outline: none;
}
.adv-stat--link:focus-visible {
box-shadow: 0 0 0 2px rgba(200, 162, 75, .55); }
.adv-stat--link:hover .adv-stat__num,
.adv-stat--link:focus-visible .adv-stat__num {
color: var(--gold);
} .adv-stat--link .adv-stat__label {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
text-decoration-color: rgba(244, 243, 247, .5);
transition: text-decoration-color .25s ease;
}
.adv-stat--link:hover .adv-stat__label,
.adv-stat--link:focus-visible .adv-stat__label {
text-decoration-color: rgba(244, 243, 247, .9);
} .adv-stat--link .adv-stat__label::after {
content: " ↗";
display: inline-block;
color: var(--gold);
opacity: .55;
transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.adv-stat--link:hover .adv-stat__label::after,
.adv-stat--link:focus-visible .adv-stat__label::after {
opacity: 1;
transform: translate(2px, -2px);
} .adv-stat--link::before {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
} .adv-hero__visual {
position: relative;
z-index: 1;
align-self: center;
justify-self: end;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 0; }
.adv-keyhole {
position: relative;
width: clamp(230px, 30vw, 380px); }
.adv-keyhole__img {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 24px 70px rgba(0, 0, 0, .55));
} .adv-ring {
position: absolute;
top: 31%; left: 50%;
translate: -50% -50%;
aspect-ratio: 1; border-radius: 50%;
pointer-events: none;
}
.adv-ring--1 {
width: 150%;
border: 1px solid var(--gold-soft);
opacity: .32;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
animation: adv-spin 22s linear infinite;
}
.adv-ring--2 {
width: 192%;
border: 1px solid var(--gold);
opacity: .12;
animation: adv-spin 34s linear infinite reverse;
}
@keyframes adv-spin {
from { transform: rotate(0deg); }
to   { transform: rotate(360deg); }
} .adv-hud {
position: absolute;
display: flex;
align-items: center;
gap: .5rem;
font-family: var(--font-mono);
font-size: .66rem;
letter-spacing: .12em;
color: var(--gold);
white-space: nowrap;
text-shadow: 0 1px 8px rgba(0, 0, 0, .85);
}
.adv-hud__line {
width: 26px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold));
opacity: .7;
order: 9; }
.adv-hud__dot { order: 8; }
.adv-hud__txt { order: 1; }
.adv-hud__dot {
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--gold);
box-shadow: 0 0 8px var(--gold);
flex: 0 0 auto;
}
.adv-hud__txt { min-height: 1em; } .adv-hud__txt.is-typing::after {
content: "▍";
margin-left: 1px;
animation: adv-blink 1s step-end infinite;
} .adv-hud--obs,
.adv-hud--status,
.adv-hud--trust {
left: auto;
right: calc(100% + 16px);
flex-direction: row;
justify-content: flex-end;
text-align: right;
max-width: 240px;
}
.adv-hud--obs    { top: 11%; }
.adv-hud--status { top: 30%; }
.adv-hud--trust  { top: 48%; } .adv-hud--trust {
padding: .36em .64em;
border: 1px solid rgba(255, 59, 48, .85);
border-radius: 7px;
background: rgba(255, 59, 48, .15);
box-shadow: 0 0 20px rgba(255, 59, 48, .32), inset 0 0 10px rgba(255, 59, 48, .12);
}
.adv-hud--trust .adv-hud__dot {
background: var(--danger);
box-shadow: 0 0 10px var(--danger);
}
.adv-hud--trust .adv-hud__txt {
color: var(--danger);
font-weight: 700;
text-shadow: 0 0 10px rgba(255, 59, 48, .6); animation: adv-trust 2.2s ease-in-out infinite;
} @keyframes adv-trust {
0%, 100% { opacity: .8; }
50%      { opacity: 1; }
}
@keyframes adv-blink {
0%, 50%      { opacity: 1; }
50.01%, 100% { opacity: 0; }
}  @keyframes adv-rise {
from { opacity: 0; transform: translateY(22px); }
to   { opacity: 1; transform: translateY(0); }
}
.adv-hero .adv-badge,
.adv-hero__title,
.adv-hero__lead,
.adv-hero__cta,
.adv-stats {
animation: adv-rise .9s cubic-bezier(.22, 1, .36, 1) both;
}
.adv-hero .adv-badge { animation-delay: .05s; }
.adv-hero__title { animation-delay: .18s; }
.adv-hero__lead  { animation-delay: .34s; }
.adv-hero__cta   { animation-delay: .50s; }
.adv-stats       { animation-delay: .66s; } @keyframes adv-keyhole-in {
from { opacity: 0; transform: scale(1.05); }
to   { opacity: 1; transform: scale(1); }
}
.adv-keyhole {
animation: adv-keyhole-in 1.2s cubic-bezier(.22, 1, .36, 1) .15s both;
} .adv-keyhole::before {
content: "";
position: absolute;
top: 31%;
left: 50%;
width: 78%;
aspect-ratio: 1;
translate: -50% -50%;
border-radius: 50%;
background: radial-gradient(circle, rgba(200, 162, 75, .2), transparent 68%);
filter: blur(12px);
z-index: -1;
pointer-events: none;
animation: adv-breathe 7s ease-in-out infinite;
}
@keyframes adv-breathe {
0%, 100% { opacity: .5; transform: scale(1); }
50%      { opacity: .9; transform: scale(1.07); }
} .adv-hero::after {
content: "";
position: absolute;
inset: 0;
z-index: 3;
pointer-events: none;
opacity: .05;
mix-blend-mode: soft-light;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
} .adv-iconfield {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none; -webkit-mask-image: linear-gradient(90deg, transparent 26%, #000 52%);
mask-image: linear-gradient(90deg, transparent 26%, #000 52%);
}
.adv-ico {
position: absolute;
height: auto;
color: var(--gold);
opacity: 0; animation-name: adv-ico-appear, adv-float-a;
animation-duration: .65s, var(--fdur, 20s);
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: both, none; animation-delay: var(--appear, 0s), calc(var(--appear, 0s) + .75s);
}
@keyframes adv-ico-appear {
from { opacity: 0; }
to   { opacity: var(--o, .1); }
}
@keyframes adv-float-a { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(13px, -34px); } }
@keyframes adv-float-b { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-17px, -27px); } } .adv-ico--1 { left: 56%; top: 19%; width: 46px;  --o: .22; --fdur: 16s; --appear: .15s; }
.adv-ico--2 { left: 67%; top: 66%; width: 72px;  --o: .16; filter: blur(.8px);  --fdur: 20s; --appear: .32s; }
.adv-ico--3 { left: 46%; top: 46%; width: 98px;  --o: .10; filter: blur(2.5px); --fdur: 23s; --appear: .49s; animation-name: adv-ico-appear, adv-float-b; }
.adv-ico--4 { left: 86%; top: 14%; width: 42px;  --o: .20; --fdur: 15s; --appear: .66s; }
.adv-ico--5 { left: 60%; top: 82%; width: 64px;  --o: .15; filter: blur(.8px);  --fdur: 19s; --appear: .83s; animation-name: adv-ico-appear, adv-float-b; }
.adv-ico--6 { left: 90%; top: 67%; width: 104px; --o: .09; filter: blur(3px);   --fdur: 25s; --appear: 1s; }
.adv-ico--7 { left: 92%; top: 36%; width: 54px;  --o: .19; --fdur: 17s; --appear: 1.17s; animation-name: adv-ico-appear, adv-float-b; }
.adv-ico--8 { left: 51%; top: 8%;  width: 46px;  --o: .17; --fdur: 16s; --appear: 1.34s; }  @media (max-width: 1400px) {
.adv-hud { display: none; }
.adv-stats { width: auto; }
} @media (min-width: 861px) and (max-height: 800px) {
.adv-hero {
min-height: auto;
align-items: flex-start;
padding-block: 7rem clamp(3rem, 6vh, 4.5rem);
}
}
@media (max-width: 860px) {
.adv-hero {
grid-template-columns: 1fr;
gap: 1.5rem;
padding-block: calc(clamp(5.4rem, 14.4vw, 7.8rem) + 15px) clamp(4.5rem, 12vw, 6.5rem); } .adv-hero__title { line-height: 1.15; } .adv-hero__visual {
order: 0; justify-self: center; justify-content: center;
margin: 0;
opacity: .55;
}
.adv-keyhole { width: min(64vw, 320px); animation: none; } .adv-ring,
.adv-keyhole::before { display: none; } .adv-hud,
.adv-iconfield { display: none; }
.adv-hero__content { max-width: none; } .adv-hero .adv-badge { font-size: .6rem; letter-spacing: .12em; gap: .55rem; } .adv-hero .adv-scrolldown,
.adv-hero .adv-scrolldown__wheel { animation: none; } .adv-hero__cta { flex-direction: column; align-items: stretch; }
.adv-hero__cta .wp-block-button { width: 100%; }
.adv-hero__cta .wp-block-button__link { width: 100%; justify-content: center; }
.adv-stats { gap: 1.2rem 2rem; width: auto; }
}
@media (max-width: 480px) { .adv-stats { flex-direction: column; align-items: flex-start; gap: 1rem; width: 100%; }
.adv-stat { flex: 1 1 auto; width: auto; }
.adv-stat + .adv-stat { padding-left: 0; }
.adv-stat + .adv-stat::after { display: none; }
} @media (prefers-reduced-motion: reduce) {
.adv-ring,
.adv-hud--trust .adv-hud__txt,
.adv-badge,
.adv-hero__title,
.adv-hero__lead,
.adv-hero__cta,
.adv-stats,
.adv-keyhole,
.adv-keyhole::before,
.adv-ico,
.adv-hero::before { animation: none !important; opacity: 0; }
.adv-ico { opacity: var(--o, .1) !important; } .adv-hud__txt.is-typing::after { content: none; }
.adv-btn .wp-block-button__link { transition: none; }
.adv-scrolldown__wheel { animation: none !important; top: 11px; }
} .adv-scrolldown {
position: absolute;
left: 50%;
bottom: clamp(12px, 2.6vh, 26px);
transform: translateX(-50%);
z-index: 6;
display: inline-flex;
flex-direction: column;
align-items: center;
gap: .55rem;
padding: .35rem .6rem;
background: none;
border: 0;
cursor: pointer;
color: var(--muted);
font-family: var(--font-mono);
font-size: .6rem;
letter-spacing: .26em;
text-transform: uppercase;
-webkit-tap-highlight-color: transparent;
transition: opacity .5s var(--ease), transform .5s var(--ease), color .3s var(--ease);
animation: adv-scrollbob 2.6s var(--ease) infinite;
}
.adv-scrolldown:hover,
.adv-scrolldown:focus-visible { color: var(--gold); outline: none; }
.adv-scrolldown__label { opacity: .8; }
.adv-scrolldown__mouse {
position: relative;
display: block;
width: 22px;
height: 34px;
border: 1.5px solid currentColor;
border-radius: 12px;
}
.adv-scrolldown__wheel {
position: absolute;
left: 50%;
top: 7px;
width: 3px;
height: 7px;
margin-left: -1.5px;
border-radius: 2px;
background: currentColor;
animation: adv-scrollwheel 1.8s var(--ease) infinite;
} .adv-scrolldown.is-hidden {
opacity: 0;
transform: translateX(-50%) translateY(12px);
pointer-events: none;
animation: none;
}
@keyframes adv-scrollwheel {
0%   { opacity: 0; transform: translateY(0); }
25%  { opacity: 1; }
60%  { opacity: 1; transform: translateY(10px); }
100% { opacity: 0; transform: translateY(12px); }
}
@keyframes adv-scrollbob {
0%, 100% { transform: translateX(-50%) translateY(0); }
50%      { transform: translateX(-50%) translateY(5px); }
}