@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');

:root{--ao-deep:#101a14;--ao-green:#17221b;--ao-jungle:#1b3a2b;--ao-gold:#c9a24b;--ao-gold-light:#e6c76a;--ao-ivory:#f3eedd;--ao-muted:rgba(243,238,221,.72);--ao-line:rgba(230,199,106,.42)}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth}
body{min-width:320px;margin:0;color:var(--ao-ivory);background:var(--ao-deep);font-family:"DM Sans",system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--ao-gold-light);outline-offset:4px}
.altivo-options-utility{min-height:34px;padding:8px clamp(18px,5vw,72px);display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(230,199,106,.16);color:var(--ao-muted);background:#0b120e;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.altivo-options-header{min-height:82px;padding:15px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ao-line);background:rgba(23,34,27,.92);backdrop-filter:blur(14px)}
.altivo-options-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
.altivo-options-brand img{width:42px;height:42px;display:block;object-fit:contain}
.altivo-options-brand span{display:grid;gap:2px}
.altivo-options-brand strong{font:800 18px/1 Manrope,sans-serif;letter-spacing:.08em}
.altivo-options-brand small{color:var(--ao-gold-light);font-size:9px;font-weight:800;letter-spacing:.22em}
.altivo-options-back{min-height:48px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ao-line);border-radius:6px;color:var(--ao-ivory);background:rgba(27,58,43,.62);font-size:12px;font-weight:700}
.altivo-options-back:hover{border-color:var(--ao-gold-light);background:var(--ao-jungle)}
.altivo-options-back svg{width:17px;color:var(--ao-gold-light)}
.altivo-options-main{max-width:1120px;margin:0 auto;padding:clamp(58px,9vw,112px) clamp(18px,5vw,72px) 84px}
.altivo-options-intro{max-width:700px}
.altivo-options-kicker{color:var(--ao-gold-light);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.altivo-options-intro h1{margin:14px 0 18px;font:800 clamp(38px,6vw,68px)/1.02 Manrope,sans-serif;letter-spacing:0}
.altivo-options-intro p{max-width:620px;margin:0;color:var(--ao-muted);font-size:16px;line-height:1.65}
.altivo-options-grid{margin-top:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.altivo-option-card{min-height:284px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--ao-line);border-radius:6px;background:linear-gradient(145deg,rgba(27,58,43,.88),rgba(16,26,20,.94));box-shadow:inset 0 0 0 1px rgba(230,199,106,.1);transition:border-color .2s ease,transform .2s ease,background .2s ease}
.altivo-option-card::after{content:"";position:absolute;inset:7px;border:1px solid rgba(201,162,75,.16);pointer-events:none}
.altivo-option-card:hover{border-color:var(--ao-gold-light);background:linear-gradient(145deg,#244d39,#101a14);transform:translateY(-3px)}
.altivo-option-card-featured{background:linear-gradient(145deg,#2c5940,#17221b)}
.altivo-option-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(230,199,106,.62);border-radius:50%;color:var(--ao-gold-light);background:rgba(16,26,20,.48)}
.altivo-option-icon svg{width:20px}
.altivo-option-index{margin-top:30px;color:var(--ao-gold);font-size:10px;font-weight:800;letter-spacing:.12em}
.altivo-option-copy{margin-top:10px;display:grid;gap:8px;max-width:250px}
.altivo-option-copy strong{font:800 22px/1.12 Manrope,sans-serif;color:var(--ao-ivory)}
.altivo-option-copy small{color:var(--ao-muted);font-size:12px;line-height:1.5}
.altivo-option-arrow{margin-top:auto;align-self:flex-end;color:var(--ao-gold-light)}
.altivo-option-arrow svg{width:22px}
.altivo-options-note{max-width:720px;margin:40px auto 0;padding:18px 20px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgba(230,199,106,.28);border-left:2px solid var(--ao-gold-light);background:rgba(27,58,43,.48)}
.altivo-options-note svg{width:19px;flex:none;color:var(--ao-gold-light)}
.altivo-options-note p{margin:0;color:var(--ao-muted);font-size:12px;line-height:1.6}
.altivo-options-note strong{color:var(--ao-ivory)}
.altivo-options-footer{padding:20px clamp(18px,5vw,72px);display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(230,199,106,.2);color:var(--ao-muted);font-size:11px}
.altivo-options-footer a{color:var(--ao-gold-light);font-weight:700}
@media(max-width:780px){.altivo-options-grid{grid-template-columns:1fr}.altivo-option-card{min-height:220px}.altivo-option-copy strong{font-size:20px}}
@media(max-width:480px){.altivo-options-utility{font-size:9px}.altivo-options-header{align-items:flex-start}.altivo-options-back span{display:none}.altivo-options-back{width:48px;justify-content:center;padding:0}.altivo-options-intro h1{font-size:40px}.altivo-options-main{padding-top:54px}.altivo-options-grid{margin-top:42px}.altivo-options-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.altivo-option-card{transition:none}}
