:root{--bg:#f4f7fb;--ink:#142033;--muted:#6e7a8c;--blue:#2867e8;--line:#dce4ef;--card:#fff}*{box-sizing:border-box}body,html{background:#dfe6ef}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.lumina{position:relative;width:min(100%,620px);min-height:100svh;margin:auto;overflow:hidden;background:var(--bg);padding:16px 15px 100px;box-shadow:0 0 70px #52617833}header{justify-content:space-between;position:relative;z-index:2}.brand,header{display:flex;align-items:center}.brand{gap:9px;border:0;background:none;color:var(--ink);text-align:left}.avatar,.brand>span{display:grid;width:39px;height:39px;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--blue)}.brand div{display:grid}.brand b{font-size:14px;letter-spacing:.14em}.brand small{margin-top:4px;color:#8b96a6;font-size:6px;letter-spacing:.18em}.avatar{border-radius:50%}.support-hero{position:relative;margin-top:18px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#152b50,#2867e8);padding:28px 20px 20px;color:#fff;box-shadow:0 25px 60px #2867e833}.support-hero:after{position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;content:""}.orb{position:relative;display:grid;width:100px;height:100px;place-items:center;margin-bottom:40px;border:1px solid #ffffff33;border-radius:50%;background:#ffffff0d;color:#fff}.orb:after,.orb:before{position:absolute;border:1px solid #ffffff20;border-radius:50%;content:""}.orb:before{inset:-13px}.orb:after{inset:-28px}.orb i{position:absolute;inset:20px;border-radius:50%;background:#fff2;filter:blur(12px)}.orb svg{position:relative;z-index:1}.eyebrow,.support-hero>small{font-size:7px;font-weight:800;letter-spacing:.18em}.screen>h1,.support-hero h1{margin:10px 0;font-size:39px;line-height:.95;letter-spacing:-.05em}.support-hero p{max-width:400px;color:#dce7ff;font-size:10px;line-height:1.6}.screen-search,.support-hero label{display:flex;height:50px;align-items:center;gap:9px;margin-top:18px;border-radius:15px;background:#fff;padding:0 13px;color:#8390a1}.screen-search input,.support-hero input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px}.guide-preview,.quick{padding-top:28px}.section-title{display:grid;grid-gap:4px;gap:4px;margin-bottom:11px}.section-title span{color:var(--blue);font-size:7px;font-weight:850;letter-spacing:.16em}.section-title b{font-size:20px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.topic-grid button{position:relative;display:grid;min-height:135px;align-content:start;grid-gap:7px;gap:7px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:15px;color:var(--ink);text-align:left}.topic-grid button>svg:first-child{width:36px;height:36px;padding:9px;border-radius:11px}.topic-grid .blue>svg:first-child{background:#eaf1ff;color:#2867e8}.topic-grid .yellow>svg:first-child{background:#fff4d7;color:#d89a13}.topic-grid .violet>svg:first-child{background:#f1eaff;color:#7a51df}.topic-grid .green>svg:first-child{background:#e6f7ee;color:#27915a}.topic-grid b{margin-top:6px;font-size:11px}.topic-grid small{color:#7f8b9b;font-size:8px;line-height:1.45}.topic-grid>button>svg:last-child{position:absolute;right:12px;bottom:12px;color:#a3adba}.diagnostic-banner{display:grid;width:100%;grid-template-columns:44px 1fr 24px;align-items:center;grid-gap:10px;gap:10px;margin-top:12px;border:0;border-radius:20px;background:#15243a;padding:14px;color:#fff;text-align:left}.diagnostic-banner>span{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#2867e8}.diagnostic-banner div{display:grid;grid-gap:3px;gap:3px}.diagnostic-banner small{color:#7fa6ff;font-size:6px;letter-spacing:.14em}.diagnostic-banner b{font-size:10px}.diagnostic-banner p{margin:0;color:#8996a8;font-size:8px}.guide-preview>button{display:grid;width:100%;grid-template-columns:34px 1fr 20px;align-items:center;grid-gap:8px;gap:8px;border:0;border-top:1px solid var(--line);background:none;padding:13px 4px;color:var(--ink);text-align:left}.guide-preview>button>svg:first-child{color:var(--blue)}.guide-preview span{display:grid;grid-gap:4px;gap:4px}.guide-preview b{font-size:10px}.guide-preview small{color:#8a95a4;font-size:8px}.screen{padding-top:12px}.back{display:flex;align-items:center;gap:7px;margin:12px 0 38px;border:0;background:none;color:#778496;font-size:9px}.eyebrow{color:var(--blue)}.screen>h1{font-size:40px}.lead{max-width:460px;color:var(--muted);font-size:11px;line-height:1.6}.device-visual{height:310px;place-items:center;overflow:hidden;margin-top:24px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle,#edf4ff,#fff)}.device-visual,.hub{position:relative;display:grid}.hub{z-index:2;width:118px;height:118px;place-items:center;border-radius:32px;background:#fff;color:var(--blue);box-shadow:0 24px 60px #59799b38}.hub:after{position:absolute;right:11px;bottom:11px;width:8px;height:8px;border-radius:50%;background:#35c47a;box-shadow:0 0 0 6px #35c47a20;content:""}.device-visual>span{position:absolute;border:1px solid #2867e81a;border-radius:50%;animation:pulse 3s infinite}.device-visual>span:first-of-type{width:180px;height:180px}.device-visual>span:nth-of-type(2){width:240px;height:240px;animation-delay:.5s}.device-visual>span:nth-of-type(3){width:300px;height:300px;animation-delay:1s}@keyframes pulse{50%{transform:scale(1.04);opacity:.35}}.progress{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin:15px 0}.progress i{height:4px;border-radius:99px;background:#dbe3ee}.progress i.active{background:var(--blue)}.actions{display:grid;grid-gap:8px;gap:8px}.actions button,.primary{display:flex;width:100%;height:52px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:var(--blue);color:#fff;font-size:10px;font-weight:750}.actions button:last-child{border:1px solid var(--line);background:#fff;color:var(--ink)}.success-card{border:1px solid #bde8d0;border-radius:20px;background:#effbf4;padding:20px}.success-card>svg{color:#2aaa68}.success-card h2{margin:10px 0}.success-card p{color:#64756d;font-size:10px}.success-card button{border:0;background:none;color:#1f8652;font-size:9px;font-weight:750}.screen-search{border:1px solid var(--line);margin:20px 0;background:#fff}.guide-list{display:grid;grid-gap:10px;gap:10px}.guide-list article{display:grid;grid-template-columns:30px 1fr 22px;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:20px;background:#fff;padding:16px}.guide-list>article>span{color:var(--blue);font-size:8px}.guide-list small{color:#8b96a5;font-size:7px}.guide-list h2{margin:5px 0;font-size:13px}.guide-list p{margin:0;color:#7c8898;font-size:8px;line-height:1.5}.guide-list>article>svg{align-self:center;color:#98a3b1}.form{display:grid;grid-gap:9px;gap:9px}.form>label{display:grid;grid-gap:7px;gap:7px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:12px}.form label span{color:#788596;font-size:7px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.form select,.form textarea{border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.form textarea{min-height:110px;resize:none;line-height:1.5}.upload{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;grid-gap:9px;gap:9px;border:1px dashed #b9c7d8;border-radius:17px;background:#eef4fc;padding:14px;color:var(--blue);text-align:left}.upload span{display:grid;grid-gap:3px;gap:3px}.upload b{font-size:9px}.upload small{overflow:hidden;color:#8090a4;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.screen>.primary{margin-top:12px}.primary:disabled{background:#c8d1de}.case{margin-bottom:10px;border:1px solid var(--line);border-radius:21px;background:#fff;padding:16px}.case>div:first-child{display:flex;justify-content:space-between;color:#7f8b9a;font-size:8px}.case em{border-radius:99px;background:#fff1d1;padding:5px 8px;color:#a96f00;font-size:6px;font-style:normal}.case em.done{background:#e6f7ee;color:#278655}.case h2{margin:16px 0 6px;font-size:14px}.case p{color:#8793a2;font-size:8px}.status-line{display:grid!important;grid-template-columns:repeat(4,1fr);grid-gap:4px!important;gap:4px!important;margin-top:15px}.status-line i{height:4px;border-radius:99px;background:#d9e2ed}.status-line i:nth-child(-n+3){background:var(--blue)}.case>button{gap:6px;margin-top:14px;border:0;background:none;color:var(--blue);font-size:8px}.agent,.case>button{display:flex;align-items:center}.agent{gap:10px;border-bottom:1px solid var(--line);padding-bottom:14px}.agent>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#2867e8;color:#fff}.agent>div{display:grid;grid-gap:4px;gap:4px}.agent b{font-size:10px}.agent small{display:flex;align-items:center;gap:5px;color:#728093;font-size:7px}.agent small i{width:5px;height:5px;border-radius:50%;background:#35c47a}.messages{display:flex;min-height:420px;flex-direction:column;gap:8px;padding:20px 0}.messages>div{max-width:80%;border-radius:17px;padding:11px 12px;font-size:9px;line-height:1.5}.messages .support{align-self:flex-start;background:#fff}.messages .user{align-self:flex-end;background:#2867e8;color:#fff}.messages small{display:block;margin-top:6px;opacity:.6;font-size:6px}.composer{display:grid;grid-template-columns:38px 1fr 38px;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:5px}.composer button{display:grid;place-items:center;border:0;border-radius:12px;background:#eef3f9;color:#6e7d90}.composer button:last-child{background:#2867e8;color:#fff}.composer input{min-width:0;border:0;outline:0;background:none;font-size:10px}nav{position:fixed;z-index:10;right:50%;bottom:12px;display:grid;width:min(calc(100% - 30px),590px);grid-template-columns:repeat(3,1fr);transform:translateX(50%);border:1px solid #d7e0eb;border-radius:19px;background:#fffffff2;padding:6px;box-shadow:0 18px 45px #32445d28;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}nav button{display:grid;justify-items:center;grid-gap:3px;gap:3px;border:0;border-radius:13px;background:transparent;padding:7px;color:#8793a3;font-size:6px}nav button.active{background:#edf3ff;color:var(--blue)}.ticket-success{position:fixed;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;background:#f4f7fbf5;padding:30px;text-align:center}.ticket-success>span{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;background:#e8f8ef;color:#28a461}.ticket-success small{margin-top:18px;color:#28a461;font-size:7px;letter-spacing:.18em}.ticket-success h2{margin:12px 0;font-size:28px;line-height:1}.ticket-success p{max-width:360px;color:#748194;font-size:10px;line-height:1.6}.ticket-success button{height:48px;margin-top:10px;border:0;border-radius:14px;background:var(--blue);padding:0 20px;color:#fff;font-size:9px}@media(max-width:390px){.lumina{padding-inline:11px}.screen>h1,.support-hero h1{font-size:35px}.device-visual{height:270px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}