body:has(.service-page) { margin:0; overflow-x:hidden; background:#020b12; color:#fff; }
.service-page,.service-page * { box-sizing:border-box; }
.service-page { --service-blue:#009fe3; --service-ink:#020b12; --service-glass:rgba(174,222,243,.09); min-height:100vh; overflow:hidden; background:#020b12; color:#fff; font-family:"Uni2 Grotesk",Arial,sans-serif; }

.service-page-header { position:fixed; z-index:1000; top:22px; left:50%; width:min(calc(100% - 36px),1180px); min-height:68px; display:grid; grid-template-columns:160px 1fr 130px; align-items:center; gap:20px; padding:9px 10px 9px 22px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:linear-gradient(120deg,rgba(187,226,243,.17),rgba(7,26,39,.56) 40%,rgba(170,221,242,.1)); box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.05); backdrop-filter:blur(28px) saturate(165%); -webkit-backdrop-filter:blur(28px) saturate(165%); transform:translateX(-50%); }
.service-page-header::before { content:""; position:absolute; inset:1px 14% auto; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent); }
.service-page-brand { width:126px; line-height:0; }
.service-page-brand img { width:100%; height:auto; }
.service-page-header > nav { display:flex; align-items:center; justify-content:center; gap:clamp(16px,2.5vw,36px); }
.service-page-header > nav > a,.service-page-nav-dropdown > button { border:0; background:transparent; color:rgba(255,255,255,.78); font:700 9px/1 "Uni2 Grotesk",Arial,sans-serif; letter-spacing:.15em; text-decoration:none; text-transform:uppercase; cursor:pointer; }
.service-page-nav-dropdown { position:relative; }
.service-page-nav-dropdown > button { display:flex; align-items:center; gap:10px; }
.service-page-nav-dropdown > button span { color:var(--service-blue); font-size:15px; }
.service-page-nav-dropdown > div { position:absolute; top:calc(100% + 25px); left:50%; width:250px; display:grid; gap:3px; padding:10px; border:1px solid rgba(255,255,255,.18); border-radius:20px; background:linear-gradient(145deg,rgba(176,221,240,.16),rgba(3,16,25,.86)); box-shadow:0 25px 70px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18); transform:translateX(-50%); backdrop-filter:blur(28px) saturate(150%); -webkit-backdrop-filter:blur(28px) saturate(150%); }
.service-page-nav-dropdown > div[hidden] { display:none; }
.service-page-nav-dropdown > div a { min-height:42px; display:flex; align-items:center; padding:0 13px; border-radius:11px; color:rgba(255,255,255,.68); font-family:"Uni2 Editorial",Georgia,serif; font-size:18px; text-decoration:none; }
.service-page-nav-dropdown > div a:hover,.service-page-nav-dropdown > div a[aria-current="page"] { background:rgba(0,159,227,.13); color:#fff; }
.service-page-contact { min-height:48px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04)); box-shadow:inset 0 1px 0 rgba(255,255,255,.2); color:#fff; font:700 9px/1 "Uni2 Grotesk",Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; cursor:pointer; }

.service-detail-hero { position:relative; min-height:100svh; display:grid; align-content:center; padding:150px max(24px,calc((100vw - 1240px)/2)) 100px; overflow:hidden; background:radial-gradient(circle at 78% 19%,rgba(0,159,227,.29),transparent 31%),radial-gradient(circle at 12% 88%,rgba(37,139,185,.15),transparent 30%),linear-gradient(145deg,#020b12,#061c2b 56%,#031019); }
.service-detail-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 25%),radial-gradient(circle at 62% 48%,rgba(255,255,255,.055),transparent 1.5%,transparent 28%); mask-image:linear-gradient(#000,transparent 96%); }
.service-detail-hero::after { content:""; position:absolute; width:42vw; height:42vw; right:-8vw; top:5vw; border-radius:42% 58% 64% 36% / 51% 35% 65% 49%; border:1px solid rgba(255,255,255,.11); background:linear-gradient(135deg,rgba(166,225,250,.12),rgba(255,255,255,.015)); box-shadow:inset 35px 30px 90px rgba(255,255,255,.035),0 60px 120px rgba(0,0,0,.25); backdrop-filter:blur(2px); transform:rotate(-13deg); }
.service-detail-hero h1,.service-detail-intro,.service-detail-nexo-lockup { position:relative; z-index:2; }
.service-detail-hero h1 { max-width:1120px; margin:0; font-family:"Uni2 Editorial",Georgia,serif; font-size:clamp(78px,10vw,160px); font-weight:400; letter-spacing:-.06em; line-height:.78; text-wrap:balance; }
.service-detail-intro { display:grid; grid-template-columns:minmax(0,650px) auto; align-items:end; justify-content:space-between; gap:40px; margin-top:62px; }
.service-detail-intro p { margin:0; color:rgba(255,255,255,.67); font-size:15px; line-height:1.78; }
.service-detail-intro button,.service-detail-final button { min-width:280px; min-height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 13px 0 26px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055)); box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 22px 55px rgba(0,0,0,.2); color:#fff; font:700 9px/1 "Uni2 Grotesk",Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); }
.service-detail-intro button span,.service-detail-final button i { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(0,159,227,.34); color:#fff; font-size:25px; font-style:normal; line-height:1; transition:transform .25s ease,background .25s ease; }
.service-detail-intro button:hover span,.service-detail-final button:hover i { background:var(--service-blue); transform:translateX(3px); }
.service-detail-orbit { position:absolute; right:-12vw; top:10%; width:min(60vw,850px); aspect-ratio:1; border:1px solid rgba(0,159,227,.1); border-radius:50%; box-shadow:0 0 0 9vw rgba(0,159,227,.025),0 0 0 18vw rgba(0,159,227,.015); }
.service-detail-nexo-lockup { width:min(610px,72vw); margin:0 0 54px; padding:clamp(22px,3vw,38px) clamp(26px,4vw,54px); border:1px solid rgba(255,255,255,.8); border-radius:32px; background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(226,242,250,.88)); box-shadow:0 34px 80px rgba(0,0,0,.28),inset 0 1px 0 #fff; }
.service-detail-nexo-logo { display:block; width:100%; height:auto; }

.service-detail-pillars { position:relative; padding:clamp(100px,11vw,170px) max(24px,calc((100vw - 1320px)/2)); overflow:hidden; background:radial-gradient(circle at 48% 20%,rgba(0,159,227,.18),transparent 35%),linear-gradient(180deg,#03131e,#020b12); }
.service-detail-pillars::before { content:""; position:absolute; left:10%; top:15%; width:80%; height:65%; border-radius:50%; background:rgba(0,159,227,.11); filter:blur(120px); }
.service-detail-pillars-inner { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); align-items:start; gap:clamp(18px,2.3vw,34px); }
.service-detail-pillars article { position:relative; min-height:440px; padding:clamp(34px,4vw,60px); overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:38px; background:linear-gradient(145deg,rgba(194,229,244,.15),rgba(255,255,255,.035) 50%,rgba(0,159,227,.07)); box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 25px 15px 60px rgba(255,255,255,.025),0 35px 80px rgba(0,0,0,.3); backdrop-filter:blur(25px) saturate(140%); -webkit-backdrop-filter:blur(25px) saturate(140%); }
.service-detail-pillars article:nth-child(2) { margin-top:78px; }
.service-detail-pillars article:nth-child(3) { margin-top:28px; }
.service-detail-pillars article::after { content:""; position:absolute; width:180px; height:180px; right:-70px; top:-65px; border-radius:50%; background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.28),rgba(0,159,227,.08) 52%,transparent 70%); }
.service-glass-signal { height:34px; display:flex; align-items:flex-end; gap:5px; }
.service-glass-signal i { display:block; width:5px; border-radius:999px; background:linear-gradient(#8bdfff,var(--service-blue)); box-shadow:0 0 16px rgba(0,159,227,.55); }
.service-glass-signal i:nth-child(1) { height:12px; }
.service-glass-signal i:nth-child(2) { height:28px; }
.service-glass-signal i:nth-child(3) { height:19px; }
.service-detail-pillars h2 { margin:82px 0 28px; font-family:"Uni2 Editorial",Georgia,serif; font-size:clamp(38px,3.15vw,54px); font-weight:400; letter-spacing:-.04em; line-height:.92; overflow-wrap:anywhere; hyphens:auto; }
.service-detail-pillars p { margin:0; color:rgba(255,255,255,.6); font-size:13px; line-height:1.78; }

.service-detail-process { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(60px,8vw,130px); padding:clamp(110px,12vw,180px) max(24px,calc((100vw - 1240px)/2)); overflow:hidden; background:radial-gradient(circle at 5% 20%,rgba(0,159,227,.16),transparent 26%),#020b12; }
.service-detail-process::after { content:""; position:absolute; right:-16vw; bottom:-22vw; width:52vw; aspect-ratio:1; border:1px solid rgba(0,159,227,.1); border-radius:50%; }
.service-detail-process h2 { position:relative; z-index:1; margin:0; font-family:"Uni2 Editorial",Georgia,serif; font-size:clamp(58px,6.5vw,100px); font-weight:400; letter-spacing:-.055em; line-height:.82; text-wrap:balance; }
.service-detail-process ol { position:relative; z-index:1; display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.service-detail-process li { min-height:86px; display:grid; grid-template-columns:28px 1fr; align-items:center; gap:20px; padding:0 26px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:linear-gradient(110deg,rgba(175,224,245,.11),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.16); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.service-detail-process li:nth-child(even) { margin-left:40px; }
.service-detail-process li span { width:13px; height:13px; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:var(--service-blue); box-shadow:0 0 0 7px rgba(0,159,227,.1),0 0 28px rgba(0,159,227,.65); }
.service-detail-process li strong { font-family:"Uni2 Editorial",Georgia,serif; font-size:27px; font-weight:400; }

.service-detail-final { position:relative; min-height:690px; display:grid; place-content:center; justify-items:center; padding:100px 24px; overflow:hidden; background:linear-gradient(145deg,#008fce,#00a7ee); text-align:center; }
.service-detail-final::before,.service-detail-final::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.service-detail-final::before { width:65vw; height:65vw; left:-23vw; top:-36vw; }
.service-detail-final::after { width:48vw; height:48vw; right:-17vw; bottom:-31vw; }
.service-detail-final h2 { position:relative; z-index:1; max-width:1100px; margin:0 auto 44px; font-family:"Uni2 Editorial",Georgia,serif; font-size:clamp(72px,9vw,140px); font-weight:400; letter-spacing:-.06em; line-height:.8; text-wrap:balance; }
.service-detail-final button { position:relative; z-index:1; background:rgba(255,255,255,.92); color:#052033; box-shadow:0 25px 70px rgba(0,69,99,.24),inset 0 1px 0 #fff; }
.service-detail-final button i { color:#fff; }

.service-detail-footer { min-height:150px; display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:22px; padding:28px max(24px,calc((100vw - 1240px)/2)); background:#020b12; }
.service-detail-footer img { width:44px; height:44px; object-fit:contain; }
.service-detail-footer p,.service-detail-footer a { color:rgba(255,255,255,.4); font-size:9px; letter-spacing:.08em; text-decoration:none; }

@media(max-width:900px){
  .service-page-header{grid-template-columns:130px 1fr}.service-page-header>nav{display:none}.service-page-contact{justify-self:end;width:120px}
  .service-detail-intro{grid-template-columns:1fr}.service-detail-intro button{justify-self:start}
  .service-detail-pillars-inner{grid-template-columns:1fr}.service-detail-pillars article,.service-detail-pillars article:nth-child(2),.service-detail-pillars article:nth-child(3){min-height:340px;margin-top:0}.service-detail-pillars h2{margin-top:52px}
  .service-detail-process{grid-template-columns:1fr;gap:60px}.service-detail-process li:nth-child(even){margin-left:0}
}
@media(max-width:600px){
  .service-page-header{top:12px;width:calc(100% - 20px);min-height:58px;padding:8px 8px 8px 16px}.service-page-brand{width:100px}.service-page-contact{min-height:42px;width:105px;font-size:7px}
  .service-detail-hero{padding:120px 18px 80px}.service-detail-hero::after{width:78vw;height:78vw;right:-30vw;top:23vw}.service-detail-hero h1{font-size:68px}.service-detail-intro{margin-top:40px}.service-detail-intro button{width:100%;min-width:0}.service-detail-nexo-lockup{width:100%;margin-bottom:40px;padding:20px;border-radius:22px}
  .service-detail-pillars{padding:86px 18px}.service-detail-pillars-inner{gap:17px}.service-detail-pillars article{padding:42px 26px;border-radius:27px}.service-detail-pillars h2{font-size:46px;overflow-wrap:normal}
  .service-detail-process{padding:100px 20px}.service-detail-process h2{font-size:64px}.service-detail-process li{min-height:76px;padding:0 20px}.service-detail-process li strong{font-size:23px}
  .service-detail-final{min-height:610px}.service-detail-final h2{font-size:70px}.service-detail-final button{width:min(100%,330px);min-width:0}
  .service-detail-footer{grid-template-columns:44px 1fr}.service-detail-footer>a{display:none}
}
@media(prefers-reduced-motion:reduce){.service-detail-intro button span,.service-detail-final button i{transition:none}}