@import url("../2-albertinformatiqueaurelien/albertinformatiqueaurelien.css");
.print-page { --blue:#8a62ff;--blue-dark:#6840de;--green:#00e7d5; }
.print-page .nav-cta { border-color:rgba(138,98,255,.5);background:rgba(138,98,255,.12); }
.print-hero { min-height:100vh;padding:calc(var(--header) + 90px) 0 100px;background:radial-gradient(circle at 75% 42%,rgba(110,65,235,.22),transparent 31%),linear-gradient(135deg,#050b14 42%,#111027); }
.print-hero-grid { display:grid;min-height:640px;grid-template-columns:1.02fr .98fr;align-items:center;gap:80px; }.print-hero h1 em { color:#9d7cff; }
.print-visual { position:relative;padding:25px; }.print-frame { position:relative;overflow:hidden;padding:10px;border:1px solid rgba(138,98,255,.45);border-radius:28px;background:#0a0e19;box-shadow:0 35px 80px rgba(0,0,0,.48),0 0 70px rgba(104,64,222,.18); }.print-frame img { width:100%;aspect-ratio:1/1.08;border-radius:19px;object-fit:cover;filter:saturate(.78); }.print-frame::after { position:absolute;inset:10px;content:"";border-radius:19px;background:linear-gradient(180deg,transparent 55%,rgba(4,7,14,.68)); }
.model-card { position:absolute;right:-15px;bottom:55px;z-index:3;padding:16px 20px;border:1px solid rgba(0,231,213,.35);border-radius:14px;background:rgba(7,13,24,.9); }.model-card span,.model-card strong { display:block; }.model-card span { color:var(--green);font-size:10px;letter-spacing:.14em;text-transform:uppercase; }.model-card strong { margin-top:5px;font-size:13px;line-height:1.35; }
.axis { position:absolute;z-index:3;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#0b1322;font-size:11px;font-weight:800; }.axis-x { top:5%;left:0;color:#ff7082; }.axis-y { top:0;left:45%;color:#78e98b; }.axis-z { top:23%;right:0;color:#77a9ff; }
.print-services { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.print-services article { position:relative;min-height:290px;padding:28px 25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0c1728,var(--surface));transition:transform .25s,border-color .25s; }.print-services article:hover { transform:translateY(-5px);border-color:rgba(138,98,255,.5); }.print-services b { position:absolute;top:20px;right:22px;color:rgba(255,255,255,.23);font-size:11px; }.service-icon { display:grid;width:52px;height:52px;margin-bottom:60px;place-items:center;border:1px solid rgba(138,98,255,.38);border-radius:14px;color:#a98fff;background:rgba(138,98,255,.09);font-size:24px; }.print-services h3 { margin-bottom:10px;font-size:19px; }.print-services p { margin:0;color:var(--muted);font-size:13px; }
.showcase { background:#060e1a; }.showcase-grid { display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:85px; }.showcase-image { position:relative; }.showcase-image>img { width:100%;aspect-ratio:1;border-radius:25px;object-fit:cover;filter:saturate(.78); }.dimension { position:absolute;right:-25px;bottom:35px;width:165px;padding:20px;border:1px solid rgba(0,231,213,.35);border-radius:15px;background:#081321; }.dimension strong,.dimension span { display:block; }.dimension strong { color:var(--green);font-size:30px; }.dimension span { color:var(--muted);font-size:11px; }
.showcase-copy h2 { font-size:clamp(35px,4vw,52px);line-height:1.08;letter-spacing:-.04em; }.showcase-copy>p:not(.eyebrow) { color:var(--muted); }.possibilities { display:grid;margin:28px 0 0;padding:0;grid-template-columns:1fr 1fr;gap:12px;list-style:none; }.possibilities li { padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02); }.possibilities b,.possibilities span { display:block; }.possibilities b { margin-bottom:5px;font-size:14px; }.possibilities span { color:var(--muted);font-size:12px; }
@media(max-width:950px){.print-hero-grid{gap:40px}.print-services{grid-template-columns:repeat(2,1fr)}.showcase-grid{gap:50px}}
@media(max-width:760px){.print-hero-grid,.showcase-grid{grid-template-columns:1fr}.print-visual{width:min(100%,500px);margin:auto}.showcase-image{width:min(90%,480px);margin:auto}}
@media(max-width:520px){.print-services,.possibilities{grid-template-columns:1fr}.model-card{right:0}.dimension{right:-5%}.print-services article{min-height:240px}.service-icon{margin-bottom:35px}}
