:root { --cyber-black:#050506;--cyber-panel:#0d0d10;--cyber-white:#f8f5f8;--cyber-muted:#969199;--cyber-line:#30272f;--cyber-magenta:#ff00a8;--cyber-magenta-soft:rgba(255,0,168,.16);--cyber-glow:0 0 2.5rem rgba(255,0,168,.45); }
body.mpt-page--home { background:var(--cyber-black);color:var(--cyber-white);font-family:"Manrope",Arial,sans-serif; }
.mpt-page--home .mpt-header { position:fixed;z-index:50;inset:1.25rem 2rem auto;min-height:3.75rem;border:1px solid var(--cyber-line);border-radius:.35rem;background:rgba(5,5,6,.82);color:var(--cyber-white);backdrop-filter:blur(1rem); }
.mpt-page--home .mpt-header__inner { max-width:none;min-height:3.75rem;padding-inline:1.25rem; }
.mpt-page--home .mpt-brand,.mpt-page--home .mpt-brand a,.mpt-page--home .mpt-nav a { color:var(--cyber-white); }
.mpt-page--home .mpt-brand__name { font-family:"Arial Black",Impact,sans-serif;font-size:.95rem;letter-spacing:-.04em;text-transform:uppercase; }
.mpt-page--home .mpt-nav--desktop { gap:1.75rem; }
.mpt-page--home .mpt-nav a { font-size:.72rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.08em; }
.mpt-page--home .mpt-nav a:hover { color:var(--cyber-magenta);text-decoration:none; }
.mpt-page--home .mpt-header__cta { min-height:2.5rem;padding:.7rem 1.15rem;border:1px solid var(--cyber-magenta);border-radius:.2rem;background:var(--cyber-magenta);box-shadow:none;color:var(--cyber-black);font-size:.72rem;text-transform:uppercase; }
.mpt-page--home .mpt-menu-toggle { border-color:var(--cyber-magenta);background:transparent;color:var(--cyber-white); }
.mpt-cyber { overflow:hidden;background:radial-gradient(circle at 50% 9%,var(--cyber-magenta-soft),transparent 28%),var(--cyber-black); }
.cyber-hero { position:relative;min-height:100svh;overflow:hidden;border-bottom:1px solid var(--cyber-line);isolation:isolate; }
.cyber-noise { position:absolute;inset:0;z-index:-1;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.035) 4px);pointer-events:none; }
.cyber-title { position:absolute;z-index:0;inset:5.5rem 1.5rem auto;display:flex;justify-content:space-between;gap:2rem;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(5.8rem,12vw,13rem);font-weight:900;letter-spacing:-.075em;line-height:.72;white-space:nowrap; }
.cyber-title { animation:cyber-enter .8s cubic-bezier(.16,1,.3,1) both; }
.cyber-title span:last-child { color:var(--cyber-magenta); }
.cyber-manifesto { position:absolute;z-index:2;inset:29% auto auto 3%;max-width:17rem;padding-top:.75rem;border-top:1px solid var(--cyber-magenta);color:var(--cyber-muted);font-size:.72rem;line-height:1.6;text-transform:uppercase;letter-spacing:.06em; }
.cyber-monogram { position:absolute;z-index:0;inset:28% 50% auto auto;color:transparent;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(12rem,29vw,32rem);font-weight:900;letter-spacing:-.12em;line-height:.75;-webkit-text-stroke:1px rgba(255,0,168,.38);text-shadow:0 0 3rem rgba(255,0,168,.22);transform:translateX(50%);white-space:nowrap; }
.mpt-page--home .cyber-hero__figure { position:absolute;z-index:1;inset:auto 50% 0 auto;width:min(52rem,62vw);height:88%;max-width:none;object-fit:contain;object-position:center bottom;filter:contrast(1.08) saturate(.95);transform:translateX(50%); }
.cyber-hero__figure { animation:cyber-figure .9s .08s cubic-bezier(.16,1,.3,1) both; }
.cyber-helmet-label { position:absolute;z-index:3;inset:21.5% 50% auto auto;color:var(--cyber-white);font-family:"Arial Black",Impact,sans-serif;font-size:clamp(.38rem,.62vw,.68rem);letter-spacing:.12em;text-shadow:0 0 .7rem var(--cyber-magenta);transform:translateX(50%) perspective(18rem) rotateX(-8deg);white-space:nowrap; }
.cyber-hero::after { position:absolute;z-index:0;inset:20% 27% 3%;border-radius:50%;background:radial-gradient(circle,var(--cyber-magenta-soft),transparent 67%);content:"";filter:blur(1rem); }
.cyber-tags { position:absolute;z-index:3;inset:auto 2.5rem 8rem;display:flex;justify-content:space-between;gap:1rem; }
.cyber-tags { animation:cyber-enter .7s .22s cubic-bezier(.16,1,.3,1) both; }
.cyber-tags span { padding:.45rem .7rem;border:1px solid var(--cyber-line);background:rgba(5,5,6,.66);color:var(--cyber-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em; }
.cyber-tags span:nth-child(odd) { border-color:rgba(255,0,168,.55);color:var(--cyber-white); }
.cyber-hero__cta { position:absolute;z-index:4;inset:auto 50% 2rem auto;padding:1rem 1.4rem;border:1px solid var(--cyber-magenta);border-radius:.2rem;background:var(--cyber-black);box-shadow:var(--cyber-glow);color:var(--cyber-white);font-size:.75rem;text-decoration:none;text-transform:uppercase;letter-spacing:.07em;transform:translateX(50%); }
.cyber-section { position:relative;width:min(100%,82rem);margin-inline:auto;padding:8rem 2rem;border-bottom:1px solid var(--cyber-line); }
.cyber-kicker { margin-bottom:2rem;color:var(--cyber-magenta);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em; }
.cyber-section__head { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);gap:4rem;align-items:end;margin-bottom:4rem; }
.mpt-cyber h2,.mpt-cyber h3 { max-width:none;color:inherit; }
.mpt-cyber h2 { margin:0;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(2.8rem,6.5vw,6.5rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase; }
.cyber-section__head>p,.cyber-section__head>div { color:var(--cyber-muted); }
.cyber-cycle__grid { display:grid;grid-template-columns:1.1fr .9fr;gap:1px;background:var(--cyber-line); }
.cyber-panel { padding:2.25rem;border:1px solid var(--cyber-line);background:var(--cyber-panel); }
.cyber-panel--primary { box-shadow:inset 0 2px 0 var(--cyber-magenta); }
.cyber-panel__icon { display:grid;width:3rem;height:3rem;place-items:center;margin-bottom:3rem;border:1px solid var(--cyber-magenta);color:var(--cyber-magenta);box-shadow:var(--cyber-glow); }
.cyber-panel h3 { font-size:1.6rem; }
.cyber-panel dl { display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-block:2rem; }
.cyber-panel dl div { padding-top:.75rem;border-top:1px solid var(--cyber-line); }
.cyber-panel dt { color:var(--cyber-muted);font-size:.64rem;text-transform:uppercase; }
.cyber-panel dd { margin:.35rem 0 0;font-weight:600; }
.cyber-disabled { display:inline-flex;padding:.75rem 1rem;border:1px solid var(--cyber-line);color:var(--cyber-muted);font-size:.72rem;text-transform:uppercase; }
.cyber-sequence { display:grid;grid-template-columns:1fr 1fr;padding:2.25rem;background:var(--cyber-black);counter-reset:seq; }
.cyber-sequence span { position:relative;display:flex;min-height:7rem;align-items:flex-end;padding:1rem;border:1px solid var(--cyber-line);counter-increment:seq;text-transform:uppercase; }
.cyber-sequence span::before { position:absolute;inset:.8rem auto auto .8rem;color:var(--cyber-magenta);content:"0" counter(seq);font-size:.68rem; }
.cyber-tools__grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cyber-line); }
.cyber-tool { position:relative;min-height:18rem;padding:2rem;background:var(--cyber-black);color:var(--cyber-white);text-decoration:none;transition:background-color .25s ease; }
.cyber-tool:hover { background:var(--cyber-panel);color:var(--cyber-white); }
.cyber-tool__number { color:var(--cyber-magenta);font-size:.65rem; }
.cyber-tool h3 { margin:3rem 0 1rem;font-size:1.3rem; }
.cyber-tool p { color:var(--cyber-muted);font-size:.85rem; }
.cyber-tool strong { position:absolute;inset:auto 2rem 1.5rem auto;color:var(--cyber-magenta); }
.cyber-method__grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cyber-line); }
.cyber-method article { min-height:17rem;padding:2rem;background:var(--cyber-panel); }
.cyber-method article>span { display:grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--cyber-magenta);color:var(--cyber-magenta); }
.cyber-method h3 { margin-top:3rem;font-size:1.35rem;text-transform:uppercase; }
.cyber-method article p { color:var(--cyber-muted);font-size:.88rem; }
.cyber-pierre { background:linear-gradient(105deg,var(--cyber-black),var(--cyber-panel)); }
.cyber-pierre .cyber-section__head { align-items:start; }
.cyber-pierre .cyber-section__head>div { padding:2rem;border-left:1px solid var(--cyber-magenta); }
.cyber-faq>h2 { margin-bottom:3rem; }
.cyber-faq details { border-top:1px solid var(--cyber-line); }
.cyber-faq details:last-of-type { border-bottom:1px solid var(--cyber-line); }
.cyber-faq summary { padding:1.6rem 0;font-weight:600;cursor:pointer; }
.cyber-faq details p { padding-bottom:1.5rem;color:var(--cyber-muted); }
.cyber-final { display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:6rem;padding:2rem;border:1px solid var(--cyber-magenta);box-shadow:var(--cyber-glow); }
.cyber-final p { margin:0;font-family:"Arial Black",Impact,sans-serif;font-size:clamp(1.4rem,3vw,2.6rem);text-transform:uppercase; }
.cyber-final a { flex:none;padding:1rem 1.25rem;background:var(--cyber-magenta);color:var(--cyber-black);text-decoration:none; }
.mpt-page--home .mpt-footer { border-color:var(--cyber-line);background:var(--cyber-black);color:var(--cyber-white); }
.mpt-page--home .mpt-footer__bottom { border-color:var(--cyber-line);color:var(--cyber-muted); }
.mpt-page--home .mpt-footer a { color:var(--cyber-muted); }
.mpt-page--home :where(a,button,summary):focus-visible { outline:3px solid var(--cyber-magenta);outline-offset:4px; }
@media (max-width:62rem) {
 .cyber-title { top:7rem;flex-direction:column;font-size:clamp(5rem,15vw,9rem); }
 .cyber-title span:last-child { align-self:flex-end; }
 .mpt-page--home .cyber-hero__figure { width:min(48rem,82vw);height:80%; }
 .cyber-helmet-label { inset-block-start:26%; }
 .cyber-section__head { grid-template-columns:1fr;gap:1.5rem; }
 .cyber-tools__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:48rem) {
 .mpt-page--home .mpt-header { inset:.75rem .75rem auto; }
 .mpt-page--home .mpt-header__cta { display:none; }
 .cyber-hero { min-height:52rem; }
 .cyber-title { inset:6rem .75rem auto;font-size:clamp(4rem,22vw,6.2rem);line-height:.82; }
 .cyber-manifesto { inset:27% 1rem auto auto;max-width:12rem;text-align:right; }
 .mpt-page--home .cyber-hero__figure { width:34rem;height:70%;object-position:center bottom; }
 .cyber-monogram { inset-block-start:35%;font-size:13rem; }
 .cyber-helmet-label { inset-block-start:35%;font-size:.42rem; }
 .cyber-tags { inset:auto 0 5rem;overflow-x:auto;justify-content:flex-start;padding-inline:1rem;scrollbar-width:none; }
 .cyber-tags span { flex:none; }
 .cyber-hero__cta { bottom:1rem; }
 .cyber-section { padding:5rem 1.25rem; }
 .mpt-cyber h2 { font-size:clamp(2.5rem,14vw,4.2rem); }
 .cyber-cycle__grid,.cyber-tools__grid,.cyber-method__grid { grid-template-columns:1fr; }
 .cyber-panel dl { grid-template-columns:1fr; }
 .cyber-sequence { grid-template-columns:1fr 1fr; }
 .cyber-tool { min-height:14rem; }
 .cyber-final { align-items:flex-start;flex-direction:column; }
}
@keyframes cyber-enter { from { opacity:0;transform:translateY(1.25rem); } to { opacity:1;transform:none; } }
@keyframes cyber-figure { from { opacity:0;transform:translate(50%,2rem) scale(.98); } to { opacity:1;transform:translateX(50%); } }
@media (prefers-reduced-motion:reduce) { .cyber-tool { transition:none; }.cyber-title,.cyber-hero__figure,.cyber-tags { animation:none; } }