:root{--bg:#090a0c;--panel:#121316;--panel2:#181a1f;--stroke:#303137;--text:#f6f6f7;--muted:#999aa5;--violet:#af78fa;--cyan:#25d9d6;--blue:#51aaff;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.wrap{max-width:1270px;width:calc(100% - 80px);margin:0 auto}.ticker{height:29px;display:flex;align-items:center;justify-content:center;gap:15px;background:#141518;border-bottom:1px solid #242429;color:#c7c7c9;font-size:9px;letter-spacing:.21em;font-weight:700}.ticker-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#92edbb;box-shadow:0 0 14px #7aecc565}.tick-sep{color:#55565c}.topbar{position:sticky;top:0;z-index:30;background:rgba(9,10,12,.94);backdrop-filter:blur(24px);border-bottom:1px solid #25262c}.topbar-row{display:flex;align-items:center;height:77px;gap:35px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.27em;font-size:22px;white-space:nowrap}.brand img{object-fit:contain}.brand small{display:block;letter-spacing:.43em;font-weight:500;color:#b0aeb6;font-size:9px;margin-top:1px}.topnav{margin-left:auto;display:flex;align-items:center;gap:32px}.topnav a{font-size:12px;color:#bcbdc4;transition:color .2s}.topnav a:hover{color:white}.top-cta{display:flex;align-items:center;gap:12px;border:1px solid #3c3d44;border-radius:10px;color:#fff;background:#18191e;font-size:12px;font-weight:700;padding:13px 17px}.top-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.hero{margin-top:28px;display:grid;grid-template-columns:1.22fr .78fr;background:radial-gradient(ellipse at 84% 40%,#2b2236 0%,#16141c 29%,#101115 62%);border:1px solid #303039;border-radius:22px;min-height:535px;overflow:hidden;position:relative}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,#ffffff05 25.15%,transparent 25.3%);pointer-events:none}.hero-copy{padding:82px 0 67px 66px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:800;color:#c1b6d0;display:flex;align-items:center;gap:12px}.eyebrow .line{height:1px;width:25px;background:var(--violet)}.eyebrow.plain{color:#9496a1;display:block}.hero h1{font-size:clamp(44px,5vw,73px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 22px;font-weight:850}.hero h1 span{color:#ba9bdb}.hero p{max-width:480px;color:#b8b8c1;font-size:14px;line-height:1.85;margin:0}.hero-buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{border-radius:9px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 19px;border:1px solid transparent;font-size:11px;letter-spacing:.055em;font-weight:800;text-transform:uppercase;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.white{background:#f3f3f5;color:#101014}.button.border{background:#19191f;border-color:#44434c;color:#fff}.button:active{transform:scale(.99)}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;color:#a0a1ab;font-size:10px;font-weight:750;letter-spacing:.11em;margin-top:49px}.hero-meta span{display:flex;align-items:center;gap:9px}.hero-meta i{background:#a6efc7;width:5px;height:5px;border-radius:50%}.hero-art{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-height:300px}.hero-art .orb{width:350px;height:350px;border-radius:50%;position:absolute;border:1px solid #6a4c803d;box-shadow:0 0 0 52px #735a8610,0 0 0 100px #735a8608;transform:rotate(-20deg)}.hero-art img{position:relative;width:320px;max-width:77%;filter:drop-shadow(0 0 42px #bea0de1b)}.hero-art-caption{position:absolute;bottom:35px;font-size:9px;color:#a0a0aa;letter-spacing:.35em}.stripe{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stripe>div{display:flex;flex-direction:column;gap:7px;padding:23px 25px;background:#131417;border:1px solid #28292e;border-radius:13px}.stripe-icon{font-size:11px;color:#b28acf;font-weight:900;letter-spacing:.12em}.stripe b{font-size:14px}.stripe small{font-size:11px;color:#9698a1}.section{padding-top:110px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:27px}.section h2{font-size:clamp(31px,3.8vw,51px);letter-spacing:-.045em;line-height:1.08;margin:12px 0 12px}.dot-text{color:#a875dd}.section-top p{max-width:680px;font-size:13px;line-height:1.75;color:#a6a8b2;margin:0}.filters{display:flex;border:1px solid #393940;border-radius:11px;background:#131419;padding:4px;gap:3px;white-space:nowrap}.filters button{padding:11px 15px;border:none;background:none;border-radius:8px;color:#a9abb8;font-size:11px;font-weight:750}.filters button.active{background:#f5f5f6;color:#0e0f12}.catalog-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#b8bac4;border:1px solid #33353d;border-radius:10px;padding:12px 14px;background:#14151a;margin-bottom:16px}.catalog-led{height:7px;width:7px;flex-shrink:0;background:#86eac3;border-radius:50%}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan{min-width:0;display:flex;flex-direction:column;border:1px solid #2e3038;border-radius:16px;background:#14151a;padding:11px;overflow:hidden;transition:transform .2s,border-color .2s}.plan:hover{border-color:#5e5b68;transform:translateY(-3px)}.plan.premium{border-color:#704f92;background:linear-gradient(160deg,#21172c 0%,#131419 34%)}.plan-img{position:relative;aspect-ratio:1/1;min-height:0;border:1px solid #33333a;background:#090909;border-radius:11px;overflow:hidden}.plan-img img{width:100%;height:100%;object-fit:cover;display:block}.plan-tag{position:absolute;top:10px;left:10px;letter-spacing:.07em;font-size:9px;font-weight:800;padding:8px 9px;background:#101114e8;border:1px solid #55545b;border-radius:5px}.plan-content{padding:19px 8px 6px;display:flex;flex-direction:column;flex:1}.plan-id{font-size:9px;color:var(--accent);letter-spacing:.15em;font-weight:900}.plan h3{font-size:21px;letter-spacing:-.025em;margin:10px 0 7px}.plan-desc{color:#a2a3ae;font-size:11px;line-height:1.65;min-height:42px;margin:0}.plan-facts{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid #303138}.plan-facts strong{font-size:28px;letter-spacing:-.045em}.plan-facts small{font-size:11px;color:#b9b9c3}.plan-buttons{display:grid;gap:8px;margin-top:16px}.plan-buttons button{width:100%;padding:14px 12px;font-size:11px;font-weight:850;letter-spacing:.03em;border-radius:9px}.plan-buy{border:1px solid transparent;background:#f3f3f4;color:#0b0c0f}.premium .plan-buy{background:#b78cfa}.plan-details{border:1px solid #404148;background:#1e1f25;color:#d8d8e1}.disclaimer{font-size:11px;line-height:1.7;color:#81838f;margin-top:19px}.how{padding-top:100px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.steps article{border:1px solid #33343c;background:#141519;border-radius:15px;padding:28px;min-height:225px}.steps article small{font-weight:800;font-size:10px;color:#b993e2;letter-spacing:.12em}.step-icon{font-size:35px;margin-top:18px;color:#fff}.steps h3{font-size:18px;margin:10px 0 8px}.steps p{font-size:12px;color:#a9aab5;line-height:1.8;margin:0}.how-banner{margin-top:17px;border:1px solid #3e344a;background:linear-gradient(100deg,#20192a,#121319);border-radius:13px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.how-banner div{display:grid;gap:7px}.how-banner strong{font-size:19px}.how-banner span{color:#b4b0bd;font-size:12px}.faq{padding-bottom:110px}.faq-list{border-top:1px solid #303139}.faq-list details{border-bottom:1px solid #303139;padding:20px 0}.faq-list summary{cursor:pointer;font-weight:700;font-size:14px;padding-right:22px}.faq-list p{font-size:13px;color:#a7a8b2;line-height:1.8;max-width:760px}.footer{border-top:1px solid #282a30;background:#0d0e11}.foot-row{display:flex;justify-content:space-between;gap:35px;padding:46px 0}.foot-brand{display:flex;align-items:center;gap:14px}.foot-brand img{width:65px;height:65px;object-fit:contain}.foot-brand strong{font-size:23px;letter-spacing:.22em;display:block}.foot-brand small{font-size:9px;color:#c9c5d2;letter-spacing:.42em}.foot-brand p{color:#8d909c;font-size:12px;margin:10px 0 0}.foot-links{display:flex;gap:26px;align-items:center}.foot-links a,.foot-links button{font-size:12px;color:#acaeb9;background:none;border:0;padding:0}.foot-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #292a30;padding:22px 0;color:#777985;letter-spacing:.08em;font-size:9px}.mobile-chat-bar{display:none}.scrim{position:fixed;inset:0;z-index:79;background:#000b;backdrop-filter:blur(4px)}.detail-modal{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,calc(100% - 26px));max-height:calc(100dvh - 40px);overflow:auto;background:#131418;border:1px solid #40414b;border-radius:18px;padding:27px;box-shadow:0 24px 70px #000a}.close{background:#292a31;border:1px solid #464750;color:#eee;width:35px;height:35px;flex-shrink:0;border-radius:9px;font-size:24px;display:grid;place-items:center}.detail-modal>.close{position:absolute;top:18px;right:18px}.detail-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:start}.detail-image{width:100%;border:1px solid #33343e;border-radius:12px}.detail-copy{padding:18px 0}.detail-copy .eyebrow{color:#bfa6d6}.detail-copy h2{font-size:34px;letter-spacing:-.04em;margin:16px 0}.detail-copy p{color:#acadb9;line-height:1.7;font-size:13px}.detail-spec{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #34363e;font-size:12px;gap:12px}.detail-spec span{color:#a3a5b1}.detail-spec b{font-weight:700}.detail-copy .button{margin-top:22px;width:100%}.chat-panel{position:fixed;z-index:81;right:0;top:0;bottom:0;width:min(460px,100%);background:#121317;border-left:1px solid #464750;display:flex;flex-direction:column;box-shadow:-20px 0 55px #0008}.chat-head{flex-shrink:0;padding:20px 21px;border-bottom:1px solid #303039;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-head-brand{display:flex;align-items:center;gap:11px}.chat-head-brand img{width:43px;height:43px}.chat-head-brand strong{display:block;font-size:14px;letter-spacing:.13em}.chat-head-brand span{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:9px;letter-spacing:.1em;color:#abacb4}.chat-head-brand i{width:6px;height:6px;border-radius:50%;background:#8beac1}.chat-context{flex-shrink:0;margin:16px 18px 8px;padding:13px 16px;background:linear-gradient(105deg,#251d31,#1b1a20);border:1px solid #494052;border-radius:11px;display:grid;gap:4px}.chat-context small{font-size:9px;letter-spacing:.17em;color:#cbb4e5}.chat-context strong{font-size:15px}.chat-context span{font-size:11px;color:#b0a9bd}.chat-state{flex-shrink:0;border:1px solid #34363d;border-radius:9px;padding:11px 12px;margin:7px 18px;color:#aaadb8;font-size:11px;line-height:1.5}.chat-log{flex:1;overflow-y:auto;min-height:0;padding:18px 18px 26px;display:flex;flex-direction:column;gap:13px;overscroll-behavior:contain}.bubble{padding:11px 13px;max-width:88%;line-height:1.55;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #41434d;background:#24252d;border-radius:13px 13px 13px 3px;align-self:flex-start}.bubble.mine{background:#e9e6f0;color:#16121b;border-color:#e9e6f0;border-radius:13px 13px 3px 13px;align-self:flex-end}.bubble.system{max-width:100%;background:none;border:0;text-align:center;color:#989ba7;align-self:center;font-size:11px}.bubble time{font-size:9px;display:block;opacity:.58;margin-top:7px}.chat-compose{background:#17181d;padding:13px 17px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #34353c}.chat-compose label{display:block;font-size:10px;color:#b6b7c0;margin-bottom:6px;font-weight:700}.chat-compose input{background:#212228;border:1px solid #454650;border-radius:8px;color:#fff;width:100%;height:38px;padding:9px 11px;font-size:12px;outline:0}.chat-send-row{display:flex;gap:9px;margin-top:9px;align-items:stretch}.chat-send-row textarea{width:100%;min-height:55px;resize:vertical;max-height:130px;padding:11px;color:#fff;background:#222329;border:1px solid #494b56;border-radius:9px;font-size:13px;outline:0}.chat-send-row button{background:#eae8ee;border:0;color:#141318;width:55px;border-radius:9px;font-size:23px;flex-shrink:0}.chat-compose small{display:block;font-size:10px;color:#8c8e99;margin-top:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);padding:13px 18px;background:#f2f2f4;color:#121318;border-radius:9px;font-size:12px;font-weight:700;z-index:99;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 24px);box-shadow:0 12px 40px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
/* Admin */.admin-page{min-height:100dvh}.admin-header{border-bottom:1px solid #303039;background:#111216}.admin-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px}.admin-header .brand{font-size:18px}.admin-header .brand img{width:42px;height:42px}.admin-main{padding:35px 0 90px}.admin-title h1{font-size:clamp(28px,4vw,43px);margin:10px 0 6px;letter-spacing:-.04em}.admin-title p{color:var(--muted);font-size:13px}.admin-signin{max-width:460px;margin:50px auto;border:1px solid #393b45;background:#17181c;padding:29px;border-radius:17px}.admin-signin h2{font-size:25px;margin:0 0 8px}.admin-signin p{font-size:12px;color:#adaeb9;line-height:1.6;margin:0 0 24px}.admin-signin label{display:block;font-size:11px;color:#d5d6dd;margin-bottom:7px}.admin-signin input{width:100%;padding:14px 12px;border-radius:9px;background:#222329;border:1px solid #40414b;color:#f5f5f5;margin-bottom:18px}.admin-signin button{width:100%;margin-top:7px}.admin-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;margin-top:25px;height:min(710px,calc(100dvh - 206px));min-height:480px}.admin-list,.admin-detail{border:1px solid #373941;border-radius:15px;background:#141519;overflow:hidden;display:flex;flex-direction:column;min-height:0}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px;border-bottom:1px solid #303138}.admin-section-head strong{font-size:14px}.admin-section-head button{background:#23242b;border:1px solid #4a4b52;color:#ddd;padding:8px 12px;border-radius:8px;font-size:11px}.admin-thread-list{overflow-y:auto;flex:1}.thread-item{display:block;text-align:left;padding:16px 18px;border:0;border-bottom:1px solid #303138;background:transparent;color:#fff;width:100%}.thread-item.active,.thread-item:hover{background:#24222b}.thread-item b{font-size:13px;display:block}.thread-item small{display:block;margin-top:6px;font-size:11px;color:#acadb9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-item .thread-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-chip{font-size:9px!important;border-radius:100px;padding:5px 7px;border:1px solid #514e5b;color:#d6d0dd;white-space:nowrap}.status-chip.paid{border-color:#347d5b;color:#90ebba}.status-chip.cancelled{border-color:#a44a4a;color:#f0a2a2}.admin-detail-top{padding:19px;border-bottom:1px solid #32343c}.admin-detail-top strong{font-size:16px}.admin-detail-top p{color:#abaebb;font-size:11px;margin:5px 0}.admin-pay-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.admin-pay-actions button{padding:9px 10px;font-size:11px;color:#dce2e0;background:#282a30;border:1px solid #454850;border-radius:7px}.admin-pay-actions .confirm{background:#163c2c;border-color:#357758;color:#b4f2d2}.admin-pay-actions .cancel{background:#392326;border-color:#70434b;color:#ffd0d2}.admin-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:20px}.admin-reply-form{padding:13px;border-top:1px solid #393a43;display:flex;gap:10px}.admin-reply-form textarea{flex:1;background:#24262b;border:1px solid #4b4e57;border-radius:9px;color:#fff;font-size:13px;min-height:70px;padding:12px;resize:vertical}.admin-reply-form button{border:0;border-radius:9px;padding:0 20px;background:#f3f3f4;color:#121319;font-weight:800}.admin-note{padding:14px 18px;border:1px solid #46404e;background:#241e2d;border-radius:11px;color:#c3b6d0;font-size:12px;line-height:1.6;margin-top:20px}.admin-empty{margin:auto;text-align:center;padding:30px;color:#9c9eaa;font-size:13px;line-height:1.6}
@media(max-width:1160px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-img{aspect-ratio:1.13/1}.hero-copy{padding:65px 0 60px 40px}.hero h1{font-size:clamp(40px,5vw,61px)}}
@media(max-width:800px){.wrap{width:calc(100% - 34px)}.topbar-row{height:64px}.topnav{display:none}.top-cta{margin-left:auto}.hero{margin-top:17px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:46px 32px 15px}.hero h1{font-size:clamp(40px,7vw,57px)}.hero-art{min-height:225px}.hero-art .orb{width:210px;height:210px}.hero-art img{width:210px}.hero-art-caption{bottom:15px}.hero-meta{margin-top:30px}.stripe>div{padding:17px}.section{padding-top:76px}.steps article{padding:21px}.detail-grid{gap:18px}.admin-layout{grid-template-columns:1fr;height:auto;min-height:unset}.admin-list{height:240px}.admin-detail{height:560px}}
@media(max-width:560px){html{scroll-padding-top:62px}.wrap{width:calc(100% - 26px)}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.ticker{height:25px;font-size:7px;gap:9px;letter-spacing:.11em}.topbar-row{height:57px;gap:8px}.brand{font-size:18px;letter-spacing:.18em;gap:5px}.brand img{width:39px;height:39px}.brand small{font-size:7px;letter-spacing:.35em}.top-cta{padding:10px 12px;font-size:10px;gap:7px}.top-cta svg{width:13px}.hero{border-radius:15px}.hero-copy{padding:35px 22px 10px}.eyebrow{font-size:8px;letter-spacing:.18em}.hero h1{font-size:clamp(35px,9vw,50px);margin:19px 0 16px;line-height:1.1}.hero p{font-size:12px;line-height:1.8}.hero-buttons{margin-top:22px;gap:8px;display:grid;grid-template-columns:1fr 1fr}.hero-buttons .button{padding:13px 11px;font-size:9px;gap:4px}.hero-meta{gap:14px;font-size:8px;margin-top:27px}.hero-art{min-height:188px}.hero-art .orb{height:160px;width:160px;box-shadow:0 0 0 33px #735a8610,0 0 0 60px #735a8608}.hero-art img{width:176px}.hero-art-caption{font-size:7px}.stripe{grid-template-columns:1fr;gap:7px;margin-top:9px}.stripe>div{padding:13px 17px;display:grid;grid-template-columns:29px 1fr;align-items:center;column-gap:9px;row-gap:3px}.stripe-icon{grid-row:span 2}.stripe b{font-size:12px}.stripe small{font-size:10px}.section{padding-top:62px}.section-top{display:block;margin-bottom:17px}.section h2{font-size:31px;margin:9px 0 9px}.section-top p{font-size:12px}.filters{margin-top:19px;width:100%;justify-content:space-between}.filters button{flex:1;padding:11px 8px;font-size:10px}.catalog-status{font-size:10px;margin-bottom:12px}.plans{grid-template-columns:1fr;gap:13px}.plan{padding:12px;border-radius:15px}.plan-img{aspect-ratio:1.12/1}.plan-img img{object-fit:contain}.plan-content{padding:15px 4px 5px}.plan h3{font-size:22px;margin:7px 0}.plan-desc{min-height:unset}.plan-facts{margin-top:12px;padding-top:12px}.plan-buttons{grid-template-columns:1fr 1fr}.plan-buttons button{font-size:10px;min-height:46px;padding:10px 8px}.steps{grid-template-columns:1fr;gap:9px}.steps article{min-height:unset;padding:18px 21px}.step-icon{font-size:23px;margin-top:9px}.steps h3{font-size:16px;margin:7px 0}.steps p{font-size:11px}.how-banner{padding:20px;display:grid;gap:18px}.how-banner strong{font-size:17px}.how-banner .button{width:100%}.faq{padding-bottom:66px}.faq-list summary{font-size:13px}.foot-row{padding:31px 0;display:block}.foot-brand img{width:48px;height:48px}.foot-brand strong{font-size:18px}.foot-links{margin-top:28px;gap:18px;flex-wrap:wrap}.foot-bottom{font-size:8px;display:grid;gap:7px}.mobile-chat-bar{display:flex;position:fixed;z-index:35;left:0;right:0;bottom:0;align-items:center;justify-content:center;gap:12px;background:#f0eff3;color:#111216;border:0;font-size:12px;font-weight:900;letter-spacing:.08em;min-height:calc(61px + env(safe-area-inset-bottom));padding:11px 17px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0007}.mobile-chat-bar .pulse{width:7px;height:7px;border-radius:50%;background:#449e78}.mobile-chat-bar span:last-child{margin-left:auto;font-size:19px}.mobile-chat-bar span:nth-child(2){margin-left:auto}.detail-modal{width:100%;left:0;top:auto;bottom:0;transform:none;border-radius:19px 19px 0 0;max-height:93dvh;padding:19px;overflow:auto}.detail-grid{grid-template-columns:1fr;gap:7px}.detail-image{max-height:230px;object-fit:contain;background:black}.detail-copy{padding:10px 2px 8px}.detail-copy h2{font-size:27px}.detail-copy p{font-size:12px}.detail-modal>.close{top:11px;right:11px;z-index:3}.chat-panel{width:100%;height:100dvh;border:0}.chat-head{padding:14px 16px}.chat-head-brand img{width:35px;height:35px}.chat-head-brand strong{font-size:12px}.chat-context{margin:10px 11px 5px;padding:10px 13px}.chat-state{margin:5px 11px;font-size:10px}.chat-log{padding:12px}.chat-compose{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.chat-compose input{height:34px}.bubble{font-size:12px}.toast{bottom:calc(81px + env(safe-area-inset-bottom))}.admin-main{padding:21px 0 85px}.admin-signin{margin:24px auto;padding:20px}.admin-detail{height:540px}.admin-detail-top{padding:13px}.admin-reply-form{padding:10px}.admin-reply-form button{padding:0 13px}.admin-header .brand{font-size:14px}.admin-header .brand img{width:34px;height:34px}}

/* LIREO STORE · presentación neutral adaptable  */
html,body{max-width:100%;overflow-x:clip}
body{padding-bottom:0}
.ticker,.mobile-chat-bar{display:none!important}
.hero{background:linear-gradient(120deg,#17181c,#101115 65%,#121318)}
.hero h1 span{color:#e7e7eb}
.hero-art .orb{border-color:#ffffff12;box-shadow:0 0 0 52px #ffffff05,0 0 0 100px #ffffff03}
.hero-art img{filter:none}
.hero-art-caption{color:#898b96}
.eyebrow .line{background:#d0d0d7}
.plan:not(.premium) .plan-buy{background:#f2f2f4;color:#101114}
.catalog-status{justify-content:space-between}
.catalog-status[hidden]{display:none!important}
#retry-catalog{border:1px solid #575862;border-radius:7px;background:#24252c;color:#fff;padding:7px 12px;font-size:12px;font-weight:700}
.name-setup{margin-bottom:10px}
.name-setup label span{color:#d6b6ff}
.name-setup small{margin-top:6px;line-height:1.5}
.chat-identity{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;background:#1a1b20;border-top:1px solid #363840;border-bottom:1px solid #363840;font-size:10px;color:#aeb0ba;letter-spacing:.06em}
.chat-identity strong{color:#f3f3f4;font-size:12px;letter-spacing:0;overflow-wrap:anywhere}
.chat-identity button{background:none;border:1px solid #62636d;color:#ededf0;border-radius:8px;padding:8px 10px;font-size:11px;white-space:nowrap}
.name-edit-form{background:#191a20;border-bottom:1px solid #464753;padding:13px 17px}
.name-edit-form label{display:block;font-size:12px;font-weight:800;margin-bottom:4px}
.name-edit-form p{font-size:11px;color:#b2b3c0;margin:0 0 10px;line-height:1.5}
.rename-fields{display:flex;flex-wrap:wrap;gap:7px}
.rename-fields input{background:#26272e;min-width:140px;flex:1;color:white;border:1px solid #545660;border-radius:8px;padding:11px;font-size:13px}
.rename-fields button{border:1px solid #51525a;background:#2a2b33;color:#fff;padding:9px 13px;border-radius:8px;font-size:11px;font-weight:700}
.rename-fields button[type=submit]{background:#eeeef0;color:#141419}
.bubble.name-event{align-self:center!important;background:#25262c;border:1px solid #4a4b53;color:#dedee5;text-align:center;width:fit-content;max-width:96%;border-radius:13px;padding:9px 13px;font-size:11px;line-height:1.5}
.bubble.name-event time{text-align:center;color:#a0a1ac}
.admin-page .admin-header .wrap{flex-wrap:wrap;row-gap:12px;padding-block:12px}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-copy{padding:55px 40px 30px}
  .hero-art{display:none}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topnav{display:none}
  .section{padding-top:66px}
}
@media (max-width:560px){
  html{scroll-padding-top:75px}
  .wrap{width:calc(100% - 32px)}
  .topbar-row{height:67px}
  .brand{font-size:18px;gap:7px;letter-spacing:.18em}
  .brand img{width:42px;height:42px}
  .top-cta{padding:11px 13px;font-size:11px}
  .hero{margin-top:18px;min-height:auto;border-radius:16px}
  .hero-copy{padding:29px 23px 28px}
  .hero h1{font-size:clamp(34px,9.2vw,46px);line-height:1.12;margin:17px 0}
  .hero p{font-size:13px;line-height:1.65}
  .hero-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
  .hero-buttons .button{flex:1 1 145px;font-size:10px;min-height:45px;padding:11px 13px}
  .hero-meta{margin-top:24px;font-size:9px;gap:14px}
  .stripe{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .stripe>div{display:flex;flex-direction:column;gap:6px;padding:12px 10px;min-width:0}
  .stripe-icon{font-size:9px}
  .stripe b{font-size:10px;line-height:1.3}
  .stripe small{font-size:9px;line-height:1.35}
  .section{padding-top:55px}
  .section h2{font-size:30px}
  .section-top p{font-size:13px}
  .filters{width:100%;overflow-x:auto;gap:4px}
  .filters button{min-width:0;flex:1;padding:10px 7px;font-size:11px}
  .plans{grid-template-columns:1fr;gap:12px}
  .plan{display:grid;grid-template-columns:42% minmax(0,1fr);gap:13px;padding:11px;border-radius:13px;align-items:stretch}
  .plan-img{aspect-ratio:1;min-height:0;align-self:start;border-radius:8px}
  .plan-img img{object-fit:cover}
  .plan-tag{display:none}
  .plan-content{padding:1px 0;min-width:0}
  .plan-id{font-size:8px}
  .plan h3{font-size:clamp(16px,4.8vw,20px);line-height:1.15;margin:7px 0 5px}
  .plan-desc{font-size:10px;line-height:1.35;min-height:0;display:none}
  .plan-facts{margin-top:8px;padding-top:9px;align-items:baseline;gap:5px;flex-wrap:wrap}
  .plan-facts strong{font-size:23px}
  .plan-facts small{font-size:10px}
  .plan-buttons{grid-template-columns:1fr;gap:6px;margin-top:9px}
  .plan-buttons button{font-size:10px;min-height:35px;padding:8px 7px;border-radius:7px}
  .steps{grid-template-columns:1fr}
  .steps article{min-height:0}
  .how-banner{grid-template-columns:1fr}
  .chat-panel{height:100dvh;max-height:100dvh}
  .chat-log{min-height:0;flex:1}
  .chat-identity{padding:10px 12px}
  .name-edit-form{padding:12px}
  .chat-compose{padding:10px 12px max(12px,env(safe-area-inset-bottom))}
  .toast{bottom:24px}
  .admin-header .wrap{width:calc(100% - 26px)}
  .admin-main{padding:25px 0 60px}
  .admin-layout{display:flex;flex-direction:column;gap:12px}
  .admin-list{height:230px;flex:none}
  .admin-detail{height:550px;flex:none}
}
@media (max-width:365px){
  .hero-buttons .button{flex-basis:100%}
  .plan{grid-template-columns:39% minmax(0,1fr);gap:9px}
  .plan h3{font-size:15px}
  .plan-buttons button{font-size:9px}
  .plan-facts strong{font-size:21px}
  .stripe small{display:none}
}

/* Panel de administración · LIREO STORE */
.admin-header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.admin-header-actions #admin-user{font-size:11px;color:#acaeb9;overflow-wrap:anywhere}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0 14px}
.admin-stats button{border:1px solid #373941;border-radius:13px;background:#15161b;color:#fff;padding:18px;text-align:left;cursor:pointer}
.admin-stats button:hover{border-color:#9a9ba8}
.admin-stats strong{display:block;font-size:28px;line-height:1.1;letter-spacing:-.035em}
.admin-stats span{display:block;color:#afb0bd;font-size:11px;margin-top:7px}
.admin-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.admin-search{flex:1 1 210px}
.admin-search input,.admin-toolbar select,.admin-toolbar button{border:1px solid #40414b;border-radius:9px;background:#1b1c22;color:#e7e8ef;font-size:12px;padding:11px 12px;min-height:42px}
.admin-search input{width:100%}
.admin-toolbar button{cursor:pointer}
.admin-toolbar button:hover{background:#292a32}
.admin-toolbar select{min-width:122px}
.admin-last-sync{color:#8c8e99;font-size:10px;margin-left:auto}
.admin-layout{margin-top:13px;height:min(730px,calc(100dvh - 302px));min-height:530px}
.admin-section-head small{color:#9295a0;font-size:11px}
.thread-item{cursor:pointer;position:relative}
.thread-item.active{box-shadow:inset 3px 0 #f6f6f7}
.thread-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 0;color:#aaaeba;font-size:10px}
.thread-flag{color:#f4cb79;font-size:12px}
.unread-pill{display:inline-flex;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;color:#111;background:#eef0f4;font-size:10px;font-weight:800;border-radius:20px}
.thread-item .preview{margin-top:7px;color:#a4a6b0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-detail-top{padding:14px 17px;max-height:220px;overflow-y:auto}
.admin-detail-top .detail-subtitle{color:#999ca8;font-size:11px;margin-top:6px}
.admin-detail-tools{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.admin-detail-tools button,.admin-pay-actions button{border:1px solid #51525e;border-radius:7px;background:#25262c;color:#e5e6ee;padding:8px 10px;font-size:11px;cursor:pointer}
.admin-detail-tools button:hover,.admin-pay-actions button:hover{border-color:#b8b9c3}
.admin-detail-tools .delete-btn{color:#f4a4a6;border-color:#78484c}
.admin-pay-actions{margin-top:8px}
.admin-messages{padding:14px;gap:9px}
.admin-private-note{border-top:1px solid #32343c;padding:11px 14px;background:#16171c}
.admin-private-note label,.admin-quick>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#aaaeba;font-weight:800}
.admin-note-row{display:flex;gap:8px;align-items:stretch;margin-top:6px}
.admin-note-row textarea{resize:vertical;flex:1;min-height:53px;max-height:160px;padding:10px;border-radius:8px;border:1px solid #484951;background:#24252b;color:white;font:inherit;font-size:12px}
.admin-note-row button{padding:8px 14px;border:1px solid #666975;background:#ededf0;color:#15161a;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer}
.admin-quick{border-top:1px solid #373942;padding:10px 14px 8px}
.admin-quick-row{display:flex;gap:7px;overflow-x:auto;padding:8px 0 2px}
.admin-quick-row button{white-space:nowrap;border:1px solid #484a53;border-radius:20px;color:#e8e8eb;background:#222329;padding:7px 11px;font-size:11px;cursor:pointer}
.admin-quick-row button:hover{background:#33353e}
.admin-reply-form{padding:9px 12px}
.admin-reply-form textarea{min-height:55px;font-family:inherit;font-size:12px}
.admin-guidance{color:#8e909d;font-size:11px;line-height:1.6;margin:13px 0 0}
.legal-page{max-width:780px;padding:50px 0 80px}
.legal-page h1{font-size:clamp(30px,5vw,51px);line-height:1.12;letter-spacing:-.04em}
.legal-page section{border-top:1px solid #34353a;padding:20px 0 15px}
.legal-page h2{font-size:18px}
.legal-page p{color:#b5b6c0;line-height:1.8;font-size:13px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(max-width:920px){.admin-layout{height:auto;min-height:0;display:flex;flex-direction:column}.admin-list{height:275px;flex:none}.admin-detail{height:620px;flex:none}}
@media(max-width:600px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.admin-stats button{padding:13px}.admin-stats strong{font-size:24px}.admin-toolbar{gap:6px}.admin-search{flex-basis:100%}.admin-toolbar select{flex:1}.admin-last-sync{flex:1 1 100%;margin-left:0}.admin-header-actions{gap:5px}.admin-header-actions a,.admin-header-actions button{padding:8px}.admin-detail{height:670px}.admin-detail-top{max-height:245px}.admin-private-note{padding:8px}.admin-note-row textarea{min-width:0}.admin-note-row button{padding:8px}.admin-reply-form button{padding:0 12px}}

/* LIREO V4: avisos discretos, sin barra fija de compra */
.customer-notifications-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 17px;color:#b8bac5;border-bottom:1px solid #373940;background:#15161b;font-size:11px}
.customer-notifications-row button{border:1px solid #575a65;border-radius:7px;background:#24252b;color:#f7f7f7;padding:7px 11px;cursor:pointer;font-size:11px}
.admin-new-badge{color:#a8ffc6;font-size:11px;font-weight:700;white-space:nowrap}
.admin-header-actions #admin-notifications{white-space:nowrap}
.hero-buttons .button{flex:0 1 auto}
@media(max-width:600px){.customer-notifications-row{padding:8px 12px}.admin-header-actions #admin-notifications{font-size:10px;padding:8px 10px}}

/* Barra antigua retirada definitivamente; evita el espacio vacío en celular. */
@media(max-width:560px){
  body{padding-bottom:0!important}
  .mobile-chat-bar{display:none!important}
  .hero-buttons{display:flex!important;flex-wrap:wrap}
  .hero-buttons .button{min-width:150px}
  .toast{bottom:20px}
}

/* Notificaciones del sistema: ajustes discretos de interfaz */
.notify-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.customer-notifications-row{gap:8px;flex-wrap:wrap}
.notify-actions button{white-space:nowrap}
.notify-actions button:disabled{opacity:.58;cursor:default}
.admin-header-actions #admin-test-notification{border-color:#536157;color:#d8f0df}
@media(max-width:560px){.customer-notifications-row{font-size:10px}.notify-actions button{font-size:10px;padding:7px 8px}.admin-header-actions #admin-test-notification{font-size:10px;padding:8px 10px}}