:root { --space:#071724; --ink:#f5fbff; --muted:rgba(235,247,255,.74); --line:rgba(174,221,255,.25); --accent:#39adff; --panel:rgba(9,45,68,.56); --ease:cubic-bezier(.22,.61,.36,1); }
* { box-sizing:border-box; }
html { background:var(--space); }
body { min-width:320px; margin:0; overflow-x:hidden; color:var(--ink); background:linear-gradient(145deg,#bde5fa 0%,#74b4df 36%,#173a5e 100%); font-family:Inter,system-ui,sans-serif; }
body::before { position:fixed; inset:0; z-index:0; content:""; pointer-events:none; background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.7),transparent 31%),linear-gradient(180deg,rgba(6,23,37,.04),rgba(3,15,27,.8) 85%); }
.stars { position:fixed; inset:0; z-index:0; opacity:.52; pointer-events:none; background-image:radial-gradient(circle at 10% 15%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 74% 22%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 38% 72%,#b5e8ff 0 1px,transparent 1.5px); background-size:170px 130px,230px 190px,310px 250px; }
.earth-orbit { position:fixed; right:-18vw; bottom:-42vw; z-index:0; width:94vw; height:94vw; border:7vw solid rgba(89,174,223,.42); border-radius:50%; box-shadow:inset 4vw 3vw 9vw rgba(220,250,255,.36),0 0 10vw rgba(91,170,227,.34); pointer-events:none; }
.topbar { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; padding:22px clamp(22px,6vw,84px); border-bottom:1px solid rgba(133,201,255,.2); background:rgba(4,15,31,.84); backdrop-filter:blur(15px); }
.brand { display:inline-flex; align-items:center; text-decoration:none; }.orbya-logo { display:block; width:132px; height:auto; filter:drop-shadow(0 0 9px rgba(52,182,255,.2)); }.footer-logo { width:116px; }
.navlinks { display:flex; align-items:center; gap:6px; }.navlinks a { padding:9px 15px; color:rgba(245,250,255,.75); border-radius:30px; font-size:14px; font-weight:500; text-decoration:none; transition:color .25s,background .25s; }.navlinks a:hover,.navlinks a:focus-visible { color:#fff; background:rgba(255,255,255,.09); }.navlinks .devis { margin-left:10px; color:#fff; border:1.5px solid #20b9ff; }.burger { display:none; flex-direction:column; gap:5px; padding:8px; background:none; border:0; cursor:pointer; }.burger span { display:block; width:24px; height:2px; background:#fff; }
.service-page { position:relative; z-index:1; width:min(1150px,calc(100% - 40px)); margin:0 auto; padding:clamp(72px,12vw,150px) 0 72px; }
.orbit-label,.card-label,.eyebrow { margin:0; color:#1565af; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:600; letter-spacing:3px; }.orbit-label { display:flex; align-items:center; gap:12px; }.orbit-label span { width:54px; height:1px; background:#167dc8; }
.service-hero { max-width:850px; padding:28px 0 82px; }.service-number { color:rgba(8,67,109,.46); font-family:"Space Grotesk",sans-serif; font-size:clamp(80px,16vw,190px); font-weight:700; letter-spacing:-.1em; line-height:.85; }
.eyebrow { margin-top:26px; }.service-hero h1 { max-width:850px; margin:13px 0 20px; color:#061522; font-family:"Space Grotesk",sans-serif; font-size:clamp(42px,7vw,82px); letter-spacing:-.06em; line-height:.96; }.intro { max-width:670px; margin:0; color:#183b51; font-size:clamp(18px,2.2vw,23px); line-height:1.5; }
.cta { display:inline-flex; gap:14px; align-items:center; margin-top:35px; padding:15px 24px; color:#fff; background:linear-gradient(110deg,#287ccd,#264ad5); border-radius:999px; box-shadow:0 13px 32px rgba(10,74,147,.31); font-family:"Space Grotesk",sans-serif; font-weight:600; text-decoration:none; transition:transform .25s var(--ease),box-shadow .25s; }.cta:hover { transform:translateY(-3px); box-shadow:0 20px 38px rgba(10,74,147,.45); }.cta span { font-size:20px; }
.content-grid { display:grid; grid-template-columns:1.25fr .95fr; gap:18px; }.detail-card,.process { padding:clamp(25px,4vw,48px); background:var(--panel); border:1px solid var(--line); border-radius:24px; box-shadow:0 28px 80px rgba(0,28,52,.25); backdrop-filter:blur(13px); }.detail-card h2 { max-width:480px; margin:17px 0; font-family:"Space Grotesk",sans-serif; font-size:clamp(27px,4vw,44px); letter-spacing:-.045em; line-height:1.04; }.detail-card p:not(.card-label) { margin:0; color:var(--muted); font-size:16px; line-height:1.75; }
.deliverables-card ul { display:grid; gap:14px; margin:22px 0 0; padding:0; list-style:none; }.deliverables-card li { position:relative; padding-left:23px; color:var(--ink); line-height:1.45; }.deliverables-card li::before { position:absolute; top:.55em; left:0; width:8px; height:8px; content:""; background:#49b9ff; border-radius:50%; box-shadow:0 0 12px #49b9ff; }
.process { margin-top:18px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:32px; }.steps article { padding-right:16px; border-right:1px solid var(--line); }.steps article:last-child { border:0; }.steps b { color:#4ebaff; font-family:"JetBrains Mono",monospace; letter-spacing:2px; }.steps h3 { margin:13px 0 8px; font-family:"Space Grotesk",sans-serif; font-size:22px; }.steps p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.service-nav { display:flex; flex-wrap:wrap; gap:9px; padding-top:30px; }.service-nav a { padding:9px 13px; color:#eaf8ff; border:1px solid rgba(212,243,255,.42); border-radius:999px; background:rgba(7,47,75,.22); font-size:13px; text-decoration:none; transition:background .2s,border-color .2s; }.service-nav a:hover,.service-nav a[aria-current="page"] { border-color:#61c4ff; background:rgba(19,110,173,.5); }
.orbya-footer { position:relative; z-index:1; padding:50px clamp(20px,6vw,80px) 40px; background:rgba(3,23,39,.84); border-top:1px solid var(--line); }.foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; width:min(1180px,100%); margin:0 auto; }.foot .left { display:flex; align-items:center; gap:18px; }.footer-copyright,.foot-legal { color:rgba(235,247,255,.58); font-size:12.5px; }.soc { display:flex; gap:10px; }.soc a { display:grid; width:40px; height:40px; place-items:center; color:var(--muted); border:1px solid var(--line); border-radius:50%; text-decoration:none; transition:border-color .25s,transform .25s; }.soc a img { display:block; width:19px; height:19px; object-fit:contain; }.soc a:hover { border-color:#55bdff; transform:translateY(-3px); }.foot-legal { display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; width:min(1180px,100%); margin:30px auto 0; }.foot-legal a { color:inherit; text-decoration:none; }.foot-legal a:hover { color:var(--ink); }
@media (max-width:760px) { .topbar { padding:17px 20px; }.orbya-logo { width:112px; }.navlinks { display:none; }.burger { display:flex; }.navlinks.open { position:absolute; top:70px; right:16px; left:16px; z-index:5; display:flex; flex-direction:column; align-items:stretch; padding:14px; background:rgba(4,15,31,.97); border:1px solid rgba(133,201,255,.25); border-radius:18px; box-shadow:0 25px 60px rgba(0,30,50,.35); }.navlinks.open a { width:100%; text-align:center; }.navlinks.open .devis { margin-left:0; }.service-page { width:min(100% - 32px,1150px); padding-top:70px; }.content-grid,.steps { grid-template-columns:1fr; }.steps article { padding:0 0 18px; border-right:0; border-bottom:1px solid var(--line); }.steps article:last-child { padding-bottom:0; border:0; }.service-hero { padding-bottom:48px; }.earth-orbit { right:-56vw; bottom:-8vw; width:130vw; height:130vw; }.foot,.foot-legal { flex-direction:column; align-items:flex-start; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.001ms!important; } }