.skip-link{position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;z-index:var(--z-toast);transform:translateY(-180%);background:var(--primitive-white);color:var(--primitive-obsidian-950);padding:.75rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.skip-link:focus{transform:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}
.site-header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);border-bottom:1px solid rgba(255,255,255,.09);background:rgba(9,8,13,.9);backdrop-filter:blur(18px);color:var(--primitive-white)}.site-header__inner{min-height:5.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__logo{width:min(15rem,48vw)}.site-header__nav{display:none}.site-header__nav a{text-decoration:none;font-weight:650;font-size:.9rem;color:var(--primitive-muted-white)}.site-header__nav a:hover{color:var(--primitive-white)}/* Mobile: menu só pelo botão hamburger; esconde trilho horizontal de links */
.mobile-nav{display:none!important}
.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(5rem,11vw,9rem);background:var(--gradient-brand-primary);color:var(--primitive-off-white)}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gradient-hero-glow)}.hero::after{content:"";position:absolute;width:32rem;height:32rem;border:1px solid rgba(8,123,232,.18);border-radius:48% 52% 60% 40%;inset-block-start:8%;inset-inline-end:-10%;transform:rotate(18deg)}.hero__content{max-width:58rem;display:grid;gap:1.75rem}.hero h1 span{color:var(--primitive-yellow-300)}.hero .lead{color:var(--primitive-muted-white);max-width:58ch}.hero__meta{display:flex;gap:1rem;align-items:center;font-size:.82rem;color:var(--color-text-detail-on-dark)}.hero__meta::before{content:"";width:2.5rem;height:1px;background:var(--primitive-yellow-500)}
.button{--button-bg:var(--color-action-primary);--button-fg:#fff;min-height:var(--component-button-height-md);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding-inline:1.25rem;border:1px solid transparent;border-radius:var(--radius-md);background:var(--button-bg);color:var(--button-fg);font-weight:750;text-decoration:none;line-height:1;transition:transform var(--motion-base) var(--ease-standard),background var(--motion-base),box-shadow var(--motion-base)}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.button:active{transform:translateY(0)}.button[data-variant="secondary"]{--button-bg:transparent;--button-fg:var(--color-text-primary);border-color:var(--color-border-default)}.button[data-variant="ghost"]{--button-bg:transparent;--button-fg:var(--color-link)}.button[data-variant="gold"]{--button-bg:var(--gradient-gold);--button-fg:#fff}.button[data-variant="inverse"]{--button-bg:var(--primitive-white);--button-fg:var(--primitive-obsidian-950)}.button[data-variant="destructive"]{--button-bg:var(--semantic-error);--button-fg:#fff}.button[data-size="small"]{min-height:var(--component-button-height-sm);padding-inline:1rem;font-size:.875rem}.button[data-size="large"]{min-height:var(--component-button-height-lg);padding-inline:1.6rem}.button[disabled],.button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button[aria-busy="true"]::before{content:"";width:1rem;height:1rem;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.icon-button{width:2.75rem;padding:0;border-radius:50%}
.link{color:var(--color-link);text-decoration-thickness:.1em;text-underline-offset:.2em}.link:hover{color:var(--color-link-hover)}.arrow-link{display:inline-flex;gap:.5rem;align-items:center;font-weight:700;color:var(--color-link);text-decoration:none}.arrow-link::after{content:"→";transition:transform var(--motion-base)}.arrow-link:hover::after{transform:translateX(.25rem)}
.badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:.3rem .65rem;border-radius:var(--radius-pill);background:var(--primitive-sand-100);color:var(--primitive-graphite-700);font-size:.72rem;font-weight:750;letter-spacing:.03em}.badge[data-variant="purple"]{background:var(--primitive-gold-100);color:var(--primitive-gold-800)}.badge[data-variant="gold"]{background:var(--primitive-gold-100);color:var(--primitive-gold-900)}.badge[data-variant="success"]{background:var(--semantic-success-soft);color:var(--semantic-success)}.badge[data-variant="info"]{background:var(--semantic-info-soft);color:var(--semantic-info)}.badge[data-variant="outline"]{background:transparent;border:1px solid currentColor}
.card{display:grid;gap:1rem;padding:clamp(1.25rem,3vw,2rem);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.card[data-interactive="true"]{transition:transform var(--motion-slow) var(--ease-standard),box-shadow var(--motion-slow),border-color var(--motion-slow)}.card[data-interactive="true"]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primitive-gold-300)}.card[data-variant="spotlight"]{background:var(--gradient-surface-purple),var(--primitive-obsidian-850);color:var(--primitive-off-white);border-color:var(--primitive-graphite-700);box-shadow:var(--shadow-purple)}.card__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:var(--primitive-gold-100);color:var(--primitive-gold-700);font-size:1.35rem}.card h3{font-size:1.25rem}.card p{color:var(--color-text-secondary)}.metric{padding-inline-start:1rem;border-inline-start:3px solid var(--primitive-gold-500)}.metric__value{display:block;font:750 clamp(2rem,4vw,3.25rem)/1 var(--font-display);letter-spacing:-.05em}.metric__label{font-size:.85rem;color:var(--color-text-secondary)}
.form-field{display:grid;gap:.45rem}.form-field label,.fieldset-label{font-weight:700;font-size:.9rem}.required{color:var(--semantic-error)}.control{width:100%;min-height:var(--component-field-height);padding:.72rem .9rem;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--motion-base),box-shadow var(--motion-base)}.control:hover{border-color:var(--primitive-gold-400)}.control:focus{border-color:var(--primitive-gold-600);outline:0;box-shadow:var(--shadow-focus)}.control[aria-invalid="true"]{border-color:var(--semantic-error)}.control:disabled{opacity:.55;cursor:not-allowed}.field-hint,.field-error{font-size:.78rem;color:var(--color-text-muted)}.field-error{color:var(--semantic-error)}.choice{display:flex;gap:.7rem;align-items:flex-start}.choice input{width:1.2rem;height:1.2rem;margin-block-start:.2rem;accent-color:var(--primitive-gold-500)}fieldset{border:0;padding:0;margin:0}.form-demo{max-width:var(--container-form);display:grid;gap:1.25rem}
.alert{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 1.1rem;border-radius:var(--radius-md);border-inline-start:4px solid var(--semantic-info);background:var(--semantic-info-soft);color:#173d7a}.alert[data-variant="success"]{border-color:var(--semantic-success);background:var(--semantic-success-soft);color:#11583d}.alert[data-variant="warning"]{border-color:var(--semantic-warning);background:var(--semantic-warning-soft);color:#68440c}.alert[data-variant="error"]{border-color:var(--semantic-error);background:var(--semantic-error-soft);color:#862530}.skeleton{height:1rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--primitive-sand-200) 25%,var(--primitive-off-white) 45%,var(--primitive-sand-200) 65%);background-size:200% 100%;animation:shimmer 1.6s infinite}
.accordion{border-block-start:1px solid var(--color-border-subtle)}.accordion__item{border-block-end:1px solid var(--color-border-subtle)}.accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:1rem 0;background:none;border:0;color:var(--color-text-primary);font-weight:750;text-align:start}.accordion__trigger::after{content:"+";font-size:1.4rem}.accordion__trigger[aria-expanded="true"]::after{content:"−"}.accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-slow) var(--ease-standard)}.accordion__panel>div{overflow:hidden}.accordion__panel[data-open="true"]{grid-template-rows:1fr}.accordion__panel p{padding-block-end:1.25rem;color:var(--color-text-secondary)}
.testimonial{position:relative;padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius-xl);background:var(--primitive-gold-100)}.testimonial blockquote{font:italic clamp(1.35rem,2.5vw,2rem)/1.45 var(--font-editorial);color:var(--primitive-gold-900)}.testimonial figcaption{margin-block-start:1.5rem;font-weight:700}.testimonial figcaption span{display:block;font-weight:400;color:var(--primitive-graphite-600);font-size:.85rem}
.radius-demo{height:5rem;background:var(--primitive-purple-100);border:1px solid var(--primitive-purple-300)}.shadow-demo{min-height:7rem;padding:1.25rem;background:#fff;border-radius:var(--radius-lg)}.gradient-demo{min-height:9rem;border-radius:var(--radius-lg);padding:1rem;color:#fff;display:flex;align-items:end;font-weight:700}.gradient-demo.gold{color:#fff}
.logo-stage{display:grid;place-items:center;min-height:20rem;padding:2rem;border-radius:var(--radius-2xl);background:var(--gradient-brand-primary);position:relative;overflow:hidden}.logo-stage::before{content:"";position:absolute;inset:0;background:var(--gradient-hero-glow)}.logo-stage img{position:relative;width:min(34rem,90%)}
.do-dont{border-radius:var(--radius-lg);padding:1.5rem}.do-dont[data-type="do"]{background:var(--semantic-success-soft);border-top:4px solid var(--semantic-success)}.do-dont[data-type="dont"]{background:var(--semantic-error-soft);border-top:4px solid var(--semantic-error)}.do-dont ul{padding-inline-start:1.25rem}.api{padding:1rem;border-radius:var(--radius-md);background:var(--primitive-obsidian-900);color:var(--primitive-purple-200);overflow:auto;font-size:.8rem}.spec-table{width:100%;display:block;overflow:auto}.spec-table th,.spec-table td{text-align:start;padding:.8rem 1rem;border-bottom:1px solid var(--color-border-subtle);min-width:9rem}.spec-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}
.cookie{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-bg-surface)}.footer{padding-block:3rem;background:var(--primitive-obsidian-950);color:var(--primitive-muted-white)}.footer img{width:14rem;margin-block-end:1rem}.footer p{font-size:.82rem}
@media(min-width:48rem){.site-header__nav{display:flex;gap:1.4rem;align-items:center}.mobile-nav{display:none}.cookie{flex-direction:row;align-items:center;justify-content:space-between}.cookie p{max-width:60ch}}