:root{--color-bg:#f6f7f9;--color-sidebar:#fff;--color-surface:#fff;--color-surface-hover:#f1f3f6;--color-border:#e3e6eb;--color-border-soft:#ebedf1;--color-text:#191b23;--color-text-muted:#667085;--color-text-faint:#98a1b0;--color-primary:#7c3aed;--color-primary-dark:#6d28d9;--color-primary-soft:#7c3aed1a;--color-primary-border:#7c3aed4d;--color-ok:#16a34a;--color-ok-bg:#16a34a1a;--color-ok-text:#15803d;--color-error:#dc2626;--color-error-bg:#dc262614;--color-error-text:#b91c1c;--color-info:#2563eb;--color-info-bg:#2563eb14;--color-info-text:#1d4ed8;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-text:#b45309;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-card:0 1px 2px #1018280a, 0 8px 24px -16px #1018281f;--shadow-pop:0 24px 60px -20px #10182840;--rail-width:236px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3{letter-spacing:-.01em}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary-dark)}.app-shell{min-height:100vh;display:flex}.icon-rail{width:var(--rail-width);background:var(--color-sidebar);border-right:1px solid var(--color-border-soft);flex-direction:column;flex-shrink:0;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.rail-brand{align-items:center;gap:10px;margin-bottom:18px;padding:0 4px;display:flex}.brand-mark{background:linear-gradient(155deg, var(--color-primary), var(--color-primary-dark));border-radius:10px;flex-shrink:0;width:34px;height:34px;box-shadow:0 4px 14px -4px #8b5cf699}.rail-brand-text{min-width:0}.brand-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.rail-user-row{border-radius:var(--radius-sm);background:var(--color-bg);align-items:center;gap:10px;min-width:0;margin-bottom:14px;padding:8px;display:flex}.rail-user-text{min-width:0}.rail-user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.rail-user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.icon-rail-nav{flex-direction:column;flex:1;gap:2px;display:flex}.rail-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:14px 8px 6px;font-size:.68rem;font-weight:700}.icon-rail-footer{border-top:1px solid var(--color-border-soft);flex-direction:column;gap:2px;padding-top:8px;display:flex}.icon-rail-link{border-radius:var(--radius-sm);width:100%;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;margin:0;padding:0 10px;font-size:.87rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.icon-rail-link svg{flex-shrink:0}.icon-rail-link .rail-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-rail-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-rail-link.active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.icon-rail-link .rail-chevron{flex-shrink:0;margin-left:auto;transition:transform .15s}.icon-rail-submenu{border-left:1px solid var(--color-border-soft);flex-direction:column;gap:2px;margin:2px 0 2px 20px;padding-left:18px;display:flex}.icon-rail-submenu .icon-rail-link{height:36px;font-size:.82rem;font-weight:500}.avatar{background:var(--color-primary-soft);width:34px;height:34px;color:var(--color-primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.app-main{flex:1;min-width:0}.container{max-width:1040px;margin:0 auto;padding:36px 32px 64px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}h1{margin:0 0 4px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--color-text-muted);margin:0 0 20px;font-size:.92rem}.page-header .subtitle{margin-bottom:0}.login-page{background:radial-gradient(560px circle at 50% 0%, #8b5cf624, transparent 60%), var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{width:100%;max-width:380px}.login-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.camera-frame{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#000;width:100%;max-width:480px;margin:14px auto 0;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.camera-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.camera-actions button{border-radius:999px;width:auto;padding:13px 26px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-top:16px;padding:22px}.card h2{align-items:center;gap:8px;margin-top:0;font-size:1.02rem;display:flex}.card h2 svg{color:var(--color-primary);opacity:.9}.card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:22px 0 10px;font-size:.85rem}label{color:var(--color-text-muted);margin-top:14px;font-size:.85rem;font-weight:600;display:block}input,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);margin-top:6px;padding:10px 12px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}input::placeholder{color:var(--color-text-faint)}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--color-primary-dark);color:#fff;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:auto;margin-top:16px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform 50ms,filter .15s;display:inline-flex}button:hover{background:var(--color-primary)}button:active{transform:scale(.99)}button:disabled{opacity:.55;cursor:not-allowed}form>button{width:100%}button.secondary{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover{background:var(--color-border-soft);border-color:var(--color-text-faint)}button.danger{color:var(--color-error-text);background:0 0;border:1px solid #f871714d}button.danger:hover{background:var(--color-error-bg)}button.link{width:auto;color:var(--color-primary);background:0 0;margin:0;padding:0;font-weight:600;display:inline-flex}button.link:hover{color:var(--color-primary-dark);background:0 0}.status{border-radius:var(--radius-sm);align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:.88rem;font-weight:600;display:none}.status.ok{background:var(--color-ok-bg);color:var(--color-ok-text);display:flex}.status.error{background:var(--color-error-bg);color:var(--color-error-text);display:flex}.status.info{background:var(--color-info-bg);color:var(--color-info-text);display:flex}ul{margin:0;padding:0;list-style:none}ul li{border-bottom:1px solid var(--color-border-soft);padding:12px 4px;font-size:.9rem}ul li:last-child{border-bottom:none}table{border-collapse:collapse;width:100%;margin-top:4px}th,td{text-align:left;border-bottom:1px solid var(--color-border-soft);padding:12px 10px;font-size:.86rem}th{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}tbody tr:hover{background:var(--color-surface-hover)}.thumb{border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;border:1px solid var(--color-border);width:42px;height:42px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge.ENTRADA{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.SAIDA{background:var(--color-error-bg);color:var(--color-error-text)}.badge.INICIO_INTERVALO,.badge.FIM_INTERVALO{background:var(--color-info-bg);color:var(--color-info-text)}.badge.status-ok{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.status-late{background:var(--color-error-bg);color:var(--color-error-text)}.badge.status-overtime{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.status-early{background:var(--color-info-bg);color:var(--color-info-text)}.badge.status-none{background:var(--color-border-soft);color:var(--color-text-faint)}.badge.closing-completo{background:var(--color-ok-bg);color:var(--color-ok-text)}.badge.closing-falta{background:var(--color-error-bg);color:var(--color-error-text)}.badge.closing-observacao{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge.closing-feriado,.badge.closing-folga{background:var(--color-info-bg);color:var(--color-info-text)}.badge.closing-em-andamento{background:var(--color-border-soft);color:var(--color-text-muted)}.stat-row{flex-wrap:wrap;gap:12px;margin:12px 0 14px;display:flex}.stat-tile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1;min-width:160px;padding:14px 16px}.stat-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.76rem}.stat-value{font-size:1.35rem;font-weight:700}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:16px;display:flex}.dashboard-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dashboard-stat-value{font-size:1.4rem;font-weight:700;line-height:1.2}.dashboard-stat-label{color:var(--color-text-muted);font-size:.8rem}.dashboard-quick-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.dashboard-quick-link{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);align-items:center;gap:10px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.dashboard-quick-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-border);color:var(--color-primary-dark)}.dashboard-quick-link svg{color:var(--color-primary);flex-shrink:0}.filters{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filters label{margin-top:0}.schedule-table input[type=time]{width:100px}.schedule-table input[type=number]{width:64px}.schedule-table button{white-space:nowrap;width:auto;margin:2px 4px 2px 0;padding:5px 10px;font-size:.76rem;display:inline-flex}.modal-overlay{z-index:50;background:#020306b8;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-pop);padding:26px;animation:.15s pop-in}.modal-wide{text-align:left;max-width:460px;max-height:85vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal p{margin:4px 0}.modal img{border-radius:var(--radius);object-fit:cover;border:1px solid var(--color-border);width:160px;height:160px;margin:14px auto;display:block}.modal-actions{gap:8px;margin-top:18px;display:flex}.modal-actions button{flex:1;margin-top:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.employee-photo{object-fit:cover;border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.employee-photo-placeholder{background:var(--color-primary-soft);color:var(--color-primary-dark);justify-content:center;align-items:center;font-weight:700;display:flex}.espelho-sheet ul{margin-top:8px}.espelho-sheet li{padding:10px 0}@media print{.no-print,.mobile-topbar,.rail-backdrop,.icon-rail{display:none!important}body,.container{background:#fff;padding:0}.espelho-sheet{box-shadow:none;border:none}a[href]:after{content:""}}@media (width<=900px){.container{padding:24px 18px 48px}}.mobile-topbar,.rail-backdrop{display:none}@media (width<=820px){.app-shell{flex-direction:column}.mobile-topbar{z-index:30;background:var(--color-sidebar);border-bottom:1px solid var(--color-border-soft);align-items:center;gap:12px;height:56px;padding:0 12px;display:flex;position:sticky;top:0}.mobile-menu-button{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-text);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mobile-topbar-brand{text-transform:capitalize;align-items:center;gap:10px;min-width:0;font-weight:700;display:inline-flex}.mobile-topbar-brand .brand-mark{width:28px;height:28px}.rail-backdrop{z-index:40;background:#0f172a73;display:block;position:fixed;inset:0}.icon-rail{z-index:50;width:min(300px,86vw);height:100dvh;box-shadow:var(--shadow-pop);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.icon-rail.open{transform:none}.app-main{width:100%;min-width:0}}@media (width<=560px){.filters{grid-template-columns:1fr}table,thead{display:none}tbody,tr,td{width:100%;display:block}tbody tr{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);margin-bottom:10px;padding:6px 10px}tbody td{text-align:right;border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}tbody td:before{content:attr(data-label);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;text-align:left;font-size:.72rem}}.calendar{width:100%;max-width:420px;margin:10px 0 16px;container-type:inline-size}.weekday-long{display:none}@container (width>=340px){.weekday-short{display:none}.weekday-long{display:inline}}.calendar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.calendar-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.72rem,3.6vw,.9rem);overflow:hidden}button.calendar-nav{background:var(--color-surface-hover);width:30px;height:30px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;margin:0;padding:0}button.calendar-nav:hover{background:var(--color-border-soft)}@media (width<=380px){button.calendar-nav{width:26px;height:26px}.calendar-header{gap:4px}}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekdays{margin-bottom:4px}.calendar-weekdays span{text-align:center;color:var(--color-text-faint);font-size:clamp(.66rem,3.2cqw,.8rem);font-weight:600}button.calendar-day{aspect-ratio:1;width:100%;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;font-size:clamp(.78rem,4.2cqw,1rem);font-weight:500;display:flex}button.calendar-day:hover{background:var(--color-surface-hover)}button.calendar-day.calendar-day-outside{color:var(--color-text-faint)}button.calendar-day.calendar-day-today{border-color:var(--color-primary-border)}button.calendar-day.calendar-day-marked{background:var(--color-info-bg);color:var(--color-info-text);font-weight:700}button.calendar-day.calendar-day-selected{background:var(--color-primary-dark);color:#fff}.card:has(.holiday-layout){container-type:inline-size}.holiday-layout{gap:8px 28px;display:grid}.holiday-month h3{margin-top:18px}@container (width>=640px){.holiday-layout{grid-template-columns:minmax(300px,420px) 1fr;align-items:start}.holiday-month h3{margin-top:0}}.btn-link{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-link:hover{background:var(--color-primary-dark)}.doc{overflow-wrap:anywhere;line-height:1.6}.doc h1{margin-top:0}.doc h2{border-top:1px solid var(--color-border);margin-top:2rem;padding-top:1rem}.doc h3{margin-top:1.4rem}.doc code{background:var(--color-bg,#f4f4f5);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.doc pre{background:var(--color-bg,#f4f4f5);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;overflow-x:auto}.doc pre code{white-space:pre;background:0 0;padding:0;font-size:.82rem}.doc blockquote{border-left:3px solid var(--color-border);color:var(--color-text-muted);margin:1rem 0;padding:.2rem 1rem}.doc table{white-space:normal;display:block;overflow-x:auto}.doc hr{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.button-link{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;align-items:center;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.facereg-status{gap:8px;margin:14px 0;display:grid}.facereg-chip{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-hover);color:var(--color-text-muted);align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;display:flex}.facereg-chip.ok{background:var(--color-ok-bg);color:var(--color-ok-text);border-color:#16a34a59}.facereg-chip strong{color:inherit}.facereg-primary{align-items:center;gap:8px;display:inline-flex}.facereg-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:14px;margin-top:14px;padding:16px;display:grid}.facereg-stage{aspect-ratio:4/3;border-radius:var(--radius);background:#0b0b12;width:100%;max-width:460px;margin:0 auto;overflow:hidden}.facereg-stage video,.facereg-stage img{object-fit:cover;border-radius:0;width:100%;max-width:none;height:100%;display:block}.facereg-stage video{transform:scaleX(-1)}.facereg-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.facereg-actions button,.facereg-file{justify-content:center;align-items:center;gap:8px;display:inline-flex}.facereg-file{border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;margin:0;padding:10px 16px;font-size:.92rem;font-weight:600}.facereg-targets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;font-size:.92rem;display:flex}.facereg-targets label{align-items:center;gap:8px;margin:0;font-weight:500;display:inline-flex}.facereg-targets input[type=checkbox]{width:auto;margin:0}.facereg-chip.warn{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:#d9770666}.facereg-toggle{cursor:pointer;align-items:center;gap:10px;margin:16px 0 0;font-weight:600;display:flex}.facereg-toggle input[type=checkbox]{width:auto;margin:0}.landing{--landing-deep:#4c1d95;--landing-deeper:#3b0f7a;color:var(--color-text);background:#fff;min-height:100vh}.landing h1,.landing h2,.landing h3{letter-spacing:-.02em;margin:0}.landing p{margin:0}.landing-container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-soft);background:#ffffffe6;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.landing-logo{color:var(--landing-deep);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:inline-flex}.landing-logo-mark{background:linear-gradient(135deg, var(--color-primary), #a78bfa);border-radius:8px;width:26px;height:26px}.landing-nav-links{gap:28px;display:none}.landing-nav-links a{color:var(--color-text-muted);font-size:.92rem;font-weight:500;text-decoration:none}.landing-nav-links a:hover{color:var(--color-text)}.landing-btn{background:var(--color-primary);color:#fff;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.landing-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.landing-btn-small{padding:9px 18px;font-size:.92rem}.landing-btn-light{color:var(--landing-deep);background:#fff}.landing-btn-light:hover{background:#f3eeff}.landing-btn-outline{color:#fff;background:0 0;border-color:#fff9}.landing-btn-outline:hover{background:#ffffff1f}.landing-btn-block{width:100%;display:flex}.landing-hero{background:linear-gradient(#f5f0ff 0%,#fff 100%);padding:40px 0 56px}.landing-hero-inner{align-items:center;gap:32px;display:grid}.landing-pill{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-block}.landing-hero h1{color:var(--landing-deep);margin-top:0;font-size:clamp(2rem,5.5vw,3rem);line-height:1.12}.landing-hero h1 em{color:var(--color-primary);font-style:normal}.landing-hero-copy>p{max-width:540px;color:var(--color-text-muted);margin-top:16px;font-size:1.08rem;line-height:1.6}.landing-hero-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.landing-hero-list li{align-items:center;gap:10px;font-weight:600;display:flex}.landing-hero-list svg,.landing-feature-copy li svg{color:var(--color-ok);flex-shrink:0}.landing-card{background:linear-gradient(160deg, var(--landing-deep), var(--landing-deeper));color:#fff;border-radius:24px;gap:14px;padding:28px 24px;display:grid;box-shadow:0 30px 70px -28px #4c1d9599}.landing-card h2{font-size:1.5rem}.landing-card>p{color:#ffffffd9;line-height:1.5}.landing-card-link{color:#fff;opacity:.9;justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.landing-card-note{text-align:center;color:#ffffffb3;font-size:.8rem}.landing-section{padding:64px 0}.landing-section-alt{border-block:1px solid var(--color-border-soft);background:#faf8ff}.landing-section h2{text-align:center;color:var(--landing-deep);font-size:clamp(1.5rem,4vw,2.1rem)}.landing-lead{text-align:center;color:var(--color-text-muted);margin-top:10px!important}.landing-icon{background:var(--color-primary-soft);width:46px;height:46px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.landing-benefits{gap:16px;margin-top:36px;display:grid}.landing-benefit,.landing-way{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;padding:24px}.landing-benefit h3,.landing-way h3{margin-top:14px;font-size:1.05rem}.landing-benefit p,.landing-way p{color:var(--color-text-muted);margin-top:8px;font-size:.95rem;line-height:1.55}.landing-feature{align-items:center;gap:28px;margin-top:56px;display:grid}.landing-feature-copy h3{color:var(--landing-deep);font-size:1.5rem}.landing-feature-copy>p{color:var(--color-text-muted);margin-top:12px;line-height:1.6}.landing-feature-copy ul{gap:10px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.landing-feature-copy li{align-items:flex-start;gap:10px;display:flex}.landing-feature-art{justify-content:center;display:flex}.landing-art-card{border:1px solid var(--color-border);width:100%;max-width:360px;box-shadow:var(--shadow-pop);background:#fff;border-radius:22px;gap:10px;padding:22px;display:grid}.landing-art-face{height:140px;color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary-soft), #a78bfa47);border-radius:16px;justify-content:center;align-items:center;display:flex}.landing-art-ok{background:var(--color-ok-bg);color:var(--color-ok-text);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;font-weight:700;display:flex}.landing-art-title{color:var(--landing-deep);align-items:center;gap:8px;font-weight:700;display:flex}.landing-art-row{border-top:1px solid var(--color-border-soft);justify-content:space-between;gap:12px;padding:10px 4px;font-size:.92rem;display:flex}.landing-art-export{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px;font-size:.9rem;font-weight:700;display:inline-flex}.landing-ways{gap:16px;margin-top:36px;display:grid}.landing-faq-wrap{max-width:800px}.landing-faq{gap:12px;margin-top:32px;display:grid}.landing-faq details{border:1px solid var(--color-border);background:#fff;border-radius:16px;padding:0 20px}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-weight:700;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary svg{color:var(--color-primary);flex-shrink:0;transition:transform .2s}.landing-faq details[open] summary svg{transform:rotate(180deg)}.landing-faq details p{color:var(--color-text-muted);padding-bottom:18px;line-height:1.6}.landing-final{text-align:center;color:#fff;background:linear-gradient(135deg, var(--landing-deeper), var(--color-primary));padding:64px 0}.landing-final .landing-container{flex-direction:column;align-items:center;gap:18px;display:flex}.landing-final h2{color:#fff;max-width:560px;font-size:clamp(1.4rem,4vw,2rem)}.landing-footer{text-align:center;color:var(--color-text-muted);padding:24px 0;font-size:.85rem}@media (width>=720px){.landing-nav-links{display:flex}.landing-hero{padding:72px 0 80px}.landing-hero-inner{grid-template-columns:1.2fr .8fr;gap:48px}.landing-benefits,.landing-ways{grid-template-columns:repeat(2,1fr)}.landing-feature{grid-template-columns:1fr 1fr;gap:56px}.landing-feature.reverse .landing-feature-art{order:-1}}@media (width>=980px){.landing-benefits{grid-template-columns:repeat(4,1fr)}}