@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin.woff2') format('woff2');font-display:swap}@font-face{font-family:Space Grotesk;src:url('/assets/space-grotesk-latin.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;font-family:DM Sans,system-ui,sans-serif;background:#080d11;color:#f1f7fa;--muted:#bdcbd2;--cyan:#19d9f4;--yellow:#ffe51c}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--cyan)}a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}header,main,footer{max-width:1280px;margin:auto;padding:0 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:132px;border-bottom:1px solid #25343e}header nav{display:flex;gap:24px}.brand img{object-fit:contain;max-width:100%}.skip{position:absolute;top:-100px;left:20px;padding:16px;background:var(--yellow);color:#080d11;z-index:2}.skip:focus{top:10px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:32px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:32px 0 64px}.eyebrow{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2{font-family:Space Grotesk,system-ui,sans-serif;letter-spacing:-.04em;line-height:1.08}h1{font-size:clamp(34px,4.8vw,64px);margin:20px 0}h2{font-size:clamp(25px,3vw,36px);margin:16px 0 24px}p,li{color:var(--muted);line-height:1.8}li{padding:4px 0}ul{padding-left:20px}.lead{font-size:21px;color:#e2edf2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:16px;padding:16px 20px;text-decoration:none;font-weight:700;line-height:1.4;text-align:center}.whatsapp{background:#21cc69;color:#05170c}.whatsapp:hover{background:#3cdd80;color:#05170c}.preview{background:var(--yellow);color:#141300}.preview:hover{background:#fff071;color:#141300}figure{margin:0;min-width:0}figure img{width:100%;height:auto;display:block;border-radius:28px;border:1px solid #2b414e}figcaption{font-size:12px;line-height:1.7;color:#9fb5c1;margin-top:14px}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.details section{padding:32px;border:1px solid #2b3b46;border-radius:24px;background:#111a21}.details .brief{background:linear-gradient(130deg,#142d38,#101820)}.technical .eyebrow{color:#ff60c2}.studio{margin-top:32px;border-radius:24px;padding:40px;background:linear-gradient(130deg,#113542,#14202b);display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}.studio p{max-width:700px}.related{padding:64px 0 20px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{display:flex;flex-direction:column;gap:16px;border:1px solid #30424e;border-radius:20px;padding:24px;text-decoration:none}.related strong{font-size:20px}.related span{color:var(--muted);line-height:1.7}.back{margin:32px 0 56px}footer{padding-top:28px;padding-bottom:40px;border-top:1px solid #25343e;display:flex;align-items:center;justify-content:space-between;gap:20px}header nav a,footer a,.back a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:800px){header,main,footer{padding-left:20px;padding-right:20px}header{min-height:110px;gap:16px}.brand img{width:140px;height:auto}header nav{gap:12px;font-size:13px}.hero{grid-template-columns:1fr;gap:32px;padding-top:12px}.details{grid-template-columns:1fr}.details section{padding:24px}.studio{grid-template-columns:1fr;padding:28px}.related>div{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}.button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
