.hero-roulette{padding-top:var(--space-16);padding-bottom:var(--space-16)}
.hero-roulette-layout{display:flex;flex-direction:column;gap:var(--space-8);align-items:stretch}
.hero-roulette-main{max-width:640px}
.hero-roulette-title{margin-top:var(--space-4);margin-bottom:var(--space-4)}
.hero-roulette-lead{max-width:640px}
.hero-roulette-meta{display:flex;flex-direction:column;gap:0.5rem;margin-top:var(--space-4)}
.hero-roulette-meta-item{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted)}
.hero-roulette-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}
.hero-roulette-chips{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:0.4rem}
.hero-roulette-visual{flex:1;min-height:260px}
.hero-roulette-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-xl);background:radial-gradient(circle at top left,rgba(248,113,113,0.22),transparent 55%),radial-gradient(circle at bottom right,rgba(15,23,42,1),rgba(3,4,6,1));box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid rgba(248,113,113,0.4)}
.hero-roulette-image{width:100%;height:100%;object-fit:cover}
.hero-roulette-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(248,113,113,0.35),transparent 45%),radial-gradient(circle at 80% 100%,rgba(15,23,42,0.9),rgba(3,4,6,1));mix-blend-mode:soft-light;pointer-events:none}
.hero-roulette-pill{position:absolute;left:8%;top:10%;padding:0.35rem 0.9rem;border-radius:999px;background:rgba(15,23,42,0.9);border:1px solid rgba(248,113,113,0.6);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.16em;color:#e5e7eb}
.hero-roulette-tag{position:absolute;right:8%;bottom:10%;padding:0.55rem 1rem;border-radius:999px;background:rgba(15,23,42,0.88);border:1px solid rgba(148,163,184,0.6);color:var(--color-text-muted);font-size:0.75rem;display:inline-flex;align-items:center;gap:0.4rem}
.hero-roulette-tag-indicator{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,0.9)}
.section-intro{max-width:760px;margin:0 auto var(--space-8)}
.roulette-grid-premium,.roulette-grid-hosts,.roulette-grid-branding,.roulette-grid-flexibility{display:grid;grid-template-columns:1fr;gap:var(--space-6)}
.roulette-card-text,.roulette-card-hosts,.roulette-card-branding,.roulette-card-flexibility{align-self:stretch}
.roulette-card-image{align-self:stretch}
.roulette-image-card{height:100%;display:flex;flex-direction:column;padding:0;border-radius:var(--radius-xl);overflow:hidden}
.roulette-image-card img{display:block;width:100%;height:100%;object-fit:cover}
.roulette-image-caption{padding:var(--space-4);border-top:1px solid rgba(31,41,55,0.9);background:linear-gradient(180deg,rgba(15,23,42,0.95),#020617)}
.roulette-grid-integration,.roulette-grid-tokens,.roulette-grid-safe,.roulette-grid-scenarios{display:grid;grid-template-columns:1fr;gap:var(--space-6)}
.roulette-card-integration,.roulette-card-tokens,.roulette-card-safe,.roulette-card-scenarios{align-self:stretch}
.roulette-cta-row{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}
.roulette-card-tokens-secondary,.roulette-card-safe-secondary{align-self:stretch}
.card-grid-compact{gap:var(--space-4)}
.roulette-format{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(31,41,55,0.95);background:radial-gradient(circle at top,rgba(15,23,42,0.96),#020617)}
.roulette-steps{counter-reset:step}
.roulette-steps li{position:relative;margin-bottom:var(--space-4);padding-left:2.2rem;color:var(--color-text-muted)}
.roulette-steps li strong{display:block;color:var(--color-text);margin-bottom:0.25rem}
.roulette-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0.1rem;width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid rgba(248,113,113,0.8);display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:#fecaca;background:rgba(15,23,42,0.95);box-shadow:var(--shadow-soft-red)}
.roulette-contact-section{padding-bottom:var(--space-16)}
.roulette-contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}
.roulette-contact-card{align-self:stretch}
.roulette-contact-aside{align-self:stretch}
.roulette-consent{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.8rem;color:var(--color-text-muted)}
.roulette-consent input{margin-top:0.25rem;min-width:16px;height:16px}
.roulette-consent a{text-decoration:underline}
@media (min-width:768px){.hero-roulette-actions{flex-direction:row;align-items:center}.roulette-grid-integration,.roulette-grid-tokens,.roulette-grid-safe,.roulette-grid-scenarios{grid-template-columns:2fr 1.4fr}.roulette-grid-premium,.roulette-grid-hosts,.roulette-grid-branding,.roulette-grid-flexibility{grid-template-columns:1.4fr 1.2fr}.roulette-contact-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr)}}
@media (min-width:992px){.hero-roulette-layout{flex-direction:row;align-items:stretch;gap:var(--space-10)}.hero-roulette-main{padding-right:var(--space-6)}.hero-roulette-visual{max-width:520px}}