@import url("../2-albertinformatiqueaurelien/albertinformatiqueaurelien.css");
.software-page { --blue:#347cff;--blue-dark:#1e5fd5;--green:#00e7c0; }
.software-page .nav-cta { border-color:rgba(52,124,255,.5);background:rgba(52,124,255,.12); }
.software-hero { position:relative;min-height:100vh;overflow:hidden;padding:calc(var(--header) + 90px) 0 100px;background:radial-gradient(circle at 75% 42%,rgba(52,124,255,.19),transparent 32%),linear-gradient(135deg,#050b14 42%,#08152b); }
.code-grid { position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(52,124,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(52,124,255,.12) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000 70%,transparent); }
.software-hero-grid { position:relative;display:grid;min-height:640px;grid-template-columns:1fr 1fr;align-items:center;gap:70px; }.software-hero h1 { font-size:clamp(43px,5.3vw,72px); }.software-hero h1 em { color:#4d8cff; }
.dashboard { position:relative;overflow:visible;border:1px solid rgba(52,124,255,.38);border-radius:22px;background:#071120;box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 70px rgba(52,124,255,.14); }.window-bar { display:flex;height:45px;padding:0 16px;align-items:center;gap:7px;border-bottom:1px solid var(--line); }.window-bar i { width:8px;height:8px;border-radius:50%;background:#ff6876; }.window-bar i:nth-child(2){background:#ffc85c}.window-bar i:nth-child(3){background:#46db8c}.window-bar span{margin-left:auto;color:#687b94;font-size:10px}.dashboard-body{display:grid;min-height:430px;grid-template-columns:58px 1fr}.dashboard-body aside{display:flex;padding:18px 0;align-items:center;flex-direction:column;gap:25px;border-right:1px solid var(--line)}.dashboard-body aside b{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font-size:10px}.dashboard-body aside span{width:20px;height:5px;border-radius:5px;background:#26364b}.dashboard-main{padding:30px 25px}.dash-title{display:flex;align-items:center;justify-content:space-between}.dash-title small,.dash-title strong{display:block}.dash-title small{color:#60738d;font-size:8px;letter-spacing:.13em}.dash-title strong{font-size:17px}.dash-title button{padding:8px 11px;border:0;border-radius:7px;color:#fff;background:var(--blue);font-size:9px}.metrics{display:grid;margin:30px 0;grid-template-columns:repeat(3,1fr);gap:10px}.metrics article{padding:15px 12px;border:1px solid var(--line);border-radius:10px;background:#0b1829}.metrics small,.metrics b,.metrics em{display:block}.metrics small{color:#73859c;font-size:8px}.metrics b{margin:7px 0;font-size:22px}.metrics em{color:var(--green);font-size:8px;font-style:normal}.chart{display:flex;height:155px;padding:20px;align-items:end;gap:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(52,124,255,.07),transparent)}.chart span{width:100%;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(var(--green),var(--blue));box-shadow:0 0 12px rgba(52,124,255,.24)}.floating-code{position:absolute;right:-18px;bottom:30px;padding:11px 16px;border:1px solid rgba(0,231,192,.35);border-radius:20px;color:var(--green);background:#071321;font-size:11px;font-weight:700}
.software-services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.software-services article{display:grid;overflow:hidden;min-height:310px;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:transform .25s,border-color .25s}.software-services article:hover{transform:translateY(-5px);border-color:rgba(52,124,255,.5)}.software-services img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.software-services article>div{display:flex;padding:28px;flex-direction:column;justify-content:end}.software-services span{color:var(--green);font-size:10px;font-weight:800}.software-services h3{margin:10px 0;font-size:20px}.software-services p{color:var(--muted);font-size:13px}.software-services a{color:#7aa7ff;font-size:12px;font-weight:700}
.expertise{background:#060e1b}.expertise-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}.expertise-copy h2{font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.04em}.expertise-copy>p:not(.eyebrow){color:var(--muted)}.expertise-list{display:grid;margin-top:28px;grid-template-columns:1fr 1fr;gap:12px}.expertise-list article{padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.expertise-list b,.expertise-list span{display:block}.expertise-list b{margin-bottom:5px;color:#7aa7ff;font-size:13px}.expertise-list span{color:var(--muted);font-size:12px}.expertise-image{position:relative}.expertise-image>img{width:100%;aspect-ratio:1;border-radius:24px;object-fit:cover;filter:saturate(.75)}.expertise-image>div{position:absolute;right:-22px;bottom:30px;width:155px;padding:20px;border:1px solid rgba(0,231,192,.35);border-radius:15px;background:#071321}.expertise-image strong,.expertise-image span{display:block}.expertise-image strong{color:var(--green);font-size:27px}.expertise-image span{color:var(--muted);font-size:11px}
@media(max-width:950px){.software-hero-grid{gap:35px}.software-services article{min-height:280px}.expertise-grid{gap:45px}}
@media(max-width:760px){.software-hero-grid,.expertise-grid{grid-template-columns:1fr}.dashboard{width:min(100%,540px);margin:auto}.software-services{grid-template-columns:1fr}.expertise-image{width:min(90%,480px);margin:auto}.floating-code{right:5px}}
@media(max-width:520px){.dashboard-body{grid-template-columns:42px 1fr}.dashboard-main{padding:22px 14px}.metrics{grid-template-columns:1fr}.metrics article:nth-child(n+2){display:none}.software-services article{display:block}.software-services img{height:190px}.expertise-list{grid-template-columns:1fr}}