@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,500&family=Inter:wght@400;500;600;700&display=swap');

:root { --black: #080808; --black-soft: #111111; --white: #f5f5f2; --muted: #a4a4a4; --muted-dark: #6f6f6a; --line: rgba(245,245,242,.16); --line-light: rgba(8,8,8,.16); --gold-dark: #a88945; --gold: #c6a55b; --gold-soft: #dcc58c; --type-reduction: 5px; --heading-reduction: 20px; --container: min(calc(100% - 96px), 1320px); --section-space: clamp(7rem, 13vw, 13rem); --ease-premium: cubic-bezier(.22,1,.36,1); --ui: 'Inter', Arial, sans-serif; --display: 'Cormorant Garamond', Georgia, serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 0; overflow-x: hidden; background: var(--black); color: var(--white); font-family: var(--ui); font-size: .9375rem; line-height: 1.6; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--white); }
.brand--landing { width: 7.4rem; height: 3.2rem; }
.brand--landing img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand__mark { display: grid; width: 2.35rem; height: 2.35rem; border: 1px solid var(--gold); color: var(--gold-soft); place-items: center; font-family: var(--display); font-size: 1.7rem; line-height: 1; }
.brand strong { display: block; font-size: .98rem; letter-spacing: .16em; }
.brand small { display: block; margin-top: .2rem; color: var(--gold); font-size: .47rem; letter-spacing: .22em; }
.eyebrow { margin: 0; color: var(--gold); font-size: .75rem; font-weight: 600; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3rem; padding: 1rem 1.2rem; border: 1px solid transparent; cursor: pointer; font-size: .68rem; font-weight: 600; letter-spacing: .12em; line-height: 1; text-transform: uppercase; transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease, transform 220ms var(--ease-premium); }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button--gold { background: var(--gold); color: var(--black); }
.button--gold:hover, .button--gold:focus-visible { background: var(--gold-soft); }
.button--light { background: var(--white); color: var(--black); }
.button--light:hover, .button--light:focus-visible { background: var(--gold-soft); }
.button--download { border-color: var(--gold); background: rgba(8,8,8,.26); color: var(--white); }
.button--download:hover, .button--download:focus-visible { border-color: var(--gold-soft); background: var(--gold-soft); color: var(--black); }
.button--header { min-height: 2.7rem; padding: .82rem 1.25rem; border-color: var(--gold); background: rgba(8,8,8,.28); color: var(--gold-soft); }
.button--header:hover, .button--header:focus-visible { border-color: var(--gold-soft); background: var(--gold-soft); color: var(--black); }
.text-link { display: inline-flex; align-items: center; gap: .8rem; color: var(--muted); font-size: .68rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.text-link:hover { color: var(--gold-soft); }
.site-header { position: fixed; z-index: 20; top: 0; right: 0; left: 0; transition: transform 240ms var(--ease-premium); will-change: transform; }
.site-header--hidden { transform: translateY(-100%); }
.site-header__inner { position: relative; display: flex; align-items: center; justify-content: space-between; width: var(--container); min-height: 5.5rem; margin: auto; border-bottom: 1px solid rgba(245,245,242,.12); }
.site-nav { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; gap: clamp(2.2rem, 4vw, 4.5rem); color: var(--muted); font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; transform: translate(-50%, -50%); }
.site-nav__primary, .site-nav__utility { display: flex; align-items: center; gap: clamp(1.35rem, 2.4vw, 2.8rem); }
.site-nav__utility { gap: clamp(1.1rem, 1.8vw, 2rem); }
.site-nav__chevron { color: var(--gold); font-size: .9rem; line-height: 0; }
.site-nav__language { display: inline-flex; align-items: center; gap: .4rem; }
.site-nav a:not(.button):hover { color: var(--white); }
.hero-section { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(2rem, 4vw, 5rem); min-height: max(42rem, calc(100svh - 5.5rem)); width: var(--container); margin: auto; padding: 8.5rem 0 1.5rem; }
.hero-section::before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; background-image: radial-gradient(ellipse at 67% 53%, rgba(8,8,8,.92) 0%, rgba(8,8,8,.76) 27%, rgba(8,8,8,.32) 51%, rgba(8,8,8,0) 75%), linear-gradient(90deg, rgba(8,8,8,.68) 0%, rgba(8,8,8,.3) 54%, rgba(8,8,8,.18) 100%), url('/Images/vunod-hero-background.png'); background-position: center; background-size: cover; content: ''; pointer-events: none; transform: translateX(-50%); }
.hero-copy { max-width: 620px; }
.hero-copy h1 { margin: 1.5rem 0 1.7rem; font-family: var(--ui); font-size: calc(clamp(3.7rem, 5.2vw, 6rem) - var(--type-reduction) - var(--heading-reduction) - 16px); font-weight: 600; letter-spacing: -.055em; line-height: 1.02; }
.hero-copy h1 em { color: var(--gold-soft); font-style: italic; }
.hero-copy__text { max-width: 34rem; margin: 0; color: var(--muted); font-size: max(.8rem, calc(clamp(.95rem, 1vw, 1.05rem) - var(--type-reduction) + 7px)); line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem 2rem; margin-top: 2.6rem; }
.hero-actions .button { min-height: 3.2rem; padding: 1.05rem 1.35rem; font-size: .72rem; }
.hero-visual { position: relative; isolation: isolate; min-height: 420px; display: grid; place-items: center; }
.hero-visual::before { position: absolute; z-index: -1; width: 118%; height: 92%; border-radius: 50%; background: rgba(0,0,0,.72); box-shadow: 0 0 5rem 3rem rgba(0,0,0,.42); content: ''; filter: blur(1.2rem); }
.hero-visual__image { position: relative; z-index: 1; display: block; width: min(100%, 700px); height: auto; border: 1px solid var(--line); box-shadow: 0 2rem 5rem rgba(0,0,0,.35); image-rendering: auto; }
.visual-window { position: relative; z-index: 1; width: min(100%, 520px); border: 1px solid var(--line); background: rgba(17,17,17,.9); box-shadow: 0 2rem 5rem rgba(0,0,0,.35); transform: rotate(2deg); }
.visual-window__top { display: flex; align-items: center; gap: .35rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .57rem; letter-spacing: .08em; text-transform: uppercase; }
.visual-window__top span { width: .42rem; height: .42rem; border-radius: 50%; background: var(--gold-dark); }
.visual-window__top small { margin-left: auto; }
.visual-window__body { display: grid; grid-template-columns: 3.8rem 1fr; min-height: 300px; }
.visual-sidebar { display: grid; align-content: start; justify-items: center; gap: 1.3rem; padding: 1.2rem .5rem; border-right: 1px solid var(--line); color: var(--muted); }
.visual-sidebar strong { color: var(--gold-soft); font-family: var(--display); font-size: 2rem; font-weight: 500; }
.visual-sidebar .is-active { color: var(--gold); }
.visual-content { padding: 2.3rem 2rem; }
.visual-content h2 { max-width: 14rem; margin: 1rem 0 3rem; font-family: var(--display); font-size: 2.8rem; font-weight: 500; line-height: .9; }
.visual-status { display: flex; align-items: center; gap: .65rem; color: var(--muted); font-size: .66rem; }
.visual-status i { width: .5rem; height: .5rem; border-radius: 50%; background: #6fbf8a; box-shadow: 0 0 0 .25rem rgba(111,191,138,.12); }
.visual-status strong { margin-left: auto; color: #6fbf8a; font-size: .58rem; letter-spacing: .1em; }
.visual-line { width: 100%; height: 1px; margin-top: 2.3rem; background: var(--line); }
.visual-line--short { width: 64%; margin-top: 1rem; }
.hero-visual__glow { position: absolute; width: 70%; height: 70%; border-radius: 50%; background: rgba(198,165,91,.14); filter: blur(70px); }
.proof-strip { display: flex; justify-content: space-between; gap: 2rem; width: var(--container); margin: auto; padding: 1.25rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); font-size: .65rem; font-weight: 600; letter-spacing: .18em; }
.operations-section { position: relative; isolation: isolate; width: var(--container); margin: auto; padding: clamp(7rem, 11vw, 10.5rem) 0 clamp(7rem, 10vw, 9.5rem); }
.operations-section::before { position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; width: 100vw; background: radial-gradient(circle at 80% 12%, rgba(198,165,91,.14), transparent 27%), radial-gradient(circle at 12% 78%, rgba(198,165,91,.08), transparent 32%), linear-gradient(135deg, rgba(198,165,91,.045) 0 1px, transparent 1px 30px), linear-gradient(315deg, rgba(198,165,91,.035) 0 1px, transparent 1px 34px), #080808; content: ''; transform: translateX(-50%); }
.operations-section::after { position: absolute; z-index: -1; top: 7%; right: -10vw; width: 34rem; height: 34rem; border: 1px solid rgba(198,165,91,.08); border-radius: 50%; box-shadow: 0 0 0 2.2rem rgba(198,165,91,.025), 0 0 0 5rem rgba(198,165,91,.018); content: ''; pointer-events: none; }
.operations-section__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(24rem, .92fr); gap: clamp(3rem, 7vw, 8rem); align-items: center; }
.operations-section__heading { max-width: 43rem; }
.operations-section__heading h2 { max-width: 42rem; margin: 1.1rem 0 1.35rem; color: var(--white); font-family: var(--display); font-size: clamp(3.25rem, 5.4vw, 5.5rem); font-weight: 500; letter-spacing: -.045em; line-height: .9; }
.operations-section__heading h2 em { color: var(--gold-soft); font-style: normal; }
.operations-section__heading > p:last-child { max-width: 39rem; margin: 0; color: var(--muted); font-size: clamp(.9rem, 1.2vw, 1.08rem); line-height: 1.75; }
.operations-visual { position: relative; min-height: 19rem; display: grid; place-items: center; }
.operations-visual::before { position: absolute; width: 72%; height: 72%; border-radius: 50%; background: rgba(198,165,91,.12); filter: blur(4rem); content: ''; }
.operations-visual__screen { position: relative; z-index: 1; width: min(100%, 31rem); aspect-ratio: 1.5; overflow: hidden; border: 1px solid rgba(220,197,140,.45); border-radius: 1rem; background: linear-gradient(145deg, rgba(27,24,18,.97), rgba(8,8,8,.98)); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.55), 0 0 2rem rgba(198,165,91,.14); transform: rotate(-2deg); }
.operations-visual__screen::after { position: absolute; inset: 0; background: linear-gradient(125deg, transparent 35%, rgba(220,197,140,.08) 62%, transparent 75%); content: ''; pointer-events: none; }
.operations-visual__toolbar { display: flex; align-items: center; gap: .4rem; height: 2.4rem; padding: 0 1rem; border-bottom: 1px solid rgba(245,245,242,.09); }
.operations-visual__toolbar i { width: .35rem; height: .35rem; border-radius: 50%; background: var(--gold-dark); }
.operations-visual__toolbar span { width: 28%; height: .35rem; margin-left: auto; border-radius: 999px; background: rgba(245,245,242,.09); }
.operations-visual__screen-body { display: grid; grid-template-columns: 3.3rem minmax(0, 1fr); height: calc(100% - 2.4rem); }
.operations-visual__sidebar { display: grid; align-content: start; justify-items: center; gap: 1rem; padding: 1.2rem .7rem; border-right: 1px solid rgba(245,245,242,.08); }
.operations-visual__sidebar i { display: block; width: 1.15rem; height: .35rem; border-radius: 999px; background: rgba(220,197,140,.28); }
.operations-visual__sidebar i:first-child { width: 1.55rem; background: var(--gold); }
.operations-visual__dashboard { padding: 1.45rem 1.5rem; }
.operations-visual__dashboard-heading { display: flex; gap: .5rem; }
.operations-visual__dashboard-heading i { width: 22%; height: .55rem; border-radius: 999px; background: rgba(245,245,242,.2); }
.operations-visual__dashboard-heading i:first-child { width: 38%; background: rgba(220,197,140,.56); }
.operations-visual__chart { display: flex; height: 6.1rem; align-items: flex-end; gap: .55rem; margin-top: 2rem; padding: 0 1rem .7rem; border-bottom: 1px solid rgba(220,197,140,.25); background: repeating-linear-gradient(to top, transparent 0 1.85rem, rgba(245,245,242,.055) 1.9rem 1.95rem); }
.operations-visual__chart span { width: .85rem; height: 32%; border-radius: .25rem .25rem 0 0; background: linear-gradient(180deg, var(--gold-soft), var(--gold-dark)); box-shadow: 0 0 .8rem rgba(198,165,91,.2); }
.operations-visual__chart span:nth-child(2) { height: 56%; }
.operations-visual__chart span:nth-child(3) { height: 43%; }
.operations-visual__chart span:nth-child(4) { height: 79%; }
.operations-visual__chart span:nth-child(5) { height: 66%; }
.operations-visual__metrics { display: flex; gap: .7rem; margin-top: 1rem; }
.operations-visual__metrics i { flex: 1; height: 1.15rem; border: 1px solid rgba(220,197,140,.15); border-radius: .3rem; background: rgba(245,245,242,.035); }
.operations-visual__tile { position: absolute; z-index: 2; display: grid; width: 3.9rem; height: 3.9rem; border: 1px solid rgba(220,197,140,.45); border-radius: .75rem; background: linear-gradient(145deg, rgba(40,32,18,.98), rgba(12,11,9,.98)); box-shadow: 0 .8rem 1.8rem rgba(0,0,0,.4), inset 0 0 1rem rgba(198,165,91,.1); color: var(--gold-soft); place-items: center; }
.operations-visual__tile .dashboard-icon { width: 1.7rem; height: 1.7rem; stroke-width: 1.4; }
.operations-visual__tile--remote { right: 4%; bottom: 5%; }
.operations-visual__tile--account { bottom: 20%; left: 3%; }
.operations-visual__tile--secure { top: 2%; right: 16%; }
.operations-group { margin-top: 5.6rem; }
.operations-group--account { margin-top: 4rem; }
.operations-group__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(220,197,140,.28); }
.operations-group__heading h3 { margin: .45rem 0 0; color: var(--white); font-family: var(--display); font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 500; letter-spacing: -.025em; line-height: 1; }
.operations-group__heading > span { padding-bottom: .15rem; color: var(--muted-dark); font-size: .62rem; font-weight: 600; letter-spacing: .15em; text-align: right; text-transform: uppercase; }
.operations-card-grid { display: grid; gap: .85rem; margin-top: 1.25rem; }
.operations-card-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.operations-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.operations-card { position: relative; display: flex; min-height: 14.5rem; flex-direction: column; padding: 1.35rem 1.35rem 1.1rem; overflow: hidden; border: 1px solid rgba(245,245,242,.14); border-radius: .75rem; background: linear-gradient(145deg, rgba(23,21,17,.96), rgba(10,10,9,.96)); box-shadow: inset 0 0 1.4rem rgba(198,165,91,.025); transition: border-color 220ms ease, transform 220ms var(--ease-premium), box-shadow 220ms ease; }
.operations-card::before { position: absolute; top: 0; left: 1.35rem; width: 4.5rem; height: 1px; background: linear-gradient(90deg, var(--gold), transparent); content: ''; }
.operations-card:hover { border-color: rgba(220,197,140,.58); box-shadow: 0 .8rem 2.5rem rgba(0,0,0,.22), inset 0 0 1.4rem rgba(198,165,91,.06); transform: translateY(-3px); }
.operations-card__icon { display: grid; width: 3.25rem; height: 3.25rem; margin-bottom: 1.25rem; border: 1px solid rgba(220,197,140,.48); border-radius: .7rem; background: linear-gradient(145deg, rgba(55,42,20,.9), rgba(17,14,9,.85)); box-shadow: inset 0 0 .9rem rgba(198,165,91,.14), 0 0 .9rem rgba(198,165,91,.08); color: var(--gold-soft); place-items: center; }
.operations-card__icon .dashboard-icon { width: 1.65rem; height: 1.65rem; stroke-width: 1.45; }
.operations-card h4 { margin: 0 0 .55rem; color: var(--white); font-size: 1rem; font-weight: 600; letter-spacing: -.01em; }
.operations-card p { max-width: 22rem; margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.65; }
.operations-card__rule { width: 1.25rem; height: 2px; margin-top: auto; padding-top: .2rem; background: var(--gold); box-shadow: 0 0 .75rem rgba(198,165,91,.4); }
.feature-section { width: var(--container); margin: auto; padding: var(--section-space) 0; }
.section-heading { max-width: 620px; }
.section-heading h2, .cta-section h2 { margin: 1.2rem 0; font-family: var(--display); font-size: calc(clamp(2.8rem, 4.8vw, 5.3rem) - var(--type-reduction) - var(--heading-reduction)); font-weight: 500; letter-spacing: -.035em; line-height: .96; }
.section-heading > p:last-child { max-width: 30rem; color: var(--muted); font-size: .95rem; line-height: 1.8; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 5rem; background: var(--line); }
.feature-grid--four { grid-template-columns: repeat(4, 1fr); }
.feature-grid article { min-height: 240px; padding: 1.7rem; background: #100f0d; }
.feature-grid--four article { min-height: 280px; }
.feature-grid article > span { color: var(--gold); font-family: var(--display); font-size: 1.5rem; }
.feature-grid article > .feature-card__icon { display: grid; width: 3rem; height: 3rem; color: var(--gold); place-items: center; }
.feature-card__icon .dashboard-icon { width: 1.8rem; height: 1.8rem; stroke-width: 1.45; }
.feature-grid h3 { margin: 1.25rem 0 .7rem; font-size: 1.05rem; font-weight: 500; }
.feature-grid p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.7; }
.feature-section--compact { padding-top: 0; }
.panel-showcase { width: var(--container); margin: auto; padding: 0 0 var(--section-space); }
.panel-showcase__heading { max-width: 620px; }
.panel-showcase__heading h2 { margin: 1.2rem 0; font-family: var(--display); font-size: calc(clamp(2.8rem, 4.8vw, 5.3rem) - var(--type-reduction) - var(--heading-reduction)); font-weight: 500; letter-spacing: -.035em; line-height: .96; }
.panel-showcase__heading > p:last-child { max-width: 30rem; color: var(--muted); font-size: .95rem; line-height: 1.8; }
.panel-showcase__gallery { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 4rem; }
.panel-showcase__item { position: relative; min-height: 14rem; margin: 0; overflow: hidden; border: 1px solid var(--line); background: var(--black-soft); }
.panel-showcase__item--featured { grid-row: span 2; min-height: 29rem; }
.panel-showcase__item::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(8,8,8,.9) 100%); content: ''; pointer-events: none; }
.panel-showcase__item img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; object-position: top left; transition: transform 500ms var(--ease-premium); }
.panel-showcase__item:hover img { transform: scale(1.025); }
.panel-showcase__item figcaption { position: absolute; z-index: 1; right: 1.35rem; bottom: 1.2rem; left: 1.35rem; display: grid; gap: .25rem; }
.panel-showcase__item figcaption strong { color: var(--white); font-size: .92rem; font-weight: 600; }
.panel-showcase__item figcaption span { color: rgba(245,245,242,.72); font-size: .72rem; line-height: 1.5; }
.contact-section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 7rem); padding: var(--section-space) max(3rem, calc((100% - 1320px)/2)); border-top: 1px solid var(--line); background: linear-gradient(90deg, rgba(14,14,14,.98) 0%, rgba(14,14,14,.9) 44%, rgba(14,14,14,.62) 100%), url('/Images/support-background.png') center / cover no-repeat; }
.contact-section__heading { max-width: 32rem; }
.contact-section h2 { margin: 1.2rem 0; font-family: var(--display); font-size: calc(clamp(2.8rem, 4.8vw, 5.3rem) - var(--type-reduction) - var(--heading-reduction)); font-weight: 500; letter-spacing: -.035em; line-height: .96; }
.contact-section__heading > p:last-child { color: var(--muted); font-size: .95rem; line-height: 1.8; }
.contact-section__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; align-self: center; background: var(--line); }
.contact-section__cards article { min-height: 220px; padding: 1.8rem; background: transparent; }
.contact-section__cards span { color: var(--gold); font-size: .65rem; font-weight: 600; letter-spacing: .16em; }
.contact-section__cards h3 { margin: 3rem 0 .7rem; font-size: 1.1rem; font-weight: 500; }
.contact-section__cards p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.75; }
.pricing-section { position: relative; isolation: isolate; width: min(calc(100% - 64px), 1500px); margin: auto; padding: clamp(5rem, 7vw, 7rem) 0 3.2rem; }
.pricing-section::before { position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; background: radial-gradient(circle at 14% 2%, rgba(198,165,91,.14), transparent 27%), radial-gradient(circle at 88% 5%, rgba(198,165,91,.1), transparent 25%), linear-gradient(145deg, rgba(198,165,91,.045) 0 1px, transparent 1px 22%), linear-gradient(215deg, rgba(198,165,91,.035) 0 1px, transparent 1px 24%), #080808; content: ''; transform: translateX(-50%); }
.pricing-section .section-heading { max-width: 1120px; margin: 0 auto; text-align: center; }
.pricing-section .section-heading h2 { max-width: 1080px; margin: .8rem auto .7rem; font-size: clamp(2.55rem, 3.15vw, 3.4rem); line-height: 1; }
.pricing-section .section-heading h2 em { color: var(--gold-soft); font-style: normal; }
.pricing-section .section-heading > p:last-child { max-width: 54rem; margin-right: auto; margin-left: auto; font-size: .9rem; line-height: 1.55; }
.pricing-toolbar { display: flex; align-items: center; justify-content: center; margin-top: 2rem; padding: .8rem 0 1rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .72rem; }
.pricing-toolbar__group { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.pricing-toolbar__group > span { color: var(--white); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.pricing-toolbar__controls { display: flex; align-items: center; gap: 1rem; }
.pricing-toggle { display: inline-flex; padding: .2rem; border: 1px solid var(--line); }
.pricing-toggle__button { min-width: 5.25rem; padding: .58rem .75rem; border: 0; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: .65rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.pricing-toggle__button.is-active { background: linear-gradient(180deg, #e5c36e 0%, var(--gold) 100%); box-shadow: 0 0 .9rem rgba(198,165,91,.32); color: var(--black); }
.pricing-annual-note { display: inline-flex; align-items: center; gap: .4rem; padding: .52rem .72rem; border: 1px solid rgba(198,165,91,.55); border-radius: .35rem; color: var(--gold-soft); font-size: .65rem; font-weight: 600; white-space: nowrap; }
.pricing-annual-note > span { display: block; width: .85rem; height: .85rem; color: var(--gold); }
.pricing-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .72rem; margin-top: 2rem; background: transparent; }
.pricing-card { position: relative; display: flex; min-height: 438px; flex-direction: column; padding: 1.35rem 1.2rem 1rem; overflow: visible; border: 1px solid rgba(245,245,242,.16); border-radius: .42rem; background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(14,14,14,.98)); }
.pricing-card--featured { border-color: var(--gold); box-shadow: 0 0 0 1px rgba(235,196,92,.22), 0 0 1.5rem rgba(198,165,91,.3), inset 0 0 1.5rem rgba(198,165,91,.045); }
.pricing-card__badge { position: absolute; top: -1rem; left: 50%; display: inline-flex; align-items: center; gap: .35rem; padding: .42rem .85rem; border-radius: 999px; background: linear-gradient(180deg, #f3cd6d 0%, var(--gold) 100%); color: var(--black); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transform: translateX(-50%); white-space: nowrap; }
.pricing-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: .55rem; min-height: 6.35rem; }
.pricing-card h3 { min-height: 0; margin: 1.05rem 0 .25rem; color: var(--white); font-family: var(--display); font-size: 1.62rem; font-weight: 500; line-height: .96; }
.pricing-card--compact-title h3 { font-size: 1.36rem; letter-spacing: -.025em; white-space: nowrap; }
.pricing-card__description { min-height: 1.15rem; margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.35; }
.pricing-card__icon { display: grid; flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; margin-top: .05rem; color: var(--gold); place-items: center; }
.pricing-icon { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.pricing-card__features { display: grid; align-content: start; gap: .45rem; min-height: 7rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.pricing-card__features li { display: grid; grid-template-columns: .95rem minmax(0, 1fr); gap: .42rem; color: var(--muted); font-size: .7rem; line-height: 1.4; }
.pricing-card__check { color: #efbd32; font-size: 1rem; font-weight: 700; line-height: 1.05; }
.pricing-card__price { display: flex; height: 2.45rem; align-items: baseline; gap: .3rem; margin-top: .45rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.pricing-card__price strong { color: var(--white); font-size: 1.55rem; font-weight: 600; white-space: nowrap; }
.pricing-card__price span { color: var(--muted); font-size: .72rem; }
.pricing-card__billing, .pricing-card__saving { min-height: 1rem; margin: .35rem 0 0; color: var(--muted); font-size: .68rem; }
.pricing-card__saving { color: var(--gold-soft); font-weight: 600; }
.pricing-card__details { display: grid; grid-template-columns: repeat(2, 1fr); gap: .45rem; min-height: 4rem; margin: .6rem 0 .8rem; padding-top: .75rem; border-top: 1px solid var(--line); }
.pricing-card__details > div { position: relative; padding-left: 1.35rem; }
.pricing-card__details > div + div { padding-left: 1.7rem; border-left: 1px solid var(--line); }
.pricing-card__details > div + div .pricing-card__detail-icon { left: .45rem; }
.pricing-card__detail-icon { position: absolute; top: 0; left: 0; display: block; width: .95rem; height: .95rem; color: var(--gold); }
.pricing-card__detail-icon .pricing-icon { stroke-width: 1.35; }
.pricing-card__details small { display: block; color: var(--muted-dark); font-size: .46rem; letter-spacing: .1em; line-height: 1.3; }
.pricing-card__details strong { display: block; margin-top: .28rem; color: var(--white); font-size: .72rem; font-weight: 600; line-height: 1.2; }
.pricing-card .button { width: 100%; min-height: 2.35rem; justify-content: center; margin-top: auto; padding: .7rem .4rem; font-size: .62rem; }
.pricing-trust { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1.15rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.pricing-trust > div { display: flex; align-items: center; justify-content: center; gap: .8rem; padding: .25rem 1.25rem; border-right: 1px solid var(--line); }
.pricing-trust > div:last-child { border-right: 0; }
.pricing-trust__icon { display: block; width: 1.65rem; height: 1.65rem; color: var(--gold); }
.pricing-trust > div > span:last-child { display: grid; gap: .2rem; }
.pricing-trust strong { color: var(--white); font-size: .72rem; font-weight: 600; }
.pricing-trust small { color: var(--muted); font-size: .65rem; }
.pricing-empty { grid-column: 1 / -1; padding: 3rem; color: var(--muted); text-align: center; }
.faq-section { width: var(--container); margin: auto; padding: 0 0 var(--section-space); }
.faq-section__heading { max-width: 860px; margin: 0 auto; text-align: center; }
.faq-section__heading h2 { margin: 1.2rem 0; font-family: var(--display); font-size: calc(clamp(2.8rem, 4.8vw, 5.3rem) - var(--type-reduction) - var(--heading-reduction)); font-weight: 500; letter-spacing: -.035em; line-height: .96; }
.faq-section__heading > p:last-child { max-width: 46rem; margin-right: auto; margin-left: auto; color: var(--muted); font-size: .95rem; line-height: 1.8; }
.faq-list { max-width: 1100px; margin: 4rem auto 0; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.35rem 0; color: var(--white); cursor: pointer; font-size: 1rem; font-weight: 500; list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { color: var(--gold); content: '+'; flex: 0 0 auto; font-family: var(--display); font-size: 1.65rem; font-weight: 400; line-height: 1; }
.faq-item[open] summary::after { content: '−'; }
.faq-item__answer { max-width: 900px; padding: 0 3rem 1.35rem 0; }
.faq-item__answer p { margin: 0; color: var(--muted); font-size: .85rem; line-height: 1.75; }
.cta-section { display: grid; place-items: center; min-height: 440px; padding: var(--section-space) 1.5rem; background: var(--gold); color: var(--black); text-align: center; }
.cta-section .eyebrow { color: var(--black); }
.cta-section h2 { max-width: 700px; }
.footer-contact { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2rem, 6vw, 7rem); padding: clamp(5rem, 8vw, 8rem) max(3rem, calc((100% - 1320px)/2)); overflow: hidden; border-top: 1px solid rgba(8,8,8,.24); border-bottom: 1px solid rgba(8,8,8,.24); background: linear-gradient(125deg, #b9944b 0%, #d8bd7a 52%, #c6a55b 100%); color: var(--black); }
.footer-contact::before { position: absolute; z-index: -1; top: -35%; right: -5%; width: 58%; height: 170%; border: 1px solid rgba(8,8,8,.18); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(8,8,8,.035), 0 0 0 4rem rgba(8,8,8,.025); content: ''; transform: rotate(-18deg); }
.footer-contact__heading { max-width: 700px; }
.footer-contact .eyebrow { color: var(--black); }
.footer-contact h2 { margin: 1.2rem 0; color: var(--black); font-family: var(--display); font-size: calc(clamp(2.8rem, 5vw, 5.8rem) - var(--type-reduction) - var(--heading-reduction)); font-weight: 500; letter-spacing: -.04em; line-height: .92; }
.footer-contact__heading > p:last-child { max-width: 34rem; margin: 0; color: rgba(8,8,8,.72); font-size: .95rem; line-height: 1.8; }
.footer-contact__details { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem 2rem; padding: 1.35rem; border: 1px solid rgba(8,8,8,.22); background: rgba(245,245,242,.16); }
.footer-contact__details > div { display: grid; gap: .3rem; min-width: 8.5rem; }
.footer-contact__details small { color: rgba(8,8,8,.72); font-size: .62rem; letter-spacing: .16em; }
.footer-contact__details strong { color: var(--black); font-size: .8rem; font-weight: 600; }
.footer-contact__details strong a { color: inherit; }
.footer-contact .button--gold { background: var(--black); color: var(--white); }
.footer-contact .button--gold:hover, .footer-contact .button--gold:focus-visible { background: #25221c; color: var(--white); }
.site-footer { padding: 5rem max(3rem, calc((100% - 1320px)/2)) 1.5rem; background: #f5f5f2; color: #6f6a62; font-size: .78rem; }
.site-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 3rem; }
.site-footer__brand img { display: block; width: min(100%, 12rem); height: auto; }
.site-footer__brand p { margin: 1.3rem 0 0; color: #777168; font-size: .72rem; letter-spacing: .08em; }
.site-footer__column { display: grid; align-content: start; gap: .65rem; }
.site-footer__column small { color: #ae883b; }
.site-footer__column a, .site-footer__column span { color: #6f6a62; }
.site-footer__column a:hover { color: #171614; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 4rem; padding-top: 1.3rem; border-top: 1px solid #d5d0c7; color: #777168; font-size: .68rem; letter-spacing: .04em; }
.auth-shell { display: grid; min-height: 100vh; padding: 2rem; place-items: center; background: radial-gradient(circle at 80% 15%, rgba(198,165,91,.14), transparent 32%), var(--black); }
.auth-card { width: min(100%, 430px); padding: 2.5rem; border: 1px solid var(--line); background: rgba(17,17,17,.92); box-shadow: 0 2rem 6rem rgba(0,0,0,.35); }
.auth-shell:not(.auth-shell--register) { background: linear-gradient(90deg, transparent 49.95%, rgba(198,165,91,.08) 50%, transparent 50.05%), radial-gradient(circle at 75% 20%, rgba(198,165,91,.15), transparent 28%), var(--black); }
.auth-shell:not(.auth-shell--register) .auth-card { width: min(100%, 400px); padding: 1.4rem clamp(1.75rem, 5vw, 2.75rem) 1.1rem; background: rgba(17,17,17,.86); box-shadow: 0 2rem 6rem rgba(0,0,0,.3); }
.auth-shell:not(.auth-shell--register) .auth-card__brand { margin-bottom: 3.5rem; }
.auth-shell:not(.auth-shell--register) .auth-card h1 { margin: 0; font-size: clamp(3rem, 7vw, 5.5rem); letter-spacing: -.04em; line-height: .9; }
.auth-shell:not(.auth-shell--register) .auth-intro { max-width: 32rem; margin: 1.5rem 0 2rem; font-size: .9rem; line-height: 1.7; }
.auth-shell:not(.auth-shell--register) .form { gap: .5rem; }
.auth-shell:not(.auth-shell--register) .form label { margin-top: .55rem; font-size: .7rem; letter-spacing: .12em; }
.auth-shell:not(.auth-shell--register) .form input { padding: .75rem .85rem; }
.auth-shell:not(.auth-shell--register) .form .button { width: 100%; margin-top: 1rem; }
.auth-card--wide { width: min(100%, 760px); }
.auth-shell--register .auth-card--wide { width: min(100%, 720px); padding: 1.8rem 2rem 1.45rem; }
.auth-card__brand { margin-bottom: 4rem; }
.auth-card--wide .auth-card__brand { margin-bottom: 3rem; }
.auth-card h1 { margin: .8rem 0 0; font-family: var(--display); font-size: 4.4rem; font-weight: 500; line-height: .85; }
.auth-intro { margin: 1.3rem 0 2rem; color: var(--muted); font-size: .82rem; line-height: 1.7; }
.form { display: grid; gap: .55rem; }
.form label { margin-top: .45rem; color: var(--muted); font-size: .64rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
.form input, .form select { width: 100%; padding: .78rem .85rem; border: 1px solid var(--line); border-radius: 0; outline: 0; background: var(--black); color: var(--white); font: inherit; }
.form input:focus, .form select:focus { border-color: var(--gold); }
.form select option { background: var(--black-soft); }
.form .button { margin-top: 1rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem 1.2rem; }
.field { min-width: 0; display: grid; gap: .2rem; }
.register-form .field { align-content: start; }
.auth-shell--register .form input, .auth-shell--register .form select { padding: .58rem .72rem; font-size: .78rem; }
#employee_field[hidden], #user_count_field[hidden] { display: none !important; }
.field--full { grid-column: 1 / -1; }
.password-strength { display: grid; gap: .35rem; margin-top: .35rem; }
.password-strength__header { display: flex; align-items: center; justify-content: space-between; gap: .75rem; color: var(--muted); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
.password-strength__header strong { color: #817b72; font-size: .58rem; font-weight: 600; letter-spacing: .04em; text-transform: none; }
.password-strength[data-level="weak"] .password-strength__header strong { color: #cb8172; }
.password-strength[data-level="medium"] .password-strength__header strong { color: var(--gold-soft); }
.password-strength[data-level="strong"] .password-strength__header strong { color: #6fbf8a; }
.password-strength__meter { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .25rem; height: .24rem; }
.password-strength__segment { border-radius: 999px; background: #383838; transition: background-color 180ms ease; }
.password-strength[data-level="weak"] .password-strength__segment.is-active { background: #cb8172; }
.password-strength[data-level="medium"] .password-strength__segment.is-active { background: var(--gold); }
.password-strength[data-level="strong"] .password-strength__segment.is-active { background: #6fbf8a; }
.form-hint { margin: .7rem 0 0; color: var(--muted); font-size: .68rem; }
.form-alert { margin: 1rem 0; padding: .75rem .85rem; border: 1px solid; font-size: .75rem; line-height: 1.5; }
.form-alert--error { border-color: rgba(220,120,105,.45); color: #e6aba2; }
.auth-back-link { display: inline-block; margin-bottom: 2rem; color: var(--gold-soft); font-size: .72rem; text-decoration: none; }
.auth-back-link:hover { color: var(--gold); }
.login-remember { align-items: center; color: var(--muted) !important; cursor: pointer; display: inline-flex !important; gap: .5rem; letter-spacing: 0 !important; margin-top: .55rem !important; text-transform: none !important; }
.login-remember input { accent-color: var(--gold); height: 1rem; margin: 0; padding: 0 !important; width: 1rem; }
.login-recaptcha { display: grid; gap: .6rem; margin-top: .35rem; }
.login-recaptcha__reload { width: max-content; padding: .55rem .75rem; border: 1px solid var(--gold-soft); background: transparent; color: var(--gold-soft); cursor: pointer; font: inherit; font-size: .67rem; letter-spacing: .08em; text-transform: uppercase; }
.login-recaptcha__reload:hover:not(:disabled) { border-color: var(--gold); color: var(--gold); }
.login-recaptcha__reload:disabled { cursor: wait; opacity: .6; }
.login-recaptcha__message { margin: 0; color: #e4a69d; font-size: .72rem; line-height: 1.45; }
.auth-footer { margin: 1.7rem 0 0; color: var(--muted); font-size: .72rem; }
.auth-footer a, .back-link { color: var(--gold-soft); }
.back-link { display: inline-block; margin-top: 2rem; font-size: .68rem; }
.dashboard-body { min-height: 100vh; background: #f2f0eb; color: #171614; }
.dashboard-app { display: flex; min-height: 100vh; }
.dashboard-sidebar { position: fixed; z-index: 2; inset: 0 auto 0 0; display: flex; width: 280px; flex-direction: column; padding: 1.5rem 1.15rem; border-right: 1px solid #ded9d0; background: #fbfaf7; }
.dashboard-sidebar .brand { color: #171614; }
.dashboard-sidebar .dashboard-brand { justify-self: center; }
.dashboard-sidebar .dashboard-brand img { display: block; width: 132px; height: auto; }
.dashboard-sidebar__top { display: grid; justify-items: start; gap: 1.1rem; padding: .3rem .45rem 2.3rem; }
.dashboard-sidebar__label { color: var(--gold-dark); font-size: .58rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.dashboard-nav { display: grid; gap: 0; }
.dashboard-nav a { display: flex; align-items: center; min-height: 2.65rem; gap: .8rem; padding: .65rem .75rem; border: 1px solid transparent; border-bottom-color: #ded9d0; color: #746e66; font-size: .76rem; font-weight: 500; }
.dashboard-nav a[hidden] { display: none !important; }
.dashboard-nav a span { display: grid; width: 1.1rem; color: var(--gold-dark); place-items: center; text-align: center; }
.dashboard-icon { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.dashboard-nav a:hover, .dashboard-nav a.is-active { border-color: #e7d7b0; background: #f0e7d3; color: #171614; }
.dashboard-sidebar__user { display: grid; gap: .3rem; margin-top: auto; padding: 1.3rem .8rem 0; border-top: 1px solid #ded9d0; }
.dashboard-sidebar__user strong { color: #28251f; font-size: .78rem; }
.dashboard-sidebar__user small { overflow: hidden; color: #a88945; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-sidebar__user button { display: flex; align-items: center; gap: .8rem; padding: 0; border: 0; background: transparent; color: #746e66; cursor: pointer; font: inherit; font-size: .7rem; text-align: left; }
.dashboard-sidebar__user button:hover { color: #a88945; }
.dashboard-workspace { width: 100%; min-width: 0; margin-left: 280px; }
.dashboard-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 76px; margin: 1.1rem 2.25rem 0; padding: .8rem 1rem; border: 1px solid #e5e0d8; border-radius: 1.1rem; background: rgba(255,254,251,.9); box-shadow: 0 .75rem 2.5rem rgba(40,33,24,.05); }
.dashboard-topbar__actions { display: flex; align-items: center; gap: .6rem; }
.dashboard-action-button { display: grid; width: 2.65rem; height: 2.65rem; padding: 0; border: 1px solid #e7d7b0; border-radius: .8rem; background: #fffefa; color: var(--gold-dark); cursor: pointer; place-items: center; transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease; }
.dashboard-action-button:hover, .dashboard-action-button:focus-visible { border-color: var(--gold); background: #f4ead5; color: #8f6b2d; }
.dashboard-action-button .dashboard-icon { width: 1rem; height: 1rem; }
.dashboard-topbar p { margin: 0; color: #817b72; font-size: .76rem; }
.dashboard-topbar__mobile { display: none; }
.dashboard-topbar__identity { display: flex; align-items: center; gap: .55rem; color: #4e6c50; font-size: .72rem; font-weight: 600; }
.dashboard-topbar__identity i { width: .5rem; height: .5rem; border-radius: 50%; background: #6fbf8a; }
.dashboard-main { padding: 3.5rem 2.25rem 5rem; }
.dashboard-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.dashboard-heading h1 { margin: .7rem 0 0; color: #171614; font-size: clamp(2.1rem, 4vw, 3.5rem); font-weight: 700; letter-spacing: -.06em; line-height: .95; }
.dashboard-heading p:last-child { margin: .8rem 0 0; color: #817b72; font-size: .85rem; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.2rem; }
.dashboard-metrics article, .dashboard-panel { border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.dashboard-metrics article { min-height: 160px; padding: 1.25rem; }
.metric-icon { display: grid; width: 2.3rem; height: 2.3rem; margin-bottom: 1.3rem; border-radius: .7rem; background: #f4ead5; color: var(--gold-dark); place-items: center; }
.metric-icon .dashboard-icon { width: 1.1rem; height: 1.1rem; stroke-width: 1.6; }
.dashboard-metrics small { display: block; color: #766f66; font-size: .63rem; font-weight: 700; letter-spacing: .06em; }
.dashboard-metrics strong { display: block; margin-top: .5rem; color: #24211d; font-size: 1.55rem; }
.dashboard-metrics p { margin: .45rem 0 0; color: #9a9186; font-size: .68rem; }
.dashboard-latest-tickets { margin-top: 1rem; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.dashboard-latest-tickets__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1.5rem; border-bottom: 1px solid #eee9e1; }
.dashboard-latest-tickets__heading h2 { margin: .55rem 0 .35rem; color: #24211d; font-size: 1.25rem; letter-spacing: -.03em; }
.dashboard-latest-tickets__heading p:last-child { margin: 0; color: #817b72; font-size: .78rem; }
.dashboard-latest-tickets__table-wrap { overflow-x: auto; }
.dashboard-latest-tickets__table { width: 100%; min-width: 640px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.dashboard-latest-tickets__table th { padding: .8rem 1.5rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.dashboard-latest-tickets__table td { padding: 1rem 1.5rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.dashboard-latest-tickets__table tbody tr:last-child td { border-bottom: 0; }
.dashboard-latest-tickets__table tbody tr:hover { background: #fcf8ef; }
.dashboard-latest-tickets__table td:first-child a { color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 600; text-decoration: none; }
.dashboard-latest-tickets__subject { color: #28251f; font-weight: 600; text-decoration: none; }
.dashboard-latest-tickets__subject:hover, .dashboard-latest-tickets__table td:first-child a:hover { text-decoration: underline; }
.dashboard-latest-tickets__status { padding: .35rem .6rem; border-radius: 99px; font-size: .62rem; font-weight: 700; white-space: nowrap; }
.dashboard-latest-tickets__status--open, .dashboard-latest-tickets__status--in_progress { background: #edf3fa; color: #51708c; }
.dashboard-latest-tickets__status--closed { background: #edf7ef; color: #4e6c50; }
.dashboard-latest-tickets__empty { margin: 0; padding: 1.5rem; color: #817b72; font-size: .78rem; }
.dashboard-lower { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1rem; margin-top: 1rem; }
.dashboard-panel { min-height: 250px; padding: 1.5rem; }
.dashboard-panel h2 { max-width: 31rem; margin: 1rem 0 .8rem; color: #24211d; font-family: var(--display); font-size: 2.25rem; font-weight: 500; line-height: .95; }
.dashboard-panel > p:not(.eyebrow) { max-width: 35rem; margin: 0 0 1.5rem; color: #817b72; font-size: .8rem; line-height: 1.7; }
.text-link--dark { color: #8f6b2d; }
.account-line { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid #eee9e1; font-size: .75rem; }
.account-line span { color: #9a9186; }
.account-line strong { color: #28251f; text-align: right; }
@media (max-width: 700px) { .auth-shell:not(.auth-shell--register) { padding: 1rem; } .auth-shell:not(.auth-shell--register) .auth-card { padding: 1.2rem 1.35rem .95rem; } }
@media (max-width: 1100px) { :root { --container: min(calc(100% - 64px), 1320px); } }
@media (max-width: 900px) { .site-header__inner, .hero-section, .proof-strip, .feature-section { width: var(--container); } .site-nav a:not(.button) { display: none; } .hero-section { grid-template-columns: 1fr; padding-top: 8rem; } .hero-visual { min-height: 330px; } .feature-grid, .dashboard-metrics, .dashboard-lower { grid-template-columns: 1fr; } .dashboard-sidebar { transform: translateX(-100%); transition: transform 180ms ease; } .dashboard-sidebar:target, .dashboard-sidebar.is-open { transform: translateX(0); } .dashboard-workspace { margin-left: 0; } .dashboard-main { padding-inline: 1.2rem; } .dashboard-topbar { margin-inline: 1.2rem; } }
@media (max-width: 800px) { :root { --container: min(calc(100% - 40px), 720px); --section-space: clamp(5.5rem, 16vw, 8rem); } .hero-section { min-height: max(44rem, 100svh); padding-top: 8rem; padding-bottom: 2rem; } .hero-copy h1 { font-size: calc(clamp(3.4rem, 10vw, 5rem) - var(--type-reduction) - 20px); } .hero-actions { gap: 1rem 1.5rem; } .section-heading h2, .cta-section h2 { font-size: calc(clamp(2.8rem, 9vw, 4.8rem) - var(--type-reduction)); } }
@media (max-width: 600px) { :root { --container: min(calc(100% - 32px), 480px); } .site-header__inner { min-height: 4.7rem; } .brand strong { font-size: .82rem; } .hero-copy h1 { font-size: calc(clamp(3.4rem, 15vw, 4.5rem) - var(--type-reduction) - 12px); } .hero-actions, .site-footer, .dashboard-heading { align-items: flex-start; flex-direction: column; } .proof-strip { flex-direction: column; gap: .7rem; padding-block: 1.25rem; } .feature-section { padding: var(--section-space) 0; } .form-grid { grid-template-columns: 1fr; } .field--full { grid-column: auto; } .auth-shell { padding: 1rem; } .auth-card { padding: 1.6rem; } .auth-shell--register .auth-card--wide { padding: 1.35rem 1.1rem 1.15rem; } .auth-card__brand { margin-bottom: 3rem; } .auth-card h1 { font-size: 3.7rem; } .dashboard-topbar__mobile { display: inline; color: #28251f; font-size: .8rem; } .dashboard-topbar p { display: none; } .dashboard-main { padding-top: 2.5rem; } }

.dashboard-device-dialog { width: min(calc(100% - 2rem), 34rem); padding: 0; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; color: #171614; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.operations-section__anchor { position: relative; top: -5rem; display: block; }
@media (max-width: 1100px) { .operations-section__intro { gap: 3rem; } .operations-card { padding-inline: 1.1rem; } }
@media (max-width: 900px) { .operations-section__intro { grid-template-columns: 1fr; gap: 2.5rem; } .operations-visual { min-height: 17rem; } .operations-card-grid--four, .operations-card-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)); } .operations-section::after { right: -16rem; } }
@media (max-width: 600px) { .operations-section { padding-block: 5.5rem 5rem; } .operations-section__heading h2 { margin-top: .9rem; font-size: clamp(2.8rem, 13vw, 4rem); } .operations-section__heading > p:last-child { font-size: .86rem; line-height: 1.7; } .operations-visual { min-height: 13.5rem; margin-top: .5rem; } .operations-visual__screen { width: 92%; border-radius: .75rem; } .operations-visual__dashboard { padding: 1rem; } .operations-visual__chart { height: 4.6rem; gap: .35rem; margin-top: 1.1rem; padding-inline: .5rem; } .operations-visual__chart span { width: .55rem; } .operations-visual__tile { width: 3rem; height: 3rem; border-radius: .6rem; } .operations-visual__tile .dashboard-icon { width: 1.35rem; height: 1.35rem; } .operations-visual__tile--account { left: 0; } .operations-visual__tile--remote { right: 0; } .operations-group { margin-top: 4rem; } .operations-group--account { margin-top: 3rem; } .operations-group__heading { align-items: flex-start; flex-direction: column; gap: .55rem; } .operations-group__heading > span { text-align: left; } .operations-card-grid--four, .operations-card-grid--three { grid-template-columns: 1fr; } .operations-card { min-height: 0; padding: 1.2rem; } .operations-card__icon { width: 3rem; height: 3rem; margin-bottom: 1rem; } }
@media (max-width: 900px) { .contact-section { grid-template-columns: 1fr; padding-inline: 1.5rem; } }
@media (max-width: 600px) { .contact-section { padding-inline: 1rem; } .contact-section__cards { grid-template-columns: 1fr; } .pricing-toolbar { align-items: center; flex-direction: column; } .pricing-toolbar__group { align-items: center; } .pricing-toolbar small { margin-left: 0; } .pricing-card__description { min-height: 0; } }
@media (max-width: 900px) { .footer-contact { grid-template-columns: 1fr; align-items: start; padding-inline: 1.5rem; } .site-footer { padding-inline: 1.5rem; } .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .footer-contact, .site-footer { padding-inline: 1rem; } .footer-contact__details { align-items: flex-start; flex-direction: column; } .site-footer__grid { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; } .site-footer__brand { grid-column: 1 / -1; } .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: .5rem; margin-top: 3rem; } .pricing-card__description { height: auto; min-height: 0; max-height: none; overflow: visible; } }
.dashboard-device-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.dashboard-device-dialog__content { position: relative; display: grid; gap: .65rem; padding: 2rem; }
.dashboard-device-dialog__page { display: grid; gap: .65rem; }
.dashboard-device-dialog__page[hidden] { display: none; }
.dashboard-device-dialog__content h2 { margin: .2rem 0 .3rem; color: #171614; font-size: 1.55rem; letter-spacing: -.03em; }
.dashboard-device-dialog__content p:not(.eyebrow) { margin: 0 0 .7rem; color: #817b72; font-size: .8rem; line-height: 1.55; }
.dashboard-device-dialog__content label { color: #766f66; font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dashboard-device-dialog__content input { width: 100%; min-height: 2.8rem; padding: .7rem .8rem; border: 1px solid #d8d1c7; background: #fff; color: #171614; font: inherit; }
.dashboard-device-dialog__content input:focus { outline: 1px solid var(--gold); border-color: var(--gold); }
.dashboard-device-dialog__close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.dashboard-device-dialog__actions { display: flex; justify-content: flex-end; gap: .7rem; margin-top: .8rem; }
.dashboard-device-dialog__actions .button { width: auto; min-width: 7.5rem; cursor: pointer; }
.button--quiet { border: 1px solid #ded9d0; background: #fffefa; color: #746e66; }
.dashboard-device-dialog__message { min-height: 0; color: #8f6b2d; font-size: .75rem; }
.dashboard-device-dialog__message:not(:empty) { min-height: 1.2rem; }
.dashboard-device-dialog__result { display: grid; gap: .45rem; padding-top: .5rem; }
.dashboard-device-token { display: flex; gap: .5rem; }
.dashboard-device-token input { flex: 1; color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 700; letter-spacing: .06em; }
.dashboard-device-token .button { width: auto; cursor: pointer; }
.dashboard-device-dialog__result small { color: #9a9186; font-size: .7rem; line-height: 1.5; }
.dashboard-devices-main { width: 100%; max-width: none; }
.dashboard-devices-main > .form-alert { margin-top: 1.5rem; }
.account-main { max-width: 1200px; }
.account-alert { margin-top: 1.5rem; }
.account-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; }
.account-panel { min-width: 0; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.account-panel__heading { padding: 1.5rem 1.5rem 1.1rem; border-bottom: 1px solid #eee9e1; }
.account-panel__heading h2 { margin: .45rem 0 .5rem; color: #24211d; font-size: 1.35rem; letter-spacing: -.03em; }
.account-panel__heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .76rem; line-height: 1.55; }
.account-form { display: grid; gap: .5rem; padding: 1.5rem; }
.account-form label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.account-form input { width: 100%; min-height: 2.8rem; margin-bottom: .55rem; padding: .7rem .8rem; border: 1px solid #d8d1c7; outline: 0; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.account-form input:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.account-form__submit { width: auto; margin-top: .45rem; cursor: pointer; }
.account-details { display: grid; padding: .2rem 1.5rem 1.1rem; }
.account-detail { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-width: 0; padding: .95rem 0; border-bottom: 1px solid #eee9e1; }
.account-detail:last-child { border-bottom: 0; }
.account-detail > span { color: #9a9186; font-size: .7rem; }
.account-detail > strong { overflow: hidden; color: #28251f; font-size: .76rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.account-detail--document { align-items: flex-start; flex-wrap: wrap; }
.account-detail--document > span { padding-top: .35rem; }
.account-document-value { display: flex; align-items: center; gap: .55rem; }
.account-document-value strong { color: #28251f; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .76rem; letter-spacing: .04em; }
.account-document-reveal { display: grid; width: 2rem; height: 2rem; padding: 0; border: 1px solid #e7d7b0; border-radius: .55rem; background: #fffefa; color: var(--gold-dark); cursor: pointer; place-items: center; }
.account-document-reveal:hover, .account-document-reveal:focus-visible { background: #f4ead5; outline: 0; }
.account-document-reveal:disabled { cursor: wait; opacity: .6; }
.account-document-reveal .dashboard-icon { width: 1rem; height: 1rem; }
.account-detail--document small { flex-basis: 100%; color: #a24d3d; font-size: .66rem; text-align: right; }
.store-main { max-width: 1500px; }
.store-license-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 280px)); justify-content: center; gap: 1rem; margin-top: 2rem; }
.store-license-card { display: grid; gap: .85rem; min-width: 0; padding: 1.5rem; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.store-license-card__top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.store-license-card__top .metric-icon { margin: 0; }
.store-license-card__status { padding: .35rem .6rem; border-radius: 99px; background: #f4eee5; color: #8f6b2d; font-size: .62rem; font-weight: 700; white-space: nowrap; }
.store-license-card__status.is-active { background: #edf7ef; color: #4e6c50; }
.store-license-card h2 { margin: 0; color: #24211d; font-size: 1.45rem; letter-spacing: -.03em; }
.store-license-card__description { min-height: 3.8rem; margin: 0; color: #817b72; font-size: .78rem; line-height: 1.6; }
.store-license-card__price { display: grid; gap: .15rem; padding-top: .75rem; border-top: 1px solid #eee9e1; }
.store-license-card__price strong { color: #28251f; font-size: 1.45rem; letter-spacing: -.03em; }
.store-license-card__price del { color: #28251f; text-decoration-thickness: 2px; }
.store-license-card__price span { color: #9a9186; font-size: .7rem; }
.store-license-card__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding-top: .85rem; border-top: 1px solid #eee9e1; }
.store-license-card__details div { display: grid; gap: .2rem; min-width: 0; }
.store-license-card__details small { color: #9a9186; font-size: .58rem; font-weight: 700; letter-spacing: .06em; }
.store-license-card__details strong { color: #746e66; font-size: .78rem; font-weight: 600; }
.store-license-card__button { width: auto; min-width: 8.5rem; min-height: 2.25rem; margin: .25rem auto 0; padding: .55rem 1rem; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: .62rem; letter-spacing: .1em; }
.store-license-empty { grid-column: 1 / -1; }
.device-management-list { display: grid; width: 100%; max-width: none; gap: 1rem; margin-top: 2rem; }
.device-management-card, .dashboard-empty-state { border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.device-management-card { padding: 1.5rem; }
.device-management-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid #eee9e1; }
.device-management-card__header > div { display: flex; align-items: center; gap: .8rem; }
.device-management-card__header .metric-icon { flex: 0 0 auto; margin: 0; }
.device-management-card__header h2 { margin: 0; color: #24211d; font-size: 1.1rem; }
.device-management-card__header p { margin: .25rem 0 0; color: #9a9186; font-size: .72rem; }
.device-management-card__header p strong { color: #746e66; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 600; }
.device-management-card__status { padding: .35rem .65rem; border-radius: 99px; background: #edf7ef; color: #4e6c50; font-size: .68rem; font-weight: 700; }
.device-management-card__details { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; padding: 1.25rem 0; }
.device-management-card__details small, .device-management-card__forms label { display: block; color: #766f66; font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.device-management-card__details strong { display: block; margin-top: .6rem; color: #28251f; font-size: .85rem; }
.device-management-card__details p { margin: .35rem 0 0; color: #9a9186; font-size: .7rem; }
.device-password-field, .device-management-card__forms form > div { display: flex; gap: .5rem; margin-top: .55rem; }
.device-password-field input, .device-management-card__forms input { min-width: 0; flex: 1; height: 2.5rem; padding: .6rem .7rem; border: 1px solid #d8d1c7; background: #fff; color: #28251f; font: inherit; }
.device-password-field input { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.device-management-card .button { width: auto; min-width: auto; padding-inline: .8rem; cursor: pointer; white-space: nowrap; }
.device-management-card__forms { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid #eee9e1; }
.device-management-card__forms label { margin-bottom: .55rem; }
.device-management-card__remove { display: flex; justify-content: flex-end; margin-top: 1rem; }
.text-button { padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; font-size: .72rem; }
.text-button--danger { color: #a75b51; }
.text-button--danger:hover { color: #7d3027; text-decoration: underline; }
.dashboard-empty-state { display: grid; justify-items: center; padding: 3rem 1.5rem; text-align: center; }
.dashboard-empty-state .metric-icon { margin-bottom: 1rem; }
.dashboard-empty-state h2 { margin: 0; color: #24211d; font-size: 1.2rem; }
.dashboard-empty-state p { max-width: 28rem; margin: .6rem 0 1.4rem; color: #817b72; font-size: .8rem; line-height: 1.6; }
.dashboard-empty-state .button { width: auto; cursor: pointer; }
.form-alert--success { border-color: #b6d9bd; background: #f2faf3; color: #4e6c50; }
@media (max-width: 760px) { .device-management-card__details, .device-management-card__forms { grid-template-columns: 1fr; } .device-management-card__header { flex-direction: column; } }

.device-management-list { gap: .7rem; }
.device-management-row { display: grid; grid-template-columns: minmax(15rem, 1.5fr) minmax(10rem, 1fr) auto auto; align-items: center; gap: 1.25rem; padding: 1rem 1.25rem; border: 1px solid #e4ded4; border-radius: .95rem; background: #fffefa; box-shadow: 0 .5rem 1.5rem rgba(40,33,24,.035); }
.device-management-row__device { display: flex; min-width: 0; align-items: center; gap: .8rem; }
.device-management-row__device > div { min-width: 0; }
.device-management-row__device .metric-icon { flex: 0 0 auto; margin: 0; }
.device-management-row__device strong { display: block; overflow: hidden; color: #28251f; font-size: .85rem; text-overflow: ellipsis; white-space: nowrap; }
.device-management-row__device span:not(.metric-icon) { display: block; margin-top: .2rem; color: #9a9186; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .68rem; }
.device-management-row__activity { display: grid; gap: .2rem; min-width: 0; }
.device-management-row__activity small { color: #766f66; font-size: .6rem; font-weight: 700; letter-spacing: .06em; }
.device-management-row__activity strong { color: #28251f; font-size: .75rem; font-weight: 600; }
.device-management-row__status { white-space: nowrap; }
.device-management-row__actions .button { min-width: 7.4rem; cursor: pointer; }
.device-management-dialog { width: min(calc(100vw - 2rem), 700px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; overflow-x: hidden; overflow-y: auto; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; color: #171614; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.device-management-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.device-management-dialog__content { position: relative; display: grid; gap: .75rem; min-width: 0; padding: 2rem; }
.device-management-dialog__content h2 { margin: .15rem 0 0; color: #24211d; font-size: 1.6rem; letter-spacing: -.03em; }
.device-management-dialog__identity { margin: 0; color: #9a9186; font-size: .72rem; }
.device-management-dialog__identity strong { color: #746e66; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.device-management-dialog__metadata { display: grid; gap: .25rem; }
.device-management-dialog__last-session { margin: 0; color: #817b72; font-size: .72rem; }
.device-management-dialog__last-session strong { color: #5f5951; font-weight: 600; }
.device-management-dialog__close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.device-management-dialog__access { min-width: 0; margin-top: .7rem; padding: 1rem; border: 1px solid #eee9e1; background: #fbfaf7; }
.device-management-dialog__access small, .device-management-dialog__forms label { display: block; color: #766f66; font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.device-management-dialog__access p { margin: .4rem 0 0; color: #9a9186; font-size: .7rem; }
.device-management-dialog .device-password-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; margin-top: .55rem; }
.device-management-dialog .device-password-field input, .device-management-dialog__forms input { min-width: 0; flex: 1; height: 2.5rem; padding: .6rem .7rem; border: 1px solid #d8d1c7; background: #fff; color: #28251f; font: inherit; }
.device-management-dialog .device-password-field input { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .08em; }
.device-management-dialog .button { width: auto; min-width: 0; cursor: pointer; white-space: nowrap; }
.device-management-dialog .device-password-field .button { width: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.device-management-dialog .device-password-field .button .dashboard-icon { width: 1.05rem; height: 1.05rem; }
.device-management-dialog__disable { display: flex; justify-content: flex-end; margin-top: .85rem; }
.device-management-dialog__disable .button { width: min(100%, 20rem); min-width: 0; min-height: 2.5rem; padding-inline: .85rem; white-space: normal; line-height: 1.35; text-align: center; }
.device-management-dialog .button--danger-outline { border-color: #d8b8ae; color: #a24d3d; }
.device-management-dialog__forms { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: .35rem; }
.device-management-dialog__forms form { min-width: 0; }
.device-management-dialog__forms form > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; min-width: 0; margin-top: .55rem; }
.device-management-dialog__forms form > div input, .device-management-dialog__forms form > div .button { min-width: 0; min-height: 2.5rem; }
.device-management-dialog__forms form > div .device-management-dialog__action-button { width: 100%; min-width: 0; padding-inline: .65rem; display: inline-flex; align-items: center; justify-content: center; }
.device-management-dialog__forms form > div .button { padding-inline: .8rem; font-size: .62rem; }
.device-management-dialog__remove { display: flex; justify-content: flex-end; margin-top: .35rem; padding-top: 1rem; border-top: 1px solid #eee9e1; }
@media (max-width: 850px) { .device-management-row { grid-template-columns: minmax(0, 1fr) auto auto; } .device-management-row__activity { grid-column: 1 / 2; } }
@media (max-width: 760px) { .device-management-dialog__forms { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .device-management-row { grid-template-columns: 1fr auto; gap: .8rem; } .device-management-row__activity { grid-column: 1 / -1; } .device-management-row__status { grid-column: 1 / 2; } .device-management-row__actions { grid-column: 2 / 3; grid-row: 2; } .device-management-row__actions .button { min-width: auto; } .device-management-dialog { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); } .device-management-dialog__content { padding: 1.25rem; } .device-management-dialog .device-password-field, .device-management-dialog__forms form > div { grid-template-columns: 1fr; } .device-management-dialog .device-password-field .button, .device-management-dialog__forms form > div .button, .device-management-dialog__disable .button { width: 100%; min-width: 0; } }

.admin-auth-shell { background: radial-gradient(circle at 78% 18%, rgba(198,165,91,.14), transparent 30%), var(--black); }
.admin-auth-card { width: min(100%, 430px); }
.admin-auth-card__brand { margin-bottom: 2.5rem; }
.admin-auth-card__brand .dashboard-brand img { display: block; width: 132px; height: auto; }
.admin-auth-card h1 { margin: .75rem 0 1.5rem; color: var(--white); font-family: var(--display); font-size: 4.25rem; font-weight: 500; line-height: .9; }
.admin-dashboard-app .dashboard-sidebar__label { color: var(--gold-dark); }
.admin-metrics article { min-height: 170px; }
.admin-active-sessions-main { max-width: 1700px; }
.admin-active-sessions-main [hidden] { display: none !important; }
.admin-active-sessions-back { display: inline-flex; align-items: center; gap: .35rem; width: fit-content; margin: 0 0 1rem; padding: .65rem .9rem; border: 1px solid #d5b46b; border-radius: .45rem; background: #fffefa; color: #8f6b2d; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.admin-active-sessions-back:hover, .admin-active-sessions-back:focus-visible { border-color: #b69149; background: #c6a55b; color: #201b14; outline: none; }
.admin-active-sessions-main[data-selected-session=""] .admin-active-sessions-summary, .admin-active-sessions-main[data-selected-session=""] .admin-active-session-detail { display: none; }
.admin-active-sessions-main[data-selected-session]:not([data-selected-session=""]) .admin-active-sessions-list { display: none; }
.admin-active-sessions-main[data-selected-session]:not([data-selected-session=""]) .admin-active-sessions-layout { display: block; }
.admin-active-sessions-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-active-sessions-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: 1rem; margin-top: 1rem; align-items: start; }
.admin-active-sessions-list, .admin-active-session-detail { overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-active-sessions-list .admin-panel-heading, .admin-active-session-detail .admin-panel-heading { padding: 1.5rem 1.5rem 1.1rem; }
.admin-active-sessions-list .admin-panel-heading h2, .admin-active-session-detail .admin-panel-heading h2 { margin: .65rem 0 .35rem; color: #24211d; font-size: 1.35rem; letter-spacing: -.03em; }
.admin-active-sessions-list .admin-panel-heading p:not(.eyebrow), .admin-active-session-detail .admin-panel-heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .76rem; }
.admin-active-sessions-table-wrap { overflow-x: auto; }
.admin-active-sessions-table { width: 100%; min-width: 900px; border-collapse: collapse; color: #746e66; font-size: .7rem; }
.admin-active-sessions-table th { padding: .8rem 1rem; border-top: 1px solid #eee9e1; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .58rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-active-sessions-table td { padding: .85rem 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-active-sessions-table tbody tr:last-child td { border-bottom: 0; }
.admin-active-session-row { cursor: pointer; outline: none; transition: background .15s ease; }
.admin-active-session-row:hover, .admin-active-session-row:focus-visible, .admin-active-session-row.is-selected { background: #fbf5e8; }
.admin-active-sessions-table td strong { display: block; color: #28251f; font-size: .72rem; font-weight: 650; }
.admin-active-sessions-table td small { display: block; margin-top: .2rem; color: #9a9186; font-size: .62rem; }
.admin-active-session-status { display: inline-flex; padding: .28rem .52rem; border-radius: 99px; font-size: .6rem; font-weight: 700; white-space: nowrap; }
.admin-active-session-status--connected { background: #e9f5ed; color: #4e6c50; }
.admin-active-session-status--authenticating { background: #f8f1dc; color: #8f6b2d; }
.admin-active-sessions-empty { padding: 2.5rem 1rem !important; color: #9a9186; text-align: center; }
.admin-active-session-detail { width: 100%; box-sizing: border-box; padding-bottom: 1.4rem; }
.admin-active-session-detail > .admin-panel-heading > p:not(.eyebrow) { display: none; }
.admin-active-session-detail--empty { min-height: 20rem; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.admin-active-session-detail--empty .metric-icon { margin-bottom: .8rem; }
.admin-active-session-detail--empty h2 { margin: 0 0 .45rem; color: #28251f; font-size: 1.2rem; }
.admin-active-session-detail--empty p { max-width: 25rem; margin: 0; color: #817b72; font-size: .75rem; line-height: 1.6; }
.admin-active-session-detail__devices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0 1.5rem 1rem; }
.admin-active-session-detail__devices > div { padding: .85rem; border: 1px solid #eee9e1; background: #fff; }
.admin-active-session-detail__devices small, .admin-active-session-metrics small { display: block; color: #9a9186; font-size: .58rem; font-weight: 700; letter-spacing: .06em; }
.admin-active-session-detail__devices strong { display: block; margin-top: .3rem; overflow: hidden; color: #28251f; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-active-session-detail__devices span { display: block; margin-top: .2rem; color: #9a9186; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .62rem; }
.admin-active-session-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin: 0 1.5rem 1rem; }
.admin-active-session-metrics article { min-height: 5.6rem; padding: .8rem; border: 1px solid #eee9e1; background: #fff; }
.admin-active-session-metrics strong { display: block; margin-top: .35rem; color: #28251f; font-size: .9rem; }
.admin-active-session-metrics span { display: block; margin-top: .2rem; color: #9a9186; font-size: .62rem; }
.admin-active-session-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem 1rem; margin: 0 1.5rem; padding-top: 1rem; border-top: 1px solid #eee9e1; }
.admin-active-session-info div { display: grid; gap: .2rem; }
.admin-active-session-info span { color: #9a9186; font-size: .62rem; }
.admin-active-session-info strong { color: #4d4841; font-size: .72rem; }
@media (max-width: 1180px) { .admin-active-sessions-layout { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .admin-active-sessions-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-active-session-detail__devices { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .admin-active-sessions-summary, .admin-active-session-metrics, .admin-active-session-info { grid-template-columns: 1fr; } .admin-active-sessions-list .admin-panel-heading, .admin-active-session-detail .admin-panel-heading { padding-left: 1rem; padding-right: 1rem; } .admin-active-session-detail__devices, .admin-active-session-metrics, .admin-active-session-info { margin-left: 1rem; margin-right: 1rem; } }
.admin-tickets-panel, .admin-placeholder-panel { margin-top: 1rem; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-tickets-panel { padding: 1.5rem; }
.admin-tickets-panel__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 1.25rem; border-bottom: 1px solid #eee9e1; }
.admin-tickets-panel__heading h2 { margin: .7rem 0 .35rem; color: #24211d; font-size: 1.45rem; letter-spacing: -.03em; }
.admin-tickets-panel__heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .78rem; }
.admin-tickets-panel__heading .text-link--dark { color: #8f6b2d; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.admin-ticket-list { display: grid; }
.admin-ticket-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #eee9e1; }
.admin-ticket-row:last-child { border-bottom: 0; }
.admin-ticket-row > div { display: grid; gap: .2rem; }
.admin-ticket-row > div:last-child { justify-items: end; }
.admin-ticket-row strong { color: #28251f; font-size: .8rem; font-weight: 600; }
.admin-ticket-row span, .admin-ticket-row small { color: #9a9186; font-size: .68rem; }
.admin-ticket-row small { margin-top: .1rem; }
.admin-ticket-status { padding: .22rem .5rem; border-radius: 99px; background: #f4ead5; color: #8f6b2d !important; font-size: .6rem !important; font-weight: 700; letter-spacing: .04em; }
.admin-ticket-status--in_progress { background: #e9f0fa; color: #506b8e !important; }
.admin-ticket-status--pending { background: #f8f1dc; color: #8f6b2d !important; }
.admin-empty-state { padding: 1.4rem 0 .4rem; color: #9a9186; font-size: .78rem; }
.admin-placeholder-panel { min-height: 250px; padding: 2rem; }
.admin-placeholder-panel .metric-icon { margin-bottom: 1rem; }
.admin-placeholder-panel h2 { margin: 0 0 .5rem; color: #24211d; font-size: 1.35rem; }
.admin-placeholder-panel p { max-width: 38rem; margin: 0; color: #817b72; font-size: .82rem; line-height: 1.7; }
@media (max-width: 600px) { .admin-tickets-panel__heading { align-items: flex-start; flex-direction: column; } .admin-ticket-row { align-items: flex-start; flex-direction: column; } .admin-ticket-row > div:last-child { justify-items: start; } }

.admin-licenses-main { max-width: 1500px; }
.admin-license-page-heading { align-items: center; }
.admin-license-page-heading > .button { width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-licenses-main > .form-alert { margin-top: 1.5rem; }
.admin-license-layout { display: grid; grid-template-columns: minmax(320px, .75fr) minmax(0, 1.65fr); gap: 1rem; margin-top: 2rem; }
.admin-license-form-panel, .admin-license-list-panel { min-width: 0; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-license-form-panel { padding: 1.5rem; }
.admin-license-list-panel { margin-top: 2rem; overflow: hidden; }
.admin-panel-heading { padding: 1.5rem; border-bottom: 1px solid #eee9e1; }
.admin-panel-heading h2 { margin: .65rem 0 .4rem; color: #24211d; font-size: 1.45rem; letter-spacing: -.03em; }
.admin-panel-heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .78rem; line-height: 1.6; }
.admin-license-form { padding-top: 1.5rem; }
.admin-license-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.admin-license-field { display: grid; min-width: 0; gap: .45rem; }
.admin-license-field--full { grid-column: 1 / -1; }
.admin-license-field label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-license-field input, .admin-license-field select, .admin-license-field textarea { width: 100%; min-width: 0; padding: .72rem .75rem; border: 1px solid #d8d1c7; border-radius: 0; outline: 0; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.admin-license-field textarea { min-height: 7rem; resize: vertical; }
.admin-license-field input:focus, .admin-license-field select:focus, .admin-license-field textarea:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.admin-license-field input[readonly] { background: #f7f3ec; color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 700; }
.admin-license-limit { display: flex; align-items: center; gap: .8rem; }
.admin-license-limit > input { flex: 1; }
.admin-license-checkbox { display: inline-flex !important; align-items: center; gap: .4rem; flex: 0 0 auto; color: #817b72 !important; font-size: .72rem !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; }
.admin-license-checkbox input { width: 1rem; height: 1rem; accent-color: var(--gold-dark); }
.admin-license-permissions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem 1.25rem; padding: .75rem; border: 1px solid #e8e1d7; background: #fbfaf7; }
.admin-license-field > small { color: #9a9186; font-size: .68rem; line-height: 1.45; }
.admin-license-form__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }
.admin-license-form__actions .button { width: auto; cursor: pointer; }
.admin-license-table-wrap { overflow-x: auto; }
.admin-license-table { width: 100%; min-width: 820px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.admin-license-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-license-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-license-table tbody tr:last-child td { border-bottom: 0; }
.admin-license-table td strong { display: block; color: #28251f; font-size: .78rem; font-weight: 600; }
.admin-license-table td small { display: block; max-width: 16rem; margin-top: .2rem; overflow: hidden; color: #9a9186; font-size: .65rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.admin-license-table__id { color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 700; }
.admin-license-store-status { color: #a75b51; font-size: .68rem; font-weight: 600; }
.admin-license-store-status.is-active { color: #4e6c50; }
.admin-license-actions { display: flex; align-items: center; gap: .8rem; }
.admin-license-actions .button { min-height: 2.2rem; padding: .7rem .75rem; cursor: pointer; font-size: .6rem; }
.admin-license-actions form { margin: 0; }
.admin-license-table__empty { padding: 2.5rem 1rem !important; color: #9a9186; text-align: center; }
@media (max-width: 1150px) { .admin-license-layout { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .admin-license-form__grid { grid-template-columns: 1fr; } .admin-license-field--full { grid-column: auto; } .admin-license-limit { align-items: flex-start; flex-direction: column; } }
.admin-license-dialog { width: min(calc(100vw - 2rem), 760px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; overflow-x: hidden; overflow-y: auto; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; color: #171614; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.admin-license-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.admin-license-dialog__content { position: relative; min-width: 0; }
.admin-license-dialog__close { position: absolute; z-index: 1; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.admin-license-dialog .admin-panel-heading { padding: 1.75rem 2rem; }
.admin-license-dialog .admin-license-form { padding: 1.5rem 2rem 2rem; }
@media (max-width: 700px) { .admin-license-page-heading { align-items: flex-start; flex-direction: column; } .admin-license-dialog { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); } .admin-license-dialog .admin-panel-heading { padding: 1.5rem; } .admin-license-dialog .admin-license-form { padding: 1.25rem 1.5rem 1.5rem; } }
.admin-license-page-heading__actions { display: flex; align-items: center; gap: .7rem; }
.admin-license-page-heading__actions > .button { width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-license-discount-button { flex: 0 0 auto; cursor: pointer; }
.admin-discount-dialog { width: min(calc(100vw - 2rem), 880px); }
.admin-discount-form { padding-bottom: 1.5rem !important; }
.admin-discount-rules { margin: 0 2rem 2rem; border-top: 1px solid #eee9e1; }
.admin-discount-rules > .eyebrow { margin: 1.35rem 0 .7rem; }
.admin-discount-rules .admin-license-table { min-width: 0; }
.admin-discount-rules__empty { padding: 1.5rem 1rem !important; color: #9a9186; text-align: center; }
@media (max-width: 700px) { .admin-license-page-heading__actions { width: 100%; justify-content: space-between; } .admin-discount-rules { margin-inline: 1.5rem; } }
.admin-clients-main { max-width: 1500px; }
.admin-client-search-panel, .admin-client-list-panel { margin-top: 1.5rem; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-client-search-panel { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 1.5rem; }
.admin-client-search-panel form { display: grid; flex: 1; gap: .45rem; max-width: 44rem; }
.admin-client-search-panel label, .admin-client-field label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-client-search-panel form > div { display: flex; gap: .6rem; }
.admin-client-search-panel input, .admin-client-field input, .admin-client-field select { width: 100%; min-width: 0; min-height: 2.8rem; padding: .72rem .75rem; border: 1px solid #d8d1c7; border-radius: 0; outline: 0; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.admin-client-search-panel input:focus, .admin-client-field input:focus, .admin-client-field select:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.admin-client-search-panel .button { min-height: 2.8rem; width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-client-search-panel > small { color: #9a9186; font-size: .68rem; white-space: nowrap; }
.admin-client-list-panel { overflow: hidden; }
.admin-client-table-wrap { overflow-x: auto; }
.admin-client-table { width: 100%; min-width: 920px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.admin-client-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-client-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-client-table tbody tr:last-child td { border-bottom: 0; }
.admin-client-table td strong { display: block; color: #28251f; font-size: .78rem; font-weight: 600; }
.admin-client-table td small { display: block; margin-top: .2rem; color: #9a9186; font-size: .65rem; line-height: 1.4; }
.admin-client-status { display: inline-flex; align-items: center; width: max-content; padding: .28rem .55rem; border-radius: 99px; font-size: .64rem; font-weight: 700; white-space: nowrap; }
.admin-client-status--active { background: #e9f5ed; color: #4e6c50; }
.admin-client-status--suspended { background: #f8f1dc; color: #8f6b2d; }
.admin-client-status--banned { background: #f8e9e5; color: #a24d3d; }
.admin-client-manage-button { min-height: 2.35rem; width: auto; padding: .65rem .85rem; cursor: pointer; font-size: .6rem; }
.admin-client-table__empty { padding: 3rem 1rem !important; color: #9a9186; text-align: center; }
.admin-client-dialog { width: min(calc(100vw - 2rem), 760px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; overflow-x: hidden; overflow-y: auto; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; color: #171614; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.admin-client-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.admin-client-dialog__content { position: relative; min-width: 0; }
.admin-client-dialog__close { position: absolute; z-index: 1; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.admin-client-dialog .admin-panel-heading { padding: 1.75rem 2rem; }
.admin-client-dialog .admin-panel-heading p:not(.eyebrow) { padding-right: 2rem; }
.admin-client-form { padding: 1.5rem 2rem 1.75rem; }
.admin-client-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.admin-client-field { display: grid; min-width: 0; gap: .45rem; }
.admin-client-field--full { grid-column: 1 / -1; }
.admin-client-field small { color: #9a9186; font-size: .68rem; line-height: 1.45; }
.admin-client-form__actions, .admin-client-status-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; }
.admin-client-form__actions { margin-top: 1.4rem; }
.admin-client-form__actions .button, .admin-client-status-actions .button { width: auto; cursor: pointer; }
.admin-client-status-actions form { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; }
.admin-client-status-panel { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 2rem 2rem; padding-top: 1.25rem; border-top: 1px solid #eee9e1; }
.admin-client-status-panel > div { display: grid; gap: .45rem; }
.admin-client-status-actions { justify-content: flex-end; }
.admin-client-dialog .button--warning-outline { border-color: #dbc797; color: #8f6b2d; }
.admin-client-dialog .button--danger-outline { border-color: #d8b8ae; color: #a24d3d; }
@media (max-width: 700px) { .admin-client-search-panel { align-items: stretch; flex-direction: column; } .admin-client-search-panel form { max-width: none; } .admin-client-search-panel > small { align-self: flex-end; } .admin-client-dialog { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); } .admin-client-dialog .admin-panel-heading { padding: 1.5rem; } .admin-client-form { padding: 1.25rem 1.5rem 1.5rem; } .admin-client-form__grid { grid-template-columns: 1fr; } .admin-client-field--full { grid-column: auto; } .admin-client-status-panel { align-items: flex-start; flex-direction: column; margin-inline: 1.5rem; } .admin-client-status-actions { justify-content: flex-start; } }

.session-history-main { max-width: 1500px; }
.session-history-list { display: grid; gap: 1rem; margin-top: 1.5rem; }
.session-history-device { overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.session-history-device__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid #eee9e1; }
.session-history-device__identity { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.session-history-device__identity .metric-icon { flex: 0 0 auto; }
.session-history-device__identity h2 { margin: 0; overflow: hidden; color: #24211d; font-size: 1.25rem; letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
.session-history-device__identity p { margin: .2rem 0 0; color: #9a9186; font-size: .7rem; }
.session-history-device__count { color: #8f6b2d; font-size: .7rem; font-weight: 700; white-space: nowrap; }
.session-history-table-wrap { overflow-x: auto; }
.session-history-table { width: 100%; min-width: 760px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.session-history-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.session-history-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.session-history-table tbody tr:last-child td { border-bottom: 0; }
.session-history-table td strong { color: #28251f; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .72rem; font-weight: 600; }
.session-history-status { display: inline-flex; align-items: center; width: max-content; padding: .28rem .55rem; border-radius: 99px; font-size: .62rem; font-weight: 700; white-space: nowrap; }
.session-history-status--closed { background: #e9f5ed; color: #4e6c50; }
.session-history-status--active { background: #f8f1dc; color: #8f6b2d; }
.session-history-force-disconnect { width: auto; min-height: 2.25rem; padding: .65rem .8rem; border-color: #d8b8ae; color: #a24d3d; cursor: pointer; font-size: .6rem; white-space: nowrap; }
.session-history-force-disconnect:hover { border-color: #a24d3d; background: #fbefeb; }
.session-force-disconnect-modal { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(23,22,20,.48); backdrop-filter: blur(3px); }
.session-force-disconnect-modal__content { position: relative; width: min(100%, 30rem); padding: 2rem; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.session-force-disconnect-modal__content h2 { margin: .2rem 0 .5rem; color: #24211d; font-size: 1.45rem; }
.session-force-disconnect-modal__content p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .8rem; line-height: 1.55; }
.session-force-disconnect-modal__content p strong { color: #28251f; font-weight: 700; }
.session-force-disconnect-modal__close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.session-force-disconnect-modal__actions { display: flex; justify-content: flex-end; gap: .7rem; margin-top: 1.5rem; }
.session-force-disconnect-modal__actions .button { width: auto; min-width: 8rem; cursor: pointer; }
.session-force-disconnect-modal__actions .button--danger { border-color: #d8b8ae; background: #fffefa; color: #a24d3d; }
.session-force-disconnect-modal__actions .button--danger:hover { background: #fbefeb; border-color: #a24d3d; }
.session-force-disconnect-modal__actions .button:disabled { cursor: wait; opacity: .6; }
.session-force-disconnect-toast { position: fixed; z-index: 1001; right: 1.5rem; bottom: 1.5rem; max-width: min(28rem, calc(100vw - 2rem)); padding: .85rem 1rem; border: 1px solid #b6d9bd; border-radius: .55rem; background: #f2faf3; box-shadow: 0 1rem 2.5rem rgba(40,33,24,.15); color: #4e6c50; font-size: .75rem; line-height: 1.45; }
.session-force-disconnect-toast--error { border-color: #d8b8ae; background: #fbefeb; color: #a24d3d; }
.session-history-pagination { display: flex; align-items: center; justify-content: center; gap: .8rem; margin-top: 1.25rem; color: #817b72; font-size: .72rem; }
.session-history-pagination__edge { min-width: 5.5rem; text-align: center; }
.session-history-pagination__edge a { display: inline-flex; padding: .55rem .8rem; border: 1px solid #d8d1c7; background: #fffefa; color: #746e66; font-weight: 700; text-decoration: none; }
.session-history-pagination__edge a:hover { border-color: #c6a55b; color: #8f6b2d; }
.session-history-pagination__edge.is-disabled { color: #c4bdb4; }
.session-history-pagination__summary { min-width: 7rem; text-align: center; }
@media (max-width: 700px) { .session-history-device__header { align-items: flex-start; flex-direction: column; } }
@media (max-width: 800px) { .account-profile-grid { grid-template-columns: 1fr; } }

.admin-versions-main { max-width: 1500px; }
.admin-version-page-heading { align-items: center; }
.admin-version-page-heading > .button { width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-version-list-panel { margin-top: 1.5rem; overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-version-table-wrap { overflow-x: auto; }
.admin-version-table { width: 100%; min-width: 860px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.admin-version-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-version-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-version-table tbody tr:last-child td { border-bottom: 0; }
.admin-version-table td strong { display: block; color: #28251f; font-size: .8rem; font-weight: 600; }
.admin-version-table td code { color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .66rem; }
.admin-version-current { display: block; margin-top: .25rem; color: #4e6c50; font-size: .62rem; font-weight: 700; }
.admin-version-table__empty { padding: 3rem 1rem !important; color: #9a9186; text-align: center; }
.admin-version-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.admin-version-actions form { margin: 0; }
.admin-version-actions .button { width: auto; white-space: nowrap; }
.admin-version-actions .button--danger { border-color: #d8b8ae; color: #a24d3d; }
.admin-version-actions .button--danger:hover { background: #fbefeb; border-color: #a24d3d; }
.admin-version-dialog { width: min(calc(100vw - 2rem), 640px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; border: 0; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 1.5rem 4rem rgba(20,16,12,.2); }
.admin-version-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.admin-version-dialog__content { position: relative; padding: 2rem; }
.admin-version-dialog__close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.3rem; }
.admin-version-form { display: grid; gap: .55rem; margin-top: 1.5rem; }
.admin-version-form label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-version-form input, .admin-version-form select { width: 100%; min-height: 2.8rem; margin-bottom: .7rem; padding: .75rem .8rem; border: 1px solid #d9d2c7; background: #fff; color: #28251f; font: inherit; }
.admin-version-form input:focus, .admin-version-form select:focus { outline: 2px solid rgba(183,143,59,.22); border-color: #b78f3b; }
.admin-version-form small { margin-top: -.2rem; color: #9a9186; font-size: .68rem; line-height: 1.45; }
.admin-version-form__actions { display: flex; justify-content: flex-end; gap: .7rem; margin-top: 1rem; }
.admin-version-form__actions .button { width: auto; cursor: pointer; }
@media (max-width: 700px) { .admin-version-page-heading { align-items: flex-start; flex-direction: column; } .admin-version-dialog { width: calc(100vw - 1rem); } .admin-version-dialog__content { padding: 1.5rem; } }

.download-page { width: var(--container); min-height: calc(100svh - 5.5rem); margin: auto; padding: 8.5rem 0 4rem; }
.download-page__intro { max-width: 760px; margin: 0 auto; text-align: center; }
.download-page__intro h1 { max-width: 760px; margin: .8rem 0 .6rem; color: var(--white); font-size: clamp(2.2rem, 3vw, 3rem); letter-spacing: -.055em; line-height: .98; }
.download-page__intro > p:last-child { max-width: 560px; margin-right: auto; margin-left: auto; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.download-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 320px)); justify-content: center; gap: 1rem; margin-top: 2.2rem; }
.download-card { display: flex; min-height: 18rem; flex-direction: column; padding: 1.5rem; border: 1px solid rgba(245,245,242,.16); background: rgba(22,22,20,.76); }
.download-card__type { display: grid; width: fit-content; min-height: 2.25rem; margin: 0 auto 1.6rem; padding: .45rem .8rem; border: 1px solid rgba(209,174,99,.65); color: var(--gold-soft); font-size: .9rem; font-weight: 700; letter-spacing: .12em; place-items: center; }
.download-card h2 { margin: 0 0 .7rem; color: var(--white); font-size: 1.45rem; letter-spacing: -.03em; }
.download-card > p { margin: 0; color: var(--muted); font-size: .85rem; word-break: break-word; }
.download-card__support { display: flex; align-items: flex-start; gap: .55rem; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.download-card__support-icon { flex: 0 0 1.15rem; width: 1.15rem; height: 1.15rem; margin-top: .1rem; fill: none; stroke: var(--gold); stroke-linejoin: round; stroke-width: 1.4; }
.download-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: auto 0 1.2rem; padding-top: 1rem; border-top: 1px solid rgba(245,245,242,.12); }
.download-card dt { margin-bottom: .35rem; color: var(--muted); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.download-card dd { margin: 0; color: var(--white); font-size: .8rem; }
.download-card .button { width: fit-content; }
.download-page__empty { margin-top: 4rem; padding: 2rem; border: 1px solid rgba(245,245,242,.16); color: var(--muted); }
@media (max-width: 800px) { .download-page { padding-top: 8rem; } .download-grid { grid-template-columns: 1fr; } }

.settings-main { max-width: none; }
.settings-alert { margin-top: 1.5rem; }
.settings-shell { margin-top: 2rem; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); overflow: hidden; }
.settings-tabs { display: flex; gap: .2rem; padding: .55rem; border-bottom: 1px solid #eee9e1; background: #fbfaf7; }
.settings-tab { min-height: 2.65rem; padding: .65rem 1rem; border: 1px solid transparent; border-radius: .65rem; background: transparent; color: #817b72; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 600; }
.settings-tab:hover, .settings-tab:focus-visible { color: #8f6b2d; outline: 0; }
.settings-tab.is-active { border-color: #e7d7b0; background: #f4ead5; color: #28251f; }
.settings-panel { padding: 2rem; }
.settings-panel[hidden] { display: none; }
.settings-panel__heading { max-width: 42rem; }
.settings-panel__heading h2 { margin: .7rem 0 .55rem; color: #24211d; font-size: 1.55rem; letter-spacing: -.03em; }
.settings-panel__heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .8rem; line-height: 1.65; }
.settings-form { display: grid; gap: 1.35rem; margin-top: 1.8rem; }
.settings-toggle { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.25rem; padding: 1.1rem 1.2rem; border: 1px solid #eee9e1; border-radius: .85rem; background: #fff; cursor: pointer; }
.settings-toggle__copy { display: grid; gap: .35rem; }
.settings-toggle__copy strong { color: #28251f; font-size: .86rem; }
.settings-toggle__copy small, .settings-field > small { color: #9a9186; font-size: .7rem; line-height: 1.55; }
.settings-toggle > input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.settings-toggle__switch { position: relative; width: 3rem; height: 1.65rem; border-radius: 999px; background: #d8d1c7; transition: background-color 160ms ease; }
.settings-toggle__switch::after { position: absolute; top: .2rem; left: .2rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #fffefa; box-shadow: 0 .1rem .3rem rgba(40,33,24,.18); content: ''; transition: transform 160ms ease; }
.settings-toggle > input:checked + .settings-toggle__switch { background: #6fbf8a; }
.settings-toggle > input:checked + .settings-toggle__switch::after { transform: translateX(1.35rem); }
.settings-toggle > input:focus-visible + .settings-toggle__switch { outline: 2px solid var(--gold); outline-offset: 3px; }
.settings-field { display: grid; gap: .45rem; max-width: 32rem; }
.settings-field > label { color: #766f66; font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.settings-field > input { min-height: 2.8rem; padding: .7rem .8rem; border: 1px solid #d8d1c7; background: #fff; color: #171614; font: inherit; letter-spacing: .08em; }
.settings-field > input:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.settings-check { display: flex; align-items: center; gap: .5rem; margin-top: .25rem; color: #8f6b2d; font-size: .7rem; cursor: pointer; }
.settings-check input { accent-color: var(--gold-dark); }
.settings-form__actions { display: flex; justify-content: flex-end; padding-top: .35rem; border-top: 1px solid #eee9e1; }
.settings-form__actions .button { width: auto; min-width: 12rem; cursor: pointer; }
.settings-panel--placeholder { min-height: 15rem; }
@media (max-width: 620px) { .settings-tabs { overflow-x: auto; } .settings-panel { padding: 1.25rem; } .settings-toggle { gap: .8rem; } .settings-form__actions .button { width: 100%; } }
.admin-settings-main { max-width: 1180px; }
.admin-settings-card { width: 100%; background: #fffdfa; border: 1px solid #e7dfd1; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 30px rgba(38, 28, 12, .04); }
.admin-settings-tabs { display: flex; align-items: center; gap: 8px; padding: 14px 18px; border-bottom: 1px solid #ebe3d7; background: #fbf8f2; }
.admin-settings-tab { appearance: none; border: 1px solid transparent; border-radius: 10px; background: transparent; color: #715f47; cursor: pointer; font: inherit; font-size: .82rem; font-weight: 600; line-height: 1.2; padding: 12px 18px; }
.admin-settings-tab.is-active { border-color: #ead6ad; background: #f5ead2; color: #1d1812; }
.admin-settings-panel[hidden] { display: none !important; }
.admin-settings-panel { padding: 34px; }
.admin-settings-form { display: grid; gap: 24px; margin-top: 26px; }
.admin-settings-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.admin-settings-field { display: grid; gap: 8px; min-width: 0; }
.admin-settings-field--full { grid-column: 1 / -1; }
.admin-settings-field label { color: #6e5c47; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.admin-settings-field input { box-sizing: border-box; width: 100%; border: 1px solid #d8cdbc; border-radius: 6px; background: #fff; color: #231e18; font: inherit; min-height: 48px; padding: 0 14px; }
.admin-settings-field input:focus { border-color: #c9a455; outline: 2px solid rgba(201, 164, 85, .18); }
.admin-settings-checkbox { align-items: center; color: #6e5c47; display: flex; gap: 9px; font-size: 14px; }
.admin-settings-checkbox input { accent-color: #c9a455; }
.admin-settings-form__actions { border-top: 1px solid #ebe3d7; display: flex; gap: 12px; justify-content: flex-end; margin-top: 28px; padding-top: 20px; }
.admin-settings-toggle { align-items: center; background: #fff; border: 1px solid #eee7dc; border-radius: 12px; display: flex; justify-content: space-between; gap: 18px; padding: 16px 18px; }
.admin-settings-toggle span { display: grid; gap: 5px; }
.admin-settings-toggle strong { color: #231e18; font-size: 14px; }
.admin-settings-toggle small { color: #897d6e; font-size: 12px; line-height: 1.5; }
.admin-settings-toggle input { accent-color: #c9a455; height: 20px; width: 20px; }
.email-verification-row { align-items: center; display: flex; gap: 10px; }
.email-verification-row input { flex: 1; height: 3rem; min-width: 0; }
.email-verification-row .button { flex: 0 0 auto; height: 3rem; min-height: 3rem; margin-top: 0; padding-block: 0; white-space: nowrap; }
.auth-shell--register .email-verification-row input { height: 2.45rem; }
.auth-shell--register .email-verification-row .button { height: 2.45rem; min-height: 2.45rem; }
.email-verification-code-field small { color: #897d6e; font-size: 12px; line-height: 1.5; }
.required-mark { color: #c26052; font-weight: 800; }
@media (max-width: 620px) { .email-verification-row { align-items: stretch; flex-direction: column; } .email-verification-row .button { width: 100%; } }
@media (max-width: 720px) { .admin-settings-form__grid { grid-template-columns: 1fr; } .admin-settings-field--full { grid-column: auto; } .admin-settings-panel { padding: 22px; } .admin-settings-form__actions { flex-wrap: wrap; } }

.support-main { max-width: 1500px; }
.support-shell { margin-top: 1.5rem; overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.support-tabs { display: flex; gap: .25rem; padding: .55rem; border-bottom: 1px solid #eee9e1; background: #fbfaf7; }
.support-tab { padding: .75rem 1.1rem; border: 1px solid transparent; border-radius: .65rem; color: #817b72; font-size: .75rem; font-weight: 700; text-decoration: none; }
.support-tab:hover, .support-tab.is-active { border-color: #e7d7b0; background: #f4ead5; color: #28251f; }
.support-panel { padding: 2rem; }
.support-panel h2 { margin: .65rem 0 .45rem; color: #24211d; font-size: 1.55rem; letter-spacing: -.03em; }
.support-panel > p:not(.eyebrow) { color: #817b72; font-size: .8rem; line-height: 1.6; }
.support-ticket-sections { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); gap: 1rem; }
.support-ticket-section { min-width: 0; padding: 1.5rem; border: 1px solid #eee9e1; background: #fff; }
.support-ticket-section__heading { display: grid; gap: .35rem; }
.support-ticket-section__heading h2 { margin: .2rem 0 .1rem; font-size: 1.25rem; }
.support-ticket-section__heading p:not(.eyebrow) { margin: 0; color: #817b72; font-size: .78rem; line-height: 1.6; }
.support-ticket-section .support-warning { margin: 1.25rem 0 0 !important; }
.support-ticket-section .support-ticket-form { max-width: none; margin-top: 1.25rem; }
.support-ticket-section--list .support-ticket-list__heading { padding: 0 0 .9rem; }
.support-ticket-section--list .support-ticket-list__heading h2 { margin: .2rem 0 0; }
.support-ticket-section--list .support-ticket-list { max-width: none; margin-top: .35rem; }
.support-warning { max-width: 60rem; margin: 1.2rem 0 !important; padding: .85rem 1rem; border: 1px solid #ead9ad; background: #fff8e9; color: #8f6b2d !important; }
.support-ticket-form, .support-ticket-response { display: grid; max-width: 760px; gap: .55rem; margin-top: 1.5rem; }
.support-ticket-form label { margin-top: .55rem; color: #766f66; font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.support-ticket-form label, .support-ticket-response label { margin-top: .55rem; color: #766f66; font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.support-ticket-form input, .support-ticket-form textarea, .support-ticket-response textarea, .admin-ticket-response textarea, .admin-ticket-response select { width: 100%; box-sizing: border-box; padding: .75rem .8rem; border: 1px solid #d8d1c7; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.support-ticket-form textarea, .support-ticket-response textarea, .admin-ticket-response textarea { resize: vertical; }
.support-ticket-form input:focus, .support-ticket-form textarea:focus, .support-ticket-response textarea:focus, .admin-ticket-response textarea:focus, .admin-ticket-response select:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.support-ticket-form small { color: #9a9186; font-size: .68rem; }
.support-ticket-form .button, .support-ticket-response .button { width: max-content; margin-top: .75rem; cursor: pointer; }
.support-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; max-width: 760px; margin-top: 1.5rem; }
.support-contact-grid > div, .support-contact-card { display: grid; gap: .45rem; padding: 1.2rem; border: 1px solid #eee9e1; background: #fff; }
.support-contact-card { color: inherit; text-decoration: none; }
.support-contact-card:hover { border-color: var(--gold); background: #fffcf5; }
.support-contact-grid small, .support-ticket-list__heading span { color: #9a9186; font-size: .62rem; font-weight: 700; letter-spacing: .06em; }
.support-contact-grid strong { color: #28251f; font-size: .9rem; overflow-wrap: anywhere; }
.support-ticket-list { max-width: 900px; margin-top: 2rem; border-top: 1px solid #eee9e1; }
.support-ticket-list__heading { display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 0 .75rem; }
.support-ticket-list__heading h2 { margin: 0; font-size: 1.1rem; }
.support-ticket-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-top: 1px solid #eee9e1; color: inherit; text-decoration: none; }
.support-ticket-row strong { display: block; color: #28251f; font-size: .78rem; }
.support-ticket-row small { display: block; margin-top: .3rem; color: #9a9186; font-size: .68rem; }
.support-ticket-row:hover strong { color: #8f6b2d; }
.support-ticket-status { display: inline-flex; width: max-content; padding: .3rem .55rem; border-radius: 99px; font-size: .62rem; font-weight: 700; white-space: nowrap; }
.support-ticket-status--open { background: #fff2d6; color: #8f6b2d; }
.support-ticket-status--in_progress { background: #e9f0f8; color: #466887; }
.support-ticket-status--closed { background: #e9f5ed; color: #4e6c50; }
.support-empty { padding: 1.2rem 0; color: #9a9186; font-size: .75rem; }
.support-ticket-detail { max-width: 900px; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #eee9e1; }
.support-ticket-view { max-width: 900px; }
.support-ticket-back { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: 1.25rem; color: #8f6b2d; font-size: .75rem; font-weight: 700; text-decoration: none; }
.support-ticket-back:hover { color: #28251f; text-decoration: underline; }
.support-ticket-view .support-ticket-detail { margin-top: 0; }
.support-ticket-detail__heading, .admin-ticket-detail .admin-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.support-ticket-detail__heading h2 { margin-bottom: 0; }
.support-ticket-detail__description { margin: 1rem 0; padding: 1rem; border: 1px solid #eee9e1; background: #fff; color: #4d4841 !important; white-space: normal; }
.support-message-list, .admin-ticket-messages { display: grid; gap: .7rem; }
.support-message, .admin-ticket-message { padding: .9rem 1rem; border-left: 3px solid #c9a455; background: #fbfaf7; }
.support-message--admin, .admin-ticket-message--admin { border-left-color: #6fbf8a; }
.support-message small, .admin-ticket-message small { color: #9a9186; font-size: .65rem; }
.support-message p, .admin-ticket-message p { margin: .45rem 0 0; color: #4d4841; font-size: .76rem; line-height: 1.6; }
.support-attachments, .admin-ticket-attachments { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.support-attachments strong, .admin-ticket-attachments strong { flex-basis: 100%; color: #766f66; font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; }
.support-attachments a, .admin-ticket-attachments a { color: #8f6b2d; font-size: .72rem; text-decoration: underline; }

.admin-tickets-main { max-width: 1500px; }
.admin-ticket-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin-top: 1.5rem; align-items: start; }
.admin-ticket-list-panel, .admin-ticket-detail { overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-ticket-detail { padding: 1.5rem; }
.admin-ticket-detail--empty { min-height: 14rem; }
.admin-ticket-table-wrap { overflow-x: auto; }
.admin-ticket-table { width: 100%; min-width: 700px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.admin-ticket-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-ticket-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-ticket-table tbody tr:last-child td { border-bottom: 0; }
.admin-ticket-table td strong { display: block; color: #28251f; font-size: .78rem; }
.admin-ticket-table td small { display: block; margin-top: .25rem; color: #9a9186; font-size: .65rem; }
.admin-ticket-table .button { width: auto; min-height: 2.2rem; padding: .6rem .75rem; font-size: .62rem; }
.admin-ticket-table__empty { padding: 2rem 1rem !important; color: #9a9186; text-align: center; }
.admin-ticket-description { margin-top: 1.4rem; padding: 1rem; border: 1px solid #eee9e1; background: #fff; }
.admin-ticket-description strong { color: #766f66; font-size: .66rem; letter-spacing: .06em; text-transform: uppercase; }
.admin-ticket-description p { margin: .6rem 0 0; color: #4d4841; font-size: .76rem; line-height: 1.6; }
.admin-ticket-messages { margin-top: 1.4rem; }
.admin-ticket-response { display: grid; gap: .5rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid #eee9e1; }
.admin-ticket-response label { color: #766f66; font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-ticket-response select { min-height: 2.7rem; }
.admin-ticket-response .button { width: max-content; margin-top: .5rem; cursor: pointer; }
.admin-ticket-detail .button--danger { width: auto; border-color: #d8b8ae; color: #a24d3d; cursor: pointer; }
.admin-ticket-detail .button--danger:hover { background: #fbefeb; border-color: #a24d3d; }
.admin-notes-main { max-width: 1100px; }
.admin-notes-page-heading { align-items: center; }
.admin-notes-page-heading > .button { width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-notes-main > .form-alert { margin-top: 1.5rem; }
.admin-notes-list-panel { margin-top: 1.5rem; overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-notes-list { display: grid; gap: 1rem; padding: 1.5rem; }
.admin-note-card { padding: 1.25rem; border: 1px solid #eee9e1; background: #fff; }
.admin-note-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.admin-note-card h3 { margin: .45rem 0 0; color: #28251f; font-size: 1.1rem; }
.admin-note-card__heading small { color: #9a9186; font-size: .68rem; }
.admin-note-card__content { margin: 1rem 0 0; color: #4d4841; font-size: .8rem; line-height: 1.7; }
.admin-note-card__actions { display: flex; align-items: center; gap: .9rem; margin-top: 1.1rem; }
.admin-note-card__actions .button { width: auto; min-height: 2.2rem; padding: .65rem .8rem; font-size: .6rem; }
.admin-note-card__actions .text-button { cursor: pointer; }
.admin-notes-empty { padding: 3rem 1.5rem; color: #817b72; text-align: center; }
.admin-notes-empty h3 { margin: .5rem 0; color: #28251f; font-size: 1.1rem; }
.admin-notes-empty p:last-child { margin: 0; font-size: .78rem; }
.admin-faq-main { max-width: 1500px; }
.admin-faq-page-heading { align-items: center; }
.admin-faq-page-heading > .button { width: auto; flex: 0 0 auto; cursor: pointer; }
.admin-faq-main > .form-alert { margin-top: 1.5rem; }
.admin-faq-list-panel { margin-top: 1.5rem; overflow: hidden; border: 1px solid #e4ded4; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 .75rem 2rem rgba(40,33,24,.04); }
.admin-faq-table-wrap { overflow-x: auto; }
.admin-faq-table { width: 100%; min-width: 900px; border-collapse: collapse; color: #746e66; font-size: .72rem; }
.admin-faq-table th { padding: .8rem 1rem; border-bottom: 1px solid #eee9e1; color: #9a9186; font-size: .6rem; font-weight: 700; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.admin-faq-table td { padding: 1rem; border-bottom: 1px solid #eee9e1; vertical-align: middle; }
.admin-faq-table tbody tr:last-child td { border-bottom: 0; }
.admin-faq-table td strong { display: block; color: #28251f; font-size: .78rem; font-weight: 600; }
.admin-faq-table td small { display: block; max-width: 42rem; margin-top: .25rem; color: #9a9186; font-size: .65rem; line-height: 1.45; }
.admin-faq-table__order { color: #8f6b2d; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 700; }
.admin-faq-status { color: #a75b51; font-size: .68rem; font-weight: 600; }
.admin-faq-status.is-active { color: #4e6c50; }
.admin-faq-actions { display: flex; align-items: center; gap: .8rem; }
.admin-faq-actions .button { min-height: 2.2rem; padding: .7rem .75rem; cursor: pointer; font-size: .6rem; }
.admin-faq-table__empty { padding: 3rem 1rem !important; color: #9a9186; text-align: center; }
.admin-faq-dialog { width: min(calc(100vw - 2rem), 760px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; overflow-x: hidden; overflow-y: auto; border: 1px solid #ded9d0; border-radius: 1.1rem; background: #fffefa; color: #171614; box-shadow: 0 2rem 6rem rgba(23,22,20,.2); }
.admin-faq-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.admin-faq-dialog__content { position: relative; min-width: 0; }
.admin-faq-dialog__close { position: absolute; z-index: 1; top: 1rem; right: 1rem; width: 2rem; height: 2rem; padding: 0; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.4rem; }
.admin-faq-dialog .admin-panel-heading { padding: 1.75rem 2rem; }
.admin-faq-form { padding: 1.5rem 2rem 2rem; }
.admin-faq-form__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .45fr); gap: 1rem; }
.admin-faq-field { display: grid; min-width: 0; gap: .45rem; }
.admin-faq-field--full { grid-column: 1 / -1; }
.admin-faq-field label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-faq-field input, .admin-faq-field textarea { width: 100%; min-width: 0; padding: .72rem .75rem; border: 1px solid #d8d1c7; border-radius: 0; outline: 0; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.admin-faq-field textarea { min-height: 8rem; resize: vertical; }
.admin-faq-field input:focus, .admin-faq-field textarea:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.admin-faq-checkbox { display: inline-flex; align-items: center; align-self: end; gap: .4rem; padding-bottom: .72rem; color: #817b72; font-size: .72rem; }
.admin-faq-checkbox input { width: 1rem; height: 1rem; accent-color: var(--gold-dark); }
.admin-faq-form__actions { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }
.admin-faq-form__actions .button { width: auto; cursor: pointer; }
@media (max-width: 700px) { .admin-faq-page-heading { align-items: flex-start; flex-direction: column; } .admin-faq-dialog { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); } .admin-faq-dialog .admin-panel-heading { padding: 1.5rem; } .admin-faq-form { padding: 1.25rem 1.5rem 1.5rem; } .admin-faq-form__grid { grid-template-columns: 1fr; } .admin-faq-field--full { grid-column: auto; } .admin-faq-checkbox { align-self: start; padding-bottom: 0; } }
.admin-note-dialog { width: min(calc(100vw - 2rem), 640px); max-height: calc(100vh - 2rem); margin: auto; padding: 0; border: 0; border-radius: 1.1rem; background: #fffefa; box-shadow: 0 1.5rem 4rem rgba(20,16,12,.2); }
.admin-note-dialog::backdrop { background: rgba(23,22,20,.45); backdrop-filter: blur(3px); }
.admin-note-dialog__content { position: relative; }
.admin-note-dialog__close { position: absolute; z-index: 1; top: 1rem; right: 1rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.3rem; }
.admin-note-dialog .admin-panel-heading { padding: 1.75rem 2rem; }
.admin-note-form { display: grid; gap: .55rem; padding: 1.5rem 2rem 2rem; }
.admin-note-form label { color: #766f66; font-size: .64rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.admin-note-form input, .admin-note-form textarea { width: 100%; margin-bottom: .7rem; padding: .75rem .8rem; border: 1px solid #d9d2c7; border-radius: 0; background: #fff; color: #28251f; font: inherit; font-size: .78rem; }
.admin-note-form input:focus, .admin-note-form textarea:focus { border-color: var(--gold); outline: 1px solid var(--gold); }
.admin-note-form textarea { min-height: 12rem; resize: vertical; }
.admin-note-form__actions { display: flex; justify-content: flex-end; gap: .7rem; margin-top: .5rem; }
.admin-note-form__actions .button { width: auto; cursor: pointer; }
.admin-note-form__actions .button--danger { border-color: #d8b8ae; background: #fffefa; color: #a24d3d; }
.admin-note-form__actions .button--danger:hover { background: #fbefeb; border-color: #a24d3d; }
@media (max-width: 920px) { .admin-ticket-layout, .support-ticket-sections { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .support-panel { padding: 1.25rem; } .support-contact-grid { grid-template-columns: 1fr; } .support-ticket-row { align-items: flex-start; flex-direction: column; } .support-ticket-detail__heading, .admin-ticket-detail .admin-panel-heading { flex-direction: column; } }

/* Navegação móvel da landing page */
.site-header__menu-toggle { display: none; }
@media (max-width: 900px) {
  .site-header__inner { position: relative; }
  .site-nav {
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: none;
    padding: .65rem;
    border: 1px solid rgba(245,245,242,.14);
    border-top: 0;
    background: rgba(8,8,8,.98);
    box-shadow: 0 1.25rem 2rem rgba(0,0,0,.35);
    transform: none;
  }
  .site-nav.is-open { display: block; }
  .site-nav__primary { align-items: stretch; flex-direction: column; gap: .15rem; }
  .site-nav__primary a:not(.button) {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: .65rem .8rem;
    border-bottom: 1px solid rgba(245,245,242,.08);
    color: var(--muted);
    font-size: .67rem;
  }
  .site-nav__primary a:not(.button):last-child { border-bottom: 0; }
  .site-header__menu-toggle {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .25rem;
    margin-left: .55rem;
    padding: 0;
    border: 1px solid var(--gold);
    background: rgba(8,8,8,.28);
    color: var(--gold-soft);
    cursor: pointer;
  }
  .site-header__menu-toggle span { display: block; width: .95rem; height: 1px; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }
  .site-header__menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(.35rem) rotate(45deg); }
  .site-header__menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .site-header__menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-.35rem) rotate(-45deg); }
}
@media (max-width: 600px) {
  .site-header__menu-toggle { width: 2.25rem; height: 2.25rem; }
  .operations-section__heading h2 { font-size: clamp(2.45rem, 11vw, 3.4rem); }
}

/* Ajustes responsivos da landing page */
@media (max-width: 1200px) {
  .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  .hero-section { min-height: auto; gap: 2.5rem; padding-top: 7rem; }
  .hero-visual { width: 100%; min-height: 0; }
  .hero-visual__image { width: 100%; }
  .panel-showcase__gallery { grid-template-columns: 1fr; grid-template-rows: none; }
  .panel-showcase__item, .panel-showcase__item--featured { grid-row: auto; min-height: 0; aspect-ratio: 16 / 9; }
  .section-heading h2, .cta-section h2, .faq-section__heading h2 { font-size: calc(clamp(2.4rem, 9vw, 4rem) - var(--type-reduction)); }
  .feature-grid--four article, .feature-grid article { min-height: 0; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pricing-section { width: var(--container); }
  .pricing-card { min-height: 0; }
  .pricing-card__header { min-height: 6.35rem; }
  .pricing-trust { grid-template-columns: 1fr; gap: .8rem; }
  .pricing-trust > div { justify-content: flex-start; padding: .4rem 0; border-right: 0; }
}
@media (max-width: 600px) {
  .site-header__inner { min-height: 4.25rem; }
  .button--header { min-height: 2.35rem; padding: .68rem .9rem; font-size: .6rem; }
  .brand--landing { width: 6.4rem; height: 2.8rem; }
  .hero-section { gap: 2rem; padding-top: 6.5rem; }
  .hero-copy h1 { margin: 1rem 0 1.2rem; }
  .hero-copy__text { font-size: .82rem; line-height: 1.65; }
  .hero-actions { align-items: stretch; flex-direction: row; gap: .75rem; margin-top: 1.8rem; }
  .hero-actions .button { min-height: 2.75rem; }
  .proof-strip { gap: .55rem; padding-block: 1rem; font-size: .58rem; }
  .feature-section, .pricing-section { padding-block: 4.8rem; }
  .feature-grid { margin-top: 2.5rem; }
  .feature-grid article { padding: 1.35rem; }
  .feature-grid h3 { margin: 1rem 0 .55rem; }
  .contact-section { padding-top: 4.8rem; padding-bottom: 4.8rem; }
  .contact-section__cards article { min-height: 0; padding: 1.35rem; }
  .contact-section__cards h3 { margin: 1.8rem 0 .6rem; }
  .pricing-section .section-heading h2 { font-size: clamp(2.35rem, 8vw, 3rem); }
  .pricing-toolbar { margin-top: 1.7rem; }
  .pricing-toolbar__controls { align-items: stretch; flex-direction: column; gap: .7rem; }
  .pricing-annual-note { justify-content: center; }
  .pricing-grid { grid-template-columns: 1fr; gap: 1.2rem; margin-top: 2rem; background: transparent; }
  .store-license-grid { grid-template-columns: 1fr; }
  .pricing-card { min-height: 0; padding: 1.25rem; border-radius: .65rem; }
  .pricing-card .eyebrow { margin: 0; font-size: .58rem; letter-spacing: .14em; }
  .pricing-card__header { min-height: 5.8rem; }
  .pricing-card h3 { min-height: 0; margin: .9rem 0 .3rem; font-size: 1.5rem; line-height: 1; }
  .pricing-card__description { height: auto; min-height: 1.15rem; max-height: none; font-size: .7rem; line-height: 1.4; }
  .pricing-card__features { min-height: 0; margin-top: .8rem; }
  .pricing-card__price { height: 2.35rem; margin-top: .8rem; }
  .pricing-card__price strong { font-size: 1.45rem; }
  .pricing-card__price span { font-size: .6rem; }
  .pricing-card__details { gap: .45rem; min-height: 3.7rem; margin: .7rem 0 .8rem; padding-top: .7rem; }
  .pricing-card__details small { font-size: .46rem; letter-spacing: .08em; }
  .pricing-card__details strong { margin-top: .25rem; font-size: .64rem; }
  .pricing-card .button { min-height: 2.3rem; padding-inline: .35rem; font-size: .52rem; }
  .footer-contact { padding-top: 4.8rem; padding-bottom: 4.8rem; }
}

.client-catalog-main { max-width: 1100px; }

/* Revisão final da composição mobile da landing page */
.site-header__actions { display: flex; align-items: center; gap: .55rem; margin-left: auto; }
main, .site-header__inner, .hero-section, .proof-strip, .operations-section, .panel-showcase, .pricing-section, .faq-section { min-width: 0; }
@media (max-width: 900px) {
  .site-header__actions { position: relative; z-index: 22; }
  .site-nav { z-index: 21; width: 100%; max-width: none; }
  .site-nav__primary { width: 100%; }
}
@media (max-width: 600px) {
  html, body, main { width: 100%; max-width: 100%; }
  .site-header__inner, .hero-section, .proof-strip, .operations-section, .panel-showcase, .pricing-section, .faq-section { width: 100%; max-width: 480px; padding-inline: 16px; }
  .site-header__inner { min-height: 4.35rem; gap: .75rem; }
  .brand--landing { width: 6.15rem; height: 2.65rem; flex: 0 1 auto; }
  .site-header__actions { gap: .45rem; }
  .button--header { min-height: 2.25rem; padding: .62rem .8rem; font-size: .58rem; }
  .site-header__menu-toggle { width: 2.25rem; height: 2.25rem; margin-left: 0; }

  .hero-section { display: flex; width: 100%; min-height: 0; flex-direction: column; align-items: stretch; gap: 1.8rem; padding-top: 6.35rem; padding-bottom: 1rem; }
  .hero-copy { width: 100%; max-width: none; }
  .hero-copy h1 { max-width: 23rem; margin: .95rem 0 1.15rem; font-size: clamp(2.65rem, 11.5vw, 3.55rem); line-height: .98; }
  .hero-copy__text { max-width: 25rem; font-size: .82rem; line-height: 1.65; }
  .hero-actions { width: 100%; margin-top: 1.65rem; gap: .65rem; }
  .hero-actions .button { min-height: 2.7rem; padding-inline: 1rem; }
  .hero-visual { width: 100%; min-height: 0; margin: 0; padding-top: .2rem; }
  .hero-visual__image { width: 100%; max-width: 100%; }

  .proof-strip { width: 100%; gap: .6rem; padding-block: 1rem; font-size: .57rem; letter-spacing: .14em; }

  .operations-section { width: 100%; padding-block: 5.25rem 4.75rem; }
  .operations-section__intro { grid-template-columns: minmax(0, 1fr); gap: 1.35rem; }
  .operations-section__intro > * { min-width: 0; }
  .operations-section__heading { max-width: none; }
  .operations-section__heading h2 { max-width: 24rem; margin: .85rem 0 1.15rem; font-size: clamp(2.55rem, 11.5vw, 3.55rem); line-height: .94; }
  .operations-section__heading > p:last-child { max-width: 27rem; font-size: .84rem; line-height: 1.68; }
  .operations-visual { width: 100%; min-height: 12.75rem; margin-top: .35rem; }
  .operations-visual__screen { width: calc(100% - 1.2rem); max-width: none; border-radius: .7rem; }
  .operations-visual__toolbar { height: 2rem; padding-inline: .7rem; }
  .operations-visual__screen-body { grid-template-columns: 2.55rem minmax(0, 1fr); height: calc(100% - 2rem); }
  .operations-visual__sidebar { gap: .7rem; padding: .8rem .45rem; }
  .operations-visual__sidebar i { width: .9rem; }
  .operations-visual__sidebar i:first-child { width: 1.2rem; }
  .operations-visual__dashboard { padding: .8rem; }
  .operations-visual__chart { height: 4rem; gap: .28rem; margin-top: .85rem; padding-inline: .35rem; }
  .operations-visual__chart span { width: .45rem; }
  .operations-visual__metrics { gap: .35rem; margin-top: .65rem; }
  .operations-visual__metrics i { height: .8rem; }
  .operations-visual__tile { width: 2.7rem; height: 2.7rem; border-radius: .55rem; }
  .operations-visual__tile .dashboard-icon { width: 1.2rem; height: 1.2rem; }
  .operations-visual__tile--account { left: 0; }
  .operations-visual__tile--remote { right: 0; }

  .operations-group { margin-top: 3.75rem; }
  .operations-group--account { margin-top: 3rem; }
  .operations-group__heading { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .operations-group__heading h3 { font-size: 1.45rem; }
  .operations-group__heading > span { padding-bottom: 0; text-align: left; }
  .operations-card-grid--four, .operations-card-grid--three { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
  .operations-card { min-width: 0; min-height: 0; padding: 1.15rem; }
  .operations-card__icon { width: 2.85rem; height: 2.85rem; margin-bottom: .9rem; }
  .operations-card h4 { font-size: .98rem; }
  .operations-card p { font-size: .75rem; line-height: 1.6; }

  .panel-showcase { width: 100%; padding-bottom: 5rem; }
  .panel-showcase__heading h2, .contact-section h2, .faq-section__heading h2 { font-size: clamp(2.4rem, 10.5vw, 3.25rem); line-height: .95; }
  .panel-showcase__heading > p:last-child, .contact-section__heading > p:last-child, .faq-section__heading > p:last-child { font-size: .84rem; line-height: 1.68; }
  .panel-showcase__gallery { gap: .75rem; margin-top: 2.25rem; }
  .panel-showcase__item, .panel-showcase__item--featured { aspect-ratio: 4 / 3; }
  .panel-showcase__item figcaption { right: 1rem; bottom: .9rem; left: 1rem; }

  .contact-section { grid-template-columns: minmax(0, 1fr); gap: 2rem; padding: 4.8rem 1rem; }
  .contact-section__heading { max-width: none; }
  .contact-section__cards { grid-template-columns: minmax(0, 1fr); gap: .7rem; background: transparent; }
  .contact-section__cards article { min-height: 0; padding: 1.2rem; border: 1px solid var(--line); }
  .contact-section__cards h3 { margin-top: 1.8rem; }

  .pricing-section { width: 100%; padding-block: 4.8rem 2.8rem; }
  .pricing-section .section-heading h2 { font-size: clamp(2.35rem, 10vw, 3.1rem); }
  .pricing-toolbar { margin-top: 1.7rem; padding-block: .75rem .9rem; }
  .pricing-toolbar__controls { width: min(100%, 19rem); flex-direction: column; gap: .7rem; }
  .pricing-toggle { display: flex; width: 100%; }
  .pricing-toggle__button { flex: 1 1 50%; min-width: 0; }
  .pricing-annual-note { justify-content: center; width: 100%; }
  .pricing-grid { grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: 1.8rem; }
  .pricing-card { min-width: 0; padding: 1.2rem; }

  .faq-section { width: 100%; padding-bottom: 5rem; }
  .faq-section__heading { max-width: none; }
  .faq-list { margin-top: 2.25rem; }
  .faq-item summary { gap: .8rem; padding-block: 1.1rem; font-size: .86rem; line-height: 1.45; }
  .faq-item__answer { padding: 0 1.8rem 1.1rem 0; }
  .faq-item__answer p { font-size: .78rem; line-height: 1.65; }

  .footer-contact { gap: 2rem; padding: 4.8rem 1rem; }
  .footer-contact__heading { max-width: none; }
  .footer-contact h2 { font-size: clamp(2.4rem, 10.5vw, 3.35rem); }
  .footer-contact__details { align-items: stretch; flex-direction: column; gap: 1rem; padding: 1rem; }
  .footer-contact__details .button, .footer-contact__details > div { width: 100%; }
  .site-footer { padding: 4rem 1rem 1.25rem; }
  .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.2rem; }
  .site-footer__brand { grid-column: 1 / -1; }
  .site-footer__bottom { align-items: flex-start; flex-direction: column; gap: .5rem; margin-top: 2.5rem; }
}
@media (max-width: 380px) {
  :root { --container: min(calc(100% - 24px), 480px); }
  .site-header__inner, .hero-section, .proof-strip, .operations-section, .panel-showcase, .pricing-section, .faq-section { width: 100%; max-width: 480px; padding-inline: 12px; }
  .brand--landing { width: 5.65rem; height: 2.5rem; }
  .button--header { padding-inline: .65rem; }
  .site-header__menu-toggle { width: 2.1rem; height: 2.1rem; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; justify-content: center; }
  .site-footer__grid { grid-template-columns: minmax(0, 1fr); }
  .site-footer__brand { grid-column: auto; }
}
.client-catalog-create, .client-catalog-card { background: var(--surface, #fff); border: 1px solid var(--line); border-radius: 1rem; box-shadow: 0 16px 34px rgba(20, 17, 11, .05); }
.client-catalog-create { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr); gap: 2rem; align-items: end; padding: 1.65rem; margin-bottom: 1.5rem; }
.client-catalog-create h2 { margin: .35rem 0 .55rem; font-size: 1.35rem; }
.client-catalog-create p:not(.eyebrow) { margin: 0; color: var(--muted); line-height: 1.6; }
.client-catalog-create form, .client-catalog-inline-form { display: grid; gap: .55rem; }
.client-catalog-create label, .client-catalog-inline-form label, .client-catalog-entry-form label, .client-catalog-password-dialog label { color: var(--muted); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.client-catalog-create form > div, .client-catalog-inline-form > div { display: flex; gap: .55rem; }
.client-catalog-create input, .client-catalog-inline-form input, .client-catalog-entry-form input, .client-catalog-entry-form select, .client-catalog-password-dialog input { min-width: 0; width: 100%; }
.client-catalog-create .button, .client-catalog-inline-form .button { flex: 0 0 auto; white-space: nowrap; }
.client-catalog-list { display: grid; gap: 1.25rem; }
.client-catalog-card { padding: 1.65rem; }
.client-catalog-card__header { display: flex; justify-content: space-between; gap: 1rem; align-items: start; padding-bottom: 1.15rem; border-bottom: 1px solid var(--line); }
.client-catalog-card__header h2 { margin: .35rem 0 0; font-size: 1.5rem; }
.client-catalog-card__header > span { color: var(--muted); font-size: .75rem; }
.client-catalog-card__forms { display: grid; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); gap: 1.35rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.client-catalog-entry-form { display: grid; gap: .75rem; padding-left: 1.35rem; border-left: 1px solid var(--line); }
.client-catalog-entry-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.client-catalog-entry-form label { display: grid; gap: .35rem; }
.client-catalog-entry-form > small { color: var(--muted); font-size: .72rem; }
.client-catalog-entry-form .button { justify-self: start; }
.client-catalog-sections { display: grid; gap: 1rem; padding-top: 1.35rem; }
.client-catalog-group { padding: 1rem; border: 1px solid var(--line); border-radius: .75rem; background: rgba(249, 247, 241, .55); }
.client-catalog-group h3 { margin: 0 0 .75rem; font-size: 1rem; }
.client-catalog-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .7rem 1rem; align-items: center; padding: .85rem 0; border-top: 1px solid var(--line); }
.client-catalog-entry > div { display: grid; gap: .25rem; }
.client-catalog-entry small, .client-catalog-entry__status { color: var(--muted); font-size: .72rem; }
.client-catalog-entry__status { color: #527560; }
.client-catalog-entry .button, .client-catalog-entry .text-button { font-size: .68rem; }
.client-catalog-entry__feedback { position: fixed; z-index: 1000; left: 50%; bottom: 1.5rem; width: max-content; max-width: min(90vw, 34rem); padding: .8rem 1rem; border: 1px solid #b9d7c1; border-radius: .5rem; background: #eff9f1; box-shadow: 0 .75rem 2rem rgba(35, 75, 45, .16); color: #356246; font-size: .76rem; line-height: 1.35; opacity: 0; pointer-events: none; transform: translate(-50%, .5rem); transition: opacity .18s ease, transform .18s ease; }
.client-catalog-entry__feedback:not(:empty) { opacity: 1; transform: translate(-50%, 0); }
.client-catalog-empty { margin: 0; color: var(--muted); font-size: .82rem; }
.client-catalog-password-dialog { width: min(420px, calc(100% - 2rem)); border: 0; border-radius: 1rem; padding: 0; box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.client-catalog-password-dialog::backdrop { background: rgba(0,0,0,.48); }
.client-catalog-password-dialog__content { display: grid; gap: .75rem; padding: 1.65rem; }
.client-catalog-password-dialog__content h2 { margin: 0; }
.client-catalog-password-dialog__content p:not(.eyebrow) { color: var(--muted); line-height: 1.55; margin: 0; }
.client-catalog-password-dialog__actions { display: flex; gap: .65rem; justify-content: flex-end; margin-top: .4rem; }
.client-catalog-page-heading { align-items: center; }
.client-catalog-main { width: 100%; max-width: none; box-sizing: border-box; }
.client-catalog-page-heading > .button { width: auto; flex: 0 0 auto; }
.client-catalog-overview, .client-catalog-detail, .client-catalog-empty-state { margin-top: 1.25rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--surface, #fff); box-shadow: 0 16px 34px rgba(20, 17, 11, .05); }
.client-catalog-overview .admin-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.client-catalog-overview .admin-panel-heading h2 { margin: .25rem 0 .35rem; font-size: 1.2rem; }
.client-catalog-overview .admin-panel-heading p:not(.eyebrow), .client-catalog-overview .admin-panel-heading > span { display: none; }
.client-catalog-table-wrap { overflow-x: auto; }
.client-catalog-table { width: 100%; border-collapse: collapse; color: var(--muted); font-size: .76rem; }
.client-catalog-table th { padding: .75rem 1.25rem; border-bottom: 1px solid var(--line); color: #978f83; font-size: .61rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.client-catalog-table td { padding: .9rem 1.25rem; border-bottom: 1px solid var(--line); vertical-align: middle; }
.client-catalog-table tr:last-child td { border-bottom: 0; }
.client-catalog-row { cursor: pointer; transition: background .15s ease; }
.client-catalog-row td { cursor: pointer; }
.client-catalog-row:hover { background: rgba(249, 247, 241, .72); }
.client-catalog-table td strong, .client-catalog-table td small { display: block; }
.client-catalog-table td strong { color: var(--ink, #28251f); }
.client-catalog-table td small { margin-top: .25rem; color: var(--muted); font-size: .68rem; }
.client-catalog-select { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; }
.client-catalog-select strong { transition: color .15s ease; }
.client-catalog-select:hover strong, .client-catalog-select.is-selected strong { color: var(--gold, #b28b3d); }
.client-catalog-table__actions { min-width: 290px; text-align: right; }
.client-catalog-table__actions .button, .client-catalog-table__actions .text-button { width: auto; margin: .15rem 0 .15rem .55rem; font-size: .65rem; }
.client-catalog-protected { color: #527560; font-size: .7rem; }
.client-catalog-details { display: grid; gap: 1.25rem; }
.client-catalog-detail { padding: 1.4rem; }
.client-catalog-detail__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.client-catalog-detail__header h2 { margin: .25rem 0 .3rem; font-size: 1.4rem; }
.client-catalog-detail__header p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: .75rem; }
.client-catalog-detail__actions, .client-catalog-toolbar, .client-catalog-level__heading > div:last-child { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }
.client-catalog-detail__actions .button, .client-catalog-toolbar .button { width: auto; }
.client-catalog-toolbar { justify-content: flex-end; padding: 1rem 0; }
.client-catalog-level { border: 1px solid var(--line); border-radius: .75rem; overflow: hidden; }
.client-catalog-level + .client-catalog-level { margin-top: .8rem; }
.client-catalog-level__heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; background: rgba(249, 247, 241, .7); }
.client-catalog-level__heading h3 { margin: 0; color: var(--ink, #28251f); font-size: .95rem; }
.client-catalog-group-toggle { padding: 0; border: 0; background: transparent; color: var(--ink, #28251f); cursor: pointer; font: inherit; font-size: .95rem; font-weight: 700; text-align: left; }
.client-catalog-group-toggle::after { content: '−'; display: inline-block; margin-left: .5rem; color: var(--gold, #b28b3d); }
.client-catalog-group-toggle.is-collapsed::after { content: '+'; }
.client-catalog-level__heading span { color: var(--muted); font-size: .7rem; }
.client-catalog-level .client-catalog-table th { padding-top: .65rem; padding-bottom: .65rem; }
.client-catalog-level .client-catalog-table td { padding-top: .7rem; padding-bottom: .7rem; }
.client-catalog-empty-state { padding: 2.5rem; text-align: center; }
.client-catalog-empty-state h2 { margin: 0 0 .45rem; font-size: 1.2rem; }
.client-catalog-empty-state p { margin: 0 0 1rem; color: var(--muted); font-size: .8rem; }
.client-catalog-empty-state .button { width: auto; }
.client-catalog-back { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 2.15rem; margin-bottom: 1rem; padding: .5rem .85rem; appearance: none; border: 1px solid #d8c7a7; border-radius: .35rem; background: #fffefa; color: #8f6b2d; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 700; letter-spacing: .05em; line-height: 1; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; }
.client-catalog-back:hover { border-color: #b28b3d; background: #f7edd9; color: #6f511f; transform: translateX(-2px); }
.client-catalog-back:focus-visible { outline: 2px solid #b28b3d; outline-offset: 2px; }
.client-catalog-pagination { display: flex; justify-content: flex-end; gap: .35rem; padding: .85rem 1.25rem; border-top: 1px solid var(--line); }
.client-catalog-page-button { min-width: 2rem; height: 2rem; padding: 0 .5rem; border: 1px solid var(--line); background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: .72rem; }
.client-catalog-page-button.is-active, .client-catalog-page-button:hover { border-color: var(--gold, #b28b3d); background: var(--gold, #b28b3d); color: #fff; }
.client-catalog-dialog { width: min(440px, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); margin: auto; padding: 0; border: 0; border-radius: 1rem; background: var(--surface, #fff); box-shadow: 0 24px 70px rgba(0, 0, 0, .25); }
.client-catalog-dialog::backdrop { background: rgba(0, 0, 0, .48); backdrop-filter: blur(3px); }
.client-catalog-dialog__content { display: grid; gap: .65rem; padding: 1.5rem; }
.client-catalog-dialog__content h2 { margin: 0 0 .25rem; font-size: 1.25rem; }
.client-catalog-dialog__content p:not(.eyebrow) { margin: 0 0 .3rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.client-catalog-dialog__content label { display: grid; gap: .35rem; color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.client-catalog-dialog__content input, .client-catalog-dialog__content select { width: 100%; min-height: 2.75rem; box-sizing: border-box; padding: .7rem .75rem; border: 1.5px solid #b8b0a4; border-radius: .35rem; background: #fff; color: var(--ink, #28251f); font: inherit; font-size: .82rem; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.client-catalog-dialog__content input::placeholder { color: #aaa196; }
.client-catalog-dialog__content input:hover, .client-catalog-dialog__content select:hover { border-color: #8e8578; }
.client-catalog-dialog__content input:focus, .client-catalog-dialog__content select:focus { border-color: #b28b3d; outline: none; box-shadow: 0 0 0 3px rgba(178, 139, 61, .16); }
.client-catalog-dialog__close { position: absolute; top: .7rem; right: .8rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: #817b72; cursor: pointer; font-size: 1.3rem; }
.client-catalog-dialog__actions { display: flex; justify-content: flex-end; gap: .55rem; margin-top: .55rem; }
.client-catalog-dialog__actions .button { width: auto; }
.client-catalog-dialog .button--danger { border-color: #d8b8ae; background: #fffefa; color: #a24d3d; }
.client-catalog-dialog .button--danger:hover { background: #fbefeb; border-color: #a24d3d; }

@media (max-width: 780px) {
  .client-catalog-create, .client-catalog-card__forms { grid-template-columns: 1fr; }
  .client-catalog-entry-form { padding-left: 0; padding-top: 1.25rem; border-left: 0; border-top: 1px solid var(--line); }
  .client-catalog-entry { grid-template-columns: 1fr; }
  .client-catalog-entry .button, .client-catalog-entry .text-button { justify-self: start; }
  .client-catalog-page-heading, .client-catalog-detail__header, .client-catalog-overview .admin-panel-heading { align-items: flex-start; flex-direction: column; }
  .client-catalog-table__actions { min-width: 240px; text-align: left; }
}
/* Checkout VeoPag */
.checkout-body {
  min-height: 100vh;
  background: radial-gradient(ellipse at 50% 0, rgba(97, 67, 23, .16), transparent 49%), #080808;
}

.checkout-shell {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
  padding: 24px 0 96px;
}

.checkout-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 74px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(198, 165, 91, .2);
}

.checkout-brand { display: inline-flex; width: 112px; height: 50px; align-items: center; }
.checkout-brand img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.checkout-brand:focus-visible, .checkout-back:focus-visible, .checkout-summary__change:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 5px; }

.checkout-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #b8b4ad;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  transition: color 180ms ease;
}

.checkout-back span { color: var(--gold-soft); font-size: 1.2rem; line-height: 1; }
.checkout-back:hover { color: var(--gold-soft); }

.checkout-heading {
  max-width: 780px;
  margin: 68px 0 44px;
}

.checkout-heading h1 {
  margin: 10px 0 12px;
  color: #f7f4ee;
  font-family: var(--display);
  font-size: clamp(3rem, 6vw, 5.1rem);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: .96;
}
.checkout-heading h1 em { color: var(--gold-soft); font-style: normal; }
.checkout-heading p:not(.eyebrow) { max-width: 610px; margin: 0; color: #aaa8a4; font-size: 1rem; line-height: 1.7; }

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(310px, .78fr) minmax(0, 1.22fr);
  gap: 22px;
  align-items: start;
}

.checkout-summary,
.checkout-card {
  min-width: 0;
  border: 1px solid rgba(198, 165, 91, .26);
  border-radius: 12px;
  background: linear-gradient(155deg, #1a1814 0%, #121211 46%, #0d0d0d 100%);
  box-shadow: 0 24px 72px rgba(0, 0, 0, .26);
}

.checkout-summary { position: sticky; top: 24px; padding: 34px; }
.checkout-summary__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.checkout-summary__mark { display: grid; width: 40px; height: 40px; border: 1px solid rgba(198,165,91,.35); border-radius: 9px; color: var(--gold-soft); font-size: 1.3rem; place-items: center; }
.checkout-summary h2 { margin: 13px 0 0; color: #f7f4ee; font-family: var(--display); font-size: clamp(2.2rem, 3vw, 2.8rem); font-weight: 500; line-height: 1.1; }
.checkout-summary__intro { margin: 9px 0 26px; color: #aaa8a4; font-size: .86rem; line-height: 1.6; }
.checkout-summary__features { display: grid; align-content: start; gap: 10px; min-height: 90px; margin: 0; padding: 21px 0 27px; border-top: 1px solid rgba(255,255,255,.1); color: #ceccc7; font-size: .85rem; line-height: 1.6; list-style: none; }
.checkout-summary__features li { display: grid; grid-template-columns: 15px minmax(0, 1fr); gap: 10px; }
.checkout-summary__features li::before { color: var(--gold); content: '✓'; font-weight: 700; }
.checkout-summary__price { padding: 24px 0 20px; border-top: 1px solid rgba(255,255,255,.12); }
.checkout-summary__price small { display: block; margin-bottom: 7px; color: var(--gold); font-size: .62rem; font-weight: 600; letter-spacing: .16em; }
.checkout-summary__price > div { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.checkout-summary__price strong { color: #faf7ef; font-size: 2.15rem; font-weight: 600; line-height: 1.15; }
.checkout-summary__price span, .checkout-summary__line { color: #aaa8a4; font-size: .83rem; }
.checkout-summary__line { display: flex; justify-content: space-between; gap: 16px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.12); }
.checkout-summary__line strong { color: var(--gold-soft); font-size: .84rem; }
.checkout-summary__change { display: inline-flex; gap: 8px; margin-top: 32px; color: var(--gold-soft); font-size: .76rem; font-weight: 600; }
.checkout-summary__change:hover { color: #f2d595; }

.checkout-card { padding: 34px; }
.checkout-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.12); margin-bottom: 27px; }
.checkout-card h2 { margin: 8px 0 0; color: #f7f4ee; font-family: var(--display); font-size: 2.45rem; font-weight: 500; line-height: 1.05; }
.checkout-card__step { flex: 0 0 auto; padding-top: 2px; color: #8d8170; font-size: .66rem; font-weight: 600; letter-spacing: .12em; }
.checkout-card .form-alert { margin: 0 0 21px; border-radius: 8px; background: rgba(170,72,57,.08); }
.checkout-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.checkout-form label, .checkout-pix label { display: grid; min-width: 0; gap: 8px; color: #e4e0d8; font-size: .8rem; font-weight: 500; }
.checkout-form label small { color: #918d86; font-size: .7rem; font-weight: 400; }
.checkout-form input:not([type="radio"]), .checkout-form select, .checkout-pix textarea { width: 100%; min-width: 0; min-height: 50px; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; background: #0a0a0a; color: #f7f4ee; padding: 12px 15px; font: inherit; transition: border-color 180ms ease, box-shadow 180ms ease; }
.checkout-form input::placeholder { color: #77736c; }
.checkout-form input:focus, .checkout-form select:focus, .checkout-pix textarea:focus { border-color: var(--gold); outline: none; box-shadow: 0 0 0 3px rgba(198,165,91,.13); }
.checkout-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 29px 0 18px; padding: 0; border: 0; }
.checkout-methods legend { margin-bottom: 10px; color: #e4e0d8; font-size: .8rem; font-weight: 500; }
.checkout-method { display: flex !important; align-items: center; gap: 12px !important; min-width: 0; min-height: 90px; padding: 15px !important; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; background: rgba(255,255,255,.015); cursor: pointer; transition: border-color 180ms ease, background-color 180ms ease; }
.checkout-method:hover, .checkout-method:focus-within { border-color: rgba(198,165,91,.66); }
.checkout-method:has(input:checked) { border-color: var(--gold); background: rgba(198,165,91,.075); }
.checkout-method input[type="radio"] { width: 17px; height: 17px; flex: 0 0 auto; margin: 0; accent-color: var(--gold); }
.checkout-method__icon { display: grid; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid rgba(198,165,91,.3); border-radius: 7px; color: var(--gold-soft); font-size: 1.4rem; line-height: 1; place-items: center; }
.checkout-method__icon svg { width: 20px; height: 20px; }
.checkout-method__copy { display: grid; gap: 2px; min-width: 0; }
.checkout-method strong { color: #f7f4ee; font-size: .85rem; line-height: 1.35; }
.checkout-method small { color: #a9a59d; font-size: .7rem; line-height: 1.4; }
.checkout-card-fields { padding-top: 10px; }
.checkout-card-fields[hidden] { display: none; }
.checkout-submit { width: 100%; min-height: 54px; justify-content: space-between; margin-top: 29px; padding-inline: 22px; border-color: #dfbd74; border-radius: 6px; background: linear-gradient(105deg, #ae8745, #e0bd71 54%, #c49b50); box-shadow: 0 10px 28px rgba(198,165,91,.12); color: #0b0b0b; font-size: .73rem; }
.checkout-submit:hover, .checkout-submit:focus-visible { background: linear-gradient(105deg, #c59e57, #f0d18f 54%, #d5ad65); }
.checkout-submit:disabled { cursor: default; opacity: .6; transform: none; }
.checkout-submit span { font-size: 1.1rem; }
.checkout-result { display: grid; gap: 3px; margin-bottom: 22px; padding: 15px 18px; border: 1px solid rgba(198,165,91,.32); border-radius: 8px; background: rgba(198,165,91,.085); color: #d9d3c6; font-size: .8rem; }
.checkout-result strong { color: var(--gold-soft); font-size: .83rem; }
.checkout-result--success { border-color: rgba(82,194,123,.4); background: rgba(82,194,123,.08); }
.checkout-result--success strong { color: #83d7a0; }
.checkout-pix { margin-top: 30px; padding: 27px; border: 1px solid rgba(198,165,91,.25); border-radius: 10px; background: linear-gradient(140deg, rgba(198,165,91,.09), rgba(13,13,13,.45) 60%); }
.checkout-pix__heading h3 { margin: 7px 0 3px; color: #f7f4ee; font-family: var(--display); font-size: 1.9rem; font-weight: 500; line-height: 1.1; }
.checkout-pix__heading p:not(.eyebrow) { margin: 0; color: #aaa8a4; font-size: .76rem; line-height: 1.55; }
.checkout-pix__content { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 22px; margin-top: 22px; }
.checkout-pix__qr { display: grid; width: 176px; height: 176px; padding: 8px; border: 1px solid rgba(198,165,91,.34); border-radius: 9px; background: #fff; place-items: center; }
.checkout-pix__image { display: block; max-width: 100%; max-height: 100%; }
.checkout-pix__code { min-width: 0; }
.checkout-pix textarea { display: block; min-height: 88px; resize: vertical; overflow-wrap: anywhere; color: #dbd5c8; font-size: .7rem; line-height: 1.45; }
.checkout-pix .button--quiet { display: inline-flex; justify-content: center; width: 100%; margin-top: 11px; border: 1px solid rgba(198,165,91,.52); border-radius: 6px; background: transparent; color: var(--gold-soft); }
.checkout-pix .button--quiet:hover, .checkout-pix .button--quiet:focus-visible { background: rgba(198,165,91,.12); }
.checkout-note { margin: 18px 0 0; color: #bfb5a4; font-size: .82rem; }
.checkout-security { display: flex; align-items: flex-start; gap: 12px; margin-top: 27px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.1); color: #918f89; }
.checkout-security span { color: var(--gold); font-size: 1.5rem; line-height: 1; }
.checkout-security svg { display: block; width: 22px; height: 22px; }
.checkout-security p { margin: 0; font-size: .73rem; line-height: 1.55; }
.checkout-summary__discount { display: block; margin-top: .45rem; color: var(--gold-soft); font-size: .68rem; }

@media (max-width: 900px) {
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-summary { position: static; }
}

@media (max-width: 600px) {
  .checkout-shell { width: calc(100% - 32px); padding: 14px 0 54px; }
  .checkout-topbar { min-height: 64px; }
  .checkout-brand { width: 92px; }
  .checkout-back { font-size: .7rem; }
  .checkout-heading { margin: 42px 0 30px; }
  .checkout-heading h1 { font-size: clamp(2.75rem, 11vw, 4rem); }
  .checkout-heading p:not(.eyebrow) { font-size: .88rem; }
  .checkout-summary, .checkout-card { padding: 24px; }
  .checkout-card h2 { font-size: 2.1rem; }
  .checkout-pix { padding: 18px; }
}

@media (max-width: 480px) {
  .checkout-form__grid, .checkout-methods { grid-template-columns: 1fr; }
  .checkout-method { min-height: 72px; }
  .checkout-pix__content { grid-template-columns: 1fr; }
  .checkout-pix__qr { width: 176px; height: 176px; }
}