.container{width:min(1300px,100% - 48px);margin:0 auto}.section-title{letter-spacing:.02em;font-size:max(32px,min(4vw,42px))}.section-divider{background:linear-gradient(90deg,var(--color-accent)0%,rgba(94,212,255,.9) 100%);background:var(--color-outline);border:0;width:96px;height:3px;margin:28px auto 48px}.button{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:14px 30px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.button-primary{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);border:none}.button-primary:hover{background:linear-gradient(135deg,#6b75f7 0%,#5562d1 100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,101,242,.5)}.button-primary:focus-visible{background:linear-gradient(135deg,#6b75f7 0%,#5562d1 100%);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(88,101,242,.5)}.button-ghost{border:1px solid var(--color-outline);color:var(--color-soft);background:rgba(13,17,29,.4)}.button-ghost:hover{border-color:var(--color-accent);text-decoration:none;transform:translateY(-1px)}.button-ghost:focus-visible{border-color:var(--color-accent);text-decoration:none;transform:translateY(-1px)}.hero-inner{text-align:left;grid-template-columns:1fr 320px;align-items:start;gap:3rem;display:grid}.hero-title{letter-spacing:.01em;justify-items:start;font-size:max(46px,min(7vw,64px));line-height:1.12}.valobot-color{background:var(--color-valobot);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.rotating-word-wrapper{vertical-align:baseline;align-items:flex-end;min-width:3.2em;height:1.1em;line-height:1;display:inline-flex;position:relative;overflow:hidden}.rotating-word-single{will-change:transform;white-space:nowrap;display:inline-block;transform:translateY(0)}.rotating-word-single.is-exiting{transform:translateY(100%)}.rotating-word-single.is-reset{transition:none;transform:translateY(-100%)}.rotating-word-single.is-animated{transition:transform .54s cubic-bezier(.33,1,.68,1)}.rotating-word-ghost{white-space:nowrap;will-change:transform;pointer-events:none;transition:transform .58s cubic-bezier(.16,.84,.44,1);display:inline-block;position:absolute;bottom:0;left:0;transform:translateY(-100%)}.rotating-word-ghost.is-visible{transform:translateY(0)}.hero-subtitle{font-size:2rem;display:block}.hero-secondary{color:var(--color-soft);justify-self:start}.hero-secondary:after{content:"→";font-size:16px;transition:transform .2s}.hero-secondary:hover:after{transform:translate(4px)}.hero-secondary:focus-visible:after{transform:translate(4px)}.hero-stats{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center;border:1px solid rgba(142,164,255,.18)}.hero-stat-value{background:var(--color-valobot);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-stat-label{color:var(--color-muted);font-size:.9rem}.faq-item{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);border:1px solid rgba(142,164,255,.18);font-size:1.15rem;overflow:hidden}.accordion-list--faq li{padding-left:1.4rem;position:relative}.accordion-list--faq li:before{content:"A:";width:1rem;display:inline-block;position:absolute;left:0}.usage-grid{gap:2rem;max-width:56rem;margin:0 auto;display:grid}@media (min-width:768px){.usage-grid{grid-template-columns:repeat(2,1fr)}}.usage-card{border-radius:var(--radius-sm);background:var(--color-surface-alt);box-shadow:var(--shadow-md);border:1px solid rgba(142,164,255,.18);padding:1.5rem;transition:transform .2s;display:block}.usage-card:hover{transform:scale(1.02)}.usage-card-image{aspect-ratio:16/9;border-radius:var(--radius-lg);background-color:rgba(0,0,0,.2);width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.usage-card-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.usage-card-icon{color:#b1b1b1;background-color:rgba(88,101,242,.1);border-radius:9999px;justify-content:center;align-items:center;padding:.75rem;display:flex}.usage-title{margin:0;font-size:24px;font-weight:700}.usage-text{color:var(--color-muted);margin:0}@media (max-width:900px){.container{width:min(1000px,100% - 32px)}}@media (max-width:820px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-title{justify-items:center}.hero-actions{justify-content:center}.hero-secondary{justify-self:center}}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:none;transform:none}}@media (max-width:640px){.hero{padding:60px 0}.hero-title{gap:14px;font-size:max(36px,min(9vw,48px));line-height:1.18}.hero-accent{letter-spacing:.05em;padding:8px 18px;font-size:2.5rem}.hero-subtitle{font-size:1.5rem;line-height:1.16}.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .button{width:auto;min-width:240px}}