/* =========================================================
EYEBALLS ON ME — PREMIUM HOMEPAGE
Elementor-safe / self-contained / responsive
========================================================= */
#eom-home{
--eom-orange:#ff5a00;
--eom-orange-bright:#ff6a00;
--eom-black:#080808;
--eom-black-2:#0d0d0d;
--eom-black-3:#141414;
--eom-white:#f7f6f2;
--eom-paper:#f3f1ec;
--eom-grey:#a3a3a0;
--eom-grey-2:#6d6d69;
--eom-line:rgba(255,255,255,.12);
--eom-line-dark:rgba(0,0,0,.12);
--eom-max:1280px;
width:100%;
max-width:100%;
margin:0;
padding:0;
position:relative;
isolation:isolate;
overflow:hidden;
background:var(--eom-black);
color:var(--eom-white);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
line-height:1.5;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
#eom-home *,
#eom-home *::before,
#eom-home *::after{
box-sizing:border-box;
}
#eom-home a{
color:inherit;
text-decoration:none;
}
#eom-home img{
max-width:100%;
display:block;
}
#eom-home button,
#eom-home a{
-webkit-tap-highlight-color:transparent;
}
#eom-home button{
font:inherit;
}
#eom-home .eom-container{
width:min(var(--eom-max),calc(100% - 64px));
margin:0 auto;
position:relative;
z-index:2;
}
#eom-home .eom-section{
position:relative;
padding:130px 0;
}
#eom-home .eom-eyebrow{
display:flex;
align-items:center;
gap:12px;
margin-bottom:24px;
font-size:11px;
line-height:1;
letter-spacing:.2em;
text-transform:uppercase;
font-weight:700;
color:var(--eom-orange);
}
#eom-home .eom-eyebrow::before{
content:"";
width:28px;
height:1px;
background:var(--eom-orange);
flex:0 0 auto;
}
#eom-home .eom-eyebrow.light{
color:var(--eom-orange);
}
#eom-home h1,
#eom-home h2,
#eom-home h3,
#eom-home h4,
#eom-home p{
margin-top:0;
}
#eom-home h1,
#eom-home h2,
#eom-home h3,
#eom-home h4{
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
letter-spacing:-.055em;
}
#eom-home .eom-display{
font-size:clamp(58px,7.3vw,112px);
line-height:.91;
font-weight:800;
letter-spacing:-.075em;
}
#eom-home .eom-h2{
font-size:clamp(46px,5.5vw,78px);
line-height:.94;
font-weight:760;
letter-spacing:-.065em;
}
#eom-home .eom-h3{
font-size:clamp(28px,3vw,42px);
line-height:1;
font-weight:720;
letter-spacing:-.045em;
}
#eom-home .eom-copy{
color:#aeadab;
font-size:18px;
line-height:1.7;
max-width:650px;
}
#eom-home .eom-copy.large{
font-size:20px;
line-height:1.65;
}
#eom-home .eom-orange{
color:var(--eom-orange);
}
#eom-home .eom-white{
color:#fff;
}
#eom-home .eom-light-text{
color:#111;
}
/* =========================================================
HEADER
========================================================= */
#eom-home .eom-header{
position:absolute;
left:0;
top:0;
width:100%;
z-index:50;
border-bottom:1px solid rgba(255,255,255,.08);
}
#eom-home .eom-header-inner{
min-height:86px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
#eom-home .eom-brand{
display:flex;
align-items:center;
gap:12px;
flex:0 0 auto;
}
#eom-home .eom-brand-mark{
width:38px;
height:38px;
border:1px solid rgba(255,255,255,.35);
border-radius:50%;
display:grid;
place-items:center;
position:relative;
}
#eom-home .eom-brand-mark::before{
content:"";
width:18px;
height:11px;
border:2px solid var(--eom-orange);
border-radius:100% 0;
transform:rotate(-45deg);
}
#eom-home .eom-brand-mark::after{
content:"";
width:5px;
height:5px;
background:var(--eom-orange);
border-radius:50%;
position:absolute;
}
#eom-home .eom-brand-type{
display:flex;
flex-direction:column;
line-height:.86;
}
#eom-home .eom-brand-type strong{
font-size:14px;
font-weight:800;
letter-spacing:.08em;
}
#eom-home .eom-brand-type span{
margin-top:5px;
font-size:8px;
font-weight:600;
letter-spacing:.32em;
color:#aaa;
}
#eom-home .eom-nav{
display:flex;
align-items:center;
gap:29px;
}
#eom-home .eom-nav a{
position:relative;
font-size:12px;
font-weight:600;
color:#c8c8c5;
transition:color .25s ease;
}
#eom-home .eom-nav a::after{
content:"";
position:absolute;
left:0;
bottom:-7px;
width:0;
height:1px;
background:var(--eom-orange);
transition:width .25s ease;
}
#eom-home .eom-nav a:hover{
color:#fff;
}
#eom-home .eom-nav a:hover::after{
width:100%;
}
#eom-home .eom-header-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 19px;
border:1px solid rgba(255,255,255,.2);
background:#fff;
color:#0a0a0a;
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
transition:all .25s ease;
}
#eom-home .eom-header-cta:hover{
background:var(--eom-orange);
border-color:var(--eom-orange);
color:#fff;
}
#eom-home .eom-menu-btn{
display:none;
border:0;
background:none;
color:#fff;
width:44px;
height:44px;
cursor:pointer;
}
#eom-home .eom-menu-btn span,
#eom-home .eom-menu-btn span::before,
#eom-home .eom-menu-btn span::after{
content:"";
display:block;
width:23px;
height:1px;
background:#fff;
position:absolute;
transition:.25s ease;
}
#eom-home .eom-menu-btn{
position:relative;
}
#eom-home .eom-menu-btn span{
position:relative;
}
#eom-home .eom-menu-btn span::before{
top:-8px;
}
#eom-home .eom-menu-btn span::after{
top:8px;
}
/* =========================================================
HERO
========================================================= */
#eom-home .eom-hero{
min-height:930px;
position:relative;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(circle at 74% 43%,rgba(255,90,0,.14),transparent 28%),
radial-gradient(circle at 15% 75%,rgba(255,255,255,.035),transparent 25%),
#080808;
}
#eom-home .eom-hero-grid{
position:absolute;
inset:0;
opacity:.26;
pointer-events:none;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:80px 80px;
mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 100%);
-webkit-mask-image:linear-gradient(to bottom,black 0%,black 55%,transparent 100%);
}
#eom-home .eom-hero-glow{
position:absolute;
width:650px;
height:650px;
right:-200px;
top:170px;
border-radius:50%;
background:rgba(255,90,0,.07);
filter:blur(100px);
pointer-events:none;
}
#eom-home .eom-hero-inner{
width:min(var(--eom-max),calc(100% - 64px));
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);
gap:55px;
align-items:center;
position:relative;
z-index:3;
padding-top:65px;
}
#eom-home .eom-hero-copy{
position:relative;
z-index:5;
}
#eom-home .eom-hero h1{
color:#fff;
max-width:760px;
margin:0 0 34px;
}
#eom-home .eom-hero h1 .outline{
color:transparent;
-webkit-text-stroke:1px rgba(255,255,255,.48);
}
#eom-home .eom-hero h1 .orange{
color:var(--eom-orange);
}
#eom-home .eom-hero-lead{
max-width:625px;
color:#b9b8b4;
font-size:20px;
line-height:1.65;
margin-bottom:39px;
}
#eom-home .eom-hero-actions{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px;
}
#eom-home .eom-btn{
min-height:56px;
padding:0 24px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:15px;
border:1px solid transparent;
font-size:11px;
line-height:1;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase;
transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;
}
#eom-home .eom-btn:hover{
transform:translateY(-2px);
}
#eom-home .eom-btn-primary{
background:var(--eom-orange);
color:#fff;
}
#eom-home .eom-btn-primary:hover{
background:#ff6d1b;
}
#eom-home .eom-btn-secondary{
background:transparent;
color:#fff;
border-color:rgba(255,255,255,.24);
}
#eom-home .eom-btn-secondary:hover{
background:#fff;
color:#111;
}
#eom-home .eom-btn-arrow{
font-size:16px;
line-height:0;
}
#eom-home .eom-hero-meta{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:0;
margin-top:56px;
border-top:1px solid rgba(255,255,255,.1);
padding-top:19px;
}
#eom-home .eom-hero-meta span{
color:#777773;
font-size:10px;
font-weight:700;
letter-spacing:.15em;
text-transform:uppercase;
padding:0 17px;
border-right:1px solid rgba(255,255,255,.12);
}
#eom-home .eom-hero-meta span:first-child{
padding-left:0;
}
#eom-home .eom-hero-meta span:last-child{
border-right:0;
}
/* =========================================================
SIGNATURE EYE ART
========================================================= */
#eom-home .eom-eye-stage{
min-height:590px;
position:relative;
display:grid;
place-items:center;
perspective:1200px;
}
#eom-home .eom-eye-stage::before{
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
border:1px solid rgba(255,90,0,.15);
box-shadow:
0 0 100px rgba(255,90,0,.08),
inset 0 0 100px rgba(255,90,0,.04);
animation:eomPulse 5s ease-in-out infinite;
}
#eom-home .eom-eye-stage::after{
content:"";
position:absolute;
width:590px;
height:590px;
border-radius:50%;
border:1px solid rgba(255,255,255,.055);
transform:rotate(18deg);
animation:eomOrbitSlow 25s linear infinite;
}
#eom-home .eom-eye-art{
width:min(100%,600px);
position:relative;
z-index:5;
transform-style:preserve-3d;
filter:drop-shadow(0 25px 50px rgba(0,0,0,.5));
transition:transform .2s ease-out;
}
#eom-home .eom-eye-art svg{
display:block;
width:100%;
height:auto;
overflow:visible;
}
#eom-home .eom-eye-outline{
fill:#101010;
stroke:#fff;
stroke-width:2;
opacity:.98;
}
#eom-home .eom-eye-inner{
fill:none;
stroke:var(--eom-orange);
stroke-width:1.5;
opacity:.9;
}
#eom-home .eom-iris-ring{
fill:url(#eomIris);
stroke:var(--eom-orange);
stroke-width:3;
}
#eom-home .eom-iris-detail{
fill:none;
stroke:rgba(255,255,255,.45);
stroke-width:1;
stroke-dasharray:4 9;
}
#eom-home .eom-pupil-group{
transform:translate(var(--pupil-x,0px),var(--pupil-y,0px));
transition:transform .16s ease-out;
}
#eom-home .eom-pupil{
fill:#030303;
}
#eom-home .eom-highlight{
fill:#fff;
}
#eom-home .eom-eye-scan{
position:absolute;
left:15%;
right:15%;
top:50%;
height:1px;
background:linear-gradient(90deg,transparent,var(--eom-orange),transparent);
box-shadow:0 0 18px rgba(255,90,0,.8);
animation:eomScan 4.5s ease-in-out infinite;
opacity:.65;
}
#eom-home .eom-orbit{
position:absolute;
border:1px solid rgba(255,255,255,.11);
border-radius:50%;
pointer-events:none;
}
#eom-home .eom-orbit-a{
width:510px;
height:230px;
transform:rotate(-24deg);
animation:eomOrbitA 16s linear infinite;
}
#eom-home .eom-orbit-b{
width:530px;
height:200px;
transform:rotate(28deg);
animation:eomOrbitB 20s linear infinite reverse;
border-color:rgba(255,90,0,.2);
}
#eom-home .eom-orbit-dot{
position:absolute;
width:8px;
height:8px;
border-radius:50%;
background:var(--eom-orange);
box-shadow:0 0 20px rgba(255,90,0,.7);
}
#eom-home .eom-orbit-dot.one{
left:19%;
top:22%;
}
#eom-home .eom-orbit-dot.two{
right:13%;
bottom:27%;
width:5px;
height:5px;
background:#fff;
}
#eom-home .eom-floating-label{
position:absolute;
z-index:8;
padding:9px 11px;
border:1px solid rgba(255,255,255,.13);
background:rgba(10,10,10,.72);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
font-size:8px;
line-height:1;
letter-spacing:.16em;
font-weight:800;
text-transform:uppercase;
color:#d0d0cc;
}
#eom-home .eom-floating-label.search{
left:4%;
top:23%;
}
#eom-home .eom-floating-label.ai{
right:0;
top:28%;
color:var(--eom-orange);
}
#eom-home .eom-floating-label.web{
left:8%;
bottom:19%;
}
#eom-home .eom-floating-label.social{
right:8%;
bottom:18%;
}
#eom-home .eom-eye-caption{
position:absolute;
right:2%;
top:8%;
font-size:9px;
color:#656560;
letter-spacing:.22em;
font-weight:700;
writing-mode:vertical-rl;
text-transform:uppercase;
}
/* =========================================================
INTRO SIGNAL STRIP
========================================================= */
#eom-home .eom-signal-strip{
background:#111;
border-top:1px solid rgba(255,255,255,.1);
border-bottom:1px solid rgba(255,255,255,.1);
}
#eom-home .eom-signal-inner{
min-height:90px;
display:grid;
grid-template-columns:1.2fr repeat(5,1fr);
align-items:center;
}
#eom-home .eom-signal-title{
color:#777773;
font-size:9px;
font-weight:800;
letter-spacing:.18em;
text-transform:uppercase;
}
#eom-home .eom-signal-item{
min-height:90px;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
border-left:1px solid rgba(255,255,255,.08);
color:#d2d2ce;
font-size:10px;
letter-spacing:.13em;
font-weight:700;
text-transform:uppercase;
}
#eom-home .eom-signal-item i{
width:5px;
height:5px;
background:var(--eom-orange);
border-radius:50%;
box-shadow:0 0 10px rgba(255,90,0,.7);
}
/* =========================================================
STATEMENT SECTION
========================================================= */
#eom-home .eom-statement{
background:var(--eom-paper);
color:#111;
}
#eom-home .eom-statement-grid{
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:100px;
align-items:start;
}
#eom-home .eom-statement .eom-eyebrow{
color:var(--eom-orange);
}
#eom-home .eom-statement h2{
color:#111;
margin:0;
}
#eom-home .eom-statement-copy{
padding-top:8px;
}
#eom-home .eom-statement-copy p{
color:#4d4d49;
font-size:21px;
line-height:1.65;
margin:0 0 28px;
}
#eom-home .eom-statement-line{
width:100%;
height:1px;
background:rgba(0,0,0,.12);
margin:38px 0;
}
#eom-home .eom-statement-note{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
#eom-home .eom-statement-note div{
padding-top:15px;
border-top:2px solid #111;
}
#eom-home .eom-statement-note strong{
display:block;
color:#111;
font-size:13px;
letter-spacing:.05em;
text-transform:uppercase;
margin-bottom:8px;
}
#eom-home .eom-statement-note span{
color:#66635f;
font-size:13px;
line-height:1.6;
}
/* =========================================================
SERVICES
========================================================= */
#eom-home .eom-services{
background:#080808;
}
#eom-home .eom-services-head{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:end;
margin-bottom:75px;
}
#eom-home .eom-services h2{
color:#fff;
margin:0;
}
#eom-home .eom-services-intro{
color:#989894;
font-size:17px;
line-height:1.7;
max-width:490px;
justify-self:end;
}
#eom-home .eom-services-list{
border-top:1px solid rgba(255,255,255,.14);
}
#eom-home .eom-service-row{
display:grid;
grid-template-columns:90px 1.1fr 1fr 110px;
gap:35px;
align-items:center;
min-height:185px;
border-bottom:1px solid rgba(255,255,255,.12);
transition:background .3s ease,padding .3s ease;
position:relative;
}
#eom-home .eom-service-row::before{
content:"";
position:absolute;
left:-1px;
top:0;
bottom:0;
width:2px;
background:var(--eom-orange);
transform:scaleY(0);
transform-origin:center;
transition:transform .35s ease;
}
#eom-home .eom-service-row:hover{
background:rgba(255,255,255,.025);
padding-left:18px;
}
#eom-home .eom-service-row:hover::before{
transform:scaleY(1);
}
#eom-home .eom-service-number{
color:#555551;
font-size:12px;
letter-spacing:.16em;
font-weight:700;
}
#eom-home .eom-service-title{
color:#fff;
font-size:clamp(27px,3vw,42px);
line-height:1;
font-weight:700;
letter-spacing:-.05em;
}
#eom-home .eom-service-desc{
color:#888883;
font-size:14px;
line-height:1.65;
max-width:420px;
}
#eom-home .eom-service-arrow{
width:45px;
height:45px;
border:1px solid rgba(255,255,255,.15);
display:grid;
place-items:center;
justify-self:end;
color:#aaa;
transition:all .25s ease;
}
#eom-home .eom-service-row:hover .eom-service-arrow{
background:var(--eom-orange);
border-color:var(--eom-orange);
color:#fff;
transform:rotate(-45deg);
}
#eom-home .eom-service-tags{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:13px;
}
#eom-home .eom-service-tags span{
padding:5px 8px;
border:1px solid rgba(255,255,255,.11);
color:#6f6f6b;
font-size:8px;
line-height:1;
text-transform:uppercase;
letter-spacing:.1em;
}
/* =========================================================
REMY FEATURE
========================================================= */
#eom-home .eom-remy{
background:#f3f1ec;
color:#111;
overflow:hidden;
}
#eom-home .eom-remy-grid{
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:85px;
align-items:center;
}
#eom-home .eom-remy-copy h2{
color:#111;
margin:0 0 28px;
}
#eom-home .eom-remy-copy .eom-copy{
color:#55534f;
max-width:540px;
}
#eom-home .eom-remy-label{
display:inline-flex;
align-items:center;
gap:8px;
margin-bottom:25px;
color:#111;
font-size:10px;
font-weight:800;
letter-spacing:.15em;
text-transform:uppercase;
}
#eom-home .eom-remy-label span{
width:7px;
height:7px;
border-radius:50%;
background:var(--eom-orange);
}
#eom-home .eom-remy-points{
margin:35px 0 38px;
padding:0;
list-style:none;
display:grid;
gap:12px;
}
#eom-home .eom-remy-points li{
display:flex;
align-items:flex-start;
gap:12px;
color:#343330;
font-size:13px;
line-height:1.55;
}
#eom-home .eom-remy-points li::before{
content:"";
width:5px;
height:5px;
background:var(--eom-orange);
border-radius:50%;
margin-top:7px;
flex:0 0 auto;
}
#eom-home .eom-remy-visual{
position:relative;
padding:25px;
}
#eom-home .eom-remy-visual::before{
content:"";
position:absolute;
width:70%;
height:70%;
right:-5%;
top:15%;
background:rgba(255,90,0,.11);
filter:blur(70px);
border-radius:50%;
}
#eom-home .eom-remy-frame{
position:relative;
z-index:2;
padding:15px;
background:#fff;
box-shadow:0 35px 80px rgba(0,0,0,.16);
transform:rotate(1.5deg);
}
#eom-home .eom-remy-frame img{
width:100%;
height:auto;
display:block;
}
#eom-home .eom-remy-caption{
position:absolute;
z-index:4;
bottom:-5px;
left:-8px;
padding:13px 16px;
background:#111;
color:#fff;
font-size:9px;
line-height:1.3;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:800;
box-shadow:0 15px 30px rgba(0,0,0,.2);
}
/* =========================================================
SEARCH SECTION
========================================================= */
#eom-home .eom-search{
background:#0c0c0c;
}
#eom-home .eom-search-head{
max-width:980px;
margin-bottom:85px;
}
#eom-home .eom-search h2{
color:#fff;
margin:0 0 28px;
}
#eom-home .eom-search-head p{
color:#8f8e8a;
font-size:18px;
line-height:1.7;
max-width:720px;
}
#eom-home .eom-search-layout{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center;
}
#eom-home .eom-search-visual{
min-height:470px;
border:1px solid rgba(255,255,255,.12);
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 50% 50%,rgba(255,90,0,.08),transparent 35%),
#101010;
}
#eom-home .eom-search-visual::before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:44px 44px;
}
#eom-home .eom-search-ring{
position:absolute;
width:360px;
height:360px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border:1px solid rgba(255,90,0,.22);
border-radius:50%;
}
#eom-home .eom-search-ring::before,
#eom-home .eom-search-ring::after{
content:"";
position:absolute;
inset:35px;
border:1px solid rgba(255,255,255,.1);
border-radius:50%;
}
#eom-home .eom-search-ring::after{
inset:90px;
border-color:rgba(255,90,0,.28);
}
#eom-home .eom-search-core{
position:absolute;
width:100px;
height:100px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
background:var(--eom-orange);
display:grid;
place-items:center;
box-shadow:0 0 80px rgba(255,90,0,.28);
}
#eom-home .eom-search-core span{
width:40px;
height:40px;
border:2px solid #fff;
border-radius:50%;
position:relative;
}
#eom-home .eom-search-core span::after{
content:"";
position:absolute;
width:15px;
height:2px;
background:#fff;
right:-10px;
bottom:0;
transform:rotate(45deg);
}
#eom-home .eom-search-node{
position:absolute;
padding:9px 12px;
background:#161616;
border:1px solid rgba(255,255,255,.12);
color:#bbb;
font-size:8px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
#eom-home .eom-search-node.n1{left:10%;top:18%;}
#eom-home .eom-search-node.n2{right:9%;top:26%;}
#eom-home .eom-search-node.n3{left:13%;bottom:22%;}
#eom-home .eom-search-node.n4{right:10%;bottom:18%;}
#eom-home .eom-search-lines{
position:absolute;
width:55%;
height:1px;
left:22%;
top:50%;
background:linear-gradient(90deg,transparent,var(--eom-orange),transparent);
transform:rotate(27deg);
opacity:.5;
}
#eom-home .eom-search-services{
display:grid;
gap:0;
border-top:1px solid rgba(255,255,255,.13);
}
#eom-home .eom-search-service{
display:grid;
grid-template-columns:44px 1fr;
gap:18px;
padding:26px 0;
border-bottom:1px solid rgba(255,255,255,.1);
}
#eom-home .eom-search-service-num{
color:var(--eom-orange);
font-size:10px;
font-weight:800;
letter-spacing:.1em;
padding-top:3px;
}
#eom-home .eom-search-service strong{
color:#fff;
font-size:16px;
display:block;
margin-bottom:7px;
}
#eom-home .eom-search-service span{
color:#777772;
font-size:13px;
line-height:1.6;
}
/* =========================================================
AI SECTION
========================================================= */
#eom-home .eom-ai{
background:var(--eom-orange);
color:#111;
}
#eom-home .eom-ai::before{
content:"AI";
position:absolute;
right:-35px;
bottom:-90px;
font-size:360px;
line-height:.7;
font-weight:900;
letter-spacing:-.1em;
color:rgba(0,0,0,.045);
pointer-events:none;
}
#eom-home .eom-ai-head{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:end;
margin-bottom:70px;
}
#eom-home .eom-ai .eom-eyebrow{
color:#111;
}
#eom-home .eom-ai .eom-eyebrow::before{
background:#111;
}
#eom-home .eom-ai h2{
color:#111;
margin:0;
}
#eom-home .eom-ai-intro{
color:rgba(0,0,0,.65);
font-size:17px;
line-height:1.7;
max-width:520px;
}
#eom-home .eom-ai-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid rgba(0,0,0,.2);
border-bottom:1px solid rgba(0,0,0,.2);
}
#eom-home .eom-ai-card{
padding:35px 28px 38px 0;
margin-right:28px;
border-right:1px solid rgba(0,0,0,.18);
}
#eom-home .eom-ai-card:last-child{
border-right:0;
margin-right:0;
}
#eom-home .eom-ai-icon{
width:40px;
height:40px;
border:1px solid rgba(0,0,0,.35);
display:grid;
place-items:center;
margin-bottom:35px;
}
#eom-home .eom-ai-icon::before{
content:"";
width:13px;
height:13px;
border:2px solid #111;
border-radius:50%;
}
#eom-home .eom-ai-card h3{
color:#111;
font-size:19px;
line-height:1.1;
margin-bottom:13px;
}
#eom-home .eom-ai-card p{
color:rgba(0,0,0,.62);
font-size:13px;
line-height:1.65;
}
/* =========================================================
WEBSITES
========================================================= */
#eom-home .eom-web{
background:#f3f1ec;
color:#111;
}
#eom-home .eom-web-grid{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:85px;
align-items:center;
}
#eom-home .eom-web-copy h2{
color:#111;
margin:0 0 27px;
}
#eom-home .eom-web-copy p{
color:#575650;
font-size:18px;
line-height:1.7;
max-width:550px;
}
#eom-home .eom-web-list{
display:grid;
gap:0;
margin:38px 0;
border-top:1px solid rgba(0,0,0,.14);
}
#eom-home .eom-web-list div{
display:flex;
justify-content:space-between;
gap:20px;
padding:16px 0;
border-bottom:1px solid rgba(0,0,0,.12);
font-size:12px;
font-weight:700;
color:#272724;
}
#eom-home .eom-web-list span{
color:#8b8983;
font-weight:500;
text-align:right;
}
#eom-home .eom-browser{
position:relative;
background:#101010;
padding:9px;
box-shadow:0 40px 80px rgba(0,0,0,.17);
transform:rotate(1.3deg);
}
#eom-home .eom-browser-top{
height:35px;
display:flex;
align-items:center;
gap:6px;
padding:0 12px;
border-bottom:1px solid rgba(255,255,255,.09);
}
#eom-home .eom-browser-top i{
width:6px;
height:6px;
background:#444;
border-radius:50%;
}
#eom-home .eom-browser-address{
height:18px;
flex:1;
max-width:230px;
margin-left:10px;
background:#191919;
border-radius:20px;
}
#eom-home .eom-browser-screen{
min-height:410px;
background:
linear-gradient(135deg,rgba(255,90,0,.14),transparent 45%),
#f5f4ef;
padding:45px;
position:relative;
overflow:hidden;
}
#eom-home .eom-browser-screen::before{
content:"";
position:absolute;
right:-80px;
top:-80px;
width:300px;
height:300px;
border-radius:50%;
border:1px solid rgba(255,90,0,.22);
box-shadow:0 0 0 45px rgba(255,90,0,.04),0 0 0 90px rgba(255,90,0,.025);
}
#eom-home .eom-browser-small{
font-size:8px;
font-weight:800;
letter-spacing:.18em;
color:var(--eom-orange);
text-transform:uppercase;
margin-bottom:18px;
}
#eom-home .eom-browser-screen h3{
max-width:500px;
font-size:clamp(35px,4vw,59px);
line-height:.9;
color:#111;
margin-bottom:24px;
}
#eom-home .eom-browser-screen p{
color:#66635e;
max-width:390px;
font-size:12px;
line-height:1.6;
}
#eom-home .eom-browser-button{
width:130px;
height:37px;
margin-top:22px;
background:#111;
}
/* =========================================================
AUTHORITY
========================================================= */
#eom-home .eom-authority{
background:#080808;
overflow:hidden;
}
#eom-home .eom-authority-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
align-items:center;
}
#eom-home .eom-authority h2{
color:#fff;
margin:0 0 28px;
}
#eom-home .eom-authority-copy p{
color:#898985;
font-size:18px;
line-height:1.7;
max-width:550px;
}
#eom-home .eom-authority-points{
display:grid;
gap:18px;
margin-top:40px;
}
#eom-home .eom-authority-point{
display:grid;
grid-template-columns:34px 1fr;
gap:15px;
}
#eom-home .eom-authority-point i{
width:28px;
height:28px;
border:1px solid rgba(255,90,0,.45);
display:grid;
place-items:center;
color:var(--eom-orange);
font-style:normal;
font-size:10px;
}
#eom-home .eom-authority-point strong{
color:#eee;
font-size:13px;
display:block;
margin-bottom:4px;
}
#eom-home .eom-authority-point span{
color:#666660;
font-size:12px;
line-height:1.5;
}
#eom-home .eom-authority-visual{
min-height:500px;
position:relative;
display:grid;
place-items:center;
}
#eom-home .eom-network{
position:relative;
width:460px;
height:460px;
border-radius:50%;
}
#eom-home .eom-network-ring{
position:absolute;
inset:15%;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
}
#eom-home .eom-network-ring.r2{
inset:28%;
border-color:rgba(255,90,0,.24);
}
#eom-home .eom-network-ring.r3{
inset:40%;
border-color:rgba(255,255,255,.08);
}
#eom-home .eom-network-core{
position:absolute;
width:72px;
height:72px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
background:var(--eom-orange);
box-shadow:0 0 70px rgba(255,90,0,.35);
display:grid;
place-items:center;
color:#fff;
font-size:8px;
letter-spacing:.14em;
font-weight:900;
}
#eom-home .eom-network-node{
position:absolute;
width:72px;
height:72px;
border:1px solid rgba(255,255,255,.15);
background:#111;
display:grid;
place-items:center;
color:#999;
font-size:8px;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:800;
}
#eom-home .eom-network-node.a{left:7%;top:28%;}
#eom-home .eom-network-node.b{right:7%;top:18%;}
#eom-home .eom-network-node.c{left:15%;bottom:13%;}
#eom-home .eom-network-node.d{right:13%;bottom:19%;}
#eom-home .eom-network-line{
position:absolute;
left:50%;
top:50%;
width:210px;
height:1px;
background:linear-gradient(90deg,var(--eom-orange),rgba(255,255,255,.05));
transform-origin:left center;
opacity:.45;
}
#eom-home .eom-network-line.l1{transform:rotate(-153deg);}
#eom-home .eom-network-line.l2{transform:rotate(-31deg);}
#eom-home .eom-network-line.l3{transform:rotate(153deg);}
#eom-home .eom-network-line.l4{transform:rotate(30deg);}
/* =========================================================
PROCESS
========================================================= */
#eom-home .eom-process{
background:#f3f1ec;
color:#111;
}
#eom-home .eom-process-head{
display:flex;
justify-content:space-between;
gap:50px;
align-items:end;
margin-bottom:80px;
}
#eom-home .eom-process h2{
color:#111;
margin:0;
max-width:700px;
}
#eom-home .eom-process-head p{
max-width:360px;
color:#696762;
font-size:14px;
line-height:1.65;
margin:0;
}
#eom-home .eom-process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid rgba(0,0,0,.2);
}
#eom-home .eom-process-step{
min-height:320px;
padding:28px 30px 30px 0;
margin-right:30px;
border-right:1px solid rgba(0,0,0,.16);
position:relative;
}
#eom-home .eom-process-step:last-child{
border-right:0;
margin-right:0;
}
#eom-home .eom-process-num{
font-size:10px;
font-weight:800;
letter-spacing:.18em;
color:var(--eom-orange);
margin-bottom:90px;
}
#eom-home .eom-process-step h3{
color:#111;
font-size:27px;
margin-bottom:13px;
}
#eom-home .eom-process-step p{
color:#6c6964;
font-size:13px;
line-height:1.65;
}
/* =========================================================
COMMAND CENTRE
========================================================= */
#eom-home .eom-command{
background:#111;
padding-bottom:140px;
}
#eom-home .eom-command-head{
max-width:800px;
margin-bottom:65px;
}
#eom-home .eom-command h2{
color:#fff;
margin:0 0 25px;
}
#eom-home .eom-command-head p{
color:#83837e;
font-size:17px;
line-height:1.7;
}
#eom-home .eom-command-board{
border:1px solid rgba(255,255,255,.12);
background:#0b0b0b;
padding:12px;
box-shadow:0 40px 100px rgba(0,0,0,.3);
}
#eom-home .eom-board-top{
min-height:54px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 17px;
border-bottom:1px solid rgba(255,255,255,.08);
}
#eom-home .eom-board-brand{
font-size:9px;
font-weight:800;
letter-spacing:.16em;
color:#aaa;
}
#eom-home .eom-board-status{
display:flex;
align-items:center;
gap:7px;
font-size:8px;
color:#777;
text-transform:uppercase;
letter-spacing:.1em;
}
#eom-home .eom-board-status i{
width:5px;
height:5px;
border-radius:50%;
background:var(--eom-orange);
box-shadow:0 0 10px rgba(255,90,0,.7);
}
#eom-home .eom-board-grid{
display:grid;
grid-template-columns:1.25fr .75fr .75fr;
gap:1px;
background:rgba(255,255,255,.08);
}
#eom-home .eom-board-card{
background:#0b0b0b;
min-height:220px;
padding:26px;
}
#eom-home .eom-board-card.large{
grid-row:span 2;
min-height:442px;
}
#eom-home .eom-board-card h3{
color:#ddd;
font-size:13px;
letter-spacing:.04em;
margin-bottom:7px;
}
#eom-home .eom-board-card small{
color:#555;
font-size:8px;
letter-spacing:.13em;
text-transform:uppercase;
}
#eom-home .eom-chart{
height:280px;
position:relative;
margin-top:35px;
overflow:hidden;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:50px 50px;
}
#eom-home .eom-chart svg{
width:100%;
height:100%;
}
#eom-home .eom-mini-bar{
margin-top:27px;
height:4px;
background:#252525;
position:relative;
}
#eom-home .eom-mini-bar span{
display:block;
height:100%;
width:72%;
background:var(--eom-orange);
}
#eom-home .eom-mini-list{
margin-top:25px;
display:grid;
gap:12px;
}
#eom-home .eom-mini-list div{
display:flex;
justify-content:space-between;
gap:15px;
color:#6d6d69;
font-size:10px;
}
#eom-home .eom-mini-list strong{
color:#bbb;
font-weight:600;
}
#eom-home .eom-board-circle{
width:110px;
height:110px;
margin:30px auto 0;
border-radius:50%;
border:1px solid rgba(255,90,0,.35);
display:grid;
place-items:center;
position:relative;
}
#eom-home .eom-board-circle::before{
content:"";
width:65px;
height:65px;
border-radius:50%;
border:1px solid rgba(255,255,255,.13);
}
#eom-home .eom-board-circle::after{
content:"";
position:absolute;
width:9px;
height:9px;
background:var(--eom-orange);
border-radius:50%;
box-shadow:0 0 25px rgba(255,90,0,.8);
}
/* =========================================================
WHY EOM
========================================================= */
#eom-home .eom-why{
background:#080808;
}
#eom-home .eom-why-grid{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:100px;
}
#eom-home .eom-why h2{
color:#fff;
margin:0;
}
#eom-home .eom-why-intro{
color:#888883;
font-size:17px;
line-height:1.7;
max-width:620px;
margin-bottom:55px;
}
#eom-home .eom-why-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:1px;
background:rgba(255,255,255,.1);
}
#eom-home .eom-why-card{
background:#080808;
min-height:210px;
padding:30px;
}
#eom-home .eom-why-card span{
color:var(--eom-orange);
font-size:9px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase;
}
#eom-home .eom-why-card h3{
color:#eee;
font-size:22px;
margin:42px 0 11px;
}
#eom-home .eom-why-card p{
color:#676762;
font-size:12px;
line-height:1.65;
}
/* =========================================================
FINAL CTA
========================================================= */
#eom-home .eom-contact{
background:
radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 30%),
var(--eom-orange);
color:#111;
padding:150px 0 160px;
text-align:center;
overflow:hidden;
}
#eom-home .eom-contact::before{
content:"EOM";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-48%);
color:rgba(0,0,0,.055);
font-size:min(30vw,450px);
font-weight:900;
line-height:.7;
letter-spacing:-.1em;
white-space:nowrap;
pointer-events:none;
}
#eom-home .eom-contact-inner{
position:relative;
z-index:2;
max-width:900px;
margin:0 auto;
}
#eom-home .eom-contact .eom-eyebrow{
justify-content:center;
color:#111;
}
#eom-home .eom-contact .eom-eyebrow::before{
background:#111;
}
#eom-home .eom-contact h2{
color:#111;
font-size:clamp(58px,8vw,110px);
line-height:.88;
margin:0 0 30px;
}
#eom-home .eom-contact p{
color:rgba(0,0,0,.64);
max-width:650px;
margin:0 auto 40px;
font-size:18px;
line-height:1.65;
}
#eom-home .eom-contact-actions{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}
#eom-home .eom-contact .eom-btn-primary{
background:#111;
color:#fff;
}
#eom-home .eom-contact .eom-btn-primary:hover{
background:#000;
}
#eom-home .eom-contact .eom-btn-secondary{
border-color:rgba(0,0,0,.3);
color:#111;
}
#eom-home .eom-contact .eom-btn-secondary:hover{
background:#fff;
border-color:#fff;
color:#111;
}
#eom-home .eom-contact-bottom{
margin-top:75px;
padding-top:22px;
border-top:1px solid rgba(0,0,0,.2);
display:flex;
justify-content:center;
gap:28px;
color:rgba(0,0,0,.55);
font-size:9px;
letter-spacing:.14em;
font-weight:800;
text-transform:uppercase;
}
/* =========================================================
REVEAL ANIMATION
========================================================= */
#eom-home .eom-reveal{
opacity:0;
transform:translateY(22px);
transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);
}
#eom-home .eom-reveal.is-visible{
opacity:1;
transform:none;
}
#eom-home .eom-delay-1{transition-delay:.08s;}
#eom-home .eom-delay-2{transition-delay:.16s;}
#eom-home .eom-delay-3{transition-delay:.24s;}
#eom-home .eom-delay-4{transition-delay:.32s;}
/* =========================================================
KEYFRAMES
========================================================= */
@keyframes eomPulse{
0%,100%{transform:scale(.96);opacity:.7}
50%{transform:scale(1.04);opacity:1}
}
@keyframes eomOrbitSlow{
from{transform:rotate(18deg)}
to{transform:rotate(378deg)}
}
@keyframes eomOrbitA{
from{transform:rotate(-24deg)}
to{transform:rotate(336deg)}
}
@keyframes eomOrbitB{
from{transform:rotate(28deg)}
to{transform:rotate(388deg)}
}
@keyframes eomScan{
0%,100%{transform:translateY(-110px);opacity:0}
25%{opacity:.7}
50%{transform:translateY(110px);opacity:.45}
75%{opacity:.7}
}
@keyframes eomFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:1100px){
#eom-home .eom-nav{
gap:18px;
}
#eom-home .eom-header-cta{
padding:0 13px;
}
#eom-home .eom-hero-inner{
grid-template-columns:1fr .8fr;
gap:20px;
}
#eom-home .eom-eye-stage{
min-height:500px;
transform:scale(.9);
}
#eom-home .eom-service-row{
grid-template-columns:65px 1fr 1fr 70px;
}
#eom-home .eom-ai-grid{
grid-template-columns:1fr 1fr;
}
#eom-home .eom-ai-card:nth-child(2){
border-right:0;
}
#eom-home .eom-ai-card:nth-child(3),
#eom-home .eom-ai-card:nth-child(4){
border-top:1px solid rgba(0,0,0,.18);
}
#eom-home .eom-process-grid{
grid-template-columns:1fr 1fr;
}
#eom-home .eom-process-step:nth-child(2){
border-right:0;
}
#eom-home .eom-process-step:nth-child(n+3){
border-top:1px solid rgba(0,0,0,.16);
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:780px){
#eom-home .eom-container,
#eom-home .eom-hero-inner{
width:min(100% - 36px,var(--eom-max));
}
#eom-home .eom-section{
padding:85px 0;
}
#eom-home .eom-header{
position:absolute;
}
#eom-home .eom-header-inner{
min-height:76px;
}
#eom-home .eom-nav,
#eom-home .eom-header-cta{
display:none;
}
#eom-home .eom-menu-btn{
display:block;
}
#eom-home .eom-nav.eom-mobile-open{
position:absolute;
left:18px;
right:18px;
top:76px;
display:flex;
flex-direction:column;
align-items:stretch;
gap:0;
padding:8px;
background:rgba(12,12,12,.97);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 25px 60px rgba(0,0,0,.35);
backdrop-filter:blur(20px);
}
#eom-home .eom-nav.eom-mobile-open a{
padding:15px 13px;
border-bottom:1px solid rgba(255,255,255,.07);
}
#eom-home .eom-nav.eom-mobile-open a:last-child{
border-bottom:0;
}
#eom-home .eom-hero{
min-height:auto;
padding:145px 0 70px;
}
#eom-home .eom-hero-inner{
display:flex;
flex-direction:column;
gap:35px;
padding-top:0;
}
#eom-home .eom-display{
font-size:clamp(51px,14vw,75px);
}
#eom-home .eom-hero-lead{
font-size:17px;
line-height:1.65;
}
#eom-home .eom-hero-actions{
flex-direction:column;
align-items:stretch;
}
#eom-home .eom-btn{
width:100%;
}
#eom-home .eom-hero-meta{
margin-top:38px;
gap:9px 0;
}
#eom-home .eom-hero-meta span{
padding:0 10px;
font-size:8px;
}
#eom-home .eom-eye-stage{
min-height:370px;
width:100%;
transform:none;
}
#eom-home .eom-eye-stage::before{
width:270px;
height:270px;
}
#eom-home .eom-eye-stage::after{
width:330px;
height:330px;
}
#eom-home .eom-orbit-a{
width:310px;
height:150px;
}
#eom-home .eom-orbit-b{
width:320px;
height:140px;
}
#eom-home .eom-floating-label{
font-size:6px;
padding:7px 8px;
}
#eom-home .eom-floating-label.search{
left:0;
top:19%;
}
#eom-home .eom-floating-label.ai{
right:0;
top:22%;
}
#eom-home .eom-floating-label.web{
left:4%;
bottom:14%;
}
#eom-home .eom-floating-label.social{
right:2%;
bottom:13%;
}
#eom-home .eom-signal-inner{
grid-template-columns:1fr 1fr;
}
#eom-home .eom-signal-title{
display:none;
}
#eom-home .eom-signal-item{
min-height:65px;
font-size:8px;
}
#eom-home .eom-statement-grid,
#eom-home .eom-remy-grid,
#eom-home .eom-search-layout,
#eom-home .eom-web-grid,
#eom-home .eom-authority-grid,
#eom-home .eom-why-grid{
grid-template-columns:1fr;
gap:48px;
}
#eom-home .eom-statement{
padding-top:85px;
}
#eom-home .eom-statement-copy p{
font-size:17px;
}
#eom-home .eom-statement-note{
grid-template-columns:1fr;
}
#eom-home .eom-services-head{
grid-template-columns:1fr;
gap:22px;
margin-bottom:48px;
}
#eom-home .eom-services-intro{
justify-self:start;
font-size:15px;
}
#eom-home .eom-service-row{
grid-template-columns:42px 1fr 35px;
gap:12px;
min-height:150px;
}
#eom-home .eom-service-desc{
grid-column:2 / 4;
grid-row:2;
margin-top:-35px;
padding-left:0;
}
#eom-home .eom-service-arrow{
width:35px;
height:35px;
}
#eom-home .eom-service-number{
align-self:start;
padding-top:5px;
}
#eom-home .eom-service-title{
font-size:25px;
}
#eom-home .eom-service-tags{
display:none;
}
#eom-home .eom-remy-visual{
padding:5px;
}
#eom-home .eom-remy-frame{
transform:none;
}
#eom-home .eom-remy-caption{
left:4px;
bottom:-10px;
}
#eom-home .eom-search-head{
margin-bottom:50px;
}
#eom-home .eom-search-head p{
font-size:16px;
}
#eom-home .eom-search-visual{
min-height:350px;
}
#eom-home .eom-search-ring{
width:270px;
height:270px;
}
#eom-home .eom-search-node{
font-size:6px;
padding:7px 8px;
}
#eom-home .eom-ai-head{
grid-template-columns:1fr;
gap:25px;
}
#eom-home .eom-ai-grid{
grid-template-columns:1fr 1fr;
}
#eom-home .eom-ai-card{
padding:28px 18px 30px 0;
margin-right:18px;
}
#eom-home .eom-ai-card h3{
font-size:16px;
}
#eom-home .eom-ai-card p{
font-size:11px;
}
#eom-home .eom-browser-screen{
min-height:320px;
padding:30px;
}
#eom-home .eom-browser-screen h3{
font-size:39px;
}
#eom-home .eom-authority-visual{
min-height:370px;
}
#eom-home .eom-network{
transform:scale(.78);
}
#eom-home .eom-process-head{
flex-direction:column;
align-items:flex-start;
margin-bottom:50px;
}
#eom-home .eom-process-grid{
grid-template-columns:1fr;
}
#eom-home .eom-process-step{
min-height:235px;
border-right:0;
border-bottom:1px solid rgba(0,0,0,.16);
margin:0;
padding-right:0;
}
#eom-home .eom-process-step:nth-child(n+2){
border-top:0;
}
#eom-home .eom-process-num{
margin-bottom:45px;
}
#eom-home .eom-board-grid{
grid-template-columns:1fr;
}
#eom-home .eom-board-card.large{
grid-row:auto;
min-height:350px;
}
#eom-home .eom-board-card{
min-height:190px;
}
#eom-home .eom-chart{
height:210px;
}
#eom-home .eom-why-list{
grid-template-columns:1fr;
}
#eom-home .eom-why-card{
min-height:180px;
}
#eom-home .eom-contact{
padding:105px 0 100px;
}
#eom-home .eom-contact h2{
font-size:clamp(55px,15vw,82px);
}
#eom-home .eom-contact p{
font-size:16px;
}
#eom-home .eom-contact-bottom{
flex-wrap:wrap;
gap:12px 20px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width:480px){
#eom-home .eom-container,
#eom-home .eom-hero-inner{
width:calc(100% - 30px);
}
#eom-home .eom-brand-type strong{
font-size:12px;
}
#eom-home .eom-brand-mark{
width:34px;
height:34px;
}
#eom-home .eom-hero{
padding-top:125px;
}
#eom-home .eom-eye-stage{
min-height:300px;
}
#eom-home .eom-eye-stage::before{
width:220px;
height:220px;
}
#eom-home .eom-eye-stage::after{
width:275px;
height:275px;
}
#eom-home .eom-floating-label{
display:none;
}
#eom-home .eom-signal-item{
min-height:58px;
font-size:7px;
letter-spacing:.1em;
}
#eom-home .eom-service-row{
grid-template-columns:30px 1fr 30px;
}
#eom-home .eom-service-title{
font-size:22px;
}
#eom-home .eom-service-desc{
font-size:11px;
}
#eom-home .eom-ai-grid{
grid-template-columns:1fr;
}
#eom-home .eom-ai-card,
#eom-home .eom-ai-card:nth-child(3),
#eom-home .eom-ai-card:nth-child(4){
border-right:0;
border-top:1px solid rgba(0,0,0,.18);
margin:0;
padding-right:0;
}
#eom-home .eom-ai-card:first-child{
border-top:0;
}
#eom-home .eom-browser{
transform:none;
}
#eom-home .eom-browser-screen{
padding:25px;
}
#eom-home .eom-browser-screen h3{
font-size:34px;
}
#eom-home .eom-network{
transform:scale(.63);
}
#eom-home .eom-board-top{
padding:0 10px;
}
#eom-home .eom-board-card{
padding:20px;
}
#eom-home .eom-contact-actions{
flex-direction:column;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion:reduce){
#eom-home *,
#eom-home *::before,
#eom-home *::after{
animation-duration:.001ms !important;
animation-iteration-count:1 !important;
scroll-behavior:auto !important;
transition-duration:.001ms !important;
}
#eom-home .eom-reveal{
opacity:1;
transform:none;
}
}
/* One clear next step in every section. */
#eom-home .eom-section-cta{margin-top:48px;padding-top:30px;border-top:1px solid currentColor;max-width:760px;}
#eom-home .eom-cta-inline{margin-top:28px;padding-top:0;border-top:0;}
#eom-home .eom-section-cta .eom-cta-copy{max-width:660px;margin:0 0 22px;font-size:17px;line-height:1.6;color:inherit;}
#eom-home .eom-cta-copy strong{display:block;margin-bottom:6px;font-size:23px;line-height:1.25;letter-spacing:-.02em;color:inherit;}
#eom-home .eom-cta-copy span{display:block;opacity:.82;}
#eom-home .eom-contact .eom-section-cta{margin-left:auto;margin-right:auto;}
#eom-home .eom-contact .eom-cta-copy{margin-left:auto;margin-right:auto;}
#eom-home .eom-hero{min-height:880px;padding:70px 0;}
#eom-home .eom-hero-inner{padding-top:0;}
#eom-home .eom-btn{padding:18px 24px;line-height:1.4;}
#eom-home .eom-btn-primary{color:#111;}
#eom-home .eom-contact .eom-btn-primary{color:#fff;}
#eom-home a:focus-visible{outline:3px solid currentColor;outline-offset:5px;}
@media(max-width:767px){#eom-home .eom-hero{min-height:auto;padding:65px 0 55px;}#eom-home .eom-section-cta{margin-top:32px;}#eom-home .eom-cta-copy strong{font-size:21px;}}
PUT YOUR
Built around
Meet
Be visible in the result.
Automate the work.
Make the
Strategy first.
One business.
Don't just create content.
Marketing that
GET MORE
(function(){
function initEOM(){
var root = document.getElementById('eom-home');
if(!root) return;
/* =====================================================
REVEAL ON SCROLL
===================================================== */
var reveals = root.querySelectorAll('.eom-reveal');
if('IntersectionObserver' in window){
var observer = new IntersectionObserver(
function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
entry.target.classList.add('is-visible');
observer.unobserve(entry.target);
}
});
},
{
threshold:.12,
rootMargin:'0px 0px -35px 0px'
}
);
reveals.forEach(function(el){
observer.observe(el);
});
}else{
reveals.forEach(function(el){
el.classList.add('is-visible');
});
}
/* =====================================================
HERO EYE — SUBTLE POINTER RESPONSE
===================================================== */
var eyeStage = root.querySelector('[data-eom-eye]');
var eyeArt = root.querySelector('.eom-eye-art');
var reducedMotion =
window.matchMedia &&
window.matchMedia('(prefers-reduced-motion: reduce)').matches;
if(
eyeStage &&
eyeArt &&
!reducedMotion &&
window.matchMedia('(pointer:fine)').matches
){
eyeStage.addEventListener('pointermove',function(event){
var rect = eyeStage.getBoundingClientRect();
var x =
(event.clientX - rect.left) /
rect.width;
var y =
(event.clientY - rect.top) /
rect.height;
var pupilX = (x - .5) * 26;
var pupilY = (y - .5) * 18;
eyeArt.style.setProperty(
'--pupil-x',
pupilX.toFixed(2) + 'px'
);
eyeArt.style.setProperty(
'--pupil-y',
pupilY.toFixed(2) + 'px'
);
var rotateY = (x - .5) * 3;
var rotateX = (y - .5) * -3;
eyeArt.style.transform =
'rotateX(' +
rotateX.toFixed(2) +
'deg) rotateY(' +
rotateY.toFixed(2) +
'deg)';
});
eyeStage.addEventListener('pointerleave',function(){
eyeArt.style.setProperty('--pupil-x','0px');
eyeArt.style.setProperty('--pupil-y','0px');
eyeArt.style.transform =
'rotateX(0deg) rotateY(0deg)';
});
}
/* =====================================================
SMOOTH ANCHOR SCROLL
===================================================== */
root.querySelectorAll('a[href^="#"]').forEach(function(link){
link.addEventListener('click',function(event){
var id = link.getAttribute('href');
if(!id || id === '#') return;
var target = document.querySelector(id);
if(target){
event.preventDefault();
var header =
root.querySelector('.eom-header');
var offset =
header ? header.offsetHeight + 15 : 15;
var top =
target.getBoundingClientRect().top +
window.pageYOffset -
offset;
window.scrollTo({
top:top,
behavior: reducedMotion ? 'auto' : 'smooth'
});
}
});
});
/* =====================================================
PARALLAX GLOW — VERY SUBTLE
===================================================== */
if(
!reducedMotion &&
window.matchMedia('(pointer:fine)').matches
){
var hero = root.querySelector('.eom-hero');
var glow = root.querySelector('.eom-hero-glow');
if(hero && glow){
hero.addEventListener('pointermove',function(event){
var rect = hero.getBoundingClientRect();
var x =
((event.clientX - rect.left) / rect.width - .5) * 25;
var y =
((event.clientY - rect.top) / rect.height - .5) * 20;
glow.style.transform =
'translate(' +
x.toFixed(1) +
'px,' +
y.toFixed(1) +
'px)';
});
}
}
}
if(document.readyState === 'loading'){
document.addEventListener(
'DOMContentLoaded',
initEOM
);
}else{
initEOM();
}
})();
Digital visibility / EOM
PUT YOUR
BUSINESS
WHERE
PEOPLE LOOK.
We build the systems that put your business in front of more of the right people — across search, AI, websites, content, authority and automation.
Your next customer is looking.Make it easier for them to find you, trust you and choose you.
Switch my visibility on
Search
AI
Web
Attention / Visibility / Growth
One connected growth system
Search
AI
Websites
Content
Authority
The EOM approach
Visibility isn't one channel anymore.
Your customers don't follow one straight line from Google to your website anymore.
They search. They ask AI. They check maps. They compare businesses. They look at your website. They see your content. They decide whether you look like the business they should trust.
More visibility
Get your business represented across the places
people are already looking.
Less wasted effort
Connect your marketing systems so every piece
supports the next.
Be there when the search starts.Connect the places your customers look with a plan built around your business.
Find my growth opportunities
What we do
Built around
growth.
Not another agency throwing disconnected tactics at your
business. EOM brings search, AI, websites, content and
authority together into a clearer growth system.
01
SEO + AEO
Build a search presence designed for the way people
discover businesses through traditional search and
emerging AI answer experiences.
↗
02
AI Automation
Identify repetitive work and build smarter workflows
around lead handling, research, content, customer
communication and business operations.
↗
03
Websites
High-performance websites designed to make your
business easier to understand, trust and choose.
↗
04
Authority
Quality authority-building strategies designed to
strengthen your online presence rather than simply
create another pile of links.
↗
05
Content + Social
Turn your expertise, offers and business knowledge into
useful content that keeps your brand visible beyond
a single search result.
↗
06
Strategy + Intelligence
Find the gaps, opportunities and priorities that matter
before wasting time and budget on tactics that don't
move the business forward.
↗
The right service. A clearer next step.Tell us where you want to grow and we’ll help you find the best place to start.
Find my best next move
An EOM visibility system
Meet
Remy On™.
Your business shouldn't need another complicated marketing dashboard. Remy On™ brings key visibility activity together and keeps working on the things that help your business get discovered.
- Search and AI visibility built into one ongoing system.
- Google presence, content and visibility activity working together.
- Competitor intelligence to uncover opportunities.
- A continuing system rather than another one-off marketing project.
Keep your business on their radar.Discover how REMY ON brings ongoing search, content and AI visibility together.
See what REMY can do
Visibility switched on.
Search has changed
Be visible in the result.
Be useful in the answer.
Search strategy now needs to consider more than rankings. Your content, website structure, business information and authority all contribute to how your brand can be discovered and understood.
Search
AI answers
Local
Content
01
Technical SEO
Build a cleaner technical foundation so search engines
can understand and navigate your website.
02
Answer-ready content
Structure useful information around the questions
your potential customers actually ask.
03
Entity + topical signals
Help your digital presence communicate what you do,
who you serve and where you operate.
04
Local visibility
Strengthen the places customers can discover your
business when local intent matters.
Be the business they discover.Build a stronger presence in Google searches and the AI answers your customers turn to.
Get found in search and AI
AI automation
Automate the work.
Keep the human advantage.
AI shouldn't be another shiny object sitting inside your
business. We look for the repetitive work, bottlenecks and
opportunities where intelligent systems can actually create
leverage.
Lead workflows
Connect enquiries, follow-up and internal handoffs into smarter workflows.
Content systems
Turn ideas, expertise and business information into repeatable content workflows.
Research + intelligence
Reduce the manual effort involved in research, monitoring and competitive analysis.
Custom AI systems
Build practical AI workflows around the way your business actually operates.
Less busywork. More business.Discover practical ways to give your team time back with smarter workflows.
Put AI to work
Websites
Your website should do more than look good.
It should make your offer obvious, build confidence, answer objections and make the next step feel easy.
Conversion architecture
Clear journeys
Search foundations
Built for discovery
Mobile-first UX
Every screen
Stronger messaging
Clarity wins
Turn a first impression into a next step.Give visitors a clear reason to choose you—and an easy way to get in touch.
Build a website that works
Digital presence / EOM
Make the
first impression
count.
A website should make the right person understand exactly why they should keep reading.
How we work
Strategy first.
Systems second.
We don't believe in throwing every marketing tactic at a business and hoping something sticks.
01 / DISCOVER
Find the opportunity.
Understand the business, market, customers, competitors and existing digital footprint.
02 / BUILD
Build the foundation.
Strengthen the website, search presence, messaging, content systems and technical foundations.
03 / ACTIVATE
Put it to work.
Activate content, authority, automation and visibility systems around the opportunities that matter.
04 / COMPOUND
Keep building.
Improve what works, identify new opportunities and keep building the digital assets around the business.
Stop guessing where to start.Let’s map the opportunities, priorities and practical steps for your next stage of growth.
Map my next move
The bigger picture
One business.
Multiple growth signals.
Your website, search presence, content, authority and automation shouldn't operate like separate departments. They should reinforce one another.
EOM / ILLUSTRATIVE GROWTH SYSTEM
Connected system
Visibility activity
Illustrative interfaceSearch
Foundation
Technical
Active
Content
Building
Local
Connected
AI discovery
Answer-readyContent
Distribution
Ideas
Ready
Production
Active
Social
Connected
Authority
Digital footprint
Opportunities
Open
Outreach
Building
Make every channel pull together.See how REMY ON connects your visibility activity in one ongoing service.
Connect my visibility with REMY
Content + social
Don't just create content.
Create presence.
Your business already knows things your customers want to know.
We help turn that knowledge into a content engine that can support search, social, AI discovery and the wider perception of your brand.
Useful
Content that answers real questions and demonstrates
genuine expertise.
Consistent
A repeatable system rather than waiting for
inspiration to strike.
Turn what you know into attention.Let’s shape your expertise into useful content your audience wants to see.
Bring my content to life
Why Eyeballs On Me
Marketing that
actually connects.
The goal isn't to give you more marketing activity. It's to create more useful activity — connected around what the business actually needs.
01 / Clarity
Know what matters.
Focus attention on the channels, opportunities and systems that make sense for your business.
02 / Systems
Stop starting over.
Build assets and workflows that continue working beyond a single campaign.
03 / Visibility
Be easier to find.
Strengthen the places customers discover, evaluate and compare businesses.
04 / Leverage
Let technology help.
Use automation and AI where they can remove friction without removing the human side of the business.
Make your marketing add up.Bring your goals, questions and sticking points. We’ll help you see a clearer way forward.
Talk growth with EOM
Ready when you are
GET MORE
EYEBALLS
ON YOUR BUSINESS.
Your next growth story starts here.Tell us what you want to achieve. Let’s find the opportunities to get more of the right eyes on your business.
Let’s get eyes on my business