/* Landing-only presentation. Uses the existing Archivo font and Symfony AssetMapper. */
.aw-landing-page {
    --aw-ink: #202428;
    --aw-muted: #59616a;
    --aw-accent: #059669;
    --aw-accent-rgb: 16,185,129;
    --aw-border: #dce0e3;
    --aw-soft: #f5f6f7;
    --aw-paper: #fff;
    --aw-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --aw-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
    background: var(--aw-paper);
    color: var(--aw-ink);
    font-family: 'Archivo', Arial, sans-serif;
}
.aw-landing-page *, .aw-landing-page *::before, .aw-landing-page *::after { box-sizing: border-box; }
.aw-landing-page .aw-container { width: min(1248px, calc(100% - 96px)); margin-inline: auto; }
.aw-landing-page a:focus-visible, .aw-landing-page button:focus-visible, .aw-landing-page summary:focus-visible, .aw-landing-page video:focus-visible { outline: 2px solid var(--aw-accent); outline-offset: 5px; }
.aw-landing-page .aw-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--aw-border); background: white; }
.aw-landing-page .aw-nav { min-height: 88px; display: flex; align-items: center; gap: 36px; }
.aw-landing-page .aw-logo { display: inline-flex; flex-shrink: 0; }
.aw-landing-page .aw-logo img { width: 151px; height: auto; }
.aw-landing-page .aw-nav-links { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.aw-landing-page .aw-nav-links a, .aw-landing-page .aw-nav-links summary, .aw-landing-page .aw-nav-account > a { font-size: 13px; font-weight: 500; transition: color 150ms ease; }
.aw-landing-page .aw-nav-links > a { padding-block: 16px; }
.aw-landing-page .aw-nav-links a:hover { color: var(--aw-accent); }
.aw-landing-page .aw-nav-account { display: flex; align-items: center; gap: 20px; margin-left: auto; }
.aw-landing-page .aw-nav-account .aw-button { min-height: 42px; padding: 10px 18px; font-size: 13px; }
.aw-landing-page .aw-nav-dropdown { position: relative; }
.aw-landing-page .aw-nav-dropdown summary { list-style: none; cursor: pointer; padding-block: 16px; }
.aw-landing-page summary::-webkit-details-marker { display: none; }
.aw-landing-page .aw-nav-dropdown summary span { margin-left: 5px; display: inline-block; transition: transform 200ms var(--aw-ease-out); }
.aw-landing-page .aw-nav-dropdown[open] summary span { transform: rotate(180deg); }
.aw-landing-page .aw-nav-dropdown > div {
    position: absolute; top: calc(100% + 8px); left: -16px; width: 250px; padding: 8px; border: 1px solid var(--aw-border); background: white; border-radius: 4px; box-shadow: 0 10px 28px #20242812;
    transform-origin: top left;
    transition: opacity 160ms var(--aw-ease-out), transform 160ms var(--aw-ease-out);
}
.aw-landing-page .aw-nav-dropdown[open] > div {
    @starting-style { opacity: 0; transform: scale(0.96) translateY(-4px); }
}
.aw-landing-page .aw-nav-dropdown > div a { display: block; padding: 10px; }
.aw-landing-page .aw-nav-dropdown > div a:hover { background: var(--aw-soft); }
.aw-landing-page .aw-mobile-nav { display: none; }
.aw-landing-page .aw-button { display: inline-flex; justify-content: center; align-items: center; gap: 20px; min-height: 48px; padding: 13px 22px; border: 1px solid #c9cfd3; border-radius: 4px; background: white; color: var(--aw-ink); font-size: 14px; line-height: 1.4; font-weight: 600; text-decoration: none; transition: background 150ms ease, border-color 150ms ease, transform 120ms var(--aw-ease-out); }
.aw-landing-page .aw-button:hover { background: #edf0f2; border-color: #a2afb8; }
.aw-landing-page .aw-button:active { transform: scale(0.97); }
.aw-landing-page .aw-button-primary { background: var(--aw-ink); color: white; border-color: var(--aw-ink); }
.aw-landing-page .aw-button-primary:hover { background: var(--aw-accent); border-color: var(--aw-accent); }
.aw-landing h1, .aw-landing h2, .aw-landing h3, .aw-landing h4 { margin: 0; font-family: 'Archivo', Arial, sans-serif; font-weight: 600; }
.aw-landing h2 { font-size: clamp(30px, 3.15vw, 42px); line-height: 1.17; letter-spacing: -1.35px; text-wrap: balance; }
.aw-landing h3 { font-size: 18px; line-height: 1.35; letter-spacing: -.35px; }
.aw-landing p { margin: 0; font-size: 15px; line-height: 1.75; color: var(--aw-muted); }
.aw-landing .aw-eyebrow { margin: 0 0 20px; color: var(--aw-accent); font-size: 11px; font-weight: 650; line-height: 1.4; letter-spacing: 1.4px; text-transform: uppercase; }
.aw-landing .aw-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; padding-block: 64px; }
.aw-landing .aw-hero h1 { font-size: clamp(40px, 4vw, 56px); line-height: 1.1; letter-spacing: -2.3px; }
.aw-landing .aw-hero h1 span { color: var(--aw-accent); }
.aw-landing .aw-lead { margin-top: 28px; max-width: 510px; font-size: 16px; line-height: 1.8; }
.aw-landing .aw-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.aw-landing .aw-fine, .aw-footer .aw-fine { font-size: 12px; line-height: 1.8; color: var(--aw-muted); margin-top: 16px; }
.aw-landing .aw-fine > span { padding-inline: 8px; }
.aw-landing .aw-promo-note { margin-top: 8px; font-size: 12px; color: var(--aw-accent); font-weight: 500; }
.aw-landing .aw-signin { margin-top: 18px; font-size: 13px; color: var(--aw-muted); }
.aw-landing .aw-signin a { margin-left: 5px; font-weight: 650; color: var(--aw-ink); text-decoration: none; }
.aw-landing .aw-signin a span { display: inline-block; margin-left: 2px; transition: transform 160ms var(--aw-ease-out); }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-signin a:hover span { transform: translateX(3px); }
}
.aw-landing-page .aw-stores { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 28px; }
.aw-landing-page .aw-store-badge { display: inline-flex; align-items: center; gap: 12px; padding: 11px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: white; transition: background 200ms ease, border-color 200ms ease, transform 160ms var(--aw-ease-out); }
.aw-landing-page .aw-store-badge:active { transform: scale(0.97); }
.aw-landing-page .aw-store-icon { display: inline-flex; flex-shrink: 0; width: 26px; height: 26px; }
.aw-landing-page .aw-store-icon svg { width: 100%; height: 100%; }
.aw-landing-page .aw-store-text { display: flex; flex-direction: column; line-height: 1.35; text-align: left; }
.aw-landing-page .aw-store-text small { font-size: 10px; color: #9aa4ab; font-weight: 500; }
.aw-landing-page .aw-store-text strong { font-size: 15px; font-weight: 650; letter-spacing: -.2px; }
.aw-landing-page .aw-store-badge-sm { padding: 9px 16px; gap: 10px; border-radius: 10px; }
.aw-landing-page .aw-store-badge-sm .aw-store-icon { width: 21px; height: 21px; }
.aw-landing-page .aw-store-badge-sm .aw-store-text strong { font-size: 13px; }
.aw-landing-page .aw-store-badge-sm .aw-store-text small { font-size: 9px; }
.aw-landing-page .aw-ext-icon { display: inline-flex; flex-shrink: 0; width: 11px; height: 11px; opacity: .65; }
.aw-landing-page .aw-ext-icon svg { width: 100%; height: 100%; }
@media (hover: hover) and (pointer: fine) {
    .aw-landing-page .aw-store-badge:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.34); transform: translateY(-2px); }
}
/* Hero: ciemny wariant, spójny z paletą .aw-section-dark używaną dalej na stronie (#0f172a / #94a3b8 / #34d399 - paleta z aplikacji mobilnej). */
.aw-hero-wrap { position: relative; background: #0f172a; color: white; overflow: hidden; }
.aw-hero-bg { position: absolute; inset: 0; z-index: 0; }
.aw-hero-bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.aw-hero-scrim { position: absolute; inset: 0; background: linear-gradient(100deg, #0f172a 22%, rgba(15,23,42,.86) 45%, rgba(15,23,42,.55) 70%, rgba(15,23,42,.3) 100%); }
.aw-hero-wrap .aw-hero { position: relative; z-index: 1; }
.aw-hero-scroll { display: none; position: absolute; z-index: 1; left: 50%; bottom: 28px; transform: translateX(-50%); width: 20px; height: 34px; align-items: flex-start; justify-content: center; padding-top: 6px; border: 2px solid rgba(255,255,255,.3); border-radius: 999px; }
.aw-hero-scroll-dot { width: 4px; height: 6px; border-radius: 999px; background: #34d399; animation: aw-dot-pulse 2.2s ease-in-out infinite; }
@media (min-width: 1024px) {
    .aw-hero-scroll { display: flex; }
}
.aw-hero-wrap .aw-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: #6ee7b7; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 6px 14px 6px 12px; }
.aw-hero-wrap .aw-eyebrow-dot { width: 6px; height: 6px; border-radius: 999px; background: #34d399; flex-shrink: 0; animation: aw-dot-pulse 2.2s ease-in-out infinite; }
@keyframes aw-dot-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .55; transform: scale(0.85); }
}
.aw-hero-wrap .aw-hero h1 { color: white; }
.aw-hero-wrap .aw-hero h1 span { color: #34d399; }
.aw-hero-wrap .aw-lead { color: #94a3b8; }
.aw-hero-wrap .aw-fine, .aw-hero-wrap .aw-fine > span { color: #64748b; }
.aw-hero-wrap .aw-promo-note { color: #6ee7b7; }
.aw-hero-wrap .aw-signin { color: #64748b; }
.aw-hero-wrap .aw-signin a { color: #e2e8f0; }
.aw-hero-wrap .aw-button { background: transparent; color: white; border-color: #3f4c63; }
.aw-hero-wrap .aw-button:hover { background: #1e293b; border-color: #52667f; }
.aw-hero-wrap .aw-button-primary { background: #10b981; color: #0f172a; border-color: #10b981; }
.aw-hero-wrap .aw-button-primary:hover { background: #34d399; border-color: #34d399; }

/* Scroll reveal - fade/slide-up on first entry into viewport (see assets/landing.js). */
.aw-landing [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity 550ms var(--aw-ease-out), transform 550ms var(--aw-ease-out); }
.aw-landing [data-reveal].is-in { opacity: 1; transform: none; }
.aw-landing [data-reveal]:nth-child(2) { transition-delay: 60ms; }
.aw-landing [data-reveal]:nth-child(3) { transition-delay: 120ms; }
.aw-landing [data-reveal]:nth-child(4) { transition-delay: 180ms; }
.aw-landing [data-reveal]:nth-child(5) { transition-delay: 240ms; }
.aw-landing [data-reveal]:nth-child(6) { transition-delay: 300ms; }
.aw-landing [data-reveal]:nth-child(7) { transition-delay: 360ms; }
.aw-landing [data-reveal]:nth-child(8) { transition-delay: 420ms; }
.aw-landing [data-reveal]:nth-child(n+9) { transition-delay: 480ms; }

.aw-hero-devices { position: relative; display: flex; align-items: center; justify-content: center; min-height: 420px; }
.aw-hero-devices::before { content: ''; position: absolute; inset: -15% -10%; background: radial-gradient(circle at 62% 38%, rgba(52,211,153,.22), transparent 62%); filter: blur(10px); z-index: 0; }
.aw-phone { position: relative; width: 216px; border-radius: 2.4rem; background: linear-gradient(180deg, #2c3a4f, #0a0f1a); padding: 8px; box-shadow: 0 40px 80px -24px rgba(0,0,0,.55); }
.aw-phone-frame { position: relative; overflow: hidden; border-radius: 1.9rem; background: #0f172a; }
.aw-phone-frame img { display: block; width: 100%; height: auto; }
.aw-phone-back { position: absolute; left: 6%; z-index: 1; transform: rotate(-10deg); opacity: .8; animation: aw-phone-back-float 5s ease-in-out infinite; }
.aw-phone-front { position: relative; z-index: 2; margin-left: 96px; animation: aw-seo-phone-float 5s ease-in-out infinite; }
@keyframes aw-phone-back-float { 0%, 100% { transform: rotate(-10deg) translateY(0); } 50% { transform: rotate(-10deg) translateY(-10px); } }
.aw-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; background: white; color: #1c2124; border-radius: 14px; padding: 10px 14px; box-shadow: 0 18px 40px -8px rgba(0,0,0,.4); font-size: 11px; line-height: 1.5; max-width: 190px; animation: aw-seo-chip-float 6s ease-in-out infinite; }
.aw-chip strong { display: block; font-size: 12px; font-weight: 700; }
.aw-chip-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; flex-shrink: 0; }
.aw-chip-icon svg { width: 15px; height: 15px; }
.aw-chip-icon-ok { background: #d1fae5; color: #059669; }
.aw-chip-icon-warn { background: #fef3c7; color: #b45309; }
.aw-chip-1 { top: 4%; left: -6%; }
.aw-chip-2 { bottom: 8%; right: -8%; animation-delay: -3s; }

/* Telefon pojedynczy w hero stron SEO (components/_hero_phone_aw.html.twig) */
.aw-seo-phone-wrap { position: relative; display: flex; justify-content: center; }
.aw-seo-phone { width: 240px; animation: aw-seo-phone-float 5s ease-in-out infinite; }
.aw-seo-phone-glow { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 0; }
.aw-seo-phone-glow::before { content: ''; width: 420px; height: 420px; border-radius: 999px; background: radial-gradient(circle, rgba(52,211,153,.24), transparent 70%); filter: blur(20px); }
.aw-seo-chip { position: absolute; left: -8%; top: 16%; z-index: 3; animation: aw-seo-chip-float 6s ease-in-out infinite; }
@keyframes aw-seo-phone-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes aw-seo-chip-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(.5deg); } }
@media (max-width: 1150px) {
    .aw-seo-chip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .aw-seo-phone, .aw-seo-chip, .aw-phone-front, .aw-phone-back, .aw-chip { animation: none; }
}
.aw-landing .aw-facts { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 24px; border-block: 1px solid var(--aw-border); }
.aw-landing .aw-facts > div { display: flex; align-items: center; gap: 18px; padding-inline: 28px; border-left: 1px solid var(--aw-border); }
.aw-landing .aw-facts > div:first-child { padding-left: 0; border-left: 0; }
.aw-landing .aw-facts > div:last-child { padding-right: 0; }
.aw-landing .aw-facts strong { font-size: 34px; font-weight: 500; letter-spacing: -1px; }
.aw-landing .aw-facts p { font-size: 12px; line-height: 1.5; color: var(--aw-ink); }
.aw-landing .aw-facts p span { display: block; color: var(--aw-muted); font-size: 10px; margin-top: 4px; }
.aw-landing .aw-section { padding-block: 80px; scroll-margin-top: 24px; }
.aw-landing .aw-section-tinted { background: var(--aw-soft); border-block: 1px solid var(--aw-border); }
.aw-landing .aw-section-heading { display: flex; justify-content: space-between; gap: 64px; align-items: flex-end; margin-bottom: 40px; }
.aw-landing .aw-section-heading > p, .aw-landing .aw-section-heading > div:last-child:not(:first-child) { max-width: 340px; }
.aw-landing .aw-section-heading .aw-text-link { margin-top: 16px; }
.aw-landing .aw-problem { display: grid; grid-template-columns: 1fr 1fr; column-gap: 80px; row-gap: 40px; }
.aw-landing .aw-problem h2 { font-size: 34px; }
.aw-landing .aw-emphasis { border-left: 2px solid var(--aw-accent); padding-left: 18px; margin-top: 24px; font-weight: 550; color: var(--aw-ink); }
.aw-landing .aw-problem-table { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--aw-border); }
.aw-landing .aw-problem-table > div { padding: 24px 32px 0 0; }
.aw-landing .aw-problem-table strong { font-size: 13px; font-weight: 600; }
.aw-landing .aw-problem-table p { font-size: 13px; margin-top: 10px; }
.aw-landing .aw-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--aw-border); border-left: 1px solid var(--aw-border); background: white; }
.aw-landing .aw-feature { padding: 28px; border-right: 1px solid var(--aw-border); border-bottom: 1px solid var(--aw-border); transition: background 200ms ease; }
.aw-landing .aw-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 24px; margin-bottom: 20px; }
.aw-landing .aw-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(var(--aw-accent-rgb),.1); transition: background 200ms ease, transform 200ms var(--aw-ease-out); }
.aw-landing .aw-feature-icon svg { width: 22px; height: 22px; color: var(--aw-accent); transition: transform 200ms var(--aw-ease-out), color 200ms ease; }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-feature:hover { background: white; }
    .aw-landing .aw-feature:hover .aw-feature-icon { background: var(--aw-accent); transform: translateY(-2px); }
    .aw-landing .aw-feature:hover .aw-feature-icon svg { color: white; transform: scale(1.12); }
}
.aw-landing .aw-label { display: inline-block; padding: 3px 7px; border: 1px solid var(--aw-border); border-radius: 3px; color: var(--aw-muted); font-size: 10px; line-height: 1.4; font-weight: 500; }
.aw-landing .aw-feature p { font-size: 13px; line-height: 1.75; margin-top: 12px; }
.aw-landing .aw-cepik-grid.aw-feature-grid { grid-template-columns: repeat(4, 1fr); }
.aw-landing .aw-cepik-cta { text-align: center; margin-top: 40px; }
.aw-landing-page .aw-text-link { display: inline-block; font-size: 13px; font-weight: 550; color: var(--aw-accent); text-underline-offset: 4px; transition: color 150ms ease; }
.aw-landing-page .aw-text-link:hover { text-decoration: underline; }
.aw-landing .aw-feature .aw-text-link { margin-top: 16px; font-size: 12px; }
.aw-landing .aw-demo { margin-top: 56px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 64px; align-items: center; }
.aw-landing .aw-demo h3 { font-size: 30px; margin-bottom: 20px; letter-spacing: -.8px; }
.aw-landing .aw-demo p:not(.aw-eyebrow) { font-size: 14px; }
.aw-landing .aw-demo .aw-text-link { margin-top: 24px; }
.aw-landing .aw-demo figure { margin: 0; min-width: 0; }
.aw-landing .aw-demo video { width: 100%; aspect-ratio: 16 / 9; border: 1px solid var(--aw-border); border-radius: 4px; background: #0f172a; }
.aw-landing .aw-demo figcaption { margin-top: 10px; font-size: 11px; color: var(--aw-muted); }
.aw-landing .aw-steps { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: 0; padding: 40px 0 0; border-top: 1px solid var(--aw-border); }
.aw-landing .aw-steps li { padding: 0 28px 0 0; border-left: 1px solid var(--aw-border); padding-left: 24px; transition: transform 220ms var(--aw-ease-out); }
.aw-landing .aw-steps li:first-child { border-left: 0; padding-left: 0; }
.aw-landing .aw-step-number { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; border: 1px solid var(--aw-border); background: var(--aw-paper); font-size: 13px; font-weight: 650; color: var(--aw-accent); margin-bottom: 24px; transition: background 200ms ease, color 200ms ease, border-color 200ms ease; }
.aw-landing .aw-steps h3 { font-size: 17px; min-height: 47px; }
.aw-landing .aw-steps p { margin-top: 12px; font-size: 13px; }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-steps li:hover { transform: translateY(-3px); }
    .aw-landing .aw-steps li:hover .aw-step-number { background: var(--aw-accent); border-color: var(--aw-accent); color: white; }
}
.aw-landing .aw-section-dark { background: #0f172a; color: white; --aw-border: #334155; --aw-muted: #94a3b8; --aw-accent: #34d399; --aw-accent-rgb: 52,211,153; }
.aw-landing .aw-section-dark .aw-eyebrow { color: #6ee7b7; }
.aw-landing .aw-privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.aw-landing .aw-privacy-card { border: 1px solid var(--aw-border); border-radius: 16px; padding: 32px; background: rgba(255,255,255,.03); }
.aw-landing .aw-privacy-card > h3 { font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--aw-border); }
.aw-landing .aw-access-table { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin-top: 24px; }
.aw-landing .aw-access-table > div + div { padding-left: 24px; border-left: 1px solid var(--aw-border); }
.aw-landing .aw-access-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 650; letter-spacing: .4px; text-transform: uppercase; margin: 0 0 16px; padding: 5px 10px; border-radius: 999px; }
.aw-landing .aw-access-tag::before { content: ''; width: 6px; height: 6px; border-radius: 999px; flex-shrink: 0; }
.aw-landing .aw-access-tag-public { color: #6ee7b7; background: rgba(52,211,153,.14); }
.aw-landing .aw-access-tag-public::before { background: #34d399; }
.aw-landing .aw-access-tag-private { color: #cbd5e1; background: rgba(255,255,255,.06); }
.aw-landing .aw-access-tag-private::before { background: transparent; border: 1.5px solid #94a3b8; }
.aw-landing .aw-access-table ul { padding: 0; list-style: none; margin: 0; }
.aw-landing .aw-access-table li { padding-block: 7px; font-size: 13px; color: #cbd5e1; padding-left: 22px; position: relative; }
.aw-landing .aw-access-public li::before { content: ''; position: absolute; left: 0; top: 13px; width: 8px; height: 8px; border-radius: 999px; background: #34d399; }
.aw-landing .aw-access-private li::before { content: ''; position: absolute; left: 2px; top: 11px; width: 6px; height: 6px; border: 1.5px solid #64748b; border-radius: 2px; }
.aw-landing .aw-sale-workflow ol { list-style: none; padding: 0; margin: 24px 0 0; position: relative; }
.aw-landing .aw-sale-workflow ol::before { content: ''; position: absolute; left: 13px; top: 8px; bottom: 8px; width: 1px; background: var(--aw-border); }
.aw-landing .aw-sale-workflow li { display: flex; gap: 20px; padding-top: 20px; position: relative; }
.aw-landing .aw-sale-workflow li > span { position: relative; z-index: 1; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 999px; background: #1e293b; border: 1px solid var(--aw-border); font-size: 10px; color: #94a3b8; }
.aw-landing .aw-sale-workflow h4 { font-size: 14px; }
.aw-landing .aw-sale-workflow p { font-size: 12px; margin-top: 6px; }
.aw-landing .aw-sale-bottom { display: flex; justify-content: space-between; gap: 40px; align-items: center; padding-top: 28px; margin-top: 32px; border-top: 1px solid var(--aw-border); }
.aw-landing .aw-sale-bottom p { max-width: 640px; font-size: 13px; }
.aw-landing .aw-sale-bottom .aw-button { background: transparent; color: white; border-color: #52667f; flex-shrink: 0; }
.aw-landing .aw-sale-bottom .aw-button:hover { background: #1e293b; }
.aw-landing .aw-import-meta { display: flex; flex-wrap: wrap; gap: 24px; font-size: 12px; font-weight: 500; margin-bottom: 24px; }
.aw-landing .aw-import-meta span + span { border-left: 1px solid var(--aw-border); padding-left: 24px; }
.aw-landing .aw-import-list { border-top: 1px solid var(--aw-border); }
.aw-landing .aw-import-list article { display: grid; grid-template-columns: 44px 1fr 20px; gap: 20px; padding-block: 22px; border-bottom: 1px solid var(--aw-border); align-items: center; transition: background 200ms ease; }
.aw-landing .aw-import-list article img { width: 40px; height: 40px; border-radius: 10px; object-fit: contain; background: var(--aw-soft); padding: 6px; }
.aw-landing .aw-import-generic { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--aw-soft); color: var(--aw-accent); }
.aw-landing .aw-import-generic svg { width: 20px; height: 20px; }
.aw-landing .aw-import-list h3 { font-size: 17px; }
.aw-landing .aw-import-list h3 small { display: block; font-size: 11px; color: var(--aw-muted); font-weight: 400; margin-top: 4px; }
.aw-landing .aw-import-list p { font-size: 14px; margin-top: 4px; }
.aw-landing .aw-import-list article > span:last-child { color: var(--aw-accent); transition: transform 200ms var(--aw-ease-out); }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-import-list article:hover { background: var(--aw-soft); }
    .aw-landing .aw-import-list article:hover > span:last-child { transform: translateX(4px); }
}
.aw-landing .aw-import-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 32px; }
.aw-landing .aw-import-footer p { font-size: 13px; margin-top: 12px; }
.aw-landing .aw-import-footer .aw-button { margin-top: 24px; }
.aw-landing .aw-pricing-promo { border: 1px solid #bbcbd7; background: #ecf1f5; padding: 16px 20px; margin-bottom: 24px; font-size: 13px; color: #29495f; }
.aw-landing .aw-pricing-promo strong { margin-right: 16px; font-weight: 600; }
.aw-landing .aw-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.aw-landing .aw-plan { border: 1px solid var(--aw-border); border-radius: 4px; background: white; padding: 28px; display: flex; flex-direction: column; transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms var(--aw-ease-out); }
.aw-landing .aw-plan-featured { border-color: var(--aw-accent); border-width: 2px; position: relative; box-shadow: 0 24px 48px -28px rgba(var(--aw-accent-rgb),.35); }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-plan:hover { border-color: var(--aw-accent); box-shadow: 0 20px 40px -24px rgba(32,36,40,.22); transform: translateY(-3px); }
}
.aw-landing .aw-plan-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.aw-landing .aw-plan-heading h3 { font-size: 24px; }
.aw-landing .aw-plan .aw-price { font-size: 48px; line-height: 1; letter-spacing: -1.8px; font-weight: 550; color: var(--aw-ink); margin-top: 32px; }
.aw-landing .aw-price span { font-size: 22px; font-weight: 400; }
.aw-landing .aw-price s { font-size: 17px; letter-spacing: 0; color: var(--aw-muted); font-weight: 400; margin-left: 16px; }
.aw-landing .aw-price-note { font-size: 11px; margin-top: 12px; min-height: 38px; }
.aw-landing .aw-plan ul { padding: 24px 0; list-style: none; margin: 20px 0 24px; border-top: 1px solid var(--aw-border); flex: 1; }
.aw-landing .aw-plan li { font-size: 13px; line-height: 1.7; padding-left: 26px; position: relative; margin-bottom: 12px; }
.aw-landing .aw-plan li::before { content: '✓'; position: absolute; left: 0; top: 1px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 999px; background: rgba(var(--aw-accent-rgb),.12); color: var(--aw-accent); font-size: 10px; font-weight: 700; }
.aw-landing .aw-plan .aw-button { width: 100%; font-size: 13px; padding-inline: 12px; }
.aw-landing .aw-pricing-bottom { display: flex; justify-content: space-between; gap: 40px; margin-top: 28px; align-items: center; }
.aw-landing .aw-pricing-bottom p { font-size: 12px; max-width: 680px; }
.aw-landing .aw-pricing-bottom a { flex-shrink: 0; }
.aw-landing .aw-articles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.aw-landing .aw-articles article { display: flex; flex-direction: column; align-items: flex-start; padding: 16px; border-radius: 14px; border: 1px solid transparent; transition: border-color 220ms var(--aw-ease-out), box-shadow 220ms var(--aw-ease-out), transform 220ms var(--aw-ease-out); }
.aw-landing .aw-articles article > a:first-child { width: 100%; border-radius: 10px; overflow: hidden; }
.aw-landing .aw-articles img { display: block; aspect-ratio: 2 / 1; width: 100%; height: auto; object-fit: cover; border-radius: 10px; margin-bottom: 20px; transition: transform 400ms var(--aw-ease-out); }
.aw-landing .aw-articles .aw-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 9px; letter-spacing: .5px; margin-bottom: 12px; padding: 5px 10px; border-radius: 999px; background: rgba(var(--aw-accent-rgb),.1); }
.aw-landing .aw-articles .aw-eyebrow span { color: var(--aw-muted); }
.aw-landing .aw-articles h3 { font-size: 18px; }
.aw-landing .aw-articles h3 a { transition: color 150ms ease; }
.aw-landing .aw-articles h3 a:hover { color: var(--aw-accent); }
.aw-landing .aw-articles p:not(.aw-eyebrow) { font-size: 13px; margin-top: 12px; margin-bottom: 20px; }
.aw-landing .aw-articles .aw-text-link { margin-top: auto; font-size: 12px; transition: gap 200ms var(--aw-ease-out); }
@media (hover: hover) and (pointer: fine) {
    .aw-landing .aw-articles article:hover { border-color: var(--aw-border); box-shadow: 0 20px 40px -28px rgba(32,36,40,.28); transform: translateY(-3px); }
    .aw-landing .aw-articles article:hover img { transform: scale(1.045); }
}
.aw-landing .aw-faq-layout { display: grid; grid-template-columns: 1fr 1.7fr; gap: 80px; }
.aw-landing .aw-faq-layout > div:first-child > p:not(.aw-eyebrow) { margin-top: 24px; }
.aw-landing .aw-faq-facts { margin-top: 28px; display: flex; gap: 12px; }
.aw-landing .aw-faq-facts p { flex: 1; margin: 0; padding: 16px; border-radius: 12px; background: white; border: 1px solid var(--aw-border); font-size: 11px; line-height: 1.4; }
.aw-landing .aw-faq-facts strong { display: block; margin-bottom: 4px; color: var(--aw-ink); font-size: 20px; font-weight: 650; letter-spacing: -.5px; }
.aw-landing .aw-faq-layout .aw-button { margin-top: 20px; }
.aw-landing .aw-questions { background: white; border: 1px solid var(--aw-border); border-radius: 16px; padding: 0 24px; box-shadow: 0 24px 48px -32px rgba(32,36,40,.18); }
.aw-landing .aw-questions details { border-bottom: 1px solid var(--aw-border); }
.aw-landing .aw-questions details:last-child { border-bottom: none; }
.aw-landing .aw-questions summary { padding: 23px 8px 23px 0; list-style: none; position: relative; cursor: pointer; font-size: 14px; font-weight: 550; line-height: 1.5; transition: color 150ms ease; }
.aw-landing .aw-questions summary:hover { color: var(--aw-accent); }
.aw-landing .aw-questions summary > span { position: absolute; right: 0; top: 15px; width: 30px; height: 30px; border-radius: 999px; background: rgba(var(--aw-accent-rgb),.1); font-size: 17px; font-weight: 400; color: var(--aw-accent); display: inline-flex; align-items: center; justify-content: center; transition: transform 200ms var(--aw-ease-out), background 200ms ease; }
.aw-landing .aw-questions details[open] summary > span { transform: rotate(45deg); background: var(--aw-accent); color: white; }
.aw-landing .aw-questions details > p { font-size: 14px; padding: 0 40px 24px 0; transition: opacity 200ms ease-out, transform 200ms ease-out; }
.aw-landing .aw-questions details[open] > p {
    @starting-style { opacity: 0; transform: translateY(-4px); }
}
.aw-landing .aw-final { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }
.aw-landing .aw-final h2 { font-size: 38px; }
.aw-landing .aw-final > div > p:not(.aw-eyebrow):not(.aw-fine) { margin-top: 24px; font-size: 14px; }
.aw-landing .aw-final .aw-actions { margin-top: 0; }
.aw-landing .aw-final.aw-final-center { display: block; text-align: center; }
.aw-final-center .aw-eyebrow { justify-content: center; }
.aw-final-center p { margin: 20px auto 0; max-width: 540px; }
.aw-final-center .aw-actions { margin-top: 32px; justify-content: center; }
.aw-final-center .aw-fine { margin-top: 24px; }
.aw-landing .aw-final.aw-section-dark { position: relative; overflow: hidden; border-radius: 28px; padding: 72px; }
.aw-landing .aw-final-glow { position: absolute; inset: -20% -10%; background: radial-gradient(circle at 78% 30%, rgba(52,211,153,.2), transparent 60%); pointer-events: none; z-index: 0; }
.aw-landing .aw-final.aw-section-dark > div:not(.aw-final-glow) { position: relative; z-index: 1; }
.aw-landing .aw-final.aw-section-dark .aw-fine, .aw-landing .aw-final.aw-section-dark .aw-fine > span { color: #64748b; }
.aw-landing .aw-final.aw-section-dark .aw-button { background: transparent; color: white; border-color: #3f4c63; }
.aw-landing .aw-final.aw-section-dark .aw-button:hover { background: #1e293b; border-color: #52667f; }
.aw-landing .aw-final.aw-section-dark .aw-button-primary { background: #10b981; color: #0f172a; border-color: #10b981; }
.aw-landing .aw-final.aw-section-dark .aw-button-primary:hover { background: #34d399; border-color: #34d399; }
.aw-landing-page .aw-footer { background: var(--aw-soft); border-top: 1px solid var(--aw-border); }
.aw-landing-page .aw-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr .8fr .8fr; gap: 56px; padding-block: 56px; }
.aw-landing-page .aw-footer-grid > div > p { font-size: 12px; line-height: 1.8; color: var(--aw-muted); margin-top: 20px; max-width: 300px; }
.aw-landing-page .aw-footer .aw-stores { gap: 12px; margin-top: 16px; }
.aw-landing-page .aw-footer .aw-store-badge { background: var(--aw-ink); border-color: var(--aw-ink); color: white; }
.aw-landing-page .aw-footer .aw-store-text small { color: #9aa4ab; }
@media (hover: hover) and (pointer: fine) {
    .aw-landing-page .aw-footer .aw-store-badge:hover { background: var(--aw-accent); border-color: var(--aw-accent); transform: translateY(-2px); }
    .aw-landing-page .aw-social a:hover { color: white; background: var(--aw-ink); border-color: var(--aw-ink); }
}
.aw-landing-page .aw-footer .aw-online { font-size: 11px; color: var(--aw-muted); margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; }
.aw-landing-page .aw-footer .aw-online::before { content: ''; width: 6px; height: 6px; border-radius: 999px; background: #10b981; flex-shrink: 0; }
.aw-landing-page .aw-footer h3 { font-size: 12px; font-weight: 600; margin: 0 0 20px; }
.aw-landing-page .aw-footer nav a { display: block; font-size: 12px; line-height: 1.5; padding-block: 6px; color: var(--aw-muted); transition: color 150ms ease; }
.aw-landing-page .aw-footer nav a:hover { text-decoration: underline; color: var(--aw-ink); text-underline-offset: 3px; }
.aw-landing-page .aw-social { display: flex; gap: 8px; margin-top: 14px; }
.aw-landing-page .aw-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--aw-border); color: var(--aw-muted); transition: color 150ms ease, background 150ms ease, border-color 150ms ease; }
.aw-landing-page .aw-social svg { width: 16px; height: 16px; }
.aw-landing-page .aw-footer address { font-size: 11px; font-style: normal; color: var(--aw-muted); margin-top: 16px; }
.aw-landing-page .aw-footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding-block: 24px; border-top: 1px solid var(--aw-border); font-size: 11px; color: var(--aw-muted); }
.aw-landing-page .aw-footer-bottom a { white-space: nowrap; }
@media (max-width: 1150px) {
    .aw-landing-page .aw-container { width: calc(100% - 64px); }
    .aw-landing-page .aw-nav { gap: 24px; }
    .aw-landing-page .aw-nav-links { gap: 16px; }
    .aw-landing-page .aw-nav-links > a:first-child { display: none; }
    .aw-landing-page .aw-nav-account { gap: 12px; }
    .aw-landing-page .aw-logo img { width: 136px; }
    .aw-landing .aw-hero { gap: 40px; padding-block: 48px; }
    .aw-landing .aw-hero h1 { font-size: 43px; letter-spacing: -1.5px; }
    .aw-hero-devices { min-height: 360px; }
    .aw-phone { width: 190px; }
    .aw-phone-front { margin-left: 82px; }
    .aw-chip { font-size: 10px; padding: 8px 12px; max-width: 160px; }
    .aw-chip-icon { width: 26px; height: 26px; }
    .aw-landing .aw-facts > div { padding-inline: 16px; gap: 12px; }
    .aw-landing .aw-facts strong { font-size: 28px; }
    .aw-landing .aw-section-heading, .aw-landing .aw-problem, .aw-landing .aw-demo, .aw-landing .aw-privacy-grid, .aw-landing .aw-final { gap: 40px; }
    .aw-landing .aw-feature, .aw-landing .aw-plan { padding: 24px; }
    .aw-landing .aw-faq-layout { gap: 48px; }
    .aw-landing .aw-articles { gap: 20px; }
    .aw-landing .aw-final h2 { font-size: 34px; }
    .aw-landing-page .aw-footer-grid { gap: 32px; }
}
@media (max-width: 900px) {
    .aw-landing-page .aw-nav-links, .aw-landing-page .aw-nav-account { display: none; }
    .aw-landing-page .aw-nav { min-height: 76px; justify-content: space-between; }
    .aw-landing-page .aw-mobile-nav { display: block; }
    .aw-landing-page .aw-mobile-nav summary { list-style: none; font-size: 13px; cursor: pointer; padding: 12px 14px; border: 1px solid var(--aw-border); border-radius: 4px; }
    .aw-landing-page .aw-mobile-nav summary span { margin-left: 14px; }
    .aw-landing-page .aw-mobile-nav > div {
        position: absolute; top: 100%; inset-inline: 24px; background: white; border: 1px solid var(--aw-border); padding: 12px; border-radius: 4px; box-shadow: 0 12px 24px #20242812; max-height: 75vh; overflow-y: auto;
        transform-origin: top right;
        transition: opacity 180ms var(--aw-ease-out), transform 180ms var(--aw-ease-out);
    }
    .aw-landing-page .aw-mobile-nav[open] > div {
        @starting-style { opacity: 0; transform: scale(0.97) translateY(-6px); }
    }
    .aw-landing .aw-hero { gap: 32px; }
    .aw-landing .aw-hero h1 { font-size: 36px; letter-spacing: -1.3px; }
    .aw-landing .aw-lead { font-size: 14px; margin-top: 20px; }
    .aw-landing .aw-actions { margin-top: 24px; }
    .aw-landing .aw-hero .aw-button { padding-inline: 16px; font-size: 13px; }
    .aw-hero-devices { min-height: 300px; }
    .aw-phone { width: 148px; }
    .aw-phone-front { margin-left: 60px; }
    .aw-chip { font-size: 10px; padding: 7px 10px; max-width: 140px; gap: 8px; }
    .aw-chip strong { font-size: 11px; }
    .aw-chip-icon { width: 24px; height: 24px; border-radius: 8px; }
    .aw-chip-icon svg { width: 13px; height: 13px; }
    .aw-chip-1 { left: 0; top: 0; }
    .aw-chip-2 { right: 0; bottom: 2%; }
    .aw-landing .aw-hero .aw-stores { gap: 10px; margin-top: 16px; }
    .aw-landing .aw-facts { grid-template-columns: repeat(2, 1fr); row-gap: 24px; }
    .aw-landing .aw-facts > div:nth-child(3) { border-left: 0; padding-left: 0; }
    .aw-landing .aw-facts > div:nth-child(2n) { padding-left: 24px; }
    .aw-landing .aw-section { padding-block: 64px; }
    .aw-landing .aw-section-heading { gap: 32px; }
    .aw-landing .aw-section-heading > p, .aw-landing .aw-section-heading > div:last-child:not(:first-child) { max-width: 250px; font-size: 13px; }
    .aw-landing .aw-section-heading p:not(.aw-eyebrow) { font-size: 13px; }
    .aw-landing h2, .aw-landing .aw-problem h2 { font-size: 30px; }
    .aw-landing .aw-problem > div > p { font-size: 14px; }
    .aw-landing .aw-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .aw-landing .aw-cepik-grid.aw-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .aw-landing .aw-demo { grid-template-columns: 1fr; gap: 28px; }
    .aw-landing .aw-demo > div { max-width: 580px; }
    .aw-landing .aw-steps { grid-template-columns: 1fr; padding-top: 8px; }
    .aw-landing .aw-steps li { display: grid; grid-template-columns: 34px 180px 1fr; gap: 24px; padding: 24px 0; border-left: 0; border-bottom: 1px solid var(--aw-border); }
    .aw-landing .aw-steps li:hover { transform: none; }
    .aw-landing .aw-step-number { margin: 0; }
    .aw-landing .aw-steps h3 { min-height: 0; }
    .aw-landing .aw-steps p { margin: 0; }
    .aw-landing .aw-privacy-grid { grid-template-columns: 1fr; gap: 20px; }
    .aw-landing .aw-privacy-card { padding: 28px; }
    .aw-landing .aw-sale-workflow ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
    .aw-landing .aw-sale-workflow ol::before { display: none; }
    .aw-landing .aw-sale-bottom { align-items: flex-start; }
    .aw-landing .aw-sale-bottom .aw-button { font-size: 12px; padding-inline: 16px; }
    .aw-landing .aw-import-list article { gap: 16px; }
    .aw-landing .aw-plan { padding: 20px; }
    .aw-landing .aw-plan-heading { min-height: 68px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; }
    .aw-landing .aw-plans { gap: 12px; }
    .aw-landing .aw-plan .aw-button { font-size: 11px; padding-inline: 8px; }
    .aw-landing .aw-plan .aw-price { font-size: 42px; margin-top: 16px; }
    .aw-landing .aw-plan li { font-size: 12px; }
    .aw-landing .aw-articles { grid-template-columns: 1fr 1fr; row-gap: 40px; }
    .aw-landing .aw-faq-layout { grid-template-columns: 1fr 1.5fr; gap: 40px; }
    .aw-landing .aw-final { grid-template-columns: 1fr; gap: 32px; }
    .aw-landing .aw-final > div:first-child { max-width: 640px; }
    .aw-landing .aw-final.aw-section-dark { padding: 48px; }
    .aw-landing-page .aw-footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 36px; }
    .aw-landing-page .aw-footer-grid > div { grid-column: 1 / -1; }
    .aw-landing-page .aw-footer-grid > div > p { max-width: 560px; }
}
@media (max-width: 600px) {
    .aw-landing-page .aw-container { width: calc(100% - 40px); }
    .aw-landing-page .aw-nav { min-height: 72px; }
    .aw-landing .aw-hero { grid-template-columns: 1fr; padding-block: 40px; gap: 36px; }
    .aw-hero-scrim { background: linear-gradient(180deg, rgba(15,23,42,.7) 0%, #0f172a 62%, #0f172a 100%); }
    .aw-landing .aw-hero h1 { font-size: clamp(32px, 8.9vw, 43px); letter-spacing: -1.4px; }
    .aw-landing .aw-hero .aw-eyebrow { font-size: 10px; margin-bottom: 20px; }
    .aw-landing .aw-lead { font-size: 15px; line-height: 1.8; }
    .aw-landing .aw-hero .aw-button { padding-inline: 18px; }
    .aw-landing .aw-fine { font-size: 11px; }
    .aw-landing .aw-store-badge { padding: 9px 14px; gap: 9px; }
    .aw-landing .aw-store-icon { width: 22px; height: 22px; }
    .aw-landing .aw-store-text strong { font-size: 13px; }
    .aw-hero-devices { min-height: 260px; margin-top: 8px; }
    .aw-phone { width: 148px; }
    .aw-phone-back { left: 12%; }
    .aw-phone-front { margin-left: 60px; }
    .aw-chip { display: none; }
    .aw-landing .aw-facts { row-gap: 20px; padding-block: 20px; }
    .aw-landing .aw-facts > div { gap: 12px; padding-inline: 12px; align-items: flex-start; }
    .aw-landing .aw-facts > div:nth-child(2n) { padding-left: 16px; }
    .aw-landing .aw-facts strong { font-size: 25px; }
    .aw-landing .aw-facts p { font-size: 11px; }
    .aw-landing .aw-facts p span { font-size: 9px; }
    .aw-landing .aw-section { padding-block: 48px; }
    .aw-landing h2, .aw-landing .aw-problem h2, .aw-landing .aw-final h2 { font-size: 29px; letter-spacing: -.9px; }
    .aw-landing .aw-section-heading { display: block; margin-bottom: 28px; }
    .aw-landing .aw-section-heading > p, .aw-landing .aw-section-heading > div:last-child:not(:first-child) { max-width: none; margin-top: 20px; }
    .aw-landing .aw-section-heading p:not(.aw-eyebrow) { font-size: 14px; }
    .aw-landing .aw-section-heading > .aw-button { margin-top: 24px; }
    .aw-landing .aw-problem { grid-template-columns: 1fr; gap: 24px; }
    .aw-landing .aw-problem-table { grid-template-columns: 1fr; }
    .aw-landing .aw-problem-table > div { padding: 20px 0; border-bottom: 1px solid var(--aw-border); }
    .aw-landing .aw-problem-table > div:last-child { padding-bottom: 0; border: 0; }
    .aw-landing .aw-feature-grid { grid-template-columns: 1fr; }
    .aw-landing .aw-cepik-grid.aw-feature-grid { grid-template-columns: 1fr; }
    .aw-landing .aw-feature { padding: 24px; }
    .aw-landing .aw-feature-top { margin-bottom: 16px; }
    .aw-landing .aw-feature h3 { font-size: 19px; }
    .aw-landing .aw-feature p { font-size: 14px; }
    .aw-landing .aw-demo { margin-top: 36px; }
    .aw-landing .aw-demo h3 { font-size: 27px; }
    .aw-landing .aw-demo figcaption { font-size: 10px; }
    .aw-landing .aw-steps li { grid-template-columns: 30px 1fr; gap: 8px 16px; }
    .aw-landing .aw-step-number { width: 30px; height: 30px; font-size: 12px; }
    .aw-landing .aw-steps p { grid-column: 2; font-size: 14px; }
    .aw-landing .aw-steps h3 { font-size: 18px; }
    .aw-landing .aw-privacy-card { padding: 22px; }
    .aw-landing .aw-access-table { gap: 0 16px; }
    .aw-landing .aw-access-table > div + div { padding-left: 16px; }
    .aw-landing .aw-access-table li { font-size: 12px; }
    .aw-landing .aw-access-tag { font-size: 9px; letter-spacing: .3px; }
    .aw-landing .aw-sale-workflow ol { grid-template-columns: 1fr; }
    .aw-landing .aw-sale-workflow h4 { font-size: 15px; }
    .aw-landing .aw-sale-workflow p { font-size: 13px; }
    .aw-landing .aw-sale-bottom { display: block; margin-top: 28px; }
    .aw-landing .aw-sale-bottom .aw-button { margin-top: 24px; font-size: 13px; }
    .aw-landing .aw-import-meta { gap: 10px 16px; font-size: 11px; }
    .aw-landing .aw-import-meta span + span { padding-left: 16px; }
    .aw-landing .aw-import-meta span:last-child { border-left: 0; padding-left: 0; width: 100%; }
    .aw-landing .aw-import-list article { grid-template-columns: 36px 1fr 16px; gap: 12px; }
    .aw-landing .aw-import-list article img,
    .aw-landing .aw-import-generic { width: 32px; height: 32px; }
    .aw-landing .aw-import-list p { font-size: 14px; }
    .aw-landing .aw-import-list h3 { font-size: 19px; }
    .aw-landing .aw-import-footer { grid-template-columns: 1fr; gap: 28px; }
    .aw-landing .aw-import-footer > div + div { border-top: 1px solid var(--aw-border); padding-top: 24px; }
    .aw-landing .aw-import-footer p { font-size: 14px; }
    .aw-landing .aw-pricing-promo { padding: 16px; font-size: 12px; }
    .aw-landing .aw-pricing-promo strong { display: block; margin: 0 0 4px; }
    .aw-landing .aw-plans { grid-template-columns: 1fr; gap: 16px; }
    .aw-landing .aw-plan { padding: 24px; }
    .aw-landing .aw-plan-heading { flex-direction: row; min-height: 0; justify-content: space-between; align-items: center; }
    .aw-landing .aw-plan .aw-price { font-size: 46px; margin-top: 28px; }
    .aw-landing .aw-price-note { min-height: 0; font-size: 12px; }
    .aw-landing .aw-plan li { font-size: 14px; }
    .aw-landing .aw-plan ul { margin-bottom: 0; }
    .aw-landing .aw-plan .aw-button { font-size: 14px; }
    .aw-landing .aw-pricing-bottom { display: block; }
    .aw-landing .aw-pricing-bottom .aw-text-link { margin-top: 20px; }
    .aw-landing .aw-articles { grid-template-columns: 1fr; gap: 32px; }
    .aw-landing .aw-articles h3 { font-size: 21px; }
    .aw-landing .aw-articles p:not(.aw-eyebrow) { font-size: 14px; }
    .aw-landing .aw-articles .aw-eyebrow { font-size: 10px; }
    .aw-landing .aw-faq-layout { grid-template-columns: 1fr; gap: 32px; }
    .aw-landing .aw-questions { padding: 0 16px; }
    .aw-landing .aw-questions details > p { padding-right: 0; }
    .aw-landing .aw-faq-facts { flex-direction: column; }
    .aw-landing .aw-final .aw-actions { gap: 12px; }
    .aw-landing .aw-final.aw-section-dark { padding: 32px 24px; border-radius: 20px; }
    .aw-landing-page .aw-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding-block: 40px; }
    .aw-landing-page .aw-footer-grid nav:last-child { grid-column: 1 / -1; }
    .aw-landing-page .aw-footer-bottom { display: block; font-size: 10px; }
    .aw-landing-page .aw-footer-bottom a { display: inline-block; padding-top: 16px; font-size: 12px; }
}
.aw-tacho { display: none; position: fixed; z-index: 40; bottom: 24px; right: 24px; align-items: center; justify-content: center; width: 76px; height: 76px; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(15,23,42,.92); box-shadow: 0 18px 50px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08); cursor: pointer; transition: transform 200ms ease; }
.aw-tacho:hover { transform: scale(1.05); }
.aw-tacho:active { transform: scale(0.97); }
.aw-tacho svg { width: 100%; height: 100%; }
.aw-tacho-needle { transform-origin: 50px 50px; transform: rotate(-120deg); }
.aw-tacho-needle-line { filter: drop-shadow(0 0 4px rgba(255,255,255,.45)); }
.aw-tacho-arc { filter: drop-shadow(0 0 5px rgba(52,211,153,.7)); }
.aw-tacho-val { pointer-events: none; position: absolute; inset-inline: 0; bottom: 13px; text-align: center; font-size: 10px; font-weight: 800; letter-spacing: .04em; line-height: 1; color: #6ee7b7; }
@media (min-width: 1024px) {
    .aw-tacho { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
    .aw-landing-page .aw-button { transition: none; }
    .aw-landing-page .aw-button:active { transform: none; }
    .aw-landing .aw-questions summary > span { transition: none; }
    .aw-landing .aw-questions details[open] > p { transition: none; }
    .aw-landing-page .aw-nav-dropdown summary span:last-child,
    .aw-landing-page .aw-mobile-nav summary span:last-child { transition: none; }
    .aw-landing [data-reveal] { transform: none !important; transition: opacity 200ms ease !important; transition-delay: 0ms !important; }
    .aw-landing .aw-feature-icon, .aw-landing .aw-feature-icon svg { transition: none; }
    .aw-hero-eyebrow-dot, .aw-eyebrow-dot, .aw-hero-scroll-dot { animation: none !important; }
    .aw-landing .aw-plan { transition: border-color 150ms ease; }
    .aw-landing .aw-feature { transition: none; }
    .aw-landing .aw-articles article, .aw-landing .aw-articles img { transition: none; }
    .aw-landing-page .aw-store-badge { transition: none; }
    .aw-landing .aw-steps li, .aw-landing .aw-step-number { transition: none; }
    .aw-tacho { transition: none; }
}

/* Context panels beside public-page FAQ accordions. */
.aw-landing .aw-faq-expanded { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr); align-items: start; gap: 28px 64px; }
.aw-landing .aw-faq-expanded > .aw-section-heading { grid-column: 1 / -1; margin-bottom: 0; }
.aw-landing .aw-faq-expanded > .aw-section-heading h2 { font-size: clamp(28px, 3vw, 38px); }
.aw-landing .aw-faq-visual { padding: 24px; border: 1px solid #d6e4dc; border-radius: 14px; background: #f0f6f2; }
.aw-landing .aw-faq-visual-art { color: #047852; margin: -8px 0 20px; border-bottom: 1px solid #d6e4dc; }
.aw-landing .aw-faq-visual-art svg { width: 100%; height: 142px; }
.aw-landing .aw-faq-visual h3 { font-size: 19px; line-height: 1.3; letter-spacing: -.4px; }
.aw-landing .aw-faq-visual > p { margin-top: 10px; font-size: 13px; line-height: 1.7; }
.aw-landing .aw-faq-visual-list { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 12px; }
.aw-landing .aw-faq-visual-list li { display: flex; gap: 12px; align-items: center; font-size: 13px; line-height: 1.5; }
.aw-landing .aw-faq-visual-list li > span { flex: 0 0 22px; height: 22px; border: 1px solid #cadfd2; border-radius: 50%; display: grid; place-items: center; color: #047852; font: 500 11px ui-monospace, monospace; }
.aw-landing .aw-faq-visual-link { display: flex; justify-content: space-between; gap: 12px; padding-top: 18px; border-top: 1px solid #d6e4dc; color: #047852; font-size: 13px; font-weight: 600; line-height: 1.6; }
.aw-landing .aw-faq-visual-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.aw-landing .aw-faq-expanded .aw-questions { min-width: 0; box-shadow: none; }
.aw-landing .aw-faq-expanded .aw-questions summary { padding-right: 42px; }
.aw-landing .aw-faq-expanded summary::-webkit-details-marker { display: none; }
.aw-landing .aw-faq-expanded summary:focus-visible, .aw-landing .aw-faq-visual-link:focus-visible { outline: 2px solid #047852; outline-offset: 4px; }
@media (max-width: 900px) { .aw-landing .aw-faq-expanded { gap: 32px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); } }
@media (max-width: 700px) { .aw-landing .aw-faq-expanded { grid-template-columns: minmax(0, 1fr); }.aw-landing .aw-faq-visual { padding: 20px; }.aw-landing .aw-faq-visual-art { float: right; width: 100px; margin: 0 0 8px 12px; border: 0; }.aw-landing .aw-faq-visual-art svg { height: 80px; }.aw-landing .aw-faq-visual-list { clear: both; padding-top: 6px; }.aw-landing .aw-faq-expanded .aw-questions { padding-inline: 20px; } }