/* Lumoryn AI - shared design system. Original indigo/white visual direction retained. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{--primary:#3f3eed;--primary-hover:#3030c9;--ink:#083a5e;--text:#526d83;--muted:#788b9d;--surface:#fff;--canvas:#fafbfe;--soft:#f5f5ff;--line:#e8e9f4;--green:#198769;--red:#c34551;--amber:#a86b0c;--shadow:0 10px 40px rgba(28,32,101,.065);--radius:14px;--sidebar:268px;--header:78px;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--color-primary:var(--primary);--color-heading-1:var(--ink)}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--ink);font-weight:700;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px}h1{font-size:30px}h2{font-size:25px}h3{font-size:20px}h4{font-size:17px}p{margin:0 0 16px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9695ff!important}button{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0;vertical-align:middle}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button .icon{pointer-events:none}a .icon{pointer-events:none}small,.small{font-size:13px}strong{color:var(--ink);font-weight:650}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--primary);font-weight:750;font-size:12px;margin-bottom:12px}.center{text-align:center}.nowrap{white-space:nowrap}.spacer{flex:1}.flex{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-0{margin-bottom:0!important}.row-title{display:flex;align-items:center;gap:12px}.row-title>div{min-width:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.section-space{margin-top:32px}.block-title{margin-bottom:18px}.block-title h2,.block-title h3{margin:0}.rts-btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border:1px solid transparent;border-radius:7px;font-weight:600;font-size:14px;line-height:1.5;white-space:nowrap;transition:background .18s,transform .18s,box-shadow .18s}.rts-btn.btn-primary,.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);color:#fff;box-shadow:0 5px 16px #3f3eed26}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--soft);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--soft);color:var(--primary)}.btn-danger{background:#fff0f1;color:var(--red);border-color:#ffdfe2}.btn-sm{padding:7px 12px;font-size:13px}.btn-wide{width:100%}.btn-light{background:#fff;border-color:#fff;color:var(--primary)}.btn-light:hover{background:#f0efff;color:var(--primary)}.btn-translucent{background:#ffffff12;border-color:#ffffff42;color:#fff}.btn-translucent:hover{background:#ffffff24;color:#fff}button:disabled{opacity:.6;cursor:wait}.icon-btn{background:var(--surface);color:var(--ink);width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{background:var(--soft);color:var(--primary)}.icon-btn.square{border-radius:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1.2;padding:5px 8px;border-radius:5px;background:#eeedff;color:var(--primary);white-space:nowrap}.badge.green{background:#e9f7f1;color:#157255}.badge.amber{background:#fff4dd;color:#926007}.badge.red{background:#ffedf0;color:#aa3848}.badge.gray{background:var(--soft);color:var(--text)}.status-dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#e9e8ff;color:var(--primary);font-size:13px;font-weight:700;border:2px solid var(--surface)}.avatar.teal{background:#def6ef;color:#138269}.avatar.peach{background:#fff0e4;color:#a05c35}.avatar.blue{background:#e4f1ff;color:#3679a8}.avatar.large{width:70px;height:70px;font-size:25px}.avatar-group{display:flex;padding-left:4px}.avatar-group .avatar{margin-left:-5px}.tile-icon{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#eeedff;color:var(--primary);flex-shrink:0}.tile-icon.teal{background:#e7f8f2;color:#198769}.tile-icon.orange{background:#fff2e8;color:#b97439}.tile-icon.pink{background:#fff0f7;color:#ac5184}.skip-link{position:fixed;left:12px;top:-80px;background:var(--ink);color:#fff;padding:12px;z-index:1000}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* The original top bar + persistent left navigation layout. */
.header-area-one{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 27px;gap:24px}.left-logo-area{width:calc(var(--sidebar) - 28px);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-right:4px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1.2px;color:var(--ink);white-space:nowrap}.brand:hover{color:var(--ink)}.brand-mark{width:32px;height:36px}.brand small{font-size:10px;letter-spacing:1.2px;border:1px solid var(--line);padding:3px;border-radius:4px;margin-left:1px;align-self:center;color:var(--primary)}.header-context{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:10px}.header-context strong{font-weight:500}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:9px;padding:8px 11px;background:var(--canvas);border:1px solid var(--line);border-radius:7px;color:var(--muted);min-width:182px;font-size:14px;text-align:left}kbd{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-family:inherit;font-size:10px;padding:1px 4px;border-radius:4px;margin-left:auto}.header-right .upgrade{margin-right:10px}.drop{position:relative}.drop summary{list-style:none;cursor:pointer}.drop summary::-webkit-details-marker{display:none}.dropdown-panel{position:absolute;top:calc(100% + 16px);right:0;width:280px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:12px;z-index:80}.dropdown-panel a{display:flex;align-items:center;gap:10px;padding:8px 6px;color:var(--text);border-radius:5px}.dropdown-panel a:hover{background:var(--soft)}.dropdown-panel h4{margin-bottom:10px}.notify-item{border-top:1px solid var(--line);padding:12px 0;font-size:14px}.notify-item:last-child{padding-bottom:0}.notify-item strong{display:block;margin-bottom:2px}.left-side-bar{position:fixed;top:var(--header);left:0;bottom:0;width:var(--sidebar);padding:21px 20px 17px;border-right:1px solid var(--line);background:var(--surface);z-index:35;display:flex;flex-direction:column;transition:width .22s,transform .22s}.workspace-switch{border:1px solid var(--line);border-radius:8px;padding:11px;display:flex;align-items:center;gap:9px;margin-bottom:17px}.workspace-switch .tile-icon{width:29px;height:29px;border-radius:6px}.workspace-switch strong{font-size:14px;display:block}.workspace-switch small{font-size:12px;display:block;color:var(--muted);line-height:1.3}.sidebar-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-right:2px}.single-menu-wrapper{padding:8px 0 12px;margin-bottom:9px;border-bottom:1px solid var(--line)}.single-menu-wrapper:last-child{border:0}.nav-label{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 10px 8px}.single-menu{display:flex;align-items:center;gap:12px;min-height:40px;color:var(--ink);border:1px solid transparent;border-radius:6px;padding:8px 11px;font-size:14px;margin-bottom:3px;white-space:nowrap}.single-menu>.icon{width:18px;height:18px}.single-menu:hover{background:var(--canvas);color:var(--primary)}.single-menu.active{background:#f4f3ff;border-color:#e6e4ff;color:var(--primary);font-weight:600}.single-menu .badge{margin-left:auto;font-size:10px}.bottom-user{padding:14px 12px 12px;background:var(--soft);border:1px solid #e7e5ff;border-radius:8px;margin-top:12px}.bottom-user .user-wrapper{display:flex;gap:8px;align-items:center;margin-bottom:10px}.bottom-user strong{font-size:14px;display:block}.bottom-user small{font-size:12px}.bottom-user .btn-primary{background:#e2dfff;color:var(--primary);border:0;padding:9px;font-size:13px}.bottom-user .btn-primary:hover{background:#d6d2ff}.main-center-content-m-left{margin-left:var(--sidebar);padding:calc(var(--header) + 29px) 32px 0;min-height:100vh;transition:margin .22s;background:var(--surface)}.main-center-content-m-left> .content-width{max-width:1550px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:27px}.page-heading h1{font-size:30px;margin:3px 0 6px}.page-heading p{font-size:15px;margin:0;color:var(--muted)}.breadcrumb-line{font-size:12px;color:var(--muted);margin-bottom:7px;display:flex;gap:8px;align-items:center}.copyright-area-bottom{border-top:1px solid var(--line);margin-top:40px;padding:21px 0 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:16px}.copyright-area-bottom p{margin:0}.copyright-area-bottom a{color:var(--muted)}.demo-mark{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.mobile-backdrop{display:none}.sidebar-collapsed{--sidebar:86px}.sidebar-collapsed .left-side-bar{padding:21px 13px}.sidebar-collapsed .left-logo-area{width:calc(268px - 28px)}.sidebar-collapsed .workspace-switch,.sidebar-collapsed .nav-label,.sidebar-collapsed .single-menu span,.sidebar-collapsed .bottom-user{display:none}.sidebar-collapsed .single-menu{justify-content:center;padding:12px 0}.sidebar-collapsed .single-menu-wrapper{padding-bottom:10px}
/* Dashboard and reusable app components. */
.banner-badge{border-radius:13px;position:relative;overflow:hidden;min-height:245px;background:#191758 url('../images/gallery/wave.jpg') center center/cover;color:#fff;padding:34px 38px;display:flex;align-items:center}.banner-badge::before{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#211d6bf5 0%,#292381df 42%,#19165038 100%)}.banner-copy{position:relative;z-index:1;max-width:59%}.banner-badge h2{color:#fff;font-size:32px;line-height:1.2;letter-spacing:-1px;max-width:470px;margin-bottom:12px}.banner-badge p{font-size:14px;color:#d1d3ff;max-width:390px;line-height:1.8;margin-bottom:20px}.banner-badge .eyebrow{color:#c4c2ff;font-size:11px;margin-bottom:14px}.banner-art{position:absolute;right:35px;top:29px;bottom:29px;width:235px;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(-6deg)}.banner-art img{height:100%;width:100%;object-fit:cover;border:3px solid #ffffff2b;border-radius:12px;box-shadow:0 15px 30px #03072230}.banner-art img:nth-child(2){margin-top:17px;height:calc(100% - 17px)}.mini-credit{margin-top:14px;font-size:12px!important;color:#c5c5fa!important}.welcome-line{margin:27px 0 19px}.welcome-line h2{font-size:23px;margin:0 0 3px}.welcome-line p{font-size:14px;color:var(--muted);margin:0}.single-image-generator{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);min-height:222px;background:#12243b}.single-image-generator .thumbnail{position:absolute;inset:0;display:block}.single-image-generator img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.single-image-generator:hover img{transform:scale(1.045)}.single-image-generator::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061123f5,#06112399 50%,#08182706)}.single-image-generator .inner-content{position:relative;z-index:1;padding:26px 21px 20px;min-height:222px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.single-image-generator h3{color:white;font-size:21px;margin:0 0 7px}.single-image-generator p{font-size:13px;line-height:1.65;color:#e2e9f7;margin-bottom:17px;max-width:245px}.single-image-generator .tool-number{position:absolute;top:16px;right:16px;letter-spacing:.12em;font-size:11px;color:#ffffffc2;background:#06112322;border:1px solid #ffffff4a;padding:3px 7px;border-radius:4px}.single-image-generator .rts-btn{font-size:13px;padding:8px 13px}.stat-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.stat-card .stat-label{font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-card .stat-label .icon{width:16px;height:16px;color:var(--primary)}.stat-card .stat-value{color:var(--ink);font-size:30px;font-weight:700;letter-spacing:-1px;margin-top:8px;line-height:1.3}.stat-card .stat-note{font-size:12px;color:var(--muted);margin-top:7px}.trend{color:var(--green);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-head h2,.panel-head h3{margin:0}.panel-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.panel-head .icon-btn{width:28px;height:28px;border-radius:6px}.panel-soft{background:var(--soft)}.progress-track{height:5px;border-radius:6px;background:var(--line);overflow:hidden;margin:11px 0}.progress-fill{height:100%;border-radius:6px;background:var(--primary)}.metric-row{padding:14px 0;border-bottom:1px solid var(--line)}.metric-row:first-of-type{padding-top:0}.metric-row:last-child{border:0;padding-bottom:0}.activity-list{display:grid;gap:0}.activity-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.activity-item:last-child{border:0;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-item p{font-size:14px;margin:0}.activity-item small{color:var(--muted);font-size:12px}.activity-item .tile-icon{width:34px;height:34px;border-radius:8px}.activity-item .tile-icon .icon{width:17px;height:17px}.activity-item time{font-size:12px;white-space:nowrap;color:var(--muted);margin-left:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-field{position:relative;min-width:220px}.search-field .icon{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--muted)}.search-field input{padding-left:37px}.input,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;min-height:42px;padding:10px 12px;line-height:1.5;font-size:14px;transition:border .2s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{border-color:#aaa7ff}.search-field input:not([type=checkbox]){padding-left:36px}.toolbar select{width:auto;min-width:130px}.field{margin-bottom:18px}.field label{font-size:14px;color:var(--ink);font-weight:600;display:block;margin-bottom:7px}.field small{display:block;font-size:12px;color:var(--muted);margin-top:6px}textarea{resize:vertical;min-height:120px}.field-inline{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-label{display:flex;gap:9px;align-items:center;font-size:14px;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer;flex-shrink:0}input[type=range]{width:100%;accent-color:var(--primary)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:23px;overflow:auto}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 15px;font-size:14px;font-weight:500;white-space:nowrap}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:8px 13px;color:var(--text);font-size:13px;cursor:pointer}.chip.active,.chip:hover{color:var(--primary);background:var(--soft);border-color:#d7d4ff}.table-responsive{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.065em;font-weight:650;text-align:left;padding:13px 16px;background:var(--canvas);color:var(--muted);border-bottom:1px solid var(--line)}.data-table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:var(--canvas)}.data-table .row-title strong{display:block;font-size:14px}.data-table .row-title small{display:block;font-size:12px;color:var(--muted)}.table-foot{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);gap:14px}.table-foot .icon-btn{width:28px;height:28px}.empty-state{text-align:center;padding:50px 24px;grid-column:1/-1}.empty-state h3{margin-top:16px}.empty-state p{font-size:14px;color:var(--muted)}.empty-state[hidden]{display:none}.notice{border:1px solid #e7e5ff;background:var(--soft);border-radius:8px;padding:12px 15px;font-size:13px;display:flex;align-items:flex-start;gap:9px;line-height:1.7}.notice>.icon{height:16px;width:16px;margin-top:2px;color:var(--primary)}.notice p{margin:0}.notice.warning{background:#fff8e9;border-color:#f4e9cf}.item-card{position:relative;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;min-width:0;background:var(--surface);transition:box-shadow .2s,transform .2s}.item-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.item-card h3{font-size:17px;margin:17px 0 8px}.item-card p{font-size:14px;line-height:1.8;flex:1}.item-card .card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:8px;padding-top:16px;gap:10px;font-size:12px}.favorite{position:absolute;right:18px;top:19px;border:0;background:none;color:var(--muted)}.favorite.active{color:var(--primary)}.favorite.active .icon{fill:#3f3eed22}.gallery-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.gallery-card .gallery-image{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.gallery-info{padding:16px}.gallery-info h3{font-size:15px;margin-bottom:5px}.gallery-info p{font-size:13px;margin:0}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-preview{width:100%;border-radius:10px;aspect-ratio:1;object-fit:cover}.caption{font-size:12px;color:var(--muted);margin-top:8px}.editor-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.editor-output{min-height:410px;white-space:pre-wrap;font-size:16px;line-height:1.9;color:var(--text);overflow-wrap:anywhere}.editor-output:empty::before{content:'Your draft will appear here. Choose a template and add a short brief to get started.';color:var(--muted)}.code-output{background:#111e34;color:#d5e0f1;border-radius:9px;padding:22px;font-size:13px;line-height:1.8;min-height:350px;overflow:auto;white-space:pre-wrap}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:24px}.chat-panel{display:flex;flex-direction:column;min-height:605px}.chat-messages{flex:1;min-height:300px;max-height:550px;overflow:auto;padding-right:5px;scrollbar-width:thin}.chat-message{display:flex;gap:12px;margin-bottom:24px;align-items:flex-start}.message-body{min-width:0;flex:1}.message-body strong{font-size:14px}.message-body time{font-size:11px;color:var(--muted);margin-left:10px}.message-body p{font-size:14px;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{background:var(--canvas);padding:14px;border-radius:10px;border:1px solid var(--line)}.chat-compose{border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:12px;background:var(--surface)}.chat-compose textarea{border:0;min-height:65px;padding:3px;font-size:14px;resize:none;outline:none}.chat-history button{display:block;background:var(--canvas);border:1px solid var(--line);border-radius:7px;margin:9px 0;width:100%;text-align:left;padding:12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card{border:1px solid var(--line);border-radius:10px;padding:15px;text-align:left;background:var(--surface);display:flex;align-items:center;gap:10px;width:100%}.voice-card.active{border-color:#a5a2ff;background:var(--soft)}.voice-card strong{font-size:14px;display:block}.voice-card small{font-size:12px}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:120px;padding:15px;background:var(--soft);border-radius:12px}.waveform span{width:4px;border-radius:4px;background:var(--primary);opacity:.65}.waveform.playing span{animation:wave .65s ease-in-out infinite alternate}.waveform.playing span:nth-child(2n){animation-delay:.3s}.waveform.playing span:nth-child(3n){animation-delay:.15s}@keyframes wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}.chart{width:100%;height:auto;max-height:235px;display:block}.chart text{font-family:var(--font);font-size:11px;fill:var(--muted)}.chart .gridline{stroke:var(--line)}.chart-legend{display:flex;gap:18px;font-size:12px;align-items:center}.chart-key{display:inline-flex;align-items:center;gap:6px}.chart-key::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--primary)}.chart-key.teal::before{background:#36bda3}.donut-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:170px;height:170px;margin:10px auto 22px}.donut{width:170px;height:170px;border-radius:50%;background:conic-gradient(var(--primary) 0 54%,#36bda3 54% 79%,#b5b0ff 79% 93%,#eeecff 93% 100%);display:grid;place-items:center}.donut::before{content:'';width:129px;height:129px;border-radius:50%;background:var(--surface)}.donut-value{position:absolute;text-align:center}.donut-value strong{display:block;font-size:25px}.donut-value small{font-size:12px}.switch{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0}.switch input{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:1}.switch span{position:absolute;inset:0;background:#c5ced8;border-radius:12px;pointer-events:none;transition:.2s}.switch span::after{content:'';height:14px;width:14px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span::after{transform:translateX(14px)}.switch:focus-within{outline:3px solid #9695ff;outline-offset:3px;border-radius:20px}.settings-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.settings-row:first-child{padding-top:0}.settings-row:last-child{border:0;padding-bottom:0}.settings-row strong{font-size:14px;display:block}.settings-row p{font-size:13px;margin:3px 0 0;max-width:480px}.faq-item{border-bottom:1px solid var(--line);padding:19px 0}.faq-item:first-child{padding-top:0}.faq-item:last-child{border:0}.faq-item summary{list-style:none;font-weight:600;color:var(--ink);font-size:16px;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-item summary::after{content:'+';color:var(--primary);font-size:21px;line-height:1}.faq-item[open] summary::after{content:'-';font-size:25px}.faq-item p{font-size:15px;line-height:1.9;margin:14px 0 0;max-width:750px}.timeline-item{padding:0 0 26px 25px;border-left:1px solid var(--line);position:relative}.timeline-item::before{content:'';position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--primary);border:2px solid var(--surface)}.timeline-item:last-child{padding-bottom:0}.timeline-item h4{font-size:15px;margin-bottom:4px}.timeline-item p{font-size:13px;margin:0}.timeline-item time{font-size:12px;color:var(--muted)}.form-feedback{display:none;font-size:14px;padding:12px 14px;border:1px solid #ccebdc;border-radius:7px;background:#effaf4;color:#156d4e;margin-top:16px}.form-feedback.visible{display:block}.ticket-message{border:1px solid var(--line);padding:20px;border-radius:10px;margin-bottom:18px}.ticket-message.admin{background:var(--soft)}.ticket-message p{margin:14px 0 0;font-size:14px}.ticket-message time{font-size:12px;color:var(--muted)}
/* Public site: same palette, typography, cards and buttons. */
.public-body{background:var(--surface)}.public-header{height:84px;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:var(--surface)}.public-container{max-width:1190px;padding:0 28px;margin:auto}.public-header .public-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.public-nav{display:flex;align-items:center;gap:28px;margin-left:28px}.public-nav a{font-size:15px;color:var(--text)}.public-nav a:hover,.public-nav a.active{color:var(--primary)}.public-actions{display:flex;align-items:center;gap:14px}.public-mobile-toggle{display:none}.hero-section{padding:74px 0 68px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 32%,#eeedff 0%,transparent 55%),var(--surface)}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:58px;align-items:center}.pill-label{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;background:var(--soft);border:1px solid #e7e4ff;border-radius:5px;color:var(--primary);font-size:12px;font-weight:600;margin-bottom:25px}.hero-copy h1{font-size:57px;line-height:1.1;letter-spacing:-2.8px;margin-bottom:22px;max-width:580px}.hero-copy h1 em{font-style:normal;color:var(--primary)}.hero-copy>p{font-size:18px;line-height:1.9;max-width:445px;margin-bottom:29px}.hero-copy .flex{gap:12px}.hero-checks{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--muted);margin-top:21px}.hero-checks .icon{width:13px;height:13px;color:var(--green)}.hero-social{display:flex;gap:11px;align-items:center;margin-top:32px}.hero-social p{font-size:13px;margin:0;max-width:190px;line-height:1.6}.hero-social strong{display:block}.hero-visual{position:relative;padding:12px 0 21px}.product-frame{border:1px solid #dfddf4;background:var(--surface);padding:0;border-radius:12px;overflow:hidden;box-shadow:0 24px 75px #302a8c19;transform:perspective(1400px) rotateY(-4deg)}.frame-toolbar{height:34px;padding:0 12px;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);background:var(--surface)}.frame-toolbar i{width:5px;height:5px;border-radius:50%;background:#dedde9}.frame-toolbar small{font-size:7px;margin-left:13px;letter-spacing:.02em}.mock-shell{display:flex;min-height:330px}.mock-sidebar{width:100px;border-right:1px solid var(--line);padding:16px 9px;background:var(--surface);flex-shrink:0}.mock-sidebar .brand{font-size:12px;letter-spacing:-.5px;gap:3px;margin-bottom:17px}.mock-sidebar .brand-mark{width:17px;height:20px}.mock-sidebar .brand small{display:none}.mock-nav{font-size:6px;padding:6px;border-radius:3px;color:var(--text);margin:3px 0}.mock-nav.selected{background:var(--soft);color:var(--primary)}.mock-main{padding:17px;min-width:0;flex:1;background:var(--canvas)}.mock-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mock-heading strong{font-size:11px}.mock-heading small{font-size:6px}.mock-banner{background:#26216f url('../images/gallery/wave.jpg') center/cover;border-radius:6px;padding:18px;color:#fff}.mock-banner strong{color:#fff;font-size:15px;letter-spacing:-.4px;display:block;max-width:160px;line-height:1.25}.mock-banner p{font-size:6px;margin:5px 0 8px;color:#d2cfff}.mock-banner span{font-size:6px;background:var(--primary);padding:4px 7px;border-radius:3px}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.mock-cards article{position:relative;border-radius:5px;overflow:hidden;height:92px}.mock-cards img{height:100%;width:100%;object-fit:cover}.mock-cards article::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04112bdd,transparent)}.mock-cards strong{position:absolute;bottom:9px;left:7px;font-size:7px;color:#fff;z-index:1}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mock-stats div{padding:9px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}.mock-stats small{font-size:6px;display:block}.mock-stats strong{font-size:12px}.floating-note{position:absolute;padding:13px 17px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;display:flex;gap:10px;align-items:center;bottom:0;left:30px;transform:rotate(-3deg)}.floating-note strong{font-size:12px;display:block}.floating-note small{font-size:11px;display:block}.floating-note .tile-icon{width:30px;height:30px}.float-tag{position:absolute;right:-16px;top:-8px;padding:10px 15px;background:var(--primary);color:#fff;border-radius:8px;transform:rotate(6deg);font-size:11px;box-shadow:var(--shadow)}.trust-strip{padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}.trust-row p{font-size:13px;max-width:135px;margin:0;color:var(--muted)}.wordmark{color:#8c96a6;font-size:19px;font-weight:750;letter-spacing:-.5px}.section{padding:79px 0}.section.soft{background:var(--canvas);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:650px;margin:0 auto 35px;text-align:center}.section-heading h2{font-size:42px;line-height:1.2;margin-bottom:15px}.section-heading p{font-size:17px;margin:0;color:var(--muted);line-height:1.8}.feature-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.feature-card h3{font-size:20px;margin:18px 0 10px}.feature-card p{font-size:15px;line-height:1.85;color:var(--text);margin-bottom:16px}.feature-card a{font-size:14px;font-weight:600}.step-number{font-size:14px;color:var(--primary);width:38px;height:38px;border-radius:50%;background:var(--soft);border:1px solid #e5e2ff;display:grid;place-items:center;margin-bottom:20px}.split-marketing{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-marketing h2{font-size:40px;line-height:1.25}.split-marketing p{font-size:17px;line-height:1.9}.feature-list{display:grid;gap:17px;margin:25px 0}.feature-list div{display:flex;gap:12px;font-size:15px;align-items:flex-start}.feature-list .icon{color:var(--primary);width:18px;height:18px}.mini-admin{padding:22px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface)}.mini-admin .stat-card{padding:15px}.mini-admin .stat-value{font-size:23px}.pricing-toggle{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);gap:4px;margin-bottom:27px}.pricing-toggle button{border:0;background:none;color:var(--text);padding:9px 19px;font-size:14px;border-radius:5px}.pricing-toggle button.active{background:var(--surface);box-shadow:0 2px 6px #2921630d;color:var(--primary)}.pricing-toggle span{color:var(--green);font-size:11px;font-weight:700;margin-left:5px}.price-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--surface);position:relative;display:flex;flex-direction:column}.price-card.popular{border:1.5px solid var(--primary);box-shadow:var(--shadow)}.popular-label{position:absolute;right:20px;top:-11px;background:var(--primary);color:#fff;padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600}.price-card h3{font-size:20px;margin-bottom:8px}.price-card .price-description{font-size:14px;margin-bottom:19px;min-height:40px}.price{font-size:44px;line-height:1.1;font-weight:750;color:var(--ink);letter-spacing:-1.5px;margin-bottom:8px}.price small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}.billing-caption{font-size:12px;color:var(--muted);margin-bottom:22px}.price-card ul{list-style:none;padding:23px 0 0;margin:23px 0 0;border-top:1px solid var(--line);font-size:14px;display:grid;gap:13px}.price-card li{display:flex;gap:8px;align-items:center}.price-card li .icon{color:var(--green);width:15px;height:15px}.public-faq{max-width:780px;margin:auto}.cta-banner{padding:47px;border-radius:14px;position:relative;overflow:hidden;background:#28227b url('../images/gallery/wave.jpg') center/cover;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-banner h2{font-size:36px;color:#fff;max-width:520px}.cta-banner p{color:#d6d2ff;font-size:16px;margin:0;max-width:490px}.public-footer{border-top:1px solid var(--line);padding-top:47px;margin-top:15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding-bottom:40px}.footer-grid h4{font-size:15px;margin-bottom:16px}.footer-grid a:not(.brand){display:block;color:var(--muted);font-size:14px;margin-bottom:9px}.footer-grid a:hover{color:var(--primary)}.footer-grid p{font-size:14px;max-width:230px;color:var(--muted);margin-top:14px}.footer-bottom{padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.page-hero{padding:61px 0 48px;text-align:center;background:radial-gradient(ellipse at center,#f4f2ff,transparent 70%)}.page-hero h1{font-size:48px;letter-spacing:-1.6px;max-width:800px;margin:0 auto 16px}.page-hero p{font-size:18px;max-width:620px;margin:auto;line-height:1.85}.article-body{max-width:760px;margin:auto}.article-body>img{border-radius:12px;width:100%;height:320px;object-fit:cover;margin-bottom:35px}.article-body h2{font-size:28px;margin:30px 0 15px}.article-body p{font-size:17px;line-height:1.95;margin-bottom:22px}.article-body blockquote{padding:25px;border-left:3px solid var(--primary);background:var(--soft);font-size:21px;line-height:1.7;color:var(--ink);border-radius:0 8px 8px 0}.article-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;margin:20px 0 0}.legal{max-width:800px;margin:auto}.legal h2{font-size:24px;margin:28px 0 12px}.legal p,.legal li{font-size:16px;line-height:1.9}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.contact-grid h2{font-size:34px}.contact-info{margin-top:30px;display:grid;gap:23px}
/* Authentication, docs, dialog and feedback. */
.auth-body{background:var(--surface)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-showcase{background:#282179 url('../images/gallery/wave.jpg') center/cover;padding:45px 55px;color:#dedcff;display:flex;flex-direction:column;justify-content:space-between;position:relative}.auth-showcase .brand{color:#fff}.auth-showcase .brand small{color:#d8d5ff;border-color:#ffffff38}.auth-showcase .brand-mark{color:#fff}.auth-showcase h2{font-size:47px;max-width:430px;line-height:1.2;color:#fff;letter-spacing:-2px}.auth-showcase p{font-size:16px;line-height:1.9;max-width:390px}.auth-showcase .mock-cards{max-width:420px;gap:14px;margin:35px 0}.auth-showcase .mock-cards article{height:165px}.auth-showcase .mock-cards strong{font-size:12px;left:13px;bottom:15px}.auth-showcase .small{font-size:12px;color:#cac6f8}.auth-form-wrap{padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.auth-form{width:100%;max-width:370px}.auth-form h1{font-size:30px;margin-bottom:8px}.auth-form>.subtitle{font-size:15px;color:var(--muted);margin-bottom:26px}.auth-form .notice{margin-top:21px;font-size:12px}.auth-form .auth-link{text-align:center;margin:21px 0 0;font-size:13px}.auth-form .back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;margin-bottom:33px;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:45px!important}.password-wrap button{position:absolute;right:8px;top:5px;border:0;background:none;width:32px;height:32px;display:grid;place-items:center;color:var(--muted)}.auth-footer{font-size:12px;color:var(--muted);margin-top:36px}.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start}.docs-nav{position:sticky;top:115px;border:1px solid var(--line);border-radius:10px;padding:18px}.docs-nav a{display:block;padding:7px;font-size:14px;color:var(--text)}.docs-nav a:hover{color:var(--primary)}.docs-content section{margin-bottom:42px;scroll-margin-top:115px}.docs-content h2{font-size:25px;margin-bottom:18px}.docs-content h3{font-size:18px;margin-top:22px}.docs-content p,.docs-content li{font-size:15px;line-height:1.9}.docs-content pre{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);font-size:13px;color:var(--ink);line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.docs-content code{color:var(--primary);font-size:13px}.docs-content table td,.docs-content table th{font-size:13px;white-space:normal}.modal-dialog-native{border:1px solid var(--line);border-radius:14px;width:min(540px,calc(100% - 32px));max-height:85vh;padding:0;background:var(--surface);color:var(--text);box-shadow:0 25px 100px #0b143433}.modal-dialog-native::backdrop{background:#0f173866;backdrop-filter:blur(3px)}.modal-header-native{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-header-native h2{font-size:20px;margin:0}.modal-content-native{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.command-dialog .search-field{margin-bottom:12px}.command-results{display:grid;gap:4px;max-height:350px;overflow:auto}.command-results a{display:flex;align-items:center;gap:13px;padding:11px;border-radius:7px;font-size:14px;color:var(--ink)}.command-results a:hover{background:var(--soft)}.command-results small{margin-left:auto;color:var(--muted);font-size:11px}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:1000;width:min(380px,calc(100% - 48px));display:grid;gap:10px}.toast-message{background:var(--ink);color:white;border:1px solid #ffffff22;border-radius:10px;padding:15px 18px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:10px;font-size:14px;animation:toast-in .2s ease}.toast-message .icon{width:17px;height:17px;margin-top:2px;color:#9ee0d0}.toast-message button{margin-left:auto;background:none;border:0;color:#fff;padding:0;line-height:1;font-size:19px}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.invoice{max-width:900px;margin:auto}.invoice-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:35px}.invoice-total{max-width:300px;margin:25px 0 0 auto}.invoice-total>div{display:flex;justify-content:space-between;padding:9px 0;font-size:14px}.invoice-total .grand-total{border-top:1px solid var(--line);font-size:21px;color:var(--ink);font-weight:700;padding-top:15px}.invoice address{font-size:14px;line-height:1.8}.coming-online{display:flex;gap:10px;align-items:center;color:var(--green);font-size:13px}.preview-box{background:var(--soft);border:1px dashed #c7c4f2;border-radius:9px;padding:22px}.stat-note .icon{width:11px;height:11px}.no-results{padding:40px;text-align:center;color:var(--muted);font-size:14px}.table-title-link{color:var(--ink);font-weight:600}.table-title-link:hover{color:var(--primary)}
/* Dark variant is optional; the original light design remains the default. */
[data-theme=dark]{--ink:#e5ecf8;--text:#abb9cf;--muted:#8696ae;--surface:#131c2e;--canvas:#101828;--soft:#1d2540;--line:#2a334c;--primary:#9b94ff;--primary-hover:#b7b1ff;--shadow:0 15px 40px #0003;--green:#7cd7b8;--red:#ff8998}
[data-theme=dark] .btn-primary{background:#6255ea;color:#fff;border-color:#6255ea}[data-theme=dark] .single-menu.active{background:#252547;border-color:#3d386c;color:#b5adff}[data-theme=dark] .bottom-user{border-color:#3d386c}[data-theme=dark] .bottom-user .btn-primary{background:#393063;color:#dbd7ff}[data-theme=dark] .brand small{color:#b6aaff}[data-theme=dark] .badge{background:#302750;color:#c6bbff}[data-theme=dark] .badge.green{background:#173d35;color:#92d9bf}[data-theme=dark] .badge.amber{background:#403423;color:#efd2a4}[data-theme=dark] .badge.red{background:#442a38;color:#f2a7b6}[data-theme=dark] .tile-icon{background:#302950;color:#c4bbff}[data-theme=dark] .notice{border-color:#383256}[data-theme=dark] .notice.warning{background:#342e24;border-color:#5a4a2c}[data-theme=dark] .hero-section{background:radial-gradient(ellipse at 80% 32%,#302951,transparent 60%),var(--surface)}[data-theme=dark] .page-hero{background:var(--canvas)}[data-theme=dark] .pill-label{border-color:#3c365e}[data-theme=dark] .hero-copy h1 em{color:#a99fff}[data-theme=dark] .price-card.popular{border-color:#8b80f3}[data-theme=dark] .form-feedback{background:#163c31;border-color:#285b49;color:#b0e5d3}
@media(min-width:1600px){.banner-badge{min-height:270px}.banner-art{width:290px;right:60px}.single-image-generator,.single-image-generator .inner-content{min-height:255px}.single-image-generator h3{font-size:23px}}
@media(max-width:1199px){:root{--sidebar:238px}.header-area-one{padding:0 20px;gap:15px}.left-logo-area{width:calc(var(--sidebar) - 22px)}.main-center-content-m-left{padding-left:24px;padding-right:24px}.header-context{display:none}.banner-badge{padding:30px;min-height:245px}.banner-copy{max-width:65%}.banner-badge h2{font-size:28px}.banner-art{right:20px;width:180px}.grid-3{gap:16px}.single-image-generator .inner-content{padding:20px 15px}.single-image-generator h3{font-size:19px}.split{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.editor-layout{grid-template-columns:280px minmax(0,1fr);gap:18px}.chat-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.hero-copy h1{font-size:48px}.hero-grid{gap:32px}.hero-section{padding-top:55px}.public-nav{gap:20px;margin:0}.public-container{padding:0 24px}.section{padding:62px 0}.split-marketing{gap:38px}.auth-showcase{padding:36px}.auth-showcase h2{font-size:40px}.auth-form-wrap{padding:36px}.grid-4{gap:12px}.stat-card{padding:16px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){:root{--sidebar:248px}.left-side-bar{transform:translateX(-100%);width:248px}.sidebar-collapsed .left-side-bar{transform:translateX(-100%)}.main-center-content-m-left{margin-left:0;padding:102px 24px 0}.left-logo-area{width:220px}.header-area-one{height:74px}.header-right .upgrade{display:none}.header-right{gap:10px}.sidebar-open .left-side-bar{transform:translateX(0);top:74px}.sidebar-open .mobile-backdrop{display:block;position:fixed;inset:74px 0 0;background:#12274455;z-index:34}.sidebar-collapsed .workspace-switch{display:flex}.sidebar-collapsed .nav-label,.sidebar-collapsed .single-menu span,.sidebar-collapsed .bottom-user{display:initial}.sidebar-collapsed .single-menu{justify-content:flex-start;padding:8px 11px}.sidebar-collapsed .left-side-bar{padding:21px 20px}.sidebar-collapsed .left-logo-area{width:220px}.banner-copy{max-width:65%}.banner-art{width:210px}.hero-grid{grid-template-columns:1fr;max-width:660px;margin:auto;text-align:center;gap:45px}.hero-copy h1{font-size:53px;margin-left:auto;margin-right:auto;max-width:580px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-copy .flex,.hero-checks,.hero-social{justify-content:center}.hero-social p{text-align:left}.hero-visual{max-width:540px;margin:0 auto;width:100%}.hero-section{padding-bottom:55px}.public-nav{display:none}.public-nav.open{display:flex;position:absolute;top:83px;left:0;right:0;background:var(--surface);padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:var(--shadow);gap:18px}.public-mobile-toggle{display:inline-flex}.split-marketing{gap:30px}.split-marketing h2{font-size:34px}.feature-card{padding:22px}.cta-banner{padding:34px}.cta-banner h2{font-size:28px}.footer-grid{gap:26px}.auth-showcase h2{font-size:34px}.auth-showcase{padding:30px}.auth-showcase .mock-cards article{height:130px}.auth-form-wrap{padding:30px}.contact-grid{gap:35px}.docs-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.brand{font-size:23px}}
@media(max-width:767px){.main-center-content-m-left{padding:98px 18px 0}.header-area-one{padding:0 18px}.header-right .search-trigger{display:none}.left-logo-area{width:217px}.header-right{gap:8px}.header-right .drop.notification-drop{display:none}.icon-btn{width:34px;height:34px}.page-heading{margin-bottom:22px;align-items:flex-start;flex-wrap:wrap}.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.page-heading>.flex{flex-wrap:wrap}.banner-badge{min-height:235px;padding:26px}.banner-badge h2{font-size:26px}.banner-badge p{font-size:13px}.banner-copy{max-width:66%}.banner-art{width:145px;right:20px;top:33px;bottom:33px;gap:7px}.banner-art img{border-width:2px}.welcome-line h2{font-size:21px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.single-image-generator .inner-content{min-height:240px;padding:17px 12px}.single-image-generator h3{font-size:18px}.single-image-generator p{font-size:12px;line-height:1.6}.single-image-generator .tool-number{font-size:11px;top:12px;right:12px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-2{gap:18px}.split{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-history-panel{display:none}.panel{padding:20px}.stat-card .stat-value{font-size:27px}.toolbar{align-items:flex-start}.search-field{min-width:190px}.copyright-area-bottom{flex-wrap:wrap;gap:9px;font-size:11px}.copyright-area-bottom .flex{gap:12px}.public-actions>.login-link{display:none}.public-header .public-container{gap:14px}.public-actions{gap:10px}.public-actions .btn-primary{font-size:13px;padding:9px 12px}.public-container{padding:0 22px}.hero-section{padding-top:43px}.hero-copy h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:17px}.hero-grid{gap:35px}.hero-visual{max-width:500px;padding-right:10px}.float-tag{right:0}.section{padding:50px 0}.section-heading h2{font-size:34px}.section-heading p{font-size:16px}.split-marketing{grid-template-columns:1fr;gap:33px}.split-marketing .mini-admin{max-width:540px}.trust-row{justify-content:center;gap:20px 27px}.trust-row p{max-width:none;width:100%;text-align:center}.wordmark{font-size:17px}.cta-banner{padding:30px;flex-direction:column;align-items:flex-start;gap:22px}.cta-banner h2{font-size:28px}.pricing-grid{grid-template-columns:1fr;max-width:460px;margin:auto;gap:26px}.price-card .price-description{min-height:auto}.footer-grid{grid-template-columns:2fr 1fr;gap:26px}.footer-bottom{flex-direction:column;gap:6px}.page-hero{padding:40px 0 32px}.page-hero h1{font-size:35px;letter-spacing:-1.3px}.page-hero p{font-size:16px}.contact-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-wrap{min-height:100vh;padding:35px 24px}.auth-form{max-width:410px}.docs-layout{grid-template-columns:minmax(0,1fr)}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:5px}.docs-nav a{padding:5px 7px;font-size:13px}.docs-content h2{font-size:23px}.article-body>img{height:240px}.article-body p{font-size:16px}.image-grid{gap:14px}.table-foot{padding:13px 16px}.panel-head{gap:12px}.panel-head h3{font-size:18px}.invoice-top{flex-wrap:wrap}}
@media(max-width:520px){.header-area-one{gap:6px;padding:0 14px}.left-logo-area{width:201px}.sidebar-collapsed .left-logo-area{width:201px}.brand{font-size:23px}.brand-mark{width:27px}.header-right{gap:7px}.header-right>.theme-toggle{width:31px;height:31px}.header-right .avatar{width:31px;height:31px;font-size:11px}.header-right .profile-drop .dropdown-panel{right:0}.main-center-content-m-left{padding-left:16px;padding-right:16px}.grid-2,.grid-3,.tools-grid{grid-template-columns:1fr}.grid-4{gap:11px}.stat-card{padding:15px}.stat-card .stat-label{font-size:12px}.stat-card .stat-value{font-size:26px}.stat-card .stat-note{font-size:11px}.banner-badge{padding:25px;min-height:253px}.banner-copy{max-width:100%;padding-right:0}.banner-badge h2{font-size:29px;max-width:290px}.banner-badge p{max-width:265px}.banner-art{display:none}.banner-badge::before{background:linear-gradient(90deg,#211d6beb,#292381ae)}.welcome-line{gap:10px}.welcome-line h2{font-size:21px}.welcome-line .btn-ghost{padding:5px 0;font-size:12px}.single-image-generator,.single-image-generator .inner-content{min-height:225px}.single-image-generator .inner-content{padding:22px}.single-image-generator h3{font-size:23px}.single-image-generator p{font-size:14px;max-width:270px}.single-image-generator .tool-number{font-size:12px;top:18px;right:18px}.single-image-generator .rts-btn{padding:9px 14px}.panel{padding:18px}.panel-head h3{font-size:17px}.field-inline{grid-template-columns:1fr;gap:0}.image-grid{grid-template-columns:1fr}.public-header .brand small{display:none}.public-header .brand{font-size:21px}.public-container{padding:0 20px}.public-header .public-container{gap:10px}.public-actions{gap:7px}.public-actions .btn-primary{font-size:12px;padding:9px 10px}.public-actions .icon-btn{width:31px;height:31px}.hero-copy h1{font-size:40px;line-height:1.12;letter-spacing:-1.9px}.hero-copy>p{font-size:16px}.hero-copy .rts-btn{padding:11px 13px;font-size:14px}.hero-checks{gap:12px;flex-wrap:wrap;font-size:12px}.hero-visual{padding:9px 4px 18px}.mock-sidebar{width:80px;padding:12px 7px}.mock-sidebar .brand{font-size:10px}.mock-sidebar .brand-mark{width:15px}.mock-nav{font-size:5px}.mock-main{padding:12px}.mock-heading strong{font-size:9px}.mock-banner{padding:13px}.mock-banner strong{font-size:13px}.mock-cards{gap:5px}.mock-cards article{height:76px}.mock-cards strong{font-size:6px;left:5px;bottom:7px}.mock-stats{gap:5px}.mock-stats div{padding:7px}.mock-stats strong{font-size:10px}.mock-shell{min-height:292px}.floating-note{left:15px;padding:9px 12px}.floating-note strong{font-size:11px}.float-tag{font-size:10px;padding:7px 10px}.section-heading h2{font-size:30px}.footer-grid{gap:25px 15px}.public-footer .brand{font-size:25px}.footer-grid p{font-size:14px}.footer-grid h4{font-size:14px}.footer-grid a:not(.brand){font-size:14px}.page-hero h1{font-size:33px}.table-foot{font-size:12px;gap:8px}.toolbar .search-field{flex:1;width:100%;min-width:0}.toolbar>.flex{width:100%}.toolbar select{flex:1;min-width:0}.modal-content-native{padding:20px}.modal-header-native{padding:19px 20px}.panel-head select{max-width:125px}.tabs{gap:0}.tab{padding:11px 12px;font-size:13px}.chat-panel{min-height:560px}.chat-message{gap:9px}.chat-message .avatar{width:30px;height:30px;font-size:11px}.message-body p{font-size:13px}.auth-form h1{font-size:28px}.copyright-area-bottom{margin-top:30px}.hero-social{margin-top:26px}.hero-social .avatar{width:31px;height:31px;font-size:11px}.hero-social p{font-size:12px}.btn-sm{font-size:12px;padding:7px 10px}.card-bottom .btn-sm{font-size:13px}.item-card{padding:20px}.breadcrumb-line{font-size:11px}.notice{font-size:12px}.field label{font-size:13px}.article-body>img{height:210px}.article-meta{font-size:12px}.invoice .panel{padding:18px}.invoice .brand{font-size:23px}.invoice .invoice-total{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.header-area-one,.left-side-bar,.public-header,.public-footer,.copyright-area-bottom,.page-heading,.mobile-backdrop,.no-print,.toast-stack{display:none!important}.main-center-content-m-left{margin:0;padding:0;background:#fff}.panel{box-shadow:none}.invoice{max-width:100%;padding:0}.invoice .panel{border:0}.invoice .data-table{font-size:12px}:root{--ink:#083a5e;--text:#526d83;--surface:#fff;--canvas:#fff;--line:#e8e9f4}body{background:#fff!important}.invoice-top{break-inside:avoid}}
[hidden]{display:none!important}
.table-foot .rts-btn{font-size:12px;padding:5px 9px}.table-foot .flex{gap:7px}.header-right>[data-upgrade]{margin-right:7px}.voice-card .icon{margin-left:auto}.voice-card:not(.active)>.icon{visibility:hidden}
@media(max-width:991px){.header-right>[data-upgrade]{display:none}}
.split>* ,.grid-2>* ,.grid-3>* ,.grid-4>*{min-width:0}
#writer-output:empty::before{content:'Your next draft starts with a clear brief.\A\AChoose a template, describe your idea and create a first draft. Your starting point will appear here.';display:block;max-width:360px;margin:74px auto 0;text-align:center;white-space:pre-line;font-size:16px;line-height:1.8;color:var(--muted)}
[data-theme=dark] .toast-message{background:#252b49;color:#fff;border-color:#4a4c73}

/* Typography refinements: larger public-site navigation and calls to action on tablet and desktop. */
@media(min-width:768px){.public-actions .login-link{font-size:15px;font-weight:600}.public-header .rts-btn,.hero-copy .rts-btn,.cta-banner .rts-btn,.price-card .rts-btn,.split-marketing .rts-btn{font-size:15px;padding:12px 20px}}

/* ==========================================================================
   Search dialog, focus states and scrollbars
   ========================================================================== */
.search-field .icon{top:50%;left:14px;transform:translateY(-50%);pointer-events:none}
.search-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){padding-left:42px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;border-color:var(--primary);box-shadow:0 0 0 3px rgba(63,62,237,.14)}
[data-theme=dark] input:focus-visible,[data-theme=dark] select:focus-visible,[data-theme=dark] textarea:focus-visible{box-shadow:0 0 0 3px rgba(155,148,255,.2)}
.command-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.command-dialog .modal-content-native{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.command-dialog .search-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){min-height:48px;border-radius:10px;font-size:15px;background:var(--canvas)}
.command-dialog .search-field input:focus,.command-dialog .search-field input:focus-visible{background:var(--surface);border-color:#c9c6ff;box-shadow:none}
[data-theme=dark] .command-dialog .search-field input:focus-visible{border-color:#4a4580}
.command-dialog .search-field:focus-within .icon{color:var(--primary)}
.command-results{max-height:min(360px,52vh);overscroll-behavior:contain;margin-right:-8px;padding-right:8px}
.command-results a:focus-visible{outline:2px solid var(--primary)!important;outline-offset:-2px;background:var(--soft)}
.command-dialog .caption{margin:14px 0 0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cdd0e4;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:#aeb2cf}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#cdd0e4 transparent}[data-theme=dark] *{scrollbar-color:#3a4260 transparent}.lx *{scrollbar-color:#35325c transparent}}
::-webkit-scrollbar-button{display:none;width:0;height:0}
::-webkit-scrollbar-corner{background:transparent}
[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#3a4260}

/* ==========================================================================
   Dark public header, footer and page heroes
   ========================================================================== */
.lx{--ink:#f5f4ff;--text:#aeacca;--muted:#8a88ab;--surface:#110f28;--canvas:#0c0b1f;--soft:#1b1842;--line:rgba(255,255,255,.09);--primary:#9d93ff;--primary-hover:#c0b9ff;--green:#74dcb8;--shadow:0 24px 70px rgba(0,0,0,.45);--serif:'Instrument Serif',Georgia,'Times New Roman',serif;color:var(--text)}
.lx ::-webkit-scrollbar-thumb{background-color:#35325c}
.public-header.lx{background:#07061a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.public-header.lx .login-link{color:var(--ink)}
.public-header.lx .login-link:hover{color:#fff}
.public-header.lx .icon-btn{background:transparent;color:var(--ink)}
@media(min-width:992px){.public-header.lx .public-nav{padding:5px;gap:2px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.public-header.lx .public-nav a{padding:7px 16px;border-radius:999px;color:var(--text)}.public-header.lx .public-nav a:hover,.public-header.lx .public-nav a.active{color:#fff;background:rgba(255,255,255,.08)}}
.public-header.lx .public-nav.open a{color:var(--text)}
.public-header.lx .public-nav.open a:hover,.public-header.lx .public-nav.open a.active{color:#fff}
.public-footer.lx{background:#07061a;border-top-color:var(--line);margin-top:0}
.public-footer.lx .footer-grid a:not(.brand):hover{color:#fff}
.public-body .page-hero{padding:84px 0 76px;background:radial-gradient(ellipse 55% 75% at 50% 0%,rgba(91,77,255,.32),transparent 70%),#07061a}
.public-body .page-hero h1{color:#f5f4ff}
.public-body .page-hero p{color:#aeacca}
.public-body .page-hero .eyebrow{color:#b9b2ff}

/* Buttons used on dark surfaces */
.btn-glow,.rts-btn.btn-glow{background:#fff;color:#1d1846;border-color:#fff;border-radius:999px;box-shadow:0 0 0 4px rgba(157,147,255,.16),0 8px 30px rgba(123,97,255,.5)}
.btn-glow:hover,.rts-btn.btn-glow:hover{background:#f3f1ff;color:#1d1846;transform:translateY(-1px);box-shadow:0 0 0 5px rgba(157,147,255,.24),0 12px 40px rgba(123,97,255,.65)}
.btn-glow .icon{color:#5b4dff}
.btn-outline,.rts-btn.btn-outline{background:rgba(255,255,255,.03);color:var(--ink);border-color:rgba(255,255,255,.18);border-radius:999px}
.btn-outline:hover,.rts-btn.btn-outline:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.32)}
.lx .btn-primary,.lx .rts-btn.btn-primary{background:#5b4dff;border-color:#5b4dff;color:#fff;border-radius:999px;box-shadow:0 8px 30px rgba(91,77,255,.4)}
.lx .btn-primary:hover{background:#6d61ff;border-color:#6d61ff;color:#fff}
.lx .btn-secondary,.lx .rts-btn.btn-secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);color:var(--ink);border-radius:999px}
.lx .btn-secondary:hover{background:rgba(255,255,255,.09);color:#fff}

/* ==========================================================================
   Dark landing page
   ========================================================================== */
body.public-body:has(.lx-home){background:#07061a}
.lx-home{background:#07061a;overflow:hidden}
.lx h1,.lx h2,.lx h3{color:var(--ink)}
.lx h1,.lx h2{font-weight:600;letter-spacing:-.035em}
.lx h1 em,.lx h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;padding-right:.06em;background:linear-gradient(95deg,#e4e0ff 10%,#a79dff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:#b9b2ff;margin-bottom:14px}
.lx-pill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(157,147,255,.14);color:#d2ccff;border:1px solid rgba(157,147,255,.25);white-space:nowrap}
.lx-stars-row{display:block;color:#ffc860;letter-spacing:2px;font-size:13px;line-height:1}

/* Hero */
.lx-hero{position:relative;padding:84px 0 0;text-align:center;background:radial-gradient(ellipse 60% 55% at 50% 0%,rgba(91,77,255,.24),transparent 70%)}
.lx-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.lx-stars::before,.lx-stars::after{content:'';position:absolute;top:0;left:0;border-radius:50%}
.lx-stars::before{width:1px;height:1px;box-shadow:663px 308px rgba(255,255,255,0.43),98px 148px rgba(255,255,255,0.62),192px 748px rgba(255,255,255,0.51),1863px 1039px rgba(255,255,255,0.35),176px 888px rgba(255,255,255,0.44),492px 185px rgba(255,255,255,0.50),121px 253px rgba(255,255,255,0.68),1291px 126px rgba(255,255,255,0.51),812px 101px rgba(255,255,255,0.69),95px 272px rgba(255,255,255,0.38),295px 241px rgba(255,255,255,0.51),1147px 370px rgba(255,255,255,0.30),1169px 384px rgba(255,255,255,0.42),1121px 128px rgba(255,255,255,0.50),1267px 421px rgba(255,255,255,0.47),1088px 875px rgba(255,255,255,0.60),953px 928px rgba(255,255,255,0.41),508px 368px rgba(255,255,255,0.56),499px 167px rgba(255,255,255,0.51),1075px 1013px rgba(255,255,255,0.64),1493px 919px rgba(255,255,255,0.38),149px 241px rgba(255,255,255,0.48),337px 700px rgba(255,255,255,0.32),1001px 863px rgba(255,255,255,0.27),1368px 158px rgba(255,255,255,0.59),1173px 642px rgba(255,255,255,0.40),717px 1017px rgba(255,255,255,0.51),934px 140px rgba(255,255,255,0.63),552px 970px rgba(255,255,255,0.56),133px 124px rgba(255,255,255,0.58),634px 912px rgba(255,255,255,0.38),790px 710px rgba(255,255,255,0.26),945px 727px rgba(255,255,255,0.33),239px 1011px rgba(255,255,255,0.28),1573px 588px rgba(255,255,255,0.31),507px 814px rgba(255,255,255,0.43),1784px 1016px rgba(255,255,255,0.29),919px 822px rgba(255,255,255,0.50),1809px 280px rgba(255,255,255,0.62),1769px 570px rgba(255,255,255,0.57),734px 779px rgba(255,255,255,0.68),309px 169px rgba(255,255,255,0.33),475px 477px rgba(255,255,255,0.26),1702px 373px rgba(255,255,255,0.37),8px 298px rgba(255,255,255,0.44),756px 652px rgba(255,255,255,0.68),1414px 1055px rgba(255,255,255,0.68),1341px 110px rgba(255,255,255,0.46),1783px 803px rgba(255,255,255,0.43),807px 212px rgba(255,255,255,0.47),820px 127px rgba(255,255,255,0.34),427px 902px rgba(255,255,255,0.32),696px 107px rgba(255,255,255,0.30),1160px 309px rgba(255,255,255,0.49),744px 52px rgba(255,255,255,0.28),425px 770px rgba(255,255,255,0.32),516px 711px rgba(255,255,255,0.52),971px 251px rgba(255,255,255,0.30),999px 954px rgba(255,255,255,0.47),638px 175px rgba(255,255,255,0.31),1535px 701px rgba(255,255,255,0.58),980px 330px rgba(255,255,255,0.48),420px 1081px rgba(255,255,255,0.41),1413px 55px rgba(255,255,255,0.59),610px 186px rgba(255,255,255,0.56),534px 1061px rgba(255,255,255,0.42),342px 728px rgba(255,255,255,0.60),1090px 1029px rgba(255,255,255,0.40),456px 399px rgba(255,255,255,0.61),1675px 820px rgba(255,255,255,0.58),464px 409px rgba(255,255,255,0.48),728px 59px rgba(255,255,255,0.70),1618px 572px rgba(255,255,255,0.46),396px 705px rgba(255,255,255,0.45),1919px 715px rgba(255,255,255,0.68),746px 164px rgba(255,255,255,0.35),464px 962px rgba(255,255,255,0.34),418px 988px rgba(255,255,255,0.53),1843px 3px rgba(255,255,255,0.47),1337px 704px rgba(255,255,255,0.61),173px 245px rgba(255,255,255,0.66),1602px 408px rgba(255,255,255,0.47),365px 888px rgba(255,255,255,0.61),680px 177px rgba(255,255,255,0.61),1478px 810px rgba(255,255,255,0.46),1522px 173px rgba(255,255,255,0.58),348px 260px rgba(255,255,255,0.26),1209px 953px rgba(255,255,255,0.61),299px 971px rgba(255,255,255,0.55),717px 319px rgba(255,255,255,0.50),268px 43px rgba(255,255,255,0.26),1487px 210px rgba(255,255,255,0.49),1912px 285px rgba(255,255,255,0.45),1785px 398px rgba(255,255,255,0.62),432px 57px rgba(255,255,255,0.36),599px 1026px rgba(255,255,255,0.36),1201px 667px rgba(255,255,255,0.37),858px 268px rgba(255,255,255,0.28),1515px 724px rgba(255,255,255,0.65),1356px 1058px rgba(255,255,255,0.44),1879px 1027px rgba(255,255,255,0.31),310px 1072px rgba(255,255,255,0.48),1787px 901px rgba(255,255,255,0.60),1246px 8px rgba(255,255,255,0.60),306px 352px rgba(255,255,255,0.31),1267px 246px rgba(255,255,255,0.50),667px 1061px rgba(255,255,255,0.49),988px 217px rgba(255,255,255,0.65),116px 508px rgba(255,255,255,0.34),86px 200px rgba(255,255,255,0.48)}
.lx-stars::after{width:2px;height:2px;box-shadow:1150px 57px rgba(255,255,255,0.90),1868px 129px rgba(255,255,255,0.78),1254px 1035px rgba(255,255,255,0.84),408px 567px rgba(255,255,255,0.78),1092px 979px rgba(255,255,255,0.80),507px 1071px rgba(255,255,255,0.95),1900px 531px rgba(255,255,255,0.97),1828px 414px rgba(255,255,255,0.94),280px 853px rgba(255,255,255,0.65),905px 647px rgba(255,255,255,0.63),492px 877px rgba(255,255,255,0.63),1371px 620px rgba(255,255,255,0.91),1837px 316px rgba(255,255,255,0.98),1317px 749px rgba(255,255,255,0.66),1808px 281px rgba(255,255,255,0.99),449px 192px rgba(255,255,255,0.76),997px 333px rgba(255,255,255,1.00),1704px 458px rgba(255,255,255,0.66),883px 1055px rgba(255,255,255,0.76),862px 400px rgba(255,255,255,0.74),188px 749px rgba(255,255,255,0.61),1134px 939px rgba(255,255,255,0.78),37px 787px rgba(255,255,255,0.73),1277px 605px rgba(255,255,255,0.80),131px 231px rgba(255,255,255,0.99),1614px 468px rgba(255,255,255,0.99),214px 172px rgba(255,255,255,0.71),81px 371px rgba(255,255,255,0.71);animation:lx-twinkle 4s ease-in-out infinite}
.lx-hero-inner{position:relative;z-index:2;max-width:900px}
.lx-rating{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 8px;margin-bottom:28px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);text-align:left}
.lx-rating .avatar{width:30px;height:30px;font-size:10px;border:2px solid #0d0b26}
.lx-rating small{display:block;font-size:12px;color:var(--text);margin-top:3px}
.lx-hero h1{font-size:72px;line-height:1.05;margin:0 auto 24px}
.lx-hero h1 em{font-size:1.06em}
.lx-hero-inner>p{font-size:18px;line-height:1.8;max-width:610px;margin:0 auto 34px;color:var(--text)}
.lx-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.lx .lx-actions .rts-btn{font-size:15px;padding:13px 24px}
.lx-tools{display:flex;justify-content:center;gap:34px;margin-top:48px;flex-wrap:wrap}
.lx-tool{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:13px;font-weight:500;color:var(--text)}
.lx-tool span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#dcd7ff;background:radial-gradient(circle at 50% 25%,#2d2670,#15123a 70%);border:1px solid rgba(157,147,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 26px rgba(91,77,255,.28);transition:transform .2s,box-shadow .2s}
.lx-tool:hover{color:#fff}
.lx-tool:hover span{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 34px rgba(123,97,255,.55)}
.lx-showcase{position:relative;margin-top:64px;padding-top:150px}
.lx-ring{position:absolute;left:50%;top:0;width:430px;height:430px;transform:translateX(-50%);border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 24px 5px rgba(186,176,255,.9),0 0 90px 32px rgba(123,97,255,.55),inset 0 0 40px 10px rgba(157,147,255,.55);animation:lx-pulse 5s ease-in-out infinite}
.lx-dots{position:absolute;left:50%;top:-30px;width:min(980px,100%);height:440px;transform:translateX(-50%);background:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1.6px) 0 0/15px 15px;-webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 55%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse 50% 55% at 50% 55%,#000 15%,transparent 70%);opacity:.55;pointer-events:none}
.lx-frame{position:relative;z-index:2;padding:10px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03) 60%);border:1px solid rgba(255,255,255,.12);box-shadow:0 -24px 90px rgba(123,97,255,.38),0 40px 120px rgba(0,0,0,.6)}
.lx-frame::before{content:'';position:absolute;top:-1px;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 28px 6px rgba(167,157,255,.85)}
.lx-frame img{width:100%;height:auto;border-radius:12px}
.lx-showcase::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:38%;z-index:3;background:linear-gradient(transparent,#07061a 92%);pointer-events:none}

/* Trust strip */
.lx-trust{position:relative;z-index:4;padding:8px 0 64px;text-align:center}
.lx-trust p{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.lx-logos{display:flex;justify-content:center;gap:52px;flex-wrap:wrap}
.lx-logos span{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.03em;color:#d4d2ea;opacity:.55;transition:opacity .2s}
.lx-logos span:hover{opacity:.9}
.lx-logos .icon{width:22px;height:22px}

/* Sections */
.lx-section{position:relative;padding:72px 0}
.lx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:46px}
.lx-head.center{justify-content:center;text-align:center}
.lx-head h2{font-size:48px;line-height:1.1;margin:0}
.lx-head p{max-width:560px;margin:16px auto 0;font-size:17px;line-height:1.8}

/* Product cards */
.lx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx-card{padding:14px 14px 26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));transition:transform .25s,border-color .25s,box-shadow .25s}
.lx-card:hover{transform:translateY(-4px);border-color:rgba(157,147,255,.42);box-shadow:0 22px 55px rgba(91,77,255,.2)}
.lx-card h3{font-size:20px;margin:22px 10px 8px}
.lx-card p{font-size:15px;line-height:1.75;margin:0 10px 16px}
.lx-card>a{display:inline-flex;align-items:center;gap:6px;margin:0 10px;font-size:14px;font-weight:600;color:#c9c3ff}
.lx-card>a .icon{width:16px;height:16px;transition:transform .2s}
.lx-card>a:hover{color:#fff}
.lx-card>a:hover .icon{transform:translateX(3px)}
.lx-art{position:relative;height:176px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 120%,rgba(91,77,255,.28),transparent 65%),#0b0a20}
.lx-art-image{gap:9px;padding:16px}
.lx-art-image img{width:31%;height:100%;object-fit:cover;border-radius:10px}
.lx-art-image img:nth-child(2){transform:translateY(-10px)}
.lx-art-lines{flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:24px 28px}
.lx-art-lines i{display:block;width:var(--w);height:11px;border-radius:6px;background:linear-gradient(90deg,#5b4dff,#c58cff)}
.lx-art-lines i:nth-child(even){opacity:.55}
.lx-art-wave{gap:7px;padding:24px}
.lx-art-wave i,.lx-wave i{display:block;width:10px;height:var(--h);border-radius:10px;background:linear-gradient(180deg,#e2c6ff,#5b4dff);transform-origin:center;animation:lx-eq 1.6s ease-in-out infinite}
.lx-art-wave i:nth-child(3n),.lx-wave i:nth-child(3n){animation-delay:-.5s}
.lx-art-wave i:nth-child(3n+1),.lx-wave i:nth-child(3n+1){animation-delay:-1s}
.lx-art-chat{flex-direction:column;align-items:stretch;gap:10px;padding:20px}
.lx-art-chat span{align-self:flex-start;max-width:85%;padding:9px 14px;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.08);font-size:13px;line-height:1.5;color:var(--ink)}
.lx-art-chat .me{align-self:flex-end;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,#5b4dff,#8f5cff);color:#fff}
.lx-art-code{justify-content:flex-start;padding:24px}
.lx-art-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:2;color:#cfd3f6;text-align:left}
.lx-art-code b{font-weight:500;color:#c58cff}
.lx-art-code em{font-style:normal;color:#7fd6ff}
.lx-art-code u{text-decoration:none;color:#ffd58a}
.lx-art-code s{text-decoration:none;color:#8ee6c0}
.lx-art-chips{flex-wrap:wrap;align-content:center;gap:8px;padding:18px}
.lx-art-chips span{padding:7px 12px;border-radius:999px;font-size:12.5px;color:#dcd8ff;background:rgba(91,77,255,.13);border:1px solid rgba(157,147,255,.3)}

/* Feature rows */
.lx-row{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center;padding:44px 0}
.lx-row.flip .lx-row-copy{order:2}
.lx-row h3{font-size:36px;line-height:1.18;letter-spacing:-.03em;margin-bottom:16px}
.lx-row p{font-size:17px;line-height:1.8;margin-bottom:22px}
.lx-row ul{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.lx-row li{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--ink)}
.lx-row li .icon{width:22px;height:22px;padding:4px;border-radius:50%;color:#b9b2ff;background:rgba(157,147,255,.16)}
.lx-vis{position:relative;padding:26px;border-radius:22px;border:1px solid var(--line);background:radial-gradient(ellipse at 75% 0%,rgba(123,97,255,.28),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.lx-vis-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.lx-vis-top strong{font-size:17px;color:var(--ink)}
.lx-type{display:grid;gap:15px;margin-bottom:30px;padding:24px;border-radius:14px;border:1px solid var(--line);background:#0b0a20}
.lx-type i{position:relative;display:block;width:var(--w);height:9px;border-radius:5px;background:rgba(255,255,255,.15)}
.lx-type i.cursor::after{content:'';position:absolute;right:-9px;top:-4px;width:2px;height:17px;background:#b9b2ff;animation:lx-blink 1s steps(2) infinite}
.lx-vis-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lx-mini-btn{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:#5b4dff;box-shadow:0 6px 24px rgba(91,77,255,.5)}
.lx-mini-btn .icon{width:15px;height:15px}
.lx-vis-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:40px}
.lx-vis-gallery img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:14px}
.lx-float{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;color:#1d1846;background:#fff;box-shadow:0 12px 40px rgba(91,77,255,.5)}
.lx-float .icon{width:16px;height:16px;color:#198769}
.lx-vis-voice{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.lx-mic{width:86px;height:86px;display:grid;place-items:center;border-radius:26px;color:#fff;background:linear-gradient(180deg,#2d2b48,#16152b);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.lx-mic .icon{width:34px;height:34px}
.lx-wave{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:96px}
.lx-wave i{width:8px}
.lx-player{display:flex;align-items:center;gap:14px;width:100%;font-size:13px;color:var(--muted)}
.lx-progress{flex:1;height:6px;overflow:hidden;border-radius:6px;background:rgba(255,255,255,.1)}
.lx-progress b{display:block;width:34%;height:100%;border-radius:6px;background:linear-gradient(90deg,#5b4dff,#c58cff)}
.lx-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.lx-mini-stats div{padding:14px;border-radius:12px;border:1px solid var(--line);background:#0b0a20}
.lx-mini-stats small{display:block;font-size:12px;color:var(--muted)}
.lx-mini-stats strong{display:block;margin:2px 0;font-size:22px;color:var(--ink)}
.lx-mini-stats em{font-style:normal;font-size:12px;color:var(--green)}

/* Stats band */
.lx-stats{padding:24px 0}
.lx-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01))}
.lx-stats-grid div{padding:36px 20px;text-align:center}
.lx-stats-grid div+div{border-left:1px solid var(--line)}
.lx-stats-grid strong{display:block;font-size:46px;font-weight:600;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#b3abff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-stats-grid span{font-size:14px;color:var(--muted)}

/* Testimonials */
.lx-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx-quote{display:flex;flex-direction:column;gap:18px;margin:0;padding:28px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
.lx-quote blockquote{flex:1;margin:0;font-size:17px;line-height:1.75;color:var(--ink)}
.lx-quote figcaption{display:flex;align-items:center;gap:12px}
.lx-quote strong{display:block;font-size:15px;color:var(--ink)}
.lx-quote small{font-size:13px;color:var(--muted)}

/* Pricing on dark */
.lx .pricing-toggle{background:rgba(255,255,255,.04);border-color:var(--line);border-radius:999px}
.lx .pricing-toggle button{border-radius:999px}
.lx .pricing-toggle button.active{background:#5b4dff;color:#fff;box-shadow:0 6px 20px rgba(91,77,255,.45)}
.lx .pricing-toggle button.active span{color:#d7ffef}
.lx .price-card{border-radius:20px;border-color:var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
.lx .price-card.popular{border:1px solid rgba(157,147,255,.55);background:radial-gradient(ellipse at 50% 0%,rgba(123,97,255,.3),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 30px 80px rgba(91,77,255,.25)}
.lx .popular-label{background:#fff;color:#3b2fd9;border-radius:999px;padding:4px 12px}
.lx .price{color:var(--ink)}

/* Journal */
.lx-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx-post{display:block;padding:12px 12px 24px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);transition:transform .25s,border-color .25s}
.lx-post:hover{transform:translateY(-4px);border-color:rgba(157,147,255,.42);color:var(--text)}
.lx-post img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px;margin-bottom:18px}
.lx-post .lx-pill{margin:0 8px 12px}
.lx-post h3{margin:0 8px 8px;font-size:19px;line-height:1.35}
.lx-post p{margin:0 8px;font-size:14px}

/* FAQ */
.lx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.lx-faq h2{font-size:44px;line-height:1.12}
.lx-faq p{font-size:16px}
.lx-faq p a{color:#c9c3ff;font-weight:600}
.lx .public-faq{max-width:none;margin:0}
.lx .faq-item,.lx .faq-item:first-child,.lx .faq-item:last-child{margin-bottom:12px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.lx .faq-item[open]{border-color:rgba(157,147,255,.35);background:rgba(91,77,255,.07)}

/* Final call to action */
.lx-cta{position:relative;overflow:hidden;padding:96px 30px 150px;text-align:center;border-radius:30px;border:1px solid rgba(157,147,255,.25);background:radial-gradient(ellipse 70% 80% at 50% 125%,rgba(123,97,255,.6),transparent 62%),#0d0b26}
.lx-cta h2{position:relative;z-index:2;font-size:54px;line-height:1.08;margin-bottom:18px}
.lx-cta p{position:relative;z-index:2;max-width:520px;margin:0 auto 32px;font-size:18px}
.lx-cta .lx-actions{position:relative;z-index:2}
.lx-ring.small{top:auto;bottom:-480px;width:560px;height:560px}

@keyframes lx-twinkle{50%{opacity:.45}}
@keyframes lx-pulse{50%{box-shadow:0 0 30px 7px rgba(186,176,255,1),0 0 110px 40px rgba(123,97,255,.6),inset 0 0 46px 12px rgba(157,147,255,.6)}}
@keyframes lx-eq{50%{transform:scaleY(.55)}}
@keyframes lx-blink{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.lx *,.lx *::before,.lx *::after{animation:none!important;transition:none!important}}

@media(max-width:1199px){.lx-hero h1{font-size:62px}.lx-row{gap:48px}}
@media(max-width:991px){.lx-hero h1{font-size:54px}.lx-head h2,.lx-faq h2{font-size:40px}.lx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-row{grid-template-columns:1fr;gap:36px;padding:36px 0}.lx-row.flip .lx-row-copy{order:0}.lx-quotes,.lx-posts{grid-template-columns:1fr;max-width:620px;margin:auto}.lx-faq{grid-template-columns:1fr;gap:28px}.lx-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-stats-grid div:nth-child(3){border-left:0}.lx-stats-grid div:nth-child(n+3){border-top:1px solid var(--line)}.lx-cta h2{font-size:44px}}
@media(max-width:767px){.lx-hero{padding-top:56px}.lx-hero h1{font-size:42px}.lx-hero-inner>p{font-size:16px}.lx-tools{gap:18px;margin-top:38px}.lx-showcase{margin-top:44px;padding-top:96px}.lx-ring{width:270px;height:270px}.lx-section{padding:56px 0}.lx-head{flex-direction:column;align-items:flex-start;margin-bottom:32px}.lx-head.center{align-items:center}.lx-head h2,.lx-faq h2{font-size:33px}.lx-grid{grid-template-columns:1fr}.lx-row h3{font-size:29px}.lx-row p{font-size:16px}.lx-vis{padding:18px}.lx-vis-voice{min-height:280px}.lx-logos{gap:20px 32px}.lx-logos span{font-size:18px}.lx-stats-grid strong{font-size:34px}.lx-stats-grid div{padding:26px 12px}.lx-mini-stats{gap:8px}.lx-mini-stats div{padding:10px}.lx-mini-stats strong{font-size:17px}.lx-cta{padding:64px 22px 110px;border-radius:24px}.lx-cta h2{font-size:36px}.lx-cta p{font-size:16px}.public-body .page-hero{padding:60px 0 54px}}
@media(max-width:520px){.lx-hero h1{font-size:35px}.lx-rating{gap:9px;padding-right:12px}.lx-rating .avatar:nth-child(4){display:none}.lx-tools{gap:12px}.lx-tool{font-size:12px;width:58px;text-align:center;line-height:1.3}.lx-tool span{width:46px;height:46px}.lx .lx-actions .rts-btn{width:100%}.lx-head .rts-btn{width:auto}.lx-art{height:160px}.lx-vis-top{flex-direction:column;align-items:flex-start}.lx-mini-btn{margin-left:0}.lx-float{font-size:13px;padding:9px 14px}.lx-stats-grid strong{font-size:30px}.lx .faq-item,.lx .faq-item:first-child,.lx .faq-item:last-child{padding:16px 18px}}

/* ==========================================================================
   Motion (only when html.motion is set, i.e. the visitor allows motion)
   ========================================================================== */
.lx-logos{display:block}
.lx-logos-track{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 52px}
.lx-dup{display:none!important}
.motion [data-reveal]{transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.motion [data-reveal]:not(.in){opacity:0;transform:translateY(28px)}
.motion .workspace-body [data-reveal]{transition-duration:.55s}
.motion .workspace-body [data-reveal]:not(.in){transform:translateY(14px)}
@keyframes lx-rise{from{opacity:0;transform:translateY(28px);filter:blur(8px)}}
@keyframes lx-sheen{to{background-position:100% 0}}
@keyframes lx-marquee{to{transform:translateX(-50%)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
@keyframes backdrop-in{from{opacity:0}}
.motion .lx-hero-inner>*{animation:lx-rise .9s cubic-bezier(.2,.7,.2,1) both}
.motion .lx-hero-inner>:nth-child(2){animation-delay:.12s}
.motion .lx-hero-inner>:nth-child(3){animation-delay:.24s}
.motion .lx-hero-inner>:nth-child(4){animation-delay:.36s}
.motion .lx-hero-inner>:nth-child(5){animation-delay:.48s}
.motion .lx-showcase{perspective:1600px;animation:lx-rise 1.2s .55s cubic-bezier(.2,.7,.2,1) both}
.motion .lx-frame{transform:rotateX(var(--tilt,0deg)) scale(var(--lift,1));transform-origin:50% 0;will-change:transform}
.motion .lx-hero h1 em{background-size:200% 100%;animation:lx-sheen 5s ease-in-out infinite alternate}
.motion .lx-logos{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.motion .lx-logos-track{width:max-content;flex-wrap:nowrap;justify-content:flex-start;gap:0;animation:lx-marquee 34s linear infinite}
.motion .lx-logos-track span{padding:0 30px}
.motion .lx-dup{display:inline-flex!important}
.motion .lx-logos:hover .lx-logos-track{animation-play-state:paused}
.motion .lx-type i,.motion .lx-art-lines i{transition:width .9s cubic-bezier(.4,0,.2,1)}
.motion .lx-type i:nth-child(2),.motion .lx-art-lines i:nth-child(2){transition-delay:.15s}
.motion .lx-type i:nth-child(3),.motion .lx-art-lines i:nth-child(3){transition-delay:.3s}
.motion .lx-type i:nth-child(4),.motion .lx-art-lines i:nth-child(4){transition-delay:.45s}
.motion .lx-art-lines i:nth-child(5){transition-delay:.6s}
.motion .lx-vis-writer:not(.in) .lx-type i,.motion .lx-card:not(.in) .lx-art-lines i{width:0}
.motion .lx-vis-writer:not(.in) .lx-type i.cursor::after{opacity:0}
.motion .lx-vis-gallery img{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1.15)}
.motion .lx-vis-gallery img:nth-child(2){transition-delay:.12s}
.motion .lx-vis-gallery img:nth-child(3){transition-delay:.24s}
.motion .lx-vis-gallery img:nth-child(4){transition-delay:.36s}
.motion .lx-vis-gallery:not(.in) img{opacity:0;transform:scale(.88)}
.motion .lx-float{transition:opacity .5s .7s,transform .5s .7s cubic-bezier(.2,.8,.2,1.2)}
.motion .lx-vis-gallery:not(.in) .lx-float{opacity:0;transform:translate(-50%,14px)}
.motion .lx-card:not(.in) .lx-art-image img{opacity:0;transform:translateY(16px)}
.motion .lx-art-image img{transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.motion .lx-art-image img:nth-child(2){transition-delay:.12s}
.motion .lx-art-image img:nth-child(3){transition-delay:.24s}
.chart-drawing [data-chart-area]{opacity:0}
.chart-drawn [data-chart-area]{opacity:1;transition:opacity 1.2s .5s ease}
.lx-spot{position:relative}
.lx-spot::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(157,147,255,.14),transparent 45%)}
.lx-spot:hover::after{opacity:1}
.motion .btn-glow{position:relative;overflow:hidden}
.motion .btn-glow::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(157,147,255,.35),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
.motion .btn-glow:hover::after{left:130%}
.public-header{transition:box-shadow .3s ease}
.public-header.lx.scrolled{box-shadow:0 10px 40px rgba(0,0,0,.35)}
.motion .modal-dialog-native[open]{animation:dialog-in .22s cubic-bezier(.2,.8,.2,1)}
.motion .modal-dialog-native[open]::backdrop{animation:backdrop-in .22s ease}
@media(max-width:767px){.lx-logos-track{gap:16px 30px}.motion .lx-logos-track span{padding:0 20px}}
@media print{.motion [data-reveal]{opacity:1!important;transform:none!important}}