:root{--bg:#070b16;--panel:#101729cc;--line:#26304a;--text:#f4f7ff;--muted:#94a0ba;--primary:#7c5cff;--primary2:#4fd1c5;--danger:#ff667d;--shadow:0 24px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(124,92,255,.18),transparent 35%),radial-gradient(circle at 90% 80%,rgba(79,209,197,.1),transparent 35%),var(--bg)}button,input,textarea{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.glass{background:linear-gradient(145deg,rgba(20,29,52,.88),rgba(11,16,31,.78));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:24px}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:42px;text-align:center}.brand-mark{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:900;font-size:28px;box-shadow:0 14px 45px rgba(124,92,255,.3)}.brand-mark.small{width:42px;height:42px;border-radius:13px;margin:0;font-size:20px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#a899ff;font-weight:800;margin:0 0 8px}.login-card h1,.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0 0 16px}.login-card p,.hero p,.muted{color:var(--muted);line-height:1.65}.login-card form{display:grid;gap:12px;text-align:left;margin-top:28px}label{font-size:13px;color:#c7cede}input,textarea{width:100%;border:1px solid var(--line);background:#090f1f;color:var(--text);border-radius:14px;padding:14px 16px;outline:none}input:focus,textarea:focus{border-color:#7663e8;box-shadow:0 0 0 3px rgba(124,92,255,.12)}button{border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--primary),#5d7cff);color:white;border-radius:14px;padding:14px 18px;font-weight:800;box-shadow:0 12px 30px rgba(124,92,255,.24)}.primary:hover{transform:translateY(-1px)}.primary.compact{padding:11px 15px}.primary.full{width:100%;margin-top:20px}.ghost{background:transparent;color:#c9d1e3;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid rgba(255,255,255,.07);background:rgba(7,11,22,.78);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 28px}.brand strong{display:block}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:8px}.nav-btn{background:transparent;color:#aeb8ce;text-align:left;padding:13px 14px;border-radius:13px}.nav-btn.active,.nav-btn:hover{background:rgba(124,92,255,.13);color:white}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.privacy-note{font-size:12px;line-height:1.5;color:#7f8aa3;padding:12px}.content{padding:28px 34px 60px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h2{margin:0;font-size:26px}.menu-btn{display:none;background:transparent;color:white;font-size:24px}.hero{min-height:320px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden}.hero p{max-width:680px}.hero .primary{margin-top:14px}.hero-orb{position:relative;width:250px;height:250px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9aaff,transparent 25%),linear-gradient(135deg,#4631ad,#1a766f);box-shadow:0 0 80px rgba(124,92,255,.32);animation:float 5s ease-in-out infinite}.hero-orb span,.hero-orb i{position:absolute;inset:-22px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.hero-orb i{inset:-48px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 34px}.stat{padding:22px}.stat span{color:var(--muted);font-size:13px}.stat strong{display:block;font-size:34px;margin-top:8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.section-head h3{margin:0;font-size:22px}.meeting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.meeting-card{padding:20px;transition:.2s;cursor:pointer}.meeting-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.45)}.meeting-card h4{margin:10px 0 8px;font-size:17px}.meeting-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7f8aa3}.status{padding:5px 8px;border-radius:99px;background:rgba(255,255,255,.06)}.status.ready{color:#7ce8c8;background:rgba(57,211,163,.1)}.status.error{color:#ff8aa0;background:rgba(255,102,125,.1)}.recorder-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.recorder-card{padding:34px;text-align:center}.title-input{max-width:520px;text-align:center;font-size:20px;font-weight:800;background:transparent}.wave{height:120px;display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0}.wave span{width:7px;height:22px;background:linear-gradient(var(--primary),var(--primary2));border-radius:99px;opacity:.45}.wave.active span{animation:wave 1s ease-in-out infinite}.wave.active span:nth-child(2){animation-delay:.1s}.wave.active span:nth-child(3){animation-delay:.2s}.wave.active span:nth-child(4){animation-delay:.3s}.wave.active span:nth-child(5){animation-delay:.4s}.wave.active span:nth-child(6){animation-delay:.5s}.wave.active span:nth-child(7){animation-delay:.6s}.timer{font-size:54px;font-weight:900;letter-spacing:-.04em}.record-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px}.record-btn{width:82px;height:82px;border-radius:50%;background:rgba(124,92,255,.15);border:1px solid rgba(124,92,255,.5);display:grid;place-items:center}.record-btn span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#9e86ff,#5c73ff);box-shadow:0 0 28px rgba(124,92,255,.7)}.round-btn{width:74px;height:74px;border-radius:50%;background:#192138;color:white}.round-btn.danger{background:rgba(255,102,125,.14);color:#ff91a3}.marker-btn{padding:13px 18px;border-radius:14px;background:rgba(79,209,197,.1);border:1px solid rgba(79,209,197,.25);color:#80e7dd}.marker-btn:disabled{opacity:.35;cursor:not-allowed}.markers-panel{padding:22px}.badge{background:rgba(124,92,255,.15);padding:7px 10px;border-radius:99px}.markers-list{display:grid;gap:10px;margin-top:18px}.marker-item{display:flex;align-items:center;justify-content:space-between;background:#0a1020;border:1px solid var(--line);padding:12px;border-radius:13px}.marker-item strong{color:#80e7dd}.empty-small,.empty-state{color:#77829a;text-align:center;padding:28px}.detail-hero{padding:28px;margin-bottom:18px}.detail-hero h1{margin:8px 0}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{padding:24px;margin-bottom:18px}.panel h3{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 10px;border-radius:10px;background:#0a1020;border:1px solid var(--line);font-size:13px}.list{display:grid;gap:10px;padding:0;list-style:none}.list li{background:#0a1020;border:1px solid var(--line);padding:13px;border-radius:13px;line-height:1.5}.transcript{white-space:pre-wrap;max-height:420px;overflow:auto;color:#c8d0e2;line-height:1.7}.chat-box{display:grid;gap:10px}.chat-log{display:grid;gap:10px;max-height:360px;overflow:auto}.bubble{padding:12px 14px;border-radius:14px;line-height:1.55}.bubble.q{background:rgba(124,92,255,.13);margin-left:12%}.bubble.a{background:#0a1020;border:1px solid var(--line);margin-right:8%}.chat-form{display:flex;gap:8px}.chat-form input{flex:1}.danger-text{color:#ff8ca0}.toast{position:fixed;z-index:50;right:20px;bottom:20px;max-width:360px;padding:14px 18px;border-radius:14px;background:#131b30;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,102,125,.5)}@keyframes wave{0%,100%{height:18px;opacity:.4}50%{height:90px;opacity:1}}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}
@media(max-width:1000px){.meeting-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-orb{display:none}.recorder-layout,.detail-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;left:-290px;width:270px;transition:.25s}.sidebar.open{left:0}.content{padding:20px 16px 50px}.menu-btn{display:block}.topbar .compact{display:none}.hero{padding:28px;min-height:auto}.hero h1{font-size:38px}.stats-grid{grid-template-columns:1fr}.meeting-grid{grid-template-columns:1fr}.recorder-card{padding:22px}.timer{font-size:46px}.chat-form{flex-direction:column}.login-card{padding:28px}}
.record-meta{display:flex;justify-content:space-between;gap:12px;color:#8f9bb5;font-size:.82rem;margin:8px 0 16px}.import-box{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.file-btn{cursor:pointer}.search-input{width:100%;margin:0 0 18px;padding:14px 16px;border:1px solid #26314d;background:#0d1427;color:white;border-radius:14px}.edit-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.edit-title-row input{flex:1;min-width:220px;font-size:1.5rem;font-weight:800;background:transparent;color:#fff;border:1px solid transparent;padding:8px;border-radius:10px}.edit-title-row input:focus{border-color:#5865f2;outline:0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mindmap{display:grid;gap:12px}.mind-root{border-left:3px solid #6f6cff;padding-left:14px}.mind-root h4{margin:0 0 7px}.mind-root ul{margin:0;padding-left:18px}.task-row{display:flex;gap:10px;align-items:flex-start}.task-row input{margin-top:4px}.task-done{text-decoration:line-through;opacity:.55}.participants-box{display:flex;gap:8px;flex-wrap:wrap}.speaker-badge{padding:7px 10px;border:1px solid #2b3858;border-radius:999px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#18233d;color:white;border:1px solid #30405f;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer}@media print{.sidebar,.topbar,#backBtn,.detail-actions,.chat-form,#deleteBtn{display:none!important}.content{margin:0!important;padding:0!important}.glass{box-shadow:none!important;background:white!important;color:#111!important;border:1px solid #ddd!important}.muted{color:#444!important}body{background:white!important}.detail-grid{display:block!important}.panel{break-inside:avoid}}
/* V3 - edição, participantes e relatório */
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h3{margin:0}.info-badge{font-size:11px;padding:6px 9px;border-radius:999px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.25);color:#f4d06f}.link-btn{text-decoration:none;display:inline-flex;align-items:center}.task-list{display:grid;gap:10px}.task-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;background:#0a1020;border:1px solid var(--line);padding:14px;border-radius:14px}.task-card input{margin-top:4px}.task-main strong{display:block;margin-bottom:5px}.task-meta{display:flex;gap:8px;flex-wrap:wrap;color:#8f9bb5;font-size:12px}.task-meta span{padding:4px 7px;border-radius:7px;background:#111a31}.mini-btn{border:1px solid #30405f;background:#121b32;color:#dfe6f5;border-radius:9px;padding:7px 10px;font-size:12px;cursor:pointer}.small-action{margin-top:12px}.decision-list{display:grid;gap:10px}.decision-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#0a1020;border:1px solid var(--line);border-left:3px solid #7c5cff;padding:13px;border-radius:12px}.decision-card small{display:block;color:#8f9bb5;margin-top:5px}.participant-editor{display:grid;gap:10px}.participant-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center}.participant-row span{font-size:13px;color:#aab4ca}.participant-row input{width:100%}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.suggestions small{width:100%;color:#8f9bb5}.tabbar{display:flex;gap:7px;margin-bottom:12px}.tab-btn{border:1px solid #30405f;background:#10182c;color:#aeb8cc;border-radius:9px;padding:8px 11px;cursor:pointer}.tab-btn.active{background:rgba(124,92,255,.18);border-color:#6f63ff;color:white}.visual-mindmap{gap:18px}.visual-mindmap .mind-root{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr auto;gap:14px;align-items:center;border-left:0;padding-left:0}.mind-center{background:linear-gradient(135deg,rgba(124,92,255,.26),rgba(79,209,197,.12));border:1px solid rgba(124,92,255,.45);padding:15px;border-radius:14px;font-weight:800;text-align:center}.mind-branches{display:flex;gap:8px;flex-wrap:wrap;position:relative}.mind-branches:before{content:"";position:absolute;left:-14px;top:50%;width:14px;height:1px;background:#5f6c8f}.mind-branches span{background:#0a1020;border:1px solid var(--line);padding:9px 11px;border-radius:11px}.transcript{min-height:180px}.edit-title-row input{border-color:#273455}.detail-actions{align-items:center}@media(max-width:760px){.task-card{grid-template-columns:auto 1fr}.task-card .mini-btn{grid-column:2}.participant-row{grid-template-columns:1fr}.visual-mindmap .mind-root{grid-template-columns:1fr}.mind-branches:before{display:none}.detail-actions{flex-direction:column;align-items:stretch}.detail-actions>*{justify-content:center;text-align:center}}

.mode-label{display:grid;gap:8px;margin:14px 0;color:#b9c3dc;font-size:.9rem}.mode-label select,.mode-select{background:#0c1428;color:#eef2ff;border:1px solid #2a385c;border-radius:12px;padding:12px}.mode-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#202a50;color:#cfd5ff;font-size:.8rem}.audio-sync{width:100%;margin:12px 0}.segment-list{max-height:360px;overflow:auto;display:grid;gap:8px}.segment{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start;padding:10px 12px;border:1px solid #243252;border-radius:12px;background:#0b1428;color:#dfe6ff;text-align:left;cursor:pointer}.segment:hover{border-color:#7165ff}.segment time{color:#8ea0c9;font-variant-numeric:tabular-nums}.share-row{display:flex;gap:10px;flex-wrap:wrap}.global-note{font-size:.82rem;color:#8fa0c2}

/* V5 — estabilidade e refinamento visual */
.content{max-width:1560px;width:100%;margin:0 auto}.detail-hero{padding:30px;border-color:rgba(119,129,255,.22);background:radial-gradient(circle at 12% 0,rgba(109,82,255,.13),transparent 36%),linear-gradient(145deg,rgba(15,23,44,.98),rgba(9,16,31,.96))}.detail-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.meeting-facts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.meeting-facts span{font-size:12px;color:#aeb9d2;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);padding:7px 10px;border-radius:999px}.hero-summary{max-width:980px;margin:12px 0 0;color:#aeb8cf;line-height:1.7;font-size:15px}.detection-reason{font-size:12px;color:#8190ae;margin:8px 0 0}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.mode-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-badge{font-weight:800;color:#f0edff;background:linear-gradient(135deg,rgba(124,92,255,.27),rgba(75,113,255,.16));border:1px solid rgba(129,105,255,.35)}.mode-select{min-width:190px}.detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start}.panel{border-color:rgba(109,127,171,.2);background:linear-gradient(150deg,rgba(16,25,47,.94),rgba(10,17,33,.94));box-shadow:0 18px 55px rgba(0,0,0,.16)}.summary-panel p{font-size:15px;line-height:1.75;color:#d0d7e7}.mode-panel{border-color:rgba(124,92,255,.25)}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.insight-block{background:#0a1224;border:1px solid #253251;border-radius:14px;padding:14px;min-width:0}.insight-block>strong{display:block;margin-bottom:8px;color:#f2f5ff}.insight-block p{margin:0;color:#b8c2d8;line-height:1.55}.insight-block .list{gap:6px}.insight-block .list li{padding:9px 10px;background:#101a31}.flashcards,.qa-pair{display:grid;gap:8px}.flashcards>div,.qa-pair{display:grid;gap:5px;background:#101a31;border:1px solid #263554;border-radius:11px;padding:11px}.flashcards span,.qa-pair span{color:#aeb9d0;font-size:13px;line-height:1.5}.task-card{grid-template-columns:22px minmax(0,1fr) auto;align-items:center;padding:13px 14px}.task-card input{width:17px;height:17px;margin:0}.task-main strong{font-size:14px}.task-meta span{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.participant-editor>.muted{font-size:13px;line-height:1.6;background:rgba(124,92,255,.07);border:1px solid rgba(124,92,255,.15);padding:11px 12px;border-radius:11px}.participant-row{grid-template-columns:82px minmax(0,1fr)}.participant-row input{background:#0a1224}.visual-mindmap .mind-root{padding:10px;border:1px solid rgba(65,82,124,.35);border-radius:15px;background:rgba(7,13,27,.45)}.mind-center{min-width:170px}.mind-branches span{transition:.18s}.mind-branches span:hover{border-color:#6e64ff;transform:translateY(-1px)}.audio-sync{height:46px;border-radius:999px}.segment-list{max-height:440px;padding-right:5px}.segment{grid-template-columns:58px minmax(0,1fr);padding:12px 13px;transition:.16s;border-color:#243252}.segment:hover{transform:translateX(2px);background:#101b34}.segment.active{border-color:#7768ff;background:linear-gradient(90deg,rgba(124,92,255,.19),rgba(19,30,56,.95));box-shadow:inset 3px 0 0 #826fff}.segment time{font-weight:700}.chips{gap:7px}.chip{background:rgba(14,23,44,.9);border-color:#2b3959}.chat-form input{min-height:48px}.status.error{animation:none}.primary:disabled,.secondary:disabled{opacity:.55;cursor:wait}.empty-state,.empty-small{border:1px dashed rgba(121,137,173,.18);border-radius:13px;background:rgba(255,255,255,.015)}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.detail-hero{padding:22px}.detail-topline{align-items:flex-start;flex-direction:column}.meeting-facts{justify-content:flex-start}.edit-title-row input{font-size:1.25rem}.command-bar,.mode-control,.detail-actions{align-items:stretch;flex-direction:column;width:100%}.mode-select,.mode-control>*{width:100%}.insight-grid{grid-template-columns:1fr}.panel{padding:19px}.segment{grid-template-columns:52px minmax(0,1fr)}.task-card{grid-template-columns:20px 1fr}.task-card .mini-btn{grid-column:2}.meeting-facts span{font-size:11px}}

/* V6 — home hero redesign */
.topbar .compact{box-shadow:0 14px 34px rgba(124,92,255,.24)}
.hero{position:relative;min-height:410px;padding:46px 46px 42px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;border-color:rgba(116,126,255,.18);background:
radial-gradient(circle at 14% 0,rgba(124,92,255,.18),transparent 34%),
radial-gradient(circle at 86% 100%,rgba(79,209,197,.08),transparent 30%),
linear-gradient(145deg,rgba(16,24,45,.96),rgba(10,16,31,.94));}
.hero-copy{position:relative;z-index:2;align-self:center}
.hero h1{max-width:760px;margin-bottom:18px;letter-spacing:-.045em;text-wrap:balance}
.hero p{font-size:16px;max-width:620px;margin:0}
.hero-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.hero-main-cta{padding:15px 22px;border-radius:16px;background:linear-gradient(135deg,#8b6dff,#5f7dff);box-shadow:0 16px 38px rgba(98,89,255,.26);transition:transform .18s ease, box-shadow .18s ease}
.hero-main-cta:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(98,89,255,.34)}
.hero-inline-note{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085);color:#d6ddf0;font-size:13px}
.inline-dot{width:8px;height:8px;border-radius:50%;background:#7ce8c8;box-shadow:0 0 0 6px rgba(124,232,200,.14)}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;max-width:760px}
.hero-pill{display:inline-flex;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(12,19,37,.84);border:1px solid rgba(255,255,255,.06);color:#c7d1e5;font-size:13px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.hero-pill:before{content:"";width:8px;height:8px;border-radius:50%;margin-right:9px;background:linear-gradient(135deg,#a98cff,#4fd1c5);box-shadow:0 0 14px rgba(124,92,255,.3)}
.hero-visual{position:relative;min-height:320px;display:grid;place-items:center;overflow:hidden}
.hero-grid-glow{position:absolute;inset:0;opacity:.55;background:
radial-gradient(circle at 50% 50%,rgba(124,92,255,.12),transparent 42%),
linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;mask-image:radial-gradient(circle at 50% 50%,black 42%,transparent 82%)}
.hero-orb-wrap{position:relative;width:min(420px,100%);height:320px;display:grid;place-items:center}
.hero-pulse{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);opacity:.55;animation:heroPulse 7s ease-in-out infinite}
.hero-pulse.pulse-1{width:290px;height:290px}
.hero-pulse.pulse-2{width:356px;height:356px;animation-delay:1.2s}
.hero-orb{position:relative;width:246px;height:246px;border-radius:50%;background:
radial-gradient(circle at 32% 26%,rgba(233,220,255,.95),rgba(190,156,255,.55) 14%,transparent 27%),
radial-gradient(circle at 68% 72%,rgba(79,209,197,.28),transparent 42%),
linear-gradient(135deg,#5660e8,#1d7f98 72%,#17314d);box-shadow:
0 34px 80px rgba(95,109,255,.2),
0 0 80px rgba(111,96,255,.24),
inset 0 1px 0 rgba(255,255,255,.18),
inset 0 -16px 45px rgba(0,0,0,.18);animation:orbFloat 6.5s ease-in-out infinite}
.orb-core,.orb-shine,.orb-ring,.orb-particle{position:absolute;border-radius:50%}
.orb-core{inset:26px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),transparent 55%);filter:blur(.5px)}
.orb-shine{width:96px;height:96px;left:38px;top:30px;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,.08) 55%,transparent 72%);filter:blur(2px)}
.orb-ring{inset:-12px;border:1px solid rgba(255,255,255,.07)}
.ring-2{inset:-32px;border-color:rgba(255,255,255,.05)}
.ring-3{inset:-54px;border-color:rgba(255,255,255,.035)}
.orb-particle{width:10px;height:10px;background:linear-gradient(135deg,#d7ceff,#67dfd5);box-shadow:0 0 20px rgba(124,92,255,.4)}
.p1{top:22px;right:54px;animation:orbitA 8s linear infinite}
.p2{right:26px;bottom:72px;animation:orbitB 9s linear infinite}
.p3{left:26px;bottom:52px;animation:orbitC 7.5s linear infinite}
.p4{left:54px;top:18px;animation:orbitD 10s linear infinite}
.hero-float-card{position:absolute;display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:rgba(12,19,37,.88);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.hero-float-card strong{font-size:14px;color:#f3f6ff}
.hero-float-card span{font-size:12px;color:#9baccc}
.card-top{top:24px;left:8px;animation:cardFloatA 6s ease-in-out infinite}
.card-right{right:0;top:106px;animation:cardFloatB 7s ease-in-out infinite}
.card-bottom{left:42px;bottom:8px;animation:cardFloatC 6.8s ease-in-out infinite}
.stats-grid{margin:22px 0 36px;gap:18px}
.stat{position:relative;padding:22px 22px 18px;border-color:rgba(255,255,255,.07);background:linear-gradient(155deg,rgba(16,24,45,.95),rgba(10,16,31,.92));overflow:hidden}
.stat:before{content:"";position:absolute;inset:auto -40px -40px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.14),transparent 60%)}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stat span{font-size:13px;letter-spacing:.02em}
.stat strong{font-size:42px;letter-spacing:-.04em;line-height:1;margin-top:16px}
.stat small{display:block;margin-top:10px;color:#8a96b1;font-size:12px}
.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-style:normal;color:#d6d9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.section-subtitle{margin:6px 0 0;color:#8f9db9;font-size:14px;line-height:1.55}
.meeting-card{position:relative;padding:22px;border-color:rgba(255,255,255,.07);background:linear-gradient(155deg,rgba(16,24,45,.95),rgba(10,16,31,.92));overflow:hidden}
.meeting-card:before{content:"";position:absolute;inset:auto -20px -20px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(79,209,197,.08),transparent 58%)}
.meeting-card .card-meta{margin-bottom:10px}
.meeting-card h4{font-size:18px;line-height:1.3}
.meeting-card p{font-size:13px;line-height:1.65;max-width:48ch}
.ghost:hover{background:rgba(255,255,255,.03)}
.hero-copy,.hero-visual,.stat,.meeting-card{transform:translateZ(0)}
@keyframes heroPulse{0%,100%{transform:scale(.98);opacity:.26}50%{transform:scale(1.035);opacity:.62}}
@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(2.6deg)}}
@keyframes orbitA{0%{transform:translate(0,0)}25%{transform:translate(10px,-10px)}50%{transform:translate(20px,4px)}75%{transform:translate(8px,12px)}100%{transform:translate(0,0)}}
@keyframes orbitB{0%{transform:translate(0,0)}25%{transform:translate(-12px,6px)}50%{transform:translate(-4px,14px)}75%{transform:translate(10px,8px)}100%{transform:translate(0,0)}}
@keyframes orbitC{0%{transform:translate(0,0)}25%{transform:translate(6px,12px)}50%{transform:translate(16px,4px)}75%{transform:translate(8px,-10px)}100%{transform:translate(0,0)}}
@keyframes orbitD{0%{transform:translate(0,0)}25%{transform:translate(-10px,-8px)}50%{transform:translate(-18px,5px)}75%{transform:translate(-8px,12px)}100%{transform:translate(0,0)}}
@keyframes cardFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes cardFloatB{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes cardFloatC{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{order:-1;min-height:280px}.hero-orb-wrap{height:290px}.hero-float-card{transform:scale(.96)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding:26px 22px 24px;gap:18px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-cta-row{align-items:stretch;flex-direction:column}.hero-inline-note{width:100%;justify-content:center}.hero-pills{gap:8px}.hero-pill{font-size:12px;padding:9px 11px}.hero-visual{min-height:240px}.hero-orb-wrap{height:240px}.hero-orb{width:188px;height:188px}.hero-pulse.pulse-1{width:220px;height:220px}.hero-pulse.pulse-2{width:270px;height:270px}.hero-float-card{padding:10px 12px}.card-top{left:0;top:16px}.card-right{right:0;top:88px}.card-bottom{left:18px;bottom:0}.stats-grid{grid-template-columns:1fr}.stat strong{font-size:36px}.section-subtitle{font-size:13px}}


/* V7 — hero bugfix and simplification */
.hero-visual{overflow:visible}
.hero-orb-wrap{width:min(390px,100%);height:312px}
.hero-orb-shell{position:relative;display:grid;place-items:center;width:320px;height:320px}
.shell-ring,.shell-dash{position:absolute;border-radius:50%}
.shell-ring{border:1px solid rgba(255,255,255,.06)}
.shell-1{inset:22px}
.shell-2{inset:0;border-color:rgba(255,255,255,.04)}
.shell-dash{border:1px dashed rgba(132,144,182,.12)}
.dash-1{inset:44px;clip-path:inset(0 0 52% 0)}
.dash-2{inset:44px;clip-path:inset(52% 0 0 0)}
.dash-3{inset:72px;border-style:solid;border-color:rgba(79,209,197,.08);clip-path:inset(20% 58% 20% 0)}
.hero-orb{width:228px;height:228px}
.hero-orb-caption{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:999px;white-space:nowrap;background:rgba(12,19,37,.78);border:1px solid rgba(255,255,255,.08);color:#aeb9d3;font-size:12px;backdrop-filter:blur(12px)}
.hero-float-card,.card-top,.card-right,.card-bottom{display:none!important}
@media(max-width:1000px){.hero-orb-wrap{height:280px}.hero-orb-shell{width:284px;height:284px}.hero-orb{width:210px;height:210px}.hero-orb-caption{bottom:-2px}}
@media(max-width:760px){.hero-visual{min-height:220px}.hero-orb-wrap{width:100%;height:220px}.hero-orb-shell{width:220px;height:220px}.shell-1{inset:18px}.shell-2{inset:4px}.dash-1,.dash-2{inset:30px}.dash-3{inset:52px}.hero-orb{width:172px;height:172px}.hero-orb-caption{font-size:11px;padding:8px 12px;bottom:-4px;max-width:90%;text-align:center;white-space:normal}}


/* V8 — mobile orb, recording resilience and PWA */
.record-safety{display:flex;align-items:flex-start;gap:11px;max-width:590px;margin:0 auto 8px;padding:12px 14px;border:1px solid rgba(124,232,200,.16);background:rgba(79,209,197,.055);border-radius:14px;text-align:left}
.record-safety strong,.record-safety small{display:block}.record-safety strong{font-size:12px;color:#dffbf5}.record-safety small{margin-top:3px;color:#8293ad;font-size:11px;line-height:1.45}.safety-dot{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:#69e0c4;box-shadow:0 0 0 6px rgba(105,224,196,.10),0 0 18px rgba(105,224,196,.45)}
.record-safety.warning{border-color:rgba(255,196,102,.25);background:rgba(255,196,102,.07)}.record-safety.warning .safety-dot{background:#ffc466;box-shadow:0 0 0 6px rgba(255,196,102,.1)}
.recovery-card{position:fixed;z-index:70;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 28px));padding:16px;border-radius:18px;background:rgba(13,20,38,.97);border:1px solid rgba(124,92,255,.28);box-shadow:0 22px 70px rgba(0,0,0,.55);display:flex;gap:12px;align-items:center}.recovery-card div{flex:1}.recovery-card strong,.recovery-card small{display:block}.recovery-card small{color:#93a1bb;margin-top:4px;line-height:1.4}.recovery-actions{display:flex;gap:8px}
@media(max-width:760px){
  .hero{padding:22px 20px 26px;gap:12px;border-radius:22px;overflow:hidden}
  .hero-visual{order:-1;min-height:250px;height:250px;overflow:hidden;margin:-8px -4px 2px;isolation:isolate}
  .hero-grid-glow{opacity:.85;inset:-30px;background:radial-gradient(circle at 50% 48%,rgba(142,112,255,.24),transparent 38%),radial-gradient(circle at 50% 52%,rgba(66,210,204,.13),transparent 56%)}
  .hero-orb-wrap{height:250px;width:100%;transform:none}
  .hero-orb-shell{width:240px;height:240px;filter:drop-shadow(0 22px 38px rgba(69,73,220,.22))}
  .hero-orb{width:158px;height:158px;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.96),rgba(210,184,255,.65) 12%,transparent 28%),radial-gradient(circle at 68% 72%,rgba(72,235,218,.38),transparent 44%),linear-gradient(145deg,#7866ff 0%,#455de8 42%,#177b8d 100%);box-shadow:0 22px 55px rgba(90,88,255,.34),0 0 58px rgba(123,95,255,.34),0 0 100px rgba(47,195,190,.12),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -18px 40px rgba(4,10,30,.24);animation:mobileOrbFloat 5.2s ease-in-out infinite}
  .orb-shine{width:72px;height:72px;left:25px;top:20px}.orb-core{inset:20px}
  .shell-ring{border-color:rgba(151,136,255,.16)}.shell-1{inset:18px}.shell-2{inset:0;border-color:rgba(92,210,209,.09)}
  .shell-dash{border-color:rgba(170,160,255,.18)}.dash-1,.dash-2{inset:34px}.dash-3{inset:55px;border-color:rgba(82,220,209,.14)}
  .hero-pulse{display:block;opacity:.58}.hero-pulse.pulse-1{width:204px;height:204px;border-color:rgba(144,125,255,.16)}.hero-pulse.pulse-2{width:236px;height:236px;border-color:rgba(76,217,207,.09)}
  .hero-orb-caption{bottom:4px;width:auto;max-width:88%;font-size:11px;line-height:1.35;padding:8px 13px;background:rgba(8,14,29,.68);border-color:rgba(153,144,255,.16);box-shadow:0 10px 32px rgba(0,0,0,.22)}
  .hero h1{font-size:clamp(34px,10vw,43px);line-height:1.04;letter-spacing:-.047em}
  .record-meta{flex-direction:column;align-items:center;gap:3px}.record-safety{margin-top:10px}.recovery-card{align-items:stretch;flex-direction:column}.recovery-actions button{flex:1}
}
@keyframes mobileOrbFloat{0%,100%{transform:translate3d(0,2px,0) scale(.985)}50%{transform:translate3d(0,-8px,0) scale(1.015)}}
@media(prefers-reduced-motion:reduce){.hero-orb,.hero-pulse,.orb-particle,.wave.active span{animation-duration:12s!important;animation-iteration-count:infinite!important}}
@media(max-width:1000px){.hero-orb{display:block}}

/* V10 — correção estrutural definitiva da altura e rolagem mobile */
html,body{
  width:100%;
  margin:0;
  min-height:100%;
  overflow-x:hidden;
  background:#070b16;
}
html{overscroll-behavior-y:none}
body{overscroll-behavior-y:contain}
.app{
  min-height:100vh;
  min-height:100svh;
  height:auto;
  align-items:stretch;
}
.content{
  min-width:0;
  min-height:0;
  height:auto;
}
.view-section{
  width:100%;
  min-width:0;
  min-height:0;
}
@media(max-width:760px){
  html,body{max-width:100%}
  .app{
    display:block;
    min-height:100svh;
    height:auto;
  }
  .content{
    min-height:0!important;
    height:auto!important;
    padding:20px 16px max(24px,env(safe-area-inset-bottom));
  }
  .view-section:not(.hidden){display:block;min-height:0;height:auto}
  .view-section.hidden{display:none!important}
  .topbar{margin-bottom:24px}
}

/* V12 — rebrand Exponencial Notes AI + scroll/content fix */
:root{
  --bg:#0A0E1A;
  --panel:#111827d9;
  --line:#24314f;
  --text:#E6E9F2;
  --muted:#9AA7C2;
  --primary:#7B5CFF;
  --primary2:#00E5FF;
  --primary3:#3B82F6;
  --silver:#E6E9F2;
  --shadow:0 24px 80px rgba(0,0,0,.38);
}
html,body{
  background:
    radial-gradient(circle at 14% 8%,rgba(123,92,255,.18),transparent 32%),
    radial-gradient(circle at 84% 78%,rgba(0,229,255,.09),transparent 28%),
    var(--bg);
}
body{
  color:var(--text);
  overflow-x:hidden;
}
.app{
  grid-template-columns:270px minmax(0,1fr);
  height:100vh;
  min-height:100vh;
  overflow:hidden;
}
.sidebar{
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(123,92,255,.35) transparent;
  background:linear-gradient(180deg,rgba(7,11,22,.92),rgba(6,10,20,.88));
  border-right:1px solid rgba(255,255,255,.06);
}
.content{
  height:100vh;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  padding:28px 34px 60px;
  scrollbar-width:thin;
  scrollbar-color:rgba(123,92,255,.35) transparent;
}
.content::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.transcript::-webkit-scrollbar,.chat-log::-webkit-scrollbar{width:10px;height:10px}
.content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.transcript::-webkit-scrollbar-thumb,.chat-log::-webkit-scrollbar-thumb{background:rgba(122,98,255,.35);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.transcript::-webkit-scrollbar-track,.chat-log::-webkit-scrollbar-track{background:transparent}
.brand{gap:14px;padding:8px 10px 28px}
.brand strong{font-size:1.06rem;letter-spacing:-.02em}
.brand span{font-size:11px;color:#93a2c1}
.brand-mark{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.92),rgba(204,181,255,.46) 14%,transparent 26%),
    radial-gradient(circle at 72% 70%,rgba(0,229,255,.34),transparent 42%),
    linear-gradient(145deg,#7B5CFF 0%,#3B82F6 52%,#0b446f 100%);
  border:1px solid rgba(255,255,255,.12);
  color:transparent;
  box-shadow:0 16px 44px rgba(92,84,255,.28),inset 0 1px 0 rgba(255,255,255,.22);
}
.brand-mark::before,
.brand-mark::after{content:"";position:absolute;border-radius:50%}
.brand-mark::before{inset:8px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.brand-mark::after{inset:2px;border:1px solid rgba(255,255,255,.06)}
.brand-wave{position:absolute;left:10px;right:10px;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(197,162,255,.18) 0%,rgba(171,132,255,.92) 18%,rgba(59,130,246,.98) 52%,rgba(0,229,255,.9) 82%,rgba(0,229,255,.16) 100%);box-shadow:0 0 16px rgba(0,229,255,.3),0 0 28px rgba(123,92,255,.22)}
.brand-wave::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(188,174,255,.42) 42%,transparent 70%);filter:blur(.5px)}
.login-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(14,22,44,.96),rgba(8,14,28,.94));
}
.login-card::before{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(123,92,255,.2),transparent 60%)}
.login-card h1{font-size:clamp(36px,4vw,54px)}
.hero{
  border-radius:28px;
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(145deg,rgba(14,22,44,.98),rgba(7,12,26,.96));
}
.hero-main-cta{background:linear-gradient(135deg,#7B5CFF 0%,#3B82F6 54%,#00E5FF 100%);box-shadow:0 18px 42px rgba(66,96,255,.28)}
.hero-main-cta:hover{box-shadow:0 24px 50px rgba(66,96,255,.36)}
.hero-inline-note{background:rgba(255,255,255,.04)}
.hero-orb{
  width:234px;
  height:234px;
  background:
    radial-gradient(circle at 31% 24%,rgba(255,255,255,.96),rgba(218,194,255,.58) 12%,transparent 28%),
    radial-gradient(circle at 72% 68%,rgba(0,229,255,.34),transparent 42%),
    linear-gradient(145deg,#7B5CFF 0%,#3B82F6 50%,#0a5666 100%);
  box-shadow:0 28px 72px rgba(77,94,255,.24),0 0 84px rgba(123,92,255,.24),0 0 92px rgba(0,229,255,.08),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -18px 42px rgba(5,11,28,.24);
}
.hero-orb::before{content:"";position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 55%,rgba(255,255,255,.045) 56% 57%,transparent 58%),linear-gradient(transparent,transparent);}
.hero-orb::after{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.orb-wave{position:absolute;left:18px;right:18px;top:50%;height:6px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(187,148,255,.16) 0%,rgba(171,132,255,.95) 18%,rgba(59,130,246,.98) 54%,rgba(0,229,255,.9) 82%,rgba(0,229,255,.14) 100%);box-shadow:0 0 18px rgba(0,229,255,.38),0 0 26px rgba(123,92,255,.2)}
.orb-wave::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(201,183,255,.28) 36%,transparent 68%);filter:blur(.4px)}
.orb-node{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#eef3ff,#7bf1ff);box-shadow:0 0 14px rgba(123,92,255,.45),0 0 18px rgba(0,229,255,.22)}
.n1{left:58px;top:56px}.n2{right:60px;top:52px}.n3{right:40px;bottom:84px}.n4{left:42px;bottom:74px}.n5{left:106px;top:34px}
.hero-orb-shell{width:330px;height:330px}
.shell-ring{border-color:rgba(255,255,255,.08)}
.shell-dash{border-color:rgba(147,162,193,.14)}
.hero-orb-caption{bottom:6px;background:rgba(8,14,28,.72);border-color:rgba(255,255,255,.08);box-shadow:0 10px 32px rgba(0,0,0,.2)}
.hero-pill,.stat,.meeting-card,.panel,.recorder-card,.markers-panel{
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(155deg,rgba(15,23,45,.95),rgba(9,14,28,.94));
}
.topbar h2,.section-head h3,.panel h3,.detail-hero h1{letter-spacing:-.03em}
.primary,.record-btn span{background:linear-gradient(135deg,#7B5CFF 0%,#3B82F6 54%,#00E5FF 100%)}
.marker-btn{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.2);color:#9ef6ff}
@media(max-width:1000px){
  .content{padding:24px 24px 48px}
}
@media(max-width:760px){
  .app{display:block;height:auto;min-height:100svh;overflow:visible}
  .sidebar{position:fixed;z-index:50;left:-290px;width:270px;height:100svh;overflow-y:auto}
  .content{height:auto;min-height:100svh;overflow:visible;padding:20px 16px max(24px,env(safe-area-inset-bottom))}
  .hero{padding:24px 20px 26px}
  .hero-visual{min-height:244px;height:244px;overflow:hidden}
  .hero-orb-wrap{height:236px;width:100%}
  .hero-orb-shell{width:238px;height:238px}
  .hero-orb{width:168px;height:168px}
  .orb-wave{left:12px;right:12px;height:5px}
  .orb-node{width:8px;height:8px}
  .n1{left:42px;top:42px}.n2{right:42px;top:40px}.n3{right:28px;bottom:58px}.n4{left:30px;bottom:56px}.n5{left:78px;top:24px}
  .hero-orb-caption{bottom:0;font-size:11px;padding:8px 12px;max-width:88%;white-space:normal;text-align:center}
  .brand strong{font-size:1rem}
}

/* V13 — correção visual da marca e do orbe */
.brand-mark{
  background:linear-gradient(145deg,rgba(16,23,48,.98),rgba(8,13,28,.98));
  overflow:hidden;
  padding:2px;
}
.brand-mark::before,.brand-mark::after,.brand-wave{display:none!important}
.brand-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 10px rgba(123,92,255,.35))}
.brand-mark.small{padding:1px}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:510px;padding:48px 44px}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(44px,4.2vw,68px);line-height:1.03;max-width:760px}
.hero-visual{min-height:360px;overflow:visible}
.hero-orb-wrap{width:min(440px,100%);height:360px}
.hero-orb-shell{width:350px;height:350px}
.hero-orb-image-wrap{position:relative;width:310px;height:310px;display:grid;place-items:center;animation:orbFloatClean 6s ease-in-out infinite;filter:drop-shadow(0 24px 48px rgba(72,91,255,.25)) drop-shadow(0 0 34px rgba(123,92,255,.18))}
.hero-orb-image-wrap::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(123,92,255,.24),rgba(0,229,255,.08) 45%,transparent 72%);filter:blur(18px);z-index:-1}
.hero-orb-image{width:100%;height:100%;object-fit:contain;display:block}
.hero-orb-caption{bottom:-2px}
@keyframes orbFloatClean{0%,100%{transform:translateY(0) scale(.99)}50%{transform:translateY(-9px) scale(1.015)}}
@media(max-width:1180px){
  .hero{grid-template-columns:1fr .72fr;padding:40px 36px}
  .hero h1{font-size:clamp(42px,5vw,60px)}
  .hero-orb-image-wrap{width:280px;height:280px}
}
@media(max-width:1000px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-visual{order:-1;min-height:300px}
  .hero-orb-wrap{height:290px}
  .hero-orb-shell{width:290px;height:290px}
  .hero-orb-image-wrap{width:250px;height:250px}
}
@media(max-width:760px){
  .hero{padding:22px 18px 24px;gap:8px}
  .hero h1{font-size:clamp(36px,10vw,46px);line-height:1.04}
  .hero-visual{min-height:230px;height:230px;margin:-4px 0 4px}
  .hero-orb-wrap{height:220px}
  .hero-orb-shell{width:220px;height:220px}
  .hero-orb-image-wrap{width:190px;height:190px}
  .hero-orb-caption{bottom:-2px;max-width:92%}
}

/* V14 — hero orb refinado + favicon + revisão mobile */
.hero{
  align-items:center;
}
.hero-visual{
  position:relative;
  min-height:360px;
  overflow:hidden;
}
.hero-grid-glow{
  position:absolute;
  inset:8% 5% 10% 10%;
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 50%, rgba(102,82,255,.08), transparent 42%),
    radial-gradient(circle at 58% 50%, rgba(0,229,255,.06), transparent 36%);
  filter:blur(8px);
}
.hero-orb-wrap{
  width:min(470px,100%);
  height:360px;
  margin-inline:auto;
  position:relative;
  display:grid;
  place-items:center;
}
.hero-orb-shell.hero-orb-shell--ai{
  position:relative;
  width:350px;
  height:350px;
  display:grid;
  place-items:center;
  isolation:isolate;
  filter:drop-shadow(0 36px 90px rgba(66,92,255,.18));
}
.hero-orb-shell--ai .shell-ring,
.hero-orb-shell--ai .shell-dash{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.hero-orb-shell--ai .shell-1{inset:8px;border:1px solid rgba(154,169,255,.12);animation:orbitSpin 24s linear infinite}
.hero-orb-shell--ai .shell-2{inset:28px;border:1px solid rgba(67,210,255,.10);animation:orbitSpinReverse 18s linear infinite}
.hero-orb-shell--ai .dash-1{inset:16px;border:1px dashed rgba(180,186,255,.08);animation:orbitSpin 38s linear infinite}
.hero-orb-shell--ai .dash-2{inset:42px;border:1px dashed rgba(0,229,255,.07);animation:orbitSpinReverse 30s linear infinite}
.hero-orb-shell--ai .dash-3{inset:62px;border:1px solid rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.ai-orb-stage{
  position:relative;
  width:300px;
  height:300px;
  display:grid;
  place-items:center;
}
.ai-orb-halo,
.ai-orb-waveband,
.ai-orb-scan,
.ai-orb-spark{
  position:absolute;
  pointer-events:none;
}
.ai-orb-halo{
  inset:18%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(121,102,255,.28), rgba(0,229,255,.08) 44%, transparent 72%);
  filter:blur(18px);
  animation:haloPulse 4.8s ease-in-out infinite;
}
.hero-orb-image-wrap{
  position:relative;
  width:292px;
  height:292px;
  display:grid;
  place-items:center;
  z-index:2;
  animation:orbFloatAdvanced 6.8s ease-in-out infinite;
  filter:drop-shadow(0 26px 54px rgba(73,88,255,.26)) drop-shadow(0 0 36px rgba(123,92,255,.16));
}
.hero-orb-image{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  animation:orbGlowFlicker 5.6s ease-in-out infinite;
}
.hero-orb-image-wrap::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  bottom:4%;
  height:22px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(108,87,255,.5), rgba(0,229,255,.14) 48%, transparent 74%);
  filter:blur(10px);
  z-index:-1;
  animation:shadowBreathe 4.2s ease-in-out infinite;
}
.ai-orb-waveband{
  left:10%;
  right:10%;
  top:46%;
  height:34px;
  border-radius:999px;
  z-index:3;
  background:
    linear-gradient(90deg, transparent 0%, rgba(196,153,255,.08) 10%, rgba(170,120,255,.65) 24%, rgba(58,130,246,.82) 54%, rgba(0,229,255,.68) 76%, rgba(0,229,255,.06) 92%, transparent 100%);
  filter:blur(.3px) drop-shadow(0 0 14px rgba(0,229,255,.22));
  mix-blend-mode:screen;
  transform-origin:center;
  animation:waveSweep 4.3s ease-in-out infinite;
  opacity:.96;
}
.ai-orb-waveband::before,
.ai-orb-waveband::after{
  content:"";
  position:absolute;
  left:0; right:0; top:50%;
  height:3px;
  border-radius:999px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, transparent 0%, rgba(192,145,255,.6) 18%, rgba(255,255,255,.95) 46%, rgba(0,229,255,.88) 70%, transparent 100%);
  box-shadow:0 0 16px rgba(126,156,255,.4);
}
.ai-orb-waveband::before{clip-path:path('M0,18 C24,2 48,34 72,18 C96,2 120,34 144,18 C168,2 192,34 216,18 C240,2 264,34 288,18');}
.ai-orb-waveband::after{opacity:.55;transform:translateY(-50%) scaleY(.8);filter:blur(2px)}
.ai-orb-scan{
  inset:10% 12%;
  border-radius:50%;
  background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,.02) 30%, rgba(255,255,255,.16) 48%, rgba(0,229,255,.06) 52%, transparent 70%);
  mask-image:radial-gradient(circle at center, transparent 0 41%, #000 42% 68%, transparent 69%);
  -webkit-mask-image:radial-gradient(circle at center, transparent 0 41%, #000 42% 68%, transparent 69%);
  animation:scanRotate 7s linear infinite;
  opacity:.85;
  z-index:1;
}
.ai-orb-spark{
  width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle, #fff 0%, #c8deff 30%, rgba(0,229,255,.35) 55%, transparent 72%);
  box-shadow:0 0 18px rgba(255,255,255,.4),0 0 24px rgba(0,229,255,.22);
  z-index:4;
}
.spark-a{top:54px;left:78px;animation:sparkOrbitA 7.5s ease-in-out infinite}
.spark-b{top:98px;right:58px;animation:sparkOrbitB 8.8s ease-in-out infinite}
.spark-c{bottom:76px;left:142px;animation:sparkOrbitC 6.4s ease-in-out infinite}
.hero-orb-caption{
  position:absolute;
  bottom:8px;
  left:50%;
  transform:translateX(-50%);
  padding:10px 14px;
  border-radius:999px;
  background:rgba(8,14,29,.70);
  border:1px solid rgba(142,129,255,.16);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  color:#c6d1e5;
  font-size:12px;
  text-align:center;
  max-width:90%;
  backdrop-filter:blur(12px);
  z-index:5;
}
.brand-mark img{
  width:100%;height:100%;display:block;object-fit:contain;
  animation:orbGlowFlicker 5.6s ease-in-out infinite;
  filter:drop-shadow(0 0 10px rgba(123,92,255,.35));
}
@keyframes orbFloatAdvanced{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-10px) scale(1.012)}
}
@keyframes orbGlowFlicker{
  0%,100%{filter:brightness(1) saturate(1)}
  45%{filter:brightness(1.08) saturate(1.1)}
  55%{filter:brightness(1.02) saturate(1.02)}
}
@keyframes haloPulse{
  0%,100%{transform:scale(.92);opacity:.72}
  50%{transform:scale(1.06);opacity:1}
}
@keyframes waveSweep{
  0%,100%{transform:translateY(0) scaleX(1)}
  25%{transform:translateY(-2px) scaleX(1.02)}
  50%{transform:translateY(1px) scaleX(.99)}
  75%{transform:translateY(-1px) scaleX(1.015)}
}
@keyframes scanRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes shadowBreathe{
  0%,100%{transform:scaleX(1);opacity:.56}
  50%{transform:scaleX(1.08);opacity:.8}
}
@keyframes orbitSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes sparkOrbitA{0%,100%{transform:translate(0,0) scale(.9)}25%{transform:translate(22px,-10px) scale(1.15)}50%{transform:translate(34px,12px) scale(1)}75%{transform:translate(6px,18px) scale(1.2)}}
@keyframes sparkOrbitB{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-18px,-12px) scale(1.2)}66%{transform:translate(8px,20px) scale(.92)}}
@keyframes sparkOrbitC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-24px) scale(1.16)}}

@media (max-width: 1100px){
  .hero-orb-wrap{width:min(420px,100%);height:330px}
  .hero-orb-shell.hero-orb-shell--ai{width:320px;height:320px}
  .ai-orb-stage{width:280px;height:280px}
  .hero-orb-image-wrap{width:270px;height:270px}
}
@media (max-width: 760px){
  .hero{padding:24px 18px 22px;gap:14px}
  .hero h1{font-size:38px;line-height:.98}
  .hero-copy p:not(.eyebrow){font-size:15px}
  .hero-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hero-pill{text-align:center;justify-content:center}
  .hero-visual{min-height:250px}
  .hero-orb-wrap{height:246px;width:100%}
  .hero-orb-shell.hero-orb-shell--ai{width:240px;height:240px}
  .hero-orb-shell--ai .shell-1{inset:4px}
  .hero-orb-shell--ai .shell-2{inset:18px}
  .hero-orb-shell--ai .dash-1{inset:10px}
  .hero-orb-shell--ai .dash-2{inset:26px}
  .hero-orb-shell--ai .dash-3{inset:40px}
  .ai-orb-stage{width:205px;height:205px}
  .hero-orb-image-wrap{width:192px;height:192px}
  .ai-orb-waveband{left:8%;right:8%;top:45%;height:26px}
  .hero-orb-caption{bottom:0;font-size:11px;line-height:1.32;padding:8px 12px;max-width:92%}
  .spark-a{top:38px;left:42px}.spark-b{top:62px;right:38px}.spark-c{bottom:46px;left:98px}
}
@media (max-width: 480px){
  .hero h1{font-size:34px}
  .hero-pills{grid-template-columns:1fr 1fr}
  .hero-pill{font-size:11px;padding:8px 10px}
  .hero-visual{min-height:236px}
  .hero-orb-wrap{height:228px}
  .hero-orb-shell.hero-orb-shell--ai{width:220px;height:220px}
  .ai-orb-stage{width:186px;height:186px}
  .hero-orb-image-wrap{width:176px;height:176px}
  .hero-orb-caption{max-width:86%;font-size:10.5px}
}
@media (prefers-reduced-motion: reduce){
  .hero-orb-shell.hero-orb-shell--ai .shell-ring,
  .hero-orb-shell.hero-orb-shell--ai .shell-dash,
  .hero-orb-image-wrap,
  .hero-orb-image,
  .ai-orb-halo,
  .ai-orb-waveband,
  .ai-orb-scan,
  .ai-orb-spark,
  .brand-mark img{animation:none !important}
}

/* V16 — correção estrutural, rolagem nativa e orb premium */
html,body{
  width:100%;
  min-height:100%;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
}
body{
  min-height:100vh;
  overscroll-behavior-y:auto;
}
.app{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  min-height:100vh;
  height:auto;
  overflow:visible;
  align-items:start;
}
.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  overflow-y:auto;
  align-self:start;
}
.content{
  min-width:0;
  min-height:100vh;
  height:auto;
  overflow:visible;
  padding:28px 34px 60px;
}
.view-section{width:100%;min-width:0}
.hero{
  grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);
  gap:28px;
  align-items:center;
  overflow:hidden;
}
.hero-copy{min-width:0}
.hero-copy h1{max-width:820px}
.premium-orb-scene{
  --mx:0px;
  --my:0px;
  --rx:0deg;
  --ry:0deg;
  --glowX:50%;
  --glowY:42%;
  position:relative;
  min-height:370px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.premium-orb-scene .hero-grid-glow{
  position:absolute;
  inset:8% 2% 8% 2%;
  border-radius:50%;
  background:
    radial-gradient(circle at var(--glowX) var(--glowY),rgba(123,92,255,.22),transparent 26%),
    radial-gradient(circle at 68% 62%,rgba(0,229,255,.10),transparent 34%);
  filter:blur(26px);
  opacity:.95;
}
.orb-parallax{
  position:relative;
  width:min(470px,100%);
  height:390px;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  transform:translate3d(var(--mx),var(--my),0) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .18s ease-out;
  user-select:none;
}
.orb-parallax *{user-select:none;-webkit-user-drag:none}
.orb-aura{
  position:absolute;
  inset:16% 12%;
  border-radius:50%;
  filter:blur(28px);
  pointer-events:none;
}
.aura-back{
  background:radial-gradient(circle,rgba(116,91,255,.19),rgba(0,229,255,.05) 46%,transparent 72%);
  animation:auraBreath16 5.4s ease-in-out infinite;
}
.aura-front{
  inset:22% 18%;
  background:radial-gradient(circle,rgba(255,255,255,.06),rgba(104,126,255,.08) 35%,transparent 68%);
  animation:auraBreath16 4.4s ease-in-out infinite reverse;
}
.orb-svg{
  position:relative;
  width:100%;
  height:100%;
  overflow:visible;
  display:block;
  z-index:2;
  filter:drop-shadow(0 24px 44px rgba(0,0,0,.22));
}
.orb-rings .ring{
  fill:none;
  transform-origin:260px 250px;
}
.ring-outer{stroke:rgba(157,167,255,.13);stroke-width:1.5;animation:ringSpin16 30s linear infinite}
.ring-mid{stroke:rgba(60,194,255,.10);stroke-width:1.3;animation:ringSpinReverse16 22s linear infinite}
.ring-dashed{stroke:rgba(188,195,255,.09);stroke-width:1;stroke-dasharray:3 8;animation:ringSpin16 46s linear infinite}
.orb-shadow{fill:rgba(91,74,255,.34);filter:blur(15px);animation:shadowBreathe16 5.8s ease-in-out infinite}
.orb-main{fill:url(#orbFill16);transform-origin:260px 250px;animation:orbBreath16 6s ease-in-out infinite}
.orb-rim{fill:none;stroke:url(#orbStroke16);stroke-width:5;filter:url(#glow16)}
.orb-inner-glow{fill:rgba(113,91,255,.14);filter:blur(18px);animation:innerGlow16 4.8s ease-in-out infinite}
.orb-network path{
  fill:none;
  stroke:rgba(100,146,236,.30);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:networkPulse16 5s ease-in-out infinite;
}
.orb-nodes circle{
  fill:#eef7ff;
  filter:url(#glow16);
  animation:nodePulse16 3.4s ease-in-out infinite;
}
.orb-wave-wrap{transform-origin:260px 250px;animation:waveFloat16 5.2s ease-in-out infinite}
.wave{
  fill:none;
  stroke:url(#waveGrad16);
  stroke-linecap:round;
  filter:url(#glow16);
}
.wave-back{stroke-width:3.5;opacity:.36;animation:waveMoveBack16 5.6s ease-in-out infinite}
.wave-main{stroke-width:5.4;opacity:1;stroke-dasharray:10 8;animation:waveMoveMain16 4s linear infinite}
.wave-front{stroke-width:2.3;opacity:.78;animation:waveMoveFront16 4.8s ease-in-out infinite}
.emitter{fill:#fff}
.e1{animation:emitLeft16 2.8s ease-in-out infinite}.e2{animation:emitRight16 3.1s ease-in-out infinite}.e3{animation:emitCenter16 2.3s ease-in-out infinite}
.orb-caption-wrap{
  position:absolute;
  left:0;right:0;bottom:8px;
  display:flex;
  justify-content:center;
  z-index:5;
}
.hero-orb-caption{
  position:static;
  transform:none;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(7,14,30,.76);
  border:1px solid rgba(132,129,255,.16);
  color:#c6d1e5;
  font-size:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
}

@keyframes auraBreath16{0%,100%{transform:scale(.93);opacity:.7}50%{transform:scale(1.06);opacity:1}}
@keyframes ringSpin16{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ringSpinReverse16{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@keyframes shadowBreathe16{0%,100%{transform:scaleX(1);opacity:.42}50%{transform:scaleX(1.08);opacity:.8}}
@keyframes orbBreath16{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.01)}}
@keyframes innerGlow16{0%,100%{opacity:.5}50%{opacity:.95}}
@keyframes networkPulse16{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes nodePulse16{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes waveFloat16{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes waveMoveBack16{0%,100%{transform:translateX(-8px) scaleY(1)}50%{transform:translateX(8px) scaleY(1.06)}}
@keyframes waveMoveMain16{from{stroke-dashoffset:0;transform:translateX(0)}50%{transform:translateX(6px)}to{stroke-dashoffset:-72;transform:translateX(0)}}
@keyframes waveMoveFront16{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
@keyframes emitLeft16{0%,100%{transform:translateX(0) scale(.9);opacity:.6}50%{transform:translateX(5px) scale(1.35);opacity:1}}
@keyframes emitRight16{0%,100%{transform:translateX(0) scale(.9);opacity:.6}50%{transform:translateX(-5px) scale(1.35);opacity:1}}
@keyframes emitCenter16{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.55);opacity:1}}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr;gap:16px}
  .premium-orb-scene{order:-1;min-height:320px}
  .orb-parallax{width:min(420px,100%);height:330px}
}
@media(max-width:760px){
  html,body{overflow-y:auto!important}
  .app{display:block;min-height:100svh;height:auto;overflow:visible}
  .sidebar{position:fixed;top:0;left:-290px;width:270px;height:100svh;overflow-y:auto;z-index:50}
  .sidebar.open{left:0}
  .content{min-height:100svh;height:auto;overflow:visible;padding:20px 16px max(28px,env(safe-area-inset-bottom))}
  .hero{padding:24px 18px 22px;gap:12px}
  .hero h1{font-size:clamp(34px,9.4vw,42px);line-height:1.01}
  .premium-orb-scene{min-height:255px;overflow:hidden}
  .orb-parallax{width:100%;height:248px}
  .orb-svg{width:248px;height:248px}
  .hero-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hero-pill{justify-content:center;text-align:center}
  .hero-orb-caption{font-size:10.5px;padding:8px 11px;max-width:92%}
}
@media(max-width:480px){
  .hero h1{font-size:33px}
  .orb-parallax{height:228px}
  .orb-svg{width:224px;height:224px}
  .hero-pills{grid-template-columns:1fr 1fr}
  .hero-pill{font-size:11px;padding:8px 9px}
}
@media(prefers-reduced-motion:reduce){
  .orb-parallax,.orb-aura,.orb-rings .ring,.orb-main,.orb-inner-glow,.orb-network path,.orb-nodes circle,.orb-wave-wrap,.wave,.emitter{animation:none!important;transition:none!important}
}

/* V17 — estabilidade de processamento, prazos legíveis e tarefas sem salto */
.panel-help{margin:-4px 0 14px;font-size:12px;line-height:1.5}
.deadlines-list li{display:flex;align-items:center;gap:10px}
.deadline-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:rgba(123,92,255,.11);border:1px solid rgba(123,92,255,.18);color:#a99bff}
.task-card input[type="checkbox"]:disabled{cursor:progress;opacity:.65}
.task-card.task-done{opacity:.66}
.task-card.task-done strong{text-decoration:line-through;text-decoration-thickness:1.5px}

/* V18 — refinamento mobile da orb e ícones PWA */
@media(max-width:760px){
  .hero{padding:22px 18px 24px;gap:10px}
  .premium-orb-scene{min-height:286px;overflow:visible;margin:-4px 0 4px}
  .orb-parallax{width:100%;height:278px;perspective:900px}
  .orb-svg{width:286px;height:286px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.22)) drop-shadow(0 0 24px rgba(87,83,255,.14))}
  .orb-main{animation:orbBreathMobile18 4.8s ease-in-out infinite!important}
  .orb-rim{stroke-width:6;filter:url(#glow16)}
  .orb-inner-glow{opacity:.48;animation:innerGlowMobile18 3.8s ease-in-out infinite!important}
  .orb-network path{stroke:rgba(111,155,244,.38);stroke-width:2.1;animation:networkMobile18 4.2s ease-in-out infinite!important}
  .orb-nodes circle{animation:nodeMobile18 2.8s ease-in-out infinite!important}
  .orb-wave-wrap{animation:waveFloatMobile18 3.6s ease-in-out infinite!important}
  .wave-back{stroke-width:4;opacity:.5;animation:waveBackMobile18 4.6s ease-in-out infinite!important}
  .wave-main{stroke-width:6;stroke-dasharray:12 7;animation:waveMainMobile18 3.2s linear infinite!important}
  .wave-front{stroke-width:2.8;opacity:.9;animation:waveFrontMobile18 4s ease-in-out infinite!important}
  .orb-rings .ring{animation-duration:18s!important}
  .hero-orb-caption{font-size:10.5px;padding:8px 11px;max-width:90%;white-space:nowrap}
  .orb-caption-wrap{bottom:0}
}
@media(max-width:480px){
  .premium-orb-scene{min-height:270px}
  .orb-parallax{height:262px}
  .orb-svg{width:268px;height:268px}
  .hero-orb-caption{font-size:10px;max-width:92%}
}
@keyframes orbBreathMobile18{0%,100%{transform:translateY(1px) scale(.99)}50%{transform:translateY(-8px) scale(1.018)}}
@keyframes innerGlowMobile18{0%,100%{opacity:.38}50%{opacity:.8}}
@keyframes networkMobile18{0%,100%{opacity:.56}50%{opacity:1}}
@keyframes nodeMobile18{0%,100%{transform:scale(.94);opacity:.78}50%{transform:scale(1.28);opacity:1}}
@keyframes waveFloatMobile18{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-3px) scaleY(1.06)}}
@keyframes waveBackMobile18{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@keyframes waveMainMobile18{from{stroke-dashoffset:0;transform:translateX(-2px)}50%{transform:translateX(8px)}to{stroke-dashoffset:-96;transform:translateX(-2px)}}
@keyframes waveFrontMobile18{0%,100%{transform:translateX(8px)}50%{transform:translateX(-12px)}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  .orb-main{animation:orbBreathMobile18 7s ease-in-out infinite!important}
  .orb-inner-glow{animation:innerGlowMobile18 6s ease-in-out infinite!important}
  .orb-network path{animation:networkMobile18 7s ease-in-out infinite!important}
  .orb-nodes circle{animation:nodeMobile18 5s ease-in-out infinite!important}
  .orb-wave-wrap{animation:waveFloatMobile18 6s ease-in-out infinite!important}
  .wave-back{animation:waveBackMobile18 8s ease-in-out infinite!important}
  .wave-main{animation:waveMainMobile18 7s linear infinite!important}
  .wave-front{animation:waveFrontMobile18 8s ease-in-out infinite!important}
  .orb-rings .ring{animation:ringSpin16 32s linear infinite!important}
}