.award-v2 .edianco-services,
.edianco-services{
position:relative;
z-index:3;
isolation:isolate;
background:#05070c;
padding:clamp(80px,12vh,120px) 24px clamp(72px,10vh,110px);
overflow:hidden;
}
.edianco-services::before,
.edianco-services::after{
content:'';
position:absolute;
pointer-events:none;
}
.edianco-services::before{
inset:12% 18% auto;
height:42%;
background:radial-gradient(ellipse at 50% 40%,rgba(0,112,243,0.07),transparent 68%);
}
.edianco-services::after{
inset:auto 8% 0;
height:36%;
background:radial-gradient(ellipse at 50% 100%,rgba(0,70,180,0.06),transparent 72%);
}
.ed-svc-inner{
width:min(1240px,90vw);
margin:0 auto;
position:relative;
z-index:1;
}
.ed-svc-head{
max-width:760px;
margin:0 auto 48px;
text-align:center;
}
.ed-svc-head .hero-tech-tag{
margin-bottom:26px;
}
.award-v2 .edianco-services .ed-svc-title,
.ed-svc-title{
margin:0 0 18px;
font-family:'Inter',sans-serif;
font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);
font-weight:700;
line-height:1.12;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-svc-title-accent{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.ed-svc-lead{
margin:0 auto;
max-width:62ch;
font-size:clamp(0.85rem,0.78rem + 0.22vw,0.98rem);
line-height:1.6;
letter-spacing:0.03em;
color:#94a3b8;
}
.ed-svc-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:16px;
}
.ed-svc-card{
--svc-x:50%;
--svc-y:30%;
position:relative;
grid-column:span 2;
min-height:240px;
padding:28px 26px 24px;
border-radius:22px;
background:
linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0.015) 18%,transparent 42%),
rgba(6,10,18,0.58);
border:1px solid rgba(186,236,255,0.12);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
inset 0 -1px 0 rgba(0,40,90,0.18),
0 12px 36px rgba(0,0,0,0.32);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
overflow:hidden;
opacity:0;
transform:translate3d(0,22px,0);
transition:
border-color 0.55s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.55s cubic-bezier(0.16,1,0.3,1),
translate 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ed-svc-card:nth-child(4),
.ed-svc-card:nth-child(5),
.ed-svc-card:nth-child(6){
min-height:260px;
}
.ed-svc-card::after{
content:'';
position:absolute;
inset:0;
z-index:2;
border-radius:inherit;
padding:1px;
background:radial-gradient(
240px circle at var(--svc-x) var(--svc-y),
rgba(138,246,255,0.72) 0%,
rgba(0,212,255,0.28) 34%,
transparent 62%
);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
opacity:0;
transition:opacity 0.5s ease;
}
.ed-svc-card-glow{
position:absolute;
width:340px;
height:340px;
border-radius:50%;
left:var(--svc-x);
top:var(--svc-y);
transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(0,212,255,0.2) 0%,rgba(0,112,243,0.07) 42%,transparent 70%);
pointer-events:none;
opacity:0;
transition:opacity 0.5s ease;
mix-blend-mode:screen;
}
.ed-svc-card.is-in{
animation:edSvcEnter 0.85s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes edSvcEnter{
0%{opacity:0;transform:translate3d(0,26px,0);filter:blur(7px)}
100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media (hover:hover) and (pointer:fine){
.ed-svc-card:hover{
border-color:rgba(0,212,255,0.5);
translate:0 -6px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,70,150,0.12),
0 0 0 1px rgba(0,212,255,0.16),
0 0 28px rgba(0,212,255,0.14),
0 16px 40px rgba(0,80,180,0.2);
}
.ed-svc-card:hover::after,
.ed-svc-card:hover .ed-svc-card-glow{opacity:1}
.ed-svc-card:hover .ed-svc-icon{
transform:translateY(-4px) scale(1.05);
border-color:rgba(0,212,255,0.5);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.22),0 0 18px rgba(0,212,255,0.2);
}
.ed-svc-card:hover .ed-svc-icon::after{
opacity:1;
transform:scale(1);
}
.ed-svc-card:hover .ed-svc-icon svg{
transform:scale(1.06) rotate(-6deg);
}
}
.ed-svc-index{
position:relative;
display:block;
margin-bottom:22px;
font-family:'IBM Plex Mono',monospace;
font-size:0.64rem;
letter-spacing:0.18em;
color:#00d4ff;
}
.ed-svc-icon{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
margin-bottom:18px;
border-radius:14px;
color:#8af6ff;
background:rgba(6,12,26,0.55);
border:1px solid rgba(186,236,255,0.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
transition:
transform 0.55s cubic-bezier(0.16,1,0.3,1),
border-color 0.45s ease,
box-shadow 0.45s ease;
}
.ed-svc-icon::after{
content:'';
position:absolute;
inset:-6px;
border-radius:18px;
border:1px solid rgba(0,212,255,0.28);
opacity:0;
transform:scale(0.86);
pointer-events:none;
transition:transform 0.55s cubic-bezier(0.16,1,0.3,1),opacity 0.4s ease;
}
.ed-svc-icon svg{
position:relative;
z-index:1;
transition:transform 0.55s cubic-bezier(0.16,1,0.3,1);
}
.award-v2 .edianco-services .ed-svc-card-title,
.ed-svc-card-title{
position:relative;
margin:0 0 10px;
font-family:'Inter',sans-serif;
font-size:clamp(1.15rem,1.05rem + 0.4vw,1.4rem);
font-weight:700;
letter-spacing:-0.02em;
color:#ffffff;
}
.ed-svc-card-desc{
position:relative;
margin:0 0 22px;
font-size:0.9rem;
line-height:1.6;
color:#94a3b8;
}
.ed-svc-card-more{
position:relative;
display:inline-block;
font-family:'IBM Plex Mono',monospace;
font-size:0.64rem;
letter-spacing:0.14em;
text-transform:uppercase;
color:#cbd5e1;
transition:color 0.35s ease,transform 0.35s cubic-bezier(0.16,1,0.3,1);
}
.ed-svc-card:hover .ed-svc-card-more{
color:#00d4ff;
transform:translateX(5px);
}
.ed-svc-foot{
display:flex;
justify-content:center;
margin-top:40px;
}
@media (max-width:900px){
.ed-svc-card,
.ed-svc-card:nth-child(4),
.ed-svc-card:nth-child(5),
.ed-svc-card:nth-child(6){
grid-column:span 6;
min-height:0;
}
}
@media (prefers-reduced-motion:reduce){
.ed-svc-card,
.ed-svc-card.is-in,
.ed-svc-icon,
.ed-svc-icon::after,
.ed-svc-icon svg,
.ed-svc-card-more{
animation:none !important;
transition:none !important;
transform:none !important;
translate:none !important;
filter:none !important;
opacity:1 !important;
}
.ed-svc-icon::after,
.ed-svc-card::after,
.ed-svc-card-glow{
opacity:0 !important;
}
}

.award-v2 .edianco-portfolio,
.edianco-portfolio{
position:relative;
z-index:3;
isolation:isolate;
background:#05070c;
padding:clamp(80px,12vh,120px) 24px clamp(72px,10vh,110px);
overflow:hidden;
scroll-margin-top:88px;
}
.edianco-portfolio::before,
.edianco-portfolio::after{
content:'';
position:absolute;
pointer-events:none;
}
.edianco-portfolio::before{
inset:8% 22% auto;
height:38%;
background:radial-gradient(ellipse at 50% 30%,rgba(0,112,243,0.06),transparent 70%);
}
.edianco-portfolio::after{
inset:auto 10% 0;
height:32%;
background:radial-gradient(ellipse at 50% 100%,rgba(0,70,180,0.05),transparent 74%);
}
.ed-pf-inner{
width:min(1240px,90vw);
margin:0 auto;
position:relative;
z-index:1;
}
.ed-pf-head{
max-width:760px;
margin:0 auto 36px;
text-align:center;
}
.ed-pf-head .hero-tech-tag{
margin-bottom:26px;
}
.award-v2 .edianco-portfolio .ed-pf-title,
.ed-pf-title{
margin:0 0 18px;
font-family:'Inter',sans-serif;
font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);
font-weight:700;
line-height:1.12;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-pf-title-accent{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.ed-pf-lead{
margin:0 auto;
max-width:62ch;
font-size:clamp(0.85rem,0.78rem + 0.22vw,0.98rem);
line-height:1.6;
letter-spacing:0.03em;
color:#94a3b8;
}
.ed-pf-filters{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin:0 0 36px;
perspective:900px;
}
.ed-pf-filter{
--fx:50;
--fy:50;
appearance:none;
position:relative;
isolation:isolate;
overflow:hidden;
cursor:pointer;
padding:9px 18px;
border-radius:999px;
font-family:'IBM Plex Mono',monospace;
font-size:0.64rem;
font-weight:600;
letter-spacing:0.16em;
text-transform:uppercase;
color:#94a3b8;
background:
linear-gradient(180deg,rgba(255,255,255,0.07),rgba(6,12,26,0.52));
border:1px solid rgba(186,236,255,0.16);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
transform-style:preserve-3d;
transition:
color 0.4s cubic-bezier(0.16,1,0.3,1),
border-color 0.4s cubic-bezier(0.16,1,0.3,1),
background 0.4s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.4s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-filter::before{
content:'';
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(
118deg,
transparent 32%,
rgba(255,255,255,0.34) 48%,
rgba(0,212,255,0.18) 54%,
transparent 70%
);
background-size:220% 140%;
background-position:calc(var(--fx) * 1.5%) calc(var(--fy) * 0.6%);
opacity:0;
mix-blend-mode:screen;
transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-filter::after{
content:'';
position:absolute;
inset:-1px;
border-radius:inherit;
pointer-events:none;
box-shadow:0 0 0 0 rgba(0,212,255,0);
opacity:0;
}
.ed-pf-filter:hover{
color:#f4fcff;
border-color:rgba(0,212,255,0.62);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 0 0 1px rgba(0,212,255,0.1),
0 8px 18px rgba(0,0,0,0.28),
0 0 20px rgba(0,212,255,0.28);
text-shadow:0 0 14px rgba(0,212,255,0.36);
}
.ed-pf-filter:hover::before,
.ed-pf-filter.is-active::before{opacity:1}
.ed-pf-filter.is-active{
color:#e9fdff;
background:
linear-gradient(165deg,rgba(0,212,255,0.3),rgba(0,112,243,0.2) 58%,rgba(5,12,24,0.55));
border-color:rgba(0,212,255,0.82);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.26),
0 0 0 1px rgba(0,212,255,0.2),
0 0 22px rgba(0,212,255,0.38);
text-shadow:0 0 16px rgba(0,212,255,0.48);
}
.ed-pf-filter.is-pulse::after{
animation:edPfPulse 0.62s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-filter.is-pop{
animation:edPfPop 0.48s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-filter.is-sweep{
animation:edPfSweep 0.52s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-filter.is-bloom{
animation:edPfBloom 0.56s cubic-bezier(0.16,1,0.3,1);
}
@keyframes edPfPulse{
0%{opacity:1;box-shadow:0 0 0 0 rgba(0,212,255,0.42)}
100%{opacity:0;box-shadow:0 0 0 16px rgba(0,212,255,0)}
}
@keyframes edPfPop{
0%{filter:brightness(1)}
40%{filter:brightness(1.18)}
100%{filter:brightness(1)}
}
@keyframes edPfSweep{
0%{letter-spacing:0.16em}
45%{letter-spacing:0.2em}
100%{letter-spacing:0.16em}
}
@keyframes edPfBloom{
0%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(0,212,255,0.15)}
50%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 0 28px rgba(0,212,255,0.4)}
100%{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 0 0 1px rgba(0,212,255,0.12),0 0 20px rgba(0,212,255,0.28)}
}
.ed-pf-filter:focus-visible{
outline:2px solid rgba(0,212,255,0.7);
outline-offset:3px;
}
.ed-pf-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:16px;
}
.ed-pf-item{
--pf-x:50%;
--pf-y:36%;
position:relative;
grid-column:span 4;
display:flex;
flex-direction:column;
min-height:0;
border-radius:22px;
background:
linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0.015) 18%,transparent 42%),
rgba(6,10,18,0.58);
border:1px solid rgba(186,236,255,0.12);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
inset 0 -1px 0 rgba(0,40,90,0.18),
0 12px 36px rgba(0,0,0,0.32);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
overflow:hidden;
opacity:0;
transform:translate3d(0,22px,0);
transition:
border-color 0.55s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.55s cubic-bezier(0.16,1,0.3,1),
translate 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-item--lg{grid-column:span 8}
.ed-pf-item--md{grid-column:span 6}
.ed-pf-item--photo{grid-column:span 4}
.ed-pf-item--video{grid-column:span 6}
.edianco-portfolio.is-filtered .ed-pf-item,
.edianco-portfolio.is-filtered .ed-pf-item--lg,
.edianco-portfolio.is-filtered .ed-pf-item--md{
grid-column:span 6;
}
.edianco-portfolio.is-filtered .ed-pf-item--photo{
grid-column:span 4;
}
.edianco-portfolio.is-filtered .ed-pf-item--video{
grid-column:span 6;
}
.ed-pf-item.is-off{display:none}
.ed-pf-item.is-in{
animation:edPfEnter 0.85s cubic-bezier(0.16,1,0.3,1) both;
}
@keyframes edPfEnter{
0%{opacity:0;transform:translate3d(0,26px,0);filter:blur(7px)}
100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@media (hover:hover) and (pointer:fine){
.ed-pf-item:hover{
border-color:rgba(0,212,255,0.52);
translate:0 -6px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,70,150,0.12),
0 0 0 1px rgba(0,212,255,0.16),
0 0 28px rgba(0,212,255,0.14),
0 16px 40px rgba(0,80,180,0.2);
}
.ed-pf-item:hover .ed-pf-frame img,
.ed-pf-item:hover .ed-pf-frame video,
.ed-pf-item:hover .ed-pf-cover img,
.ed-pf-item:hover .ed-pf-ph{
transform:scale(1.045);
}
}
.ed-pf-media{
position:relative;
min-height:200px;
flex:1 1 auto;
overflow:hidden;
}
.ed-pf-media--video{min-height:220px}
.ed-pf-item--lg .ed-pf-media{min-height:280px}
.ed-pf-media::after{
content:'';
position:absolute;
width:260px;
height:260px;
left:var(--pf-x);
top:var(--pf-y);
transform:translate(-50%,-50%);
border-radius:50%;
background:radial-gradient(circle,rgba(0,212,255,0.12) 0%,rgba(0,112,243,0.04) 42%,transparent 70%);
pointer-events:none;
opacity:0;
mix-blend-mode:screen;
transition:opacity 0.45s ease;
}
.ed-pf-item:hover .ed-pf-media::after{opacity:1}
.ed-pf-item--photo .ed-pf-media{
min-height:0;
flex:0 0 auto;
padding:14px 14px 0;
}
.ed-pf-item--photo .ed-pf-media::after{display:none}
.ed-pf-item--video .ed-pf-media{
min-height:0;
flex:0 0 auto;
padding:14px 14px 0;
}
.ed-pf-item--video .ed-pf-media::after{display:none}
.ed-pf-item--audio .ed-pf-media{
min-height:0;
flex:0 0 auto;
padding:14px 14px 0;
}
.ed-pf-item--audio .ed-pf-media::after{display:none}
.ed-pf-sites{
grid-column:1 / -1;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
align-items:stretch;
justify-content:center;
width:100%;
}
.ed-pf-sites.is-off{display:none}
.ed-pf-item--site{
grid-column:auto;
width:100%;
height:100%;
align-self:stretch;
}
.edianco-portfolio.is-filtered .ed-pf-item--site{
grid-column:auto;
}
.ed-pf-item--site .ed-pf-media{
min-height:0;
flex:0 0 auto;
padding:12px 12px 0;
}
.ed-pf-item--site .ed-pf-media::after{display:none}
.ed-pf-item--site .ed-pf-cover{
aspect-ratio:16 / 9;
}
.ed-pf-item--site .ed-pf-ph{
inset:0;
border:0;
}
.ed-pf-item--site .ed-pf-meta{
padding:12px 14px 14px;
}
.ed-pf-item--site .ed-pf-link{
display:flex;
flex-direction:column;
flex:0 0 auto;
min-height:0;
color:inherit;
text-decoration:none;
}
.ed-pf-link:focus-visible{
outline:2px solid rgba(0,212,255,0.7);
outline-offset:-8px;
border-radius:22px;
}
.ed-pf-cover{
position:relative;
margin:0;
aspect-ratio:1 / 1;
border-radius:16px;
overflow:hidden;
background:rgba(5,8,16,0.55);
}
.ed-pf-cover img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-player{
display:grid;
grid-template-columns:40px 1fr auto;
align-items:center;
gap:12px;
padding:0 18px 18px;
}
.ed-pf-audio-btn{
width:40px;
height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
margin:0;
padding:0;
border-radius:50%;
border:1px solid rgba(186,236,255,0.32);
background:rgba(6,12,26,0.65);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 0 14px rgba(0,212,255,0.12);
cursor:pointer;
transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),border-color 0.35s ease;
}
.ed-pf-audio-btn:hover{
transform:scale(1.04);
border-color:rgba(0,212,255,0.5);
}
.ed-pf-audio-btn:focus-visible{
outline:2px solid rgba(0,212,255,0.7);
outline-offset:3px;
}
.ed-pf-audio-icon{
width:0;
height:0;
margin-left:2px;
border-style:solid;
border-width:6px 0 6px 10px;
border-color:transparent transparent transparent #8af6ff;
}
.ed-pf-item--audio.is-playing .ed-pf-audio-icon{
width:10px;
height:12px;
margin-left:0;
border:0;
background:
linear-gradient(#8af6ff,#8af6ff) left / 3px 100% no-repeat,
linear-gradient(#8af6ff,#8af6ff) right / 3px 100% no-repeat;
}
.ed-pf-audio-seek{
-webkit-appearance:none;
appearance:none;
width:100%;
height:4px;
border-radius:999px;
background:rgba(186,236,255,0.16);
outline:none;
cursor:pointer;
accent-color:#00d4ff;
}
.ed-pf-audio-seek::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:12px;
height:12px;
border-radius:50%;
background:#00d4ff;
border:0;
box-shadow:0 0 10px rgba(0,212,255,0.45);
}
.ed-pf-audio-time{
min-width:4.2ch;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.06em;
color:#94a3b8;
}
.ed-pf-frame{
position:relative;
margin:0;
aspect-ratio:9 / 16;
border-radius:16px;
overflow:hidden;
background:rgba(5,8,16,0.55);
}
.ed-pf-frame img,
.ed-pf-frame video{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center 18%;
transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-play-btn{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
margin:0;
padding:0;
border:0;
background:rgba(5,8,16,0.28);
cursor:pointer;
transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),background 0.35s ease;
}
.ed-pf-play-btn:hover{background:rgba(5,8,16,0.16)}
.ed-pf-play-btn:focus-visible{
outline:2px solid rgba(0,212,255,0.7);
outline-offset:-10px;
}
.ed-pf-item--video.is-playing .ed-pf-play-btn{
opacity:0;
pointer-events:none;
}
.ed-pf-ph{
position:absolute;
inset:14px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
color:#8af6ff;
background:
radial-gradient(ellipse at 50% 40%,rgba(0,102,255,0.08),transparent 62%),
rgba(5,8,16,0.55);
border:1px dashed rgba(186,236,255,0.18);
transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ed-pf-play{
width:52px;
height:52px;
border-radius:50%;
border:1px solid rgba(186,236,255,0.32);
background:rgba(6,12,26,0.65);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 0 18px rgba(0,212,255,0.12);
position:relative;
}
.ed-pf-play::after{
content:'';
position:absolute;
left:20px;
top:17px;
border-style:solid;
border-width:8px 0 8px 13px;
border-color:transparent transparent transparent #8af6ff;
}
.ed-pf-wave{
display:flex;
align-items:flex-end;
gap:5px;
height:36px;
}
.ed-pf-wave i{
display:block;
width:3px;
border-radius:999px;
background:linear-gradient(180deg,#00e5ff,#0070f3);
opacity:0.72;
}
.ed-pf-wave i:nth-child(1){height:12px}
.ed-pf-wave i:nth-child(2){height:22px}
.ed-pf-wave i:nth-child(3){height:30px}
.ed-pf-wave i:nth-child(4){height:18px}
.ed-pf-wave i:nth-child(5){height:26px}
.ed-pf-wave i:nth-child(6){height:14px}
.ed-pf-wave i:nth-child(7){height:20px}
.ed-pf-browser{
width:min(220px,70%);
border-radius:12px;
overflow:hidden;
border:1px solid rgba(186,236,255,0.2);
background:rgba(6,12,26,0.7);
}
.ed-pf-browser-bar{
display:flex;
align-items:center;
gap:5px;
padding:8px 10px;
border-bottom:1px solid rgba(186,236,255,0.1);
}
.ed-pf-browser-bar i{
width:6px;
height:6px;
border-radius:50%;
background:rgba(148,163,184,0.55);
}
.ed-pf-browser-bar i:first-child{background:rgba(0,212,255,0.55)}
.ed-pf-browser-body{
display:block;
height:72px;
background:
linear-gradient(180deg,rgba(0,212,255,0.04),transparent 55%),
repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,0.02) 18px,rgba(255,255,255,0.02) 19px);
}
.ed-pf-meta{
position:relative;
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:8px 14px;
padding:16px 18px 18px;
}
.ed-pf-cat{
width:100%;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.16em;
text-transform:uppercase;
color:#00d4ff;
}
.award-v2 .edianco-portfolio .ed-pf-slot,
.ed-pf-slot{
font-family:'Inter',sans-serif;
font-size:1.05rem;
font-weight:700;
letter-spacing:-0.02em;
color:#ffffff;
}
.ed-pf-wait{
margin-left:auto;
font-family:'IBM Plex Mono',monospace;
font-size:0.6rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:#64748b;
}
@media (max-width:900px){
.ed-pf-item,
.ed-pf-item--lg,
.ed-pf-item--md,
.edianco-portfolio.is-filtered .ed-pf-item,
.edianco-portfolio.is-filtered .ed-pf-item--lg,
.edianco-portfolio.is-filtered .ed-pf-item--md{
grid-column:span 12;
}
.ed-pf-item--photo,
.edianco-portfolio.is-filtered .ed-pf-item--photo{
grid-column:span 6;
}
.ed-pf-item--video,
.edianco-portfolio.is-filtered .ed-pf-item--video{
grid-column:span 12;
}
.ed-pf-sites{
grid-template-columns:1fr;
}
.ed-pf-item--lg .ed-pf-media,
.ed-pf-media--video{min-height:200px}
.ed-pf-wait{margin-left:0}
}
@media (max-width:768px){
.award-v2 .edianco-portfolio#portfolio,
.edianco-portfolio{
padding:80px 20px 72px !important;
}
}
@media (prefers-reduced-motion:reduce){
.ed-pf-item,
.ed-pf-item.is-in,
.ed-pf-frame img,
.ed-pf-frame video,
.ed-pf-cover img,
.ed-pf-ph,
.ed-pf-filter{
animation:none !important;
transition:none !important;
transform:none !important;
translate:none !important;
filter:none !important;
opacity:1 !important;
}
}

.award-v2 .edianco-proof,
.edianco-proof{
position:relative;
z-index:3;
isolation:isolate;
background:#05070c;
padding:clamp(80px,12vh,120px) 24px clamp(88px,12vh,128px);
overflow:hidden;
scroll-margin-top:88px;
}
.edianco-proof::before,
.edianco-proof::after{
content:'';
position:absolute;
pointer-events:none;
}
.edianco-proof::before{
inset:6% 16% auto;
height:40%;
background:radial-gradient(ellipse at 50% 30%,rgba(0,112,243,0.08),transparent 70%);
}
.edianco-proof::after{
inset:auto 10% 0;
height:34%;
background:radial-gradient(ellipse at 50% 100%,rgba(0,212,255,0.05),transparent 74%);
}
.ed-proof-rain{
position:absolute;
inset:0;
width:100%;
height:100%;
pointer-events:none;
z-index:0;
mix-blend-mode:screen;
opacity:0.95;
}
.ed-proof-inner{
width:min(1240px,90vw);
margin:0 auto;
position:relative;
z-index:1;
}
.ed-proof-head{
max-width:760px;
margin:0 auto 48px;
text-align:center;
}
.ed-proof-head .hero-tech-tag{margin-bottom:26px}
.award-v2 .edianco-proof .ed-proof-title,
.ed-proof-title{
margin:0 0 18px;
font-family:'Inter',sans-serif;
font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);
font-weight:700;
line-height:1.12;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-proof-title-accent{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.ed-proof-lead{
margin:0 auto;
max-width:62ch;
font-size:clamp(0.85rem,0.78rem + 0.22vw,0.98rem);
line-height:1.6;
letter-spacing:0.03em;
color:#94a3b8;
}
.ed-proof-stage{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
height:min(620px,72vh);
overflow:hidden;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
.ed-proof-col{
position:relative;
overflow:hidden;
}
.ed-proof-track{
display:flex;
flex-direction:column;
gap:16px;
will-change:transform;
}
.ed-proof-col--up .ed-proof-track{
animation:edProofUp 46s linear infinite;
}
.ed-proof-col--down .ed-proof-track{
animation:edProofDown 52s linear infinite;
}
.ed-proof-col:nth-child(3) .ed-proof-track{
animation-duration:40s;
}
@keyframes edProofUp{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(0,-50%,0)}
}
@keyframes edProofDown{
from{transform:translate3d(0,-50%,0)}
to{transform:translate3d(0,0,0)}
}
.ed-proof-col:hover .ed-proof-track{
animation-play-state:paused;
}
.ed-proof-card{
padding:22px 22px 20px;
border-radius:22px;
background:
linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0.015) 18%,transparent 42%),
rgba(6,10,18,0.72);
border:1px solid rgba(186,236,255,0.12);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
inset 0 -1px 0 rgba(0,40,90,0.18),
0 12px 36px rgba(0,0,0,0.32);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
transition:
border-color 0.55s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.55s cubic-bezier(0.16,1,0.3,1),
translate 0.55s cubic-bezier(0.16,1,0.3,1);
}
@media (hover:hover) and (pointer:fine){
.ed-proof-card:hover{
border-color:rgba(0,212,255,0.52);
translate:0 -4px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,70,150,0.12),
0 0 0 1px rgba(0,212,255,0.16),
0 0 28px rgba(0,212,255,0.16),
0 16px 40px rgba(0,80,180,0.2);
}
}
.ed-proof-quote{
margin:0 0 18px;
font-size:0.95rem;
line-height:1.55;
letter-spacing:-0.01em;
color:#e8eef5;
}
.ed-proof-who{
display:flex;
align-items:center;
gap:12px;
}
.ed-proof-avatar{
position:relative;
width:36px;
height:36px;
flex:0 0 36px;
display:inline-flex;
align-items:center;
justify-content:center;
overflow:hidden;
border-radius:50%;
font-family:'IBM Plex Mono',monospace;
font-size:0.58rem;
letter-spacing:0.08em;
color:#8af6ff;
background:
radial-gradient(circle at 35% 30%,rgba(0,229,255,0.22),transparent 58%),
rgba(6,14,28,0.9);
border:1px solid rgba(0,212,255,0.28);
box-shadow:0 0 12px rgba(0,212,255,0.12);
}
.ed-proof-photo{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:50%;
opacity:0;
pointer-events:none;
}
.ed-proof-initials{
position:relative;
z-index:1;
}
.ed-proof-avatar.has-photo{
background:#05070c;
}
.ed-proof-avatar.has-photo .ed-proof-photo{opacity:1}
.ed-proof-avatar.has-photo .ed-proof-initials{opacity:0}
.ed-proof-who strong{
display:block;
font-size:0.86rem;
font-weight:650;
color:#ffffff;
}
.ed-proof-who em{
display:block;
margin-top:2px;
font-family:'IBM Plex Mono',monospace;
font-style:normal;
font-size:0.6rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:#94a3b8;
}
@media (max-width:900px){
.ed-proof-stage{grid-template-columns:1fr 1fr;height:min(560px,70vh)}
.ed-proof-col:nth-child(3){display:none}
}
@media (max-width:640px){
.award-v2 .edianco-proof,
.edianco-proof{padding:80px 20px 84px}
.ed-proof-stage{grid-template-columns:1fr}
.ed-proof-col:nth-child(2){display:none}
}
@media (prefers-reduced-motion:reduce){
.ed-proof-col--up .ed-proof-track,
.ed-proof-col--down .ed-proof-track{
animation:none;
transform:none;
}
.ed-proof-stage{
height:auto;
-webkit-mask-image:none;
mask-image:none;
}
.ed-proof-col{overflow:visible}
.ed-proof-rain{display:none}
}

.award-v2 .edianco-train,
.edianco-train{
position:relative;
z-index:3;
isolation:isolate;
display:flex;
flex-direction:column;
background:#05070c;
padding:clamp(80px,12vh,120px) 0 clamp(36px,6vh,56px);
overflow:hidden;
scroll-margin-top:88px;
}
.edianco-train::before,
.edianco-train::after{
content:'';
position:absolute;
pointer-events:none;
}
.edianco-train::before{
inset:4% 12% auto;
height:38%;
background:radial-gradient(ellipse at 50% 20%,rgba(0,112,243,0.1),transparent 70%);
}
.edianco-train::after{
inset:auto 8% 8%;
height:28%;
background:radial-gradient(ellipse at 50% 100%,rgba(0,212,255,0.06),transparent 74%);
}
.ed-train-inner{
width:min(1240px,90vw);
margin:0 auto;
position:relative;
z-index:1;
padding:0 0 48px;
}
.ed-train-head{
max-width:760px;
margin:0 auto 52px;
text-align:center;
}
.ed-train-head .hero-tech-tag{margin-bottom:26px}
.award-v2 .edianco-train .ed-train-title,
.ed-train-title{
margin:0 0 18px;
font-family:'Inter',sans-serif;
font-size:clamp(2rem,1.2rem + 2.4vw,3.6rem);
font-weight:700;
line-height:1.12;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-train-title-accent{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
}
.ed-train-lead{
margin:0 auto;
max-width:62ch;
font-size:clamp(0.85rem,0.78rem + 0.22vw,0.98rem);
line-height:1.6;
letter-spacing:0.03em;
color:#94a3b8;
}
.ed-train-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
align-items:stretch;
perspective:1200px;
perspective-origin:50% 38%;
}
.ed-train-card{
--train-x:50%;
--train-y:40%;
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
border-radius:24px;
text-decoration:none;
color:inherit;
transform-style:preserve-3d;
background:
linear-gradient(180deg,rgba(255,255,255,0.045) 0%,rgba(255,255,255,0.015) 18%,transparent 42%),
rgba(6,10,18,0.78);
border:1px solid rgba(186,236,255,0.12);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.1),
inset 0 -1px 0 rgba(0,40,90,0.18),
0 16px 40px rgba(0,0,0,0.36);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
transition:
border-color 0.6s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.7s cubic-bezier(0.16,1,0.3,1),
z-index 0s;
}
.ed-train-card::after{
content:'';
position:absolute;
inset:0;
border-radius:inherit;
padding:1px;
background:radial-gradient(
220px circle at var(--train-x) var(--train-y),
rgba(138,246,255,0.55) 0%,
rgba(0,212,255,0.22) 36%,
transparent 64%
);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
opacity:0;
transition:opacity 0.5s ease;
}
.ed-train-card-glow{
position:absolute;
width:320px;
height:320px;
border-radius:50%;
left:var(--train-x);
top:var(--train-y);
transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(0,212,255,0.18) 0%,rgba(0,112,243,0.06) 42%,transparent 70%);
pointer-events:none;
opacity:0;
z-index:2;
mix-blend-mode:screen;
transition:opacity 0.5s ease;
}
.ed-train-media{
position:relative;
margin:0;
aspect-ratio:1672 / 941;
overflow:hidden;
background:#05070c;
}
.ed-train-media img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
transition:transform 0.9s cubic-bezier(0.16,1,0.3,1);
}
.ed-train-media::before{
content:'';
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(110deg,transparent 36%,rgba(0,229,255,0.14) 50%,transparent 64%);
transform:translateX(-130%);
pointer-events:none;
}
.ed-train-media::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 58%,rgba(5,7,12,0.55) 100%);
pointer-events:none;
}
.ed-train-body{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
flex:1;
padding:22px 22px 24px;
}
.ed-train-index{
display:block;
margin-bottom:10px;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.18em;
color:#00d4ff;
}
.ed-train-kicker{
display:block;
margin-bottom:8px;
font-family:'IBM Plex Mono',monospace;
font-size:0.6rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:#94a3b8;
}
.award-v2 .edianco-train .ed-train-card-title,
.ed-train-card-title{
margin:0 0 10px;
font-family:'Inter',sans-serif;
font-size:clamp(1.05rem,0.95rem + 0.35vw,1.28rem);
font-weight:700;
letter-spacing:-0.02em;
line-height:1.25;
color:#ffffff;
}
.ed-train-card-desc{
margin:0 0 22px;
font-size:0.88rem;
line-height:1.55;
color:#94a3b8;
}
.ed-train-cta{
position:relative;
isolation:isolate;
margin-top:auto;
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
gap:10px;
padding:8px 16px 8px 8px;
overflow:hidden;
border-radius:999px;
font-family:'Inter',sans-serif;
font-size:0.7rem;
font-weight:650;
letter-spacing:0.1em;
color:#f4fcff;
background:
linear-gradient(180deg,rgba(255,255,255,0.06),transparent 42%),
rgba(5,8,14,0.92);
border:1px solid rgba(0,212,255,0.28);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.12),
0 0 0 1px rgba(0,40,90,0.25),
0 8px 22px rgba(0,0,0,0.35),
0 0 18px rgba(0,212,255,0.08);
transition:
border-color 0.5s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.5s cubic-bezier(0.16,1,0.3,1),
translate 0.5s cubic-bezier(0.16,1,0.3,1),
color 0.4s ease;
}
.ed-train-cta::before{
content:'';
position:absolute;
inset:0;
background:linear-gradient(110deg,transparent 28%,rgba(0,229,255,0.22) 50%,transparent 72%);
transform:translateX(-140%);
pointer-events:none;
z-index:0;
}
.ed-train-cta-icon,
.ed-train-cta-label,
.ed-train-cta-arrow{
position:relative;
z-index:1;
}
.ed-train-cta-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border-radius:50%;
color:#8af6ff;
background:
radial-gradient(circle at 35% 30%,rgba(0,229,255,0.42),transparent 58%),
rgba(0,40,90,0.55);
border:1px solid rgba(0,212,255,0.4);
box-shadow:0 0 12px rgba(0,212,255,0.28);
animation:edTrainIconPulse 3.6s ease-in-out infinite;
}
.ed-train-cta-icon svg{
width:12px;
height:12px;
margin-left:1px;
}
.ed-train-cta-arrow{
display:inline-flex;
color:#00d4ff;
transition:transform 0.5s cubic-bezier(0.16,1,0.3,1);
}
.ed-train-cta-arrow svg{
width:14px;
height:14px;
}
@keyframes edTrainIconPulse{
0%,100%{box-shadow:0 0 10px rgba(0,212,255,0.22)}
50%{box-shadow:0 0 18px rgba(0,212,255,0.42)}
}
@keyframes edTrainCtaSheen{
to{transform:translateX(140%)}
}
@keyframes edTrainMediaSheen{
to{transform:translateX(130%)}
}
@media (hover:hover) and (pointer:fine){
.ed-train-card.is-3d{
z-index:4;
will-change:transform;
border-color:rgba(0,212,255,0.5);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.2),
inset 0 -1px 0 rgba(0,70,150,0.12),
0 0 0 1px rgba(0,212,255,0.16),
0 0 36px rgba(0,212,255,0.2),
0 22px 28px rgba(0,12,28,0.28),
0 36px 64px rgba(0,8,24,0.5);
}
.ed-train-card.is-3d::after,
.ed-train-card.is-3d .ed-train-card-glow{opacity:1}
.ed-train-card.is-3d .ed-train-media img{transform:scale(1.04) translateY(-3px)}
.ed-train-card:hover .ed-train-media::before{
animation:edTrainMediaSheen 0.9s cubic-bezier(0.16,1,0.3,1);
}
.ed-train-card:hover .ed-train-cta{
border-color:rgba(0,212,255,0.62);
color:#ffffff;
translate:0 -1px;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
0 0 0 1px rgba(0,212,255,0.12),
0 0 22px rgba(0,212,255,0.22),
0 10px 24px rgba(0,0,0,0.32);
}
.ed-train-card:hover .ed-train-cta::before{
animation:edTrainCtaSheen 0.75s cubic-bezier(0.16,1,0.3,1);
}
.ed-train-card:hover .ed-train-cta-icon{
animation:none;
box-shadow:0 0 16px rgba(0,212,255,0.5);
transform:scale(1.06);
}
.ed-train-card:hover .ed-train-cta-arrow{
transform:translateX(4px);
}
.ed-train-grid .ed-train-card:nth-child(2){margin-top:-16px}
}
.ed-train-marquee{
position:relative;
z-index:1;
margin-top:28px;
padding:18px 0;
overflow:hidden;
border-top:1px solid rgba(186,236,255,0.08);
-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.ed-train-marquee-track{
display:flex;
width:max-content;
gap:48px;
align-items:center;
animation:edTrainMarquee 42s linear infinite;
}
.ed-train-marquee-track span{
font-family:'IBM Plex Mono',monospace;
font-size:0.68rem;
letter-spacing:0.16em;
text-transform:uppercase;
color:rgba(186,236,255,0.55);
white-space:nowrap;
}
.ed-train-marquee-track span::before{
content:'';
display:inline-block;
width:6px;
height:6px;
margin-right:48px;
border-radius:50%;
background:#00d4ff;
box-shadow:0 0 10px rgba(0,212,255,0.55);
vertical-align:middle;
}
@keyframes edTrainMarquee{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-50%,0,0)}
}
@media (max-width:980px){
.ed-train-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
.ed-train-grid .ed-train-card:nth-child(2){margin-top:0}
}
@media (max-width:640px){
.award-v2 .edianco-train,
.edianco-train{padding:80px 0 28px}
.ed-train-inner{width:min(100%,92vw)}
}
@media (prefers-reduced-motion:reduce){
.ed-train-marquee-track,
.ed-train-cta-icon,
.ed-train-cta::before,
.ed-train-media::before{animation:none !important}
.ed-train-card,
.ed-train-card:hover,
.ed-train-card.is-3d,
.ed-train-media img,
.ed-train-cta,
.ed-train-cta-icon,
.ed-train-cta-arrow{
transition:none !important;
translate:none !important;
transform:none !important;
}
}

.award-v2 .edianco-about,
.edianco-about{
--about-x:68%;
--about-y:38%;
position:relative;
z-index:3;
isolation:isolate;
display:flex;
flex-direction:column;
justify-content:center;
min-height:min(100svh,980px);
background:#05070c;
overflow:hidden;
scroll-margin-top:88px;
}
.edianco-about::before{
content:'';
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:
radial-gradient(ellipse 52% 58% at 18% 48%,rgba(0,112,243,0.1),transparent 62%),
radial-gradient(ellipse 40% 48% at 72% 36%,rgba(0,212,255,0.08),transparent 58%);
}
.ed-about-fx,
.ed-about-cursor,
.ed-about-lines{
position:absolute;
inset:0;
pointer-events:none;
}
.ed-about-fx{z-index:2;mix-blend-mode:screen;opacity:0.62}
.ed-about-cursor{
z-index:3;
background:radial-gradient(460px circle at var(--about-x) var(--about-y),rgba(0,212,255,0.11),rgba(0,112,243,0.028) 40%,transparent 64%);
}
.ed-about-lines{
z-index:2;
background:
linear-gradient(90deg,transparent 16%,rgba(0,212,255,0.055) 16.06%,transparent 16.14%),
linear-gradient(180deg,transparent 28%,rgba(0,112,243,0.045) 28.06%,transparent 28.14%);
mask-image:radial-gradient(ellipse at 74% 36%,#000 18%,transparent 70%);
-webkit-mask-image:radial-gradient(ellipse at 74% 36%,#000 18%,transparent 70%);
animation:edAboutLineDrift 32s ease-in-out infinite;
}
@keyframes edAboutLineDrift{
0%,100%{opacity:0.38;transform:translate3d(0,0,0)}
50%{opacity:0.72;transform:translate3d(-10px,7px,0)}
}
.ed-about-photo{
position:absolute;
top:0;
right:0;
width:min(64vw,900px);
height:100%;
margin:0;
z-index:0;
will-change:transform;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,0.35) 18%,#000 46%,#000 100%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,0.35) 18%,#000 46%,#000 100%);
}
.ed-about-photo img{
width:100%;
height:100%;
object-fit:cover;
object-position:50% 40%;
display:block;
filter:saturate(0.9) contrast(1.05) brightness(0.97);
}
.ed-about-photo::before,
.ed-about-photo::after{
content:'';
position:absolute;
inset:0;
pointer-events:none;
z-index:1;
}
.ed-about-photo::before{
background:
linear-gradient(90deg,#05070c 0%,rgba(5,7,12,0.82) 26%,rgba(5,7,12,0.28) 52%,transparent 74%),
linear-gradient(180deg,rgba(5,7,12,0.28) 0%,transparent 18%,transparent 78%,#05070c 100%);
}
.ed-about-photo::after{
background:
radial-gradient(ellipse at 56% 32%,rgba(0,212,255,0.16),transparent 42%),
radial-gradient(ellipse at 80% 82%,rgba(0,112,243,0.12),transparent 50%);
mix-blend-mode:screen;
}
.ed-about-inner{
position:relative;
z-index:4;
width:min(1240px,90vw);
margin:0 auto;
padding:clamp(96px,12vh,128px) 0;
}
.ed-about-copy{
max-width:560px;
}
.ed-about-copy .hero-tech-tag{margin-bottom:26px}
.award-v2 .edianco-about .ed-about-title,
.ed-about-title{
--title-mx:50%;
--title-my:40%;
position:relative;
margin:0 0 22px;
font-family:'Inter',sans-serif;
font-size:clamp(2.05rem,1.15rem + 2.6vw,3.7rem);
font-weight:700;
line-height:1.08;
letter-spacing:-0.035em;
color:#ffffff;
}
.ed-about-title::before{
content:'';
position:absolute;
inset:-12% -8%;
pointer-events:none;
background:radial-gradient(240px circle at var(--title-mx) var(--title-my),rgba(0,212,255,0.08),rgba(0,112,243,0.025) 46%,transparent 72%);
opacity:0;
transition:opacity 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ed-about-title::after{
content:'';
position:absolute;
inset:-8% -4%;
pointer-events:none;
background:linear-gradient(108deg,transparent 36%,rgba(0,212,255,0.16) 50%,transparent 64%);
background-size:220% 100%;
background-position:130% 0;
mix-blend-mode:screen;
opacity:0;
}
.ed-about-lead{
margin:0 0 36px;
max-width:44ch;
font-size:clamp(0.92rem,0.86rem + 0.2vw,1.05rem);
line-height:1.7;
color:#94a3b8;
}
.ed-about-mantra{
position:relative;
margin:0;
font-family:'IBM Plex Mono',monospace;
font-size:clamp(0.78rem,0.7rem + 0.22vw,0.92rem);
letter-spacing:0.2em;
text-transform:uppercase;
}
.ed-about-mantra::after{
content:'';
position:absolute;
inset:-30% -6%;
pointer-events:none;
background:linear-gradient(108deg,transparent 34%,rgba(0,212,255,0.2) 50%,transparent 66%);
background-size:220% 100%;
background-position:130% 0;
mix-blend-mode:screen;
opacity:0;
}
.award-v2 .edianco-about .ed-about-title .ed-about-key,
.ed-about-title .ed-about-key{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
background-size:180% 100%;
-webkit-background-clip:text;
background-clip:text;
color:#00d4ff;
-webkit-text-fill-color:transparent;
}
.award-v2 .edianco-about .ed-about-mantra .ed-about-key,
.ed-about-mantra .ed-about-key{
display:inline-block;
color:#00d4ff;
-webkit-text-fill-color:#00d4ff;
text-shadow:0 0 16px rgba(0,212,255,0.22);
animation:edAboutKeyGlow 5.6s ease-in-out infinite;
}
.ed-about-mantra .ed-about-key:nth-child(3){animation-delay:0.8s}
.ed-about-mantra .ed-about-key:nth-child(5){animation-delay:1.6s}
@keyframes edAboutTitleFlow{
0%,100%{background-position:0% 50%}
50%{background-position:100% 50%}
}
.ed-about-dot{
color:#00d4ff;
margin-right:0.7em;
}
.ed-about-dot:last-child{margin-right:0}
@keyframes edAboutKeyGlow{
0%,100%{text-shadow:0 0 8px rgba(0,212,255,0.1)}
50%{text-shadow:0 0 18px rgba(0,212,255,0.38)}
}
@keyframes edAboutShimmerSweep{
0%{opacity:0;background-position:130% 0}
18%{opacity:1}
100%{opacity:0;background-position:-30% 0}
}
@media (hover:hover) and (pointer:fine){
.ed-about-title,
.ed-about-mantra{cursor:default}
.ed-about-title.is-hot{
text-shadow:0 0 28px rgba(0,212,255,0.12);
}
.ed-about-title.is-hot::before{opacity:1}
.ed-about-title.is-hot::after,
.ed-about-mantra.is-hot::after{
animation:edAboutShimmerSweep 1.15s cubic-bezier(0.16,1,0.3,1);
}
.ed-about-title.is-hot .ed-about-key{
background-size:220% 100%;
animation:edAboutTitleFlow 1.35s cubic-bezier(0.16,1,0.3,1);
}
.ed-about-mantra .ed-about-key,
.ed-about-mantra .ed-about-dot{
transition:
transform 0.65s cubic-bezier(0.16,1,0.3,1),
text-shadow 0.65s cubic-bezier(0.16,1,0.3,1),
color 0.65s cubic-bezier(0.16,1,0.3,1);
}
.ed-about-mantra.is-hot .ed-about-key{
animation:none;
color:#8af6ff;
-webkit-text-fill-color:#8af6ff;
text-shadow:0 0 22px rgba(0,212,255,0.48);
transform:translateY(-2px);
}
.ed-about-mantra.is-hot .ed-about-key:nth-child(3){transition-delay:0.05s}
.ed-about-mantra.is-hot .ed-about-key:nth-child(5){transition-delay:0.1s}
.ed-about-mantra.is-hot .ed-about-dot{
color:#8af6ff;
text-shadow:0 0 12px rgba(0,212,255,0.4);
transform:translateY(-2px);
}
}
@media (max-width:900px){
.award-v2 .edianco-about,
.edianco-about{min-height:0}
.ed-about-photo{
position:relative;
width:100%;
height:min(58vh,520px);
-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 72%,transparent 100%);
}
.ed-about-photo img{object-position:50% 22%}
.ed-about-photo::before{
background:
linear-gradient(180deg,#05070c 0%,transparent 22%,transparent 62%,#05070c 100%),
linear-gradient(90deg,#05070c 0%,transparent 18%,transparent 82%,#05070c 100%);
}
.ed-about-inner{padding:36px 0 88px}
.ed-about-copy{max-width:100%}
}
@media (prefers-reduced-motion:reduce){
.ed-about-fx,
.ed-about-cursor,
.ed-about-lines{display:none}
.ed-about-photo,
.ed-about-mantra .ed-about-key,
.ed-about-title::before,
.ed-about-title::after,
.ed-about-mantra::after,
.ed-about-lines{
animation:none !important;
transform:none !important;
filter:none !important;
}
}

.award-v2 .edianco-social,
.edianco-social{
--soc-x:74%;
--soc-y:46%;
position:relative;
z-index:3;
isolation:isolate;
background:#05070c;
overflow:hidden;
scroll-margin-top:88px;
contain:layout;
}
.edianco-social::before{
content:'';
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(ellipse 46% 54% at 78% 48%,rgba(0,212,255,0.09),transparent 58%),
radial-gradient(ellipse 36% 48% at 18% 42%,rgba(0,112,243,0.07),transparent 62%);
}
.ed-soc-inner{
position:relative;
z-index:1;
width:min(1240px,90vw);
margin:0 auto;
padding:clamp(64px,8vh,96px) 0;
display:grid;
grid-template-columns:minmax(0,0.92fr) minmax(320px,1.08fr);
gap:clamp(28px,5vw,64px);
align-items:center;
}
.ed-soc-copy{max-width:520px}
.ed-soc-copy .hero-tech-tag{margin-bottom:20px}
.award-v2 .edianco-social .ed-soc-title,
.ed-soc-title{
margin:0 0 16px;
font-family:'Inter',sans-serif;
font-size:clamp(2.25rem,1.2rem + 3.05vw,4.05rem);
font-weight:700;
line-height:1.02;
letter-spacing:-0.042em;
color:#ffffff;
}
.ed-soc-title-accent{
--mx:50%;
--my:42%;
--rx:0deg;
--ry:0deg;
position:relative;
display:inline-block;
color:#00d4ff;
}
.ed-soc-title-accent::before{
content:'';
position:absolute;
inset:-22% -10%;
pointer-events:none;
background:radial-gradient(190px circle at var(--mx) var(--my),rgba(0,212,255,0.26),rgba(0,112,243,0.08) 40%,transparent 68%);
opacity:0;
filter:blur(1px);
transition:opacity 0.5s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-title-accent.is-lit::before{opacity:1}
.ed-soc-glass{
position:relative;
display:inline-block;
transform:perspective(780px) rotateX(var(--rx)) rotateY(var(--ry));
transform-style:preserve-3d;
transition:transform 0.55s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-w{display:inline-block;white-space:nowrap}
.ed-soc-sp{display:inline-block;width:0.32em}
.ed-soc-ch{
display:inline-block;
position:relative;
background-image:
linear-gradient(118deg,transparent 34%,rgba(255,255,255,0.78) 48%,rgba(138,246,255,0.42) 54%,transparent 70%),
linear-gradient(180deg,rgba(255,255,255,0.92) 0%,#8af6ff 26%,#00d4ff 62%,#3ec4ff 100%);
background-size:220% 140%,100% 100%;
background-position:130% 0,0 0;
-webkit-background-clip:text;
background-clip:text;
color:#00d4ff;
-webkit-text-fill-color:transparent;
filter:
drop-shadow(0 1px 0 rgba(255,255,255,0.22))
drop-shadow(0 10px 16px rgba(0,80,180,0.16))
drop-shadow(0 0 14px rgba(0,212,255,0.2));
transform:translate3d(var(--tx,0px),var(--ty,0px),0);
transition:
transform 0.45s cubic-bezier(0.16,1,0.3,1),
background-position 0.55s cubic-bezier(0.16,1,0.3,1),
filter 0.45s cubic-bezier(0.16,1,0.3,1);
will-change:transform;
}
.ed-soc-title-accent.is-lit .ed-soc-ch{
background-position:calc(var(--mx) * 1.55) 40%,0 0;
filter:
drop-shadow(0 1px 0 rgba(255,255,255,0.3))
drop-shadow(0 12px 18px rgba(0,80,180,0.2))
drop-shadow(0 0 18px rgba(0,212,255,0.32));
}
.ed-soc-lead{
margin:0 0 22px;
max-width:46ch;
font-size:clamp(0.88rem,0.82rem + 0.16vw,0.98rem);
line-height:1.65;
color:#94a3b8;
}
.ed-soc-feats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin:0 0 16px;
padding:14px 4px 12px;
list-style:none;
border-top:1px solid rgba(255,255,255,0.06);
border-bottom:1px solid rgba(255,255,255,0.06);
}
.ed-soc-feats li{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
text-align:center;
}
.ed-soc-feat-ico{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:50%;
color:#8af6ff;
border:1px solid rgba(0,212,255,0.28);
background:rgba(0,212,255,0.06);
box-shadow:0 0 16px rgba(0,212,255,0.12);
}
.ed-soc-feat-ico svg{width:13px;height:13px;display:block}
.ed-soc-feats strong{
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
font-weight:500;
letter-spacing:0.04em;
line-height:1.35;
color:#94a3b8;
}
.ed-soc-links{
display:grid;
gap:10px;
}
.ed-soc-row{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:36px 1fr auto;
align-items:center;
gap:12px;
min-height:52px;
padding:0 16px 0 12px;
border-radius:14px;
text-decoration:none;
color:inherit;
border:1px solid rgba(0,212,255,0.22);
background:linear-gradient(180deg,rgba(8,14,24,0.88),rgba(5,7,12,0.92));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
transition:
border-color 0.45s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.45s cubic-bezier(0.16,1,0.3,1),
background 0.45s cubic-bezier(0.16,1,0.3,1),
translate 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-row::after{
content:'';
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(108deg,transparent 28%,rgba(138,246,255,0.16) 50%,transparent 72%);
transform:translateX(-130%);
}
.ed-soc-row-ico{
width:32px;
height:32px;
display:grid;
place-items:center;
color:#8af6ff;
}
.ed-soc-row-ico svg{width:18px;height:18px;display:block}
.ed-soc-row-copy{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.ed-soc-row-copy b{
font-family:'Inter',sans-serif;
font-size:0.92rem;
font-weight:600;
letter-spacing:-0.02em;
color:#ffffff;
}
.ed-soc-row-copy em{
font-family:'IBM Plex Mono',monospace;
font-size:0.68rem;
font-style:normal;
letter-spacing:0.04em;
color:#94a3b8;
}
.ed-soc-row-go{
font-size:0.95rem;
color:#00d4ff;
transition:translate 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-soon{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:2px 0 0;
padding:0;
list-style:none;
}
.ed-soc-chip{
position:relative;
overflow:hidden;
display:flex;
align-items:center;
gap:8px;
width:100%;
min-height:46px;
padding:8px 10px;
border-radius:12px;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
font-weight:600;
letter-spacing:0.04em;
text-decoration:none;
border:1px solid rgba(255,255,255,0.08);
color:#cbd5e1;
background:rgba(8,12,20,0.72);
}
.ed-soc-chip svg{
width:14px;
height:14px;
flex:0 0 auto;
color:#8af6ff;
opacity:0.72;
}
.ed-soc-chip span{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.ed-soc-chip i{
font-style:normal;
font-size:0.54rem;
font-weight:500;
letter-spacing:0.08em;
text-transform:uppercase;
color:#64748b;
}
.ed-soc-chip.is-soon{cursor:default}
.ed-soc-stage{
position:relative;
display:flex;
align-items:center;
justify-content:center;
min-height:0;
}
.ed-soc-fx,
.ed-soc-cursor{
position:absolute;
inset:0;
pointer-events:none;
}
.ed-soc-fx{z-index:2;mix-blend-mode:screen;opacity:0.62}
.ed-soc-cursor{
z-index:1;
background:radial-gradient(380px circle at var(--soc-x) var(--soc-y),rgba(0,212,255,0.12),rgba(0,112,243,0.04) 42%,transparent 66%);
}
.ed-soc-orbit{
--node:54px;
--orbit-r:168px;
--orbit-dur:56s;
position:relative;
z-index:3;
width:min(500px,100%);
aspect-ratio:1;
opacity:0;
filter:blur(16px);
scale:0.86;
}
.ed-soc-orbit.is-born{
opacity:1;
filter:blur(0);
scale:1;
transition:
opacity 1.1s cubic-bezier(0.16,1,0.3,1),
filter 1.1s cubic-bezier(0.16,1,0.3,1),
scale 1.2s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-halo,
.ed-soc-ring{
position:absolute;
border-radius:50%;
pointer-events:none;
}
.ed-soc-halo{
inset:24%;
background:radial-gradient(circle,rgba(0,212,255,0.2),transparent 70%);
filter:blur(14px);
}
.ed-soc-ring--a{
inset:calc(50% - var(--orbit-r));
border:1px solid rgba(0,212,255,0.22);
box-shadow:
0 0 24px rgba(0,212,255,0.08),
inset 0 0 24px rgba(0,212,255,0.04);
}
.ed-soc-ring--b{
inset:18%;
border:1px solid rgba(0,212,255,0.1);
}
.ed-soc-ring--c{
inset:8%;
border:1px solid rgba(0,212,255,0.07);
background:conic-gradient(from 210deg,transparent 0 72%,rgba(0,212,255,0.28) 80%,transparent 88%);
-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));
mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));
animation:edSocSpin 28s linear infinite;
}
.ed-soc-dots{
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 78% 22%,rgba(0,212,255,0.7) 0 1.4px,transparent 1.8px),
radial-gradient(circle at 24% 30%,rgba(0,212,255,0.45) 0 1.1px,transparent 1.5px),
radial-gradient(circle at 18% 68%,rgba(0,212,255,0.38) 0 1.1px,transparent 1.5px),
radial-gradient(circle at 70% 78%,rgba(0,212,255,0.32) 0 1px,transparent 1.4px);
}
.ed-soc-core{
position:absolute;
top:50%;
left:50%;
z-index:4;
width:148px;
height:148px;
margin:-74px 0 0 -74px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
border-radius:50%;
background:
radial-gradient(circle at 34% 28%,rgba(0,212,255,0.2),transparent 58%),
radial-gradient(circle at 50% 50%,#071018 0%,#05070c 72%);
border:1px solid rgba(0,212,255,0.42);
box-shadow:
0 0 0 14px rgba(5,7,12,0.86),
0 0 48px rgba(0,212,255,0.22),
0 0 90px rgba(0,112,243,0.12),
inset 0 0 24px rgba(0,212,255,0.08);
}
.ed-soc-core::before{
content:'';
position:absolute;
inset:-18px;
border-radius:50%;
border:1px solid rgba(0,212,255,0.1);
pointer-events:none;
}
.ed-soc-core-mark{
display:block;
width:38px;
height:38px;
filter:drop-shadow(0 0 10px rgba(0,212,255,0.35));
}
.ed-soc-core-mark svg{width:100%;height:100%;display:block}
.ed-soc-core strong{
font-family:'IBM Plex Mono',monospace;
font-size:0.68rem;
font-weight:600;
letter-spacing:0.16em;
color:#8af6ff;
}
.ed-soc-track{
position:absolute;
inset:0;
z-index:3;
animation:edSocSpin var(--orbit-dur) linear infinite;
}
.ed-soc-node{
position:absolute;
top:50%;
left:50%;
width:var(--node);
height:var(--node);
margin:calc(var(--node) / -2) 0 0 calc(var(--node) / -2);
display:grid;
place-items:center;
color:inherit;
text-decoration:none;
transform:rotate(calc(var(--i) * 72deg)) translateY(calc(-1 * var(--orbit-r))) rotate(calc(var(--i) * -72deg));
}
.ed-soc-node-face{
width:100%;
height:100%;
display:grid;
place-items:center;
border-radius:14px;
color:#8af6ff;
background:
radial-gradient(circle at 30% 26%,rgba(0,212,255,0.18),transparent 58%),
#070b12;
border:1px solid rgba(0,212,255,0.42);
box-shadow:
0 0 0 1px rgba(5,7,12,0.7),
0 8px 22px rgba(0,0,0,0.35),
0 0 22px rgba(0,212,255,0.16);
animation:edSocCounter var(--orbit-dur) linear infinite;
transition:
border-color 0.45s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.45s cubic-bezier(0.16,1,0.3,1),
background 0.45s cubic-bezier(0.16,1,0.3,1),
color 0.45s cubic-bezier(0.16,1,0.3,1),
scale 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-node-face svg{
width:20px;
height:20px;
display:block;
}
.ed-soc-node.is-soon{cursor:default}
.ed-soc-node.is-soon .ed-soc-node-face{opacity:0.88}
@keyframes edSocSpin{
to{transform:rotate(360deg)}
}
@keyframes edSocCounter{
to{transform:rotate(-360deg)}
}
@media (hover:hover) and (pointer:fine){
.ed-soc-row:hover{
border-color:rgba(0,212,255,0.55);
background:linear-gradient(180deg,rgba(0,212,255,0.1),rgba(5,7,12,0.94));
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.06),
0 0 24px rgba(0,212,255,0.14);
translate:0 -2px;
}
.ed-soc-row:hover::after{
transform:translateX(130%);
transition:transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.ed-soc-row:hover .ed-soc-row-go{translate:3px -2px}
.ed-soc-chip.is-soon:hover{
border-color:rgba(0,212,255,0.22);
color:#e2e8f0;
}
.ed-soc-orbit.is-paused .ed-soc-track,
.ed-soc-orbit.is-paused .ed-soc-node-face,
.ed-soc-orbit.is-paused .ed-soc-ring--c{
animation-play-state:paused;
}
.ed-soc-node:hover .ed-soc-node-face,
.ed-soc-node:focus-visible .ed-soc-node-face{
color:#05070c;
background:linear-gradient(135deg,#00d4ff 0%,#0070f3 100%);
border-color:#8af6ff;
box-shadow:0 0 32px rgba(0,212,255,0.46);
scale:1.08;
}
}
@media (max-width:900px){
.ed-soc-inner{
grid-template-columns:1fr;
gap:36px;
padding:80px 0 88px;
}
.ed-soc-copy{max-width:100%}
.ed-soc-stage{min-height:0}
.ed-soc-orbit{
width:min(360px,88vw);
--node:46px;
--orbit-r:126px;
}
.ed-soc-core{width:118px;height:118px;margin:-59px 0 0 -59px}
.ed-soc-feats{padding-left:0;padding-right:0}
}
@media (prefers-reduced-motion:reduce){
.ed-soc-fx,
.ed-soc-cursor{display:none}
.ed-soc-orbit,
.ed-soc-orbit.is-born{
opacity:1;
filter:none;
scale:1;
transition:none;
}
.ed-soc-track,
.ed-soc-node-face,
.ed-soc-ring--c,
.ed-soc-row::after{
animation:none !important;
}
.ed-soc-glass,
.ed-soc-ch{
transform:none !important;
filter:drop-shadow(0 0 10px rgba(0,212,255,0.18));
}
}

.award-v2 .edianco-contact,
.edianco-contact{
position:relative;
z-index:3;
isolation:isolate;
background:#05070c;
overflow:hidden;
scroll-margin-top:88px;
}
.edianco-contact::before{
content:'';
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(ellipse 42% 52% at 36% 58%,rgba(0,212,255,0.08),transparent 62%),
radial-gradient(ellipse 38% 46% at 82% 36%,rgba(0,112,243,0.07),transparent 64%);
}
.ed-ct-inner{
position:relative;
z-index:1;
width:min(1240px,90vw);
margin:0 auto;
padding:clamp(56px,6.5vh,88px) 0;
display:grid;
grid-template-columns:minmax(0,0.92fr) minmax(220px,0.72fr) minmax(0,1fr);
gap:clamp(28px,4vw,56px);
align-items:center;
}
.ed-ct-copy{max-width:460px}
.ed-ct-copy .hero-tech-tag,
.ed-ct-faq .hero-tech-tag{margin-bottom:16px}
.award-v2 .edianco-contact .ed-ct-title,
.ed-ct-title{
margin:0 0 16px;
font-family:'Inter',sans-serif;
font-size:clamp(1.7rem,1rem + 1.9vw,2.85rem);
font-weight:700;
line-height:1.08;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-ct-title-accent,
.ed-ct-faq-title span{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
color:#00d4ff;
-webkit-text-fill-color:transparent;
}
.ed-ct-lead{
margin:0 0 16px;
max-width:42ch;
font-size:clamp(0.88rem,0.82rem + 0.16vw,0.98rem);
line-height:1.65;
color:#94a3b8;
}
.ed-ct-feats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0 0 20px;
padding:12px 0 10px;
list-style:none;
border-top:1px solid rgba(255,255,255,0.06);
border-bottom:1px solid rgba(255,255,255,0.06);
}
.ed-ct-feats li{
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
text-align:center;
}
.ed-ct-feat-ico{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:50%;
color:#8af6ff;
border:1px solid rgba(0,212,255,0.28);
background:rgba(0,212,255,0.06);
box-shadow:0 0 16px rgba(0,212,255,0.12);
}
.ed-ct-feat-ico svg{width:13px;height:13px;display:block}
.ed-ct-feats strong{
font-family:'IBM Plex Mono',monospace;
font-size:0.6rem;
font-weight:500;
letter-spacing:0.04em;
line-height:1.35;
color:#94a3b8;
}
.ed-ct-cta{
gap:10px;
}
.ed-ct-cta-wa{
width:16px;
height:16px;
display:block;
flex:0 0 auto;
}
.ed-ct-status{
display:flex;
align-items:center;
gap:8px;
margin:14px 0 0;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.08em;
color:#64748b;
}
.ed-ct-status i{
width:7px;
height:7px;
border-radius:50%;
background:#00d4ff;
box-shadow:0 0 10px rgba(0,212,255,0.7);
animation:edCtPulse 2.4s ease-in-out infinite;
}
@keyframes edCtPulse{
0%,100%{opacity:0.55;box-shadow:0 0 8px rgba(0,212,255,0.4)}
50%{opacity:1;box-shadow:0 0 14px rgba(0,212,255,0.8)}
}
.ed-ct-stage{
display:flex;
align-items:center;
justify-content:center;
min-height:420px;
perspective:1200px;
}
.ed-ct-device{
position:relative;
width:min(230px,100%);
transform-style:preserve-3d;
}
.ed-ct-device::before{
content:'';
position:absolute;
left:50%;
bottom:-8%;
width:78%;
height:28%;
translate:-50% 0;
background:radial-gradient(ellipse,rgba(0,212,255,0.28),transparent 70%);
filter:blur(18px);
pointer-events:none;
}
.ed-ct-phone{
position:relative;
z-index:1;
aspect-ratio:9 / 17.4;
padding:14px 12px 16px;
border-radius:28px;
background:
linear-gradient(180deg,rgba(255,255,255,0.06),transparent 22%),
#070b12;
border:1px solid rgba(0,212,255,0.28);
box-shadow:
0 0 0 8px rgba(5,7,12,0.72),
0 24px 50px rgba(0,0,0,0.45),
0 0 40px rgba(0,212,255,0.12);
}
.ed-ct-phone::after{
content:'';
position:absolute;
top:8px;
left:50%;
width:68px;
height:6px;
translate:-50% 0;
border-radius:999px;
background:rgba(255,255,255,0.08);
}
.ed-ct-phone-bar{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
align-items:baseline;
gap:6px;
margin:16px 2px 18px;
}
.ed-ct-phone-bar strong{
font-family:'IBM Plex Mono',monospace;
font-size:0.54rem;
letter-spacing:0.06em;
white-space:nowrap;
color:#8af6ff;
}
.ed-ct-phone-bar span{
font-family:'IBM Plex Mono',monospace;
font-size:0.5rem;
letter-spacing:0.08em;
text-transform:uppercase;
white-space:nowrap;
color:#64748b;
}
.ed-ct-chat{
margin:0 2px;
padding:12px 14px;
border-radius:16px 16px 16px 6px;
background:linear-gradient(180deg,rgba(0,212,255,0.12),rgba(0,112,243,0.08));
border:1px solid rgba(0,212,255,0.2);
box-shadow:0 0 18px rgba(0,212,255,0.08);
}
.ed-ct-chat p{
margin:0;
font-size:0.7rem;
line-height:1.5;
color:#e2e8f0;
}
.ed-ct-chat span{
display:block;
margin-top:8px;
font-family:'IBM Plex Mono',monospace;
font-size:0.48rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:#64748b;
}
.ed-ct-composer{
position:absolute;
left:12px;
right:12px;
bottom:16px;
display:flex;
align-items:center;
gap:8px;
height:32px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.08);
background:rgba(255,255,255,0.04);
}
.ed-ct-composer i{
width:6px;
height:6px;
border-radius:50%;
background:#00d4ff;
box-shadow:0 0 8px rgba(0,212,255,0.55);
}
.ed-ct-composer b{
font-family:'IBM Plex Mono',monospace;
font-size:0.5rem;
font-weight:400;
letter-spacing:0.08em;
text-transform:uppercase;
color:#64748b;
}
.ed-ct-wa-mark{
position:absolute;
right:-18px;
bottom:18px;
z-index:2;
width:58px;
height:58px;
display:grid;
place-items:center;
border-radius:50%;
color:#05070c;
background:
radial-gradient(circle at 32% 28%,#8af6ff,transparent 42%),
linear-gradient(160deg,#00d4ff 0%,#0070f3 100%);
box-shadow:
0 10px 24px rgba(0,0,0,0.35),
0 0 28px rgba(0,212,255,0.45);
animation:edCtFloat 4.8s ease-in-out infinite;
}
.ed-ct-wa-mark svg{width:28px;height:28px;display:block}
@keyframes edCtFloat{
0%,100%{translate:0 0}
50%{translate:0 -6px}
}
.ed-ct-faq{min-width:0}
.award-v2 .edianco-contact .ed-ct-faq-title,
.ed-ct-faq-title{
margin:0 0 22px;
font-family:'Inter',sans-serif;
font-size:clamp(1.55rem,0.95rem + 1.6vw,2.45rem);
font-weight:700;
line-height:1.1;
letter-spacing:-0.03em;
color:#ffffff;
}
.ed-ct-faq-list{
display:grid;
gap:8px;
}
.ed-faq-item{
border-radius:14px;
border:1px solid rgba(255,255,255,0.08);
background:rgba(8,12,20,0.72);
overflow:hidden;
transition:
border-color 0.45s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.45s cubic-bezier(0.16,1,0.3,1),
background 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-faq-item[open]{
border-color:rgba(0,212,255,0.38);
background:rgba(0,212,255,0.05);
box-shadow:0 0 22px rgba(0,212,255,0.1);
}
.ed-faq-item summary{
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:50px;
padding:11px 16px;
cursor:pointer;
font-family:'Inter',sans-serif;
font-size:0.88rem;
font-weight:550;
letter-spacing:-0.015em;
color:#e2e8f0;
}
.ed-faq-item summary::-webkit-details-marker{display:none}
.ed-faq-plus{
flex:0 0 auto;
width:22px;
height:22px;
display:grid;
place-items:center;
border-radius:50%;
font-size:1.05rem;
line-height:1;
color:#00d4ff;
border:1px solid rgba(0,212,255,0.28);
transition:transform 0.45s cubic-bezier(0.16,1,0.3,1),background 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-faq-item[open] .ed-faq-plus{
transform:rotate(45deg);
background:rgba(0,212,255,0.12);
}
.ed-faq-body{
padding:0 16px 14px;
}
.ed-faq-body p{
margin:0;
max-width:48ch;
font-size:0.84rem;
line-height:1.6;
color:#94a3b8;
}
@media (hover:hover) and (pointer:fine){
.ed-faq-item:hover{
border-color:rgba(0,212,255,0.28);
}
.ed-ct-cta:hover{
box-shadow:0 0 28px rgba(0,212,255,0.28);
}
}
@media (max-width:1080px){
.ed-ct-inner{
grid-template-columns:minmax(0,1fr) minmax(160px,200px) minmax(0,1fr);
gap:20px;
}
.ed-ct-stage{min-height:340px}
.ed-ct-device{width:min(190px,100%)}
.ed-ct-wa-mark{width:48px;height:48px;right:-10px}
.ed-ct-wa-mark svg{width:22px;height:22px}
}
@media (max-width:760px){
.ed-ct-inner{
grid-template-columns:1fr;
gap:36px;
padding:80px 0 88px;
}
.ed-ct-copy{max-width:100%}
.ed-ct-stage{min-height:0}
.ed-ct-device{width:min(210px,56vw);margin:0 auto}
}
@media (prefers-reduced-motion:reduce){
.ed-ct-status i,
.ed-ct-wa-mark{animation:none !important}
.ed-ct-device{transform:none !important}
}

.award-v2 .edianco-footer,
.edianco-footer{
position:relative;
z-index:3;
isolation:isolate;
overflow:hidden;
background:#05070c;
border-top:1px solid rgba(0,212,255,0.12);
}
.edianco-footer::before{
content:'';
position:absolute;
top:0;
left:8%;
right:8%;
height:1px;
background:linear-gradient(90deg,transparent,rgba(0,212,255,0.55),rgba(0,112,243,0.35),transparent);
pointer-events:none;
}
.edianco-footer::after{
content:'';
position:absolute;
inset:auto 20% -40% 20%;
height:220px;
background:radial-gradient(ellipse,rgba(0,212,255,0.08),transparent 70%);
pointer-events:none;
}
.ed-ft-inner{
position:relative;
z-index:1;
width:min(1240px,90vw);
margin:0 auto;
padding:clamp(56px,7vh,88px) 0 36px;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr) auto;
gap:clamp(28px,4vw,64px);
align-items:start;
}
.ed-ft-logo{
display:inline-block;
text-decoration:none;
font-family:'Inter',sans-serif;
font-size:clamp(1.35rem,1.1rem + 0.7vw,1.7rem);
font-weight:700;
letter-spacing:-0.04em;
color:#ffffff;
transition:color 0.45s cubic-bezier(0.16,1,0.3,1);
}
.ed-ft-logo span{
background:linear-gradient(135deg,#8af6ff 0%,#00e5ff 45%,#3ec4ff 100%);
-webkit-background-clip:text;
background-clip:text;
color:#00d4ff;
-webkit-text-fill-color:transparent;
}
.ed-ft-mantra{
margin:14px 0 0;
max-width:34ch;
font-family:'Inter',sans-serif;
font-size:0.92rem;
font-weight:400;
line-height:1.55;
letter-spacing:-0.015em;
color:#94a3b8;
}
.ed-ft-nav{
display:flex;
flex-direction:column;
gap:10px;
padding-top:6px;
}
.ed-ft-nav a{
width:fit-content;
text-decoration:none;
font-family:'IBM Plex Mono',monospace;
font-size:0.72rem;
font-weight:500;
letter-spacing:0.1em;
text-transform:uppercase;
color:#cbd5e1;
transition:
color 0.4s cubic-bezier(0.16,1,0.3,1),
translate 0.4s cubic-bezier(0.16,1,0.3,1);
}
.ed-ft-social{
display:flex;
align-items:center;
gap:10px;
padding-top:4px;
}
.ed-ft-social a,
.ed-ft-social span{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:50%;
color:#8af6ff;
border:1px solid rgba(0,212,255,0.22);
background:rgba(0,212,255,0.04);
transition:
border-color 0.4s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),
background 0.4s cubic-bezier(0.16,1,0.3,1),
translate 0.4s cubic-bezier(0.16,1,0.3,1),
color 0.4s cubic-bezier(0.16,1,0.3,1);
}
.ed-ft-social svg{width:16px;height:16px;display:block}
.ed-ft-social span.is-soon{
color:#64748b;
border-color:rgba(148,163,184,0.18);
background:transparent;
cursor:default;
}
.ed-ft-bar{
position:relative;
z-index:1;
width:min(1240px,90vw);
margin:0 auto;
padding:18px 0 92px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
border-top:1px solid rgba(255,255,255,0.06);
}
.ed-ft-legal{
display:flex;
flex-wrap:wrap;
gap:18px;
}
.ed-ft-legal a{
text-decoration:none;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.08em;
color:#64748b;
transition:color 0.4s cubic-bezier(0.16,1,0.3,1);
}
.ed-ft-copy{
margin:0;
font-family:'IBM Plex Mono',monospace;
font-size:0.62rem;
letter-spacing:0.06em;
color:#475569;
}
@media (hover:hover) and (pointer:fine){
.ed-ft-logo:hover{color:#8af6ff}
.ed-ft-nav a:hover{
color:#00d4ff;
translate:4px 0;
}
.ed-ft-social a:hover{
color:#05070c;
background:#00d4ff;
border-color:#00d4ff;
box-shadow:0 0 22px rgba(0,212,255,0.35);
translate:0 -3px;
}
.ed-ft-legal a:hover{color:#8af6ff}
}
@media (max-width:860px){
.ed-ft-inner{
grid-template-columns:1fr;
gap:28px;
padding-bottom:28px;
}
.ed-ft-bar{
flex-direction:column;
align-items:flex-start;
padding-bottom:96px;
}
}
@media (prefers-reduced-motion:reduce){
.ed-ft-nav a,
.ed-ft-social a{translate:none !important}
}

.edianco-services,
.edianco-portfolio,
.edianco-proof,
.edianco-train,
.edianco-about,
.edianco-social,
.edianco-contact,
.edianco-footer{
scroll-margin-top:88px;
}

.ed-sr{
opacity:0 !important;
translate:0 26px;
filter:blur(5px);
will-change:opacity,translate,filter;
}
.ed-sr.ed-sr-in{
opacity:1 !important;
translate:0 0;
filter:blur(0);
transition:
opacity 0.85s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
translate 0.85s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
filter 0.85s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s);
}
#servicos .ed-sr,
#portfolio .ed-sr,
#prova .ed-sr,
#tecnologia .ed-sr,
#sobre .ed-sr,
#redes .ed-sr,
#contato .ed-sr,
#rodape .ed-sr{
translate:0 36px;
filter:blur(8px);
}
#servicos .ed-sr.ed-sr-in,
#portfolio .ed-sr.ed-sr-in,
#prova .ed-sr.ed-sr-in,
#tecnologia .ed-sr.ed-sr-in,
#sobre .ed-sr.ed-sr-in,
#redes .ed-sr.ed-sr-in,
#contato .ed-sr.ed-sr-in,
#rodape .ed-sr.ed-sr-in{
translate:0 0;
filter:blur(0);
transition:
opacity 1s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
translate 1s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
filter 1s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s);
}
.ed-svc-card.ed-sr,
.ed-svc-card.ed-sr.ed-sr-in,
.ed-pf-item.ed-sr,
.ed-pf-item.ed-sr.ed-sr-in{
transform:none;
animation:none;
}
.ed-train-card.ed-sr,
.ed-train-card.ed-sr.ed-sr-in{
animation:none;
}
#tecnologia .ed-train-card.ed-sr{
scale:0.985;
}
#tecnologia .ed-train-card.ed-sr.ed-sr-in{
scale:1;
transition:
opacity 1.05s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
translate 1.05s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
filter 1.05s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s),
scale 1.05s cubic-bezier(0.16,1,0.3,1) var(--sr-delay,0s);
}
@media (prefers-reduced-motion:reduce){
.ed-sr,
.ed-sr.ed-sr-in{
opacity:1 !important;
translate:none !important;
filter:none !important;
transition:none !important;
will-change:auto;
}
}