:root{--navy:#071b24;--navy2:#0b2632;--ink:#102c36;--muted:#6b818c;--line:#dfe8ec;--paper:#fff;--bg:#f3f6fa;--blue:#0b4fb3;--cyan:#08d8fc;--orange:#ff7900;--green:#16866e;--shadow:0 16px 48px rgba(10,40,60,.07);--radius:19px;--tenant:#0b4fb3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.ico{display:inline-block;flex:none;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1240px;margin:0 auto;padding:0 30px}.screen{display:none}.screen.active{display:block}.app-screen.active{display:block}.demo-ribbon{height:29px;background:linear-gradient(95deg,#00345a,#0b4fb3 57%,#034077);display:flex;align-items:center;justify-content:center;color:#dcf8ff;font-size:10px;font-weight:750;letter-spacing:.09em}.demo-spark{color:#fec45b;font-size:14px;margin-right:8px}.demo-separator{height:12px;margin:0 10px;width:1px;background:#6daecc}.switcher{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px max(22px,calc((100vw - 1240px)/2 + 30px));background:white;border-bottom:1px solid #e4edf2;position:sticky;top:0;z-index:60;box-shadow:0 4px 18px rgba(6,27,40,.045)}.switcher-brand{font-size:12px;font-weight:800;white-space:nowrap}.switcher-tag{margin-left:7px;font-size:9px;background:#eef6fe;color:#1562b5;padding:5px 7px;border-radius:8px;letter-spacing:.06em}.switcher-links{display:flex;gap:5px;background:#f2f6f9;padding:4px;border:1px solid #e6eef2;border-radius:11px;overflow:auto;max-width:100%}.role-btn{border:0;background:transparent;color:#5e7380;border-radius:8px;padding:9px 13px;white-space:nowrap;font-size:11px;font-weight:750}.role-btn.active{background:var(--navy);color:white;box-shadow:0 3px 10px rgba(0,0,0,.12)}.role-btn:hover:not(.active){background:white;color:var(--blue)}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn .ico{width:16px;height:16px}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 11px 23px rgba(255,121,0,.16)}.btn-orange:hover{background:#ff8a20}.btn-primary{color:#fff;background:var(--blue)}.btn-primary:hover{box-shadow:0 8px 17px rgba(11,79,179,.17)}.btn-white{color:var(--blue);background:white;border:1px solid #dbe5ec}.btn-outline-light{background:transparent;border:1px solid #43535a;color:white}.btn-glass{border:1px solid rgba(255,255,255,.26);color:white;background:rgba(255,255,255,.065)}.btn-lg{padding:16px 19px;border-radius:12px;font-size:12px}.btn-plan{width:100%;color:#064d8d;background:#eaf4ff;border:1px solid #d5e9fa}.eyebrow{letter-spacing:.16em;font-size:10px;font-weight:950;color:#0b8bb7}.eyebrow-light{color:#67e5ff}.home-nav{position:relative;z-index:9;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.09)}.nav-inner{height:74px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:25px;padding:0 30px}.brand{display:flex;align-items:center;color:white;gap:11px}.brand img{object-fit:contain;width:144px;height:40px}.brand-divider{width:1px;height:22px;background:#3c5560}.brand-sub{font-size:10px;font-weight:900;letter-spacing:.15em;color:#c2d9df}.home-navlinks{display:flex;gap:29px;align-items:center;margin:auto}.home-navlinks a{color:#c3d2d7;font-size:12px;font-weight:750}.home-navlinks a:hover{color:#fff}.nav-login{margin-left:auto}.hero{background:linear-gradient(118deg,#061923 4%,#072937 48%,#0b3544 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,216,252,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,216,252,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,black)}.hero-glow{position:absolute;right:-220px;top:-210px;width:690px;height:690px;border-radius:50%;background:radial-gradient(circle,rgba(0,181,227,.18),transparent 68%)}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:35px;position:relative;padding-top:52px;padding-bottom:74px}.hero-copy{position:relative;z-index:2}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;border-radius:50px;background:rgba(8,216,252,.11);border:1px solid rgba(8,216,252,.2);color:#88f1ff;padding:9px 13px;font-size:10px;letter-spacing:.1em;font-weight:850}.pulse{width:7px;height:7px;border-radius:50%;background:#37e5b3;box-shadow:0 0 0 4px rgba(55,229,179,.1)}.hero h1{font-size:clamp(38px,4.45vw,64px);letter-spacing:-.055em;line-height:1.105;margin:19px 0 22px;font-weight:890;max-width:690px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#5cdfff,#09ddf1 42%,#97f6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:15px;line-height:1.85;color:#b8cdd6;max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:36px;color:#adcbd5;font-size:11px}.hero-trust span{display:flex;gap:7px;align-items:center}.hero-trust .ico{width:15px;height:15px;color:#43d9dd}.hero-preview{position:relative;padding:12px 5px 20px 0}.preview-app{position:relative;background:#f4f8fb;border:1px solid rgba(196,229,241,.2);border-radius:22px;box-shadow:0 28px 85px rgba(0,4,16,.35);overflow:hidden;transform:rotate(1deg)}.preview-head{height:55px;background:#071b24;display:flex;align-items:center;gap:12px;padding:0 19px;color:#e7faff}.preview-logo img{object-fit:contain;width:87px;max-height:33px}.preview-tag{font-size:9px;color:#80a8b6;letter-spacing:.12em;margin:auto}.preview-live{font-size:10px;color:#8de9cf;display:flex;align-items:center;gap:5px}.preview-live i,.connected-dot{width:7px;height:7px;border-radius:50%;background:#24d4a0;display:inline-block}.preview-main{padding:19px;color:var(--ink)}.preview-intro{display:flex;flex-direction:column;gap:3px}.preview-intro>span{font-size:10px;color:#6b8a97}.preview-intro strong{font-size:18px}.preview-intro strong span{color:#ff8d24}.preview-money{display:flex;justify-content:space-between;background:linear-gradient(109deg,#0a4da5,#116ac5 75%,#008eb2);border-radius:16px;color:white;padding:19px;margin:15px 0}.preview-money>div:first-child{display:flex;flex-direction:column;gap:8px}.preview-money small{color:#b2d6ed}.preview-money strong{font-size:28px;letter-spacing:-.045em}.preview-money span{color:#d4ebf4;font-size:10px}.preview-money span b{color:#82f4b9}.preview-moneyspark{opacity:.36;font-size:62px}.preview-cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview-cardgrid>div{background:white;border:1px solid #e2eaf0;padding:15px;border-radius:11px;display:grid;gap:6px}.preview-cardgrid span,.preview-cardgrid small{font-size:10px;color:#748896}.preview-cardgrid strong{font-size:17px}.preview-cardgrid small{color:#128c69}.preview-cardgrid>div:last-child small{color:#e27b35}.preview-chart{margin-top:10px;padding:13px 13px 6px;background:white;border:1px solid #e2eaf0;border-radius:12px}.preview-chartheader{display:flex;justify-content:space-between;align-items:center;font-size:11px}.preview-chartheader span{font-size:9px;color:#8095a1}.preview-chart svg{display:block;width:100%;height:95px;margin-top:10px}.float-alert{position:absolute;right:-19px;bottom:0;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;color:var(--ink);box-shadow:0 20px 48px rgba(0,0,0,.22);border-radius:13px;transform:rotate(-3deg);border:1px solid #e0eaef;z-index:3}.float-icon{display:grid;place-items:center;background:#e5fbf0;border-radius:9px;color:#15916a;width:37px;height:37px}.float-icon .ico{width:20px}.float-alert>div:nth-child(2){display:grid;gap:4px}.float-alert strong{font-size:11px}.float-alert span{color:#7e929c;font-size:10px}.float-alert .float-check{color:#12aa75;font-weight:900;font-size:16px}.float-decor{position:absolute;top:-23px;right:-19px;color:#fd8b26;font-size:50px;opacity:.8}.home-trust{background:white;border-bottom:1px solid var(--line)}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:91px;flex-wrap:wrap}.trust-inner b{max-width:240px;font-size:12px}.trust-inner>span{font-size:12px;font-weight:700;color:#93a4ad}.section{padding-top:92px;padding-bottom:92px}.section-heading{margin-bottom:37px}.section-heading.center{text-align:center;max-width:750px;margin-left:auto;margin-right:auto}.section-heading h2{font-size:clamp(30px,3.4vw,43px);margin:11px 0 12px;letter-spacing:-.043em;line-height:1.15}.section-heading h2 span{color:#1375b4}.section-heading p{color:#7d929b;line-height:1.7;font-size:14px;max-width:590px}.section-heading.center p{margin:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{background:white;border:1px solid #e0eaf0;border-radius:18px;padding:25px;box-shadow:0 8px 30px rgba(10,37,50,.025);min-height:244px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#afd2e5}.feature-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:14px}.feature-icon .ico{width:24px;height:24px}.feature-icon.blue{background:#eaf2ff;color:#1768c4}.feature-icon.cyan{background:#e4faff;color:#079cbf}.feature-icon.orange{background:#fff2e7;color:#ef7c1e}.feature h3{font-size:16px;margin:20px 0 8px}.feature p{font-size:12px;color:#728996;line-height:1.7;min-height:61px}.feature>span{font-size:11px;color:#1481ba;font-weight:800;display:flex;align-items:center;gap:7px;margin-top:12px}.feature>span .ico{height:14px;width:14px}.split-band{background:linear-gradient(111deg,#071b24 11%,#0b2e42 65%,#0c445b);overflow:hidden}.split-content{min-height:435px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;padding-top:62px;padding-bottom:62px}.split-content h2{color:white;font-size:clamp(34px,3.8vw,48px);letter-spacing:-.04em;line-height:1.14;margin:17px 0}.split-content h2 span{color:#6be6ff}.split-content p{color:#aec7d4;line-height:1.8;max-width:570px;font-size:14px;margin-bottom:25px}.split-invoice{background:white;max-width:470px;width:100%;padding:27px;border-radius:23px;box-shadow:0 34px 75px rgba(0,0,0,.23);transform:rotate(2deg)}.invoice-logo{display:flex;align-items:center;gap:12px}.invoice-logo>span{background:linear-gradient(135deg,#f89a31,#fb6b11);color:white;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-weight:900;font-size:19px}.invoice-logo>div:nth-child(2){display:flex;flex-direction:column;font-size:13px}.invoice-logo small{font-size:9px;color:#8a9ea7;letter-spacing:.09em}.verified{margin-left:auto;font-size:10px;color:#15946f;display:flex;align-items:center;gap:3px}.verified .ico{width:15px}.invoice-line{height:1px;background:#ecf1f3;margin:24px 0}.split-invoice>small{color:#8094a2}.split-invoice>strong{display:block;font-size:37px;margin:7px 0 13px;letter-spacing:-.04em}.split-status{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;color:#778b98;margin-bottom:21px;flex-wrap:wrap}.invoice-demo-btn{background:var(--blue);color:white;border-radius:11px;text-align:center;padding:14px 12px;font-size:12px;font-weight:850;display:flex;justify-content:center;gap:12px;align-items:center}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps-grid>div{text-align:center;padding:28px 16px}.step-icon{font-size:25px;color:var(--blue);font-weight:950;height:76px;width:76px;background:#e5f5fc;border-radius:21px;display:flex;justify-content:center;align-items:center;gap:2px;margin:0 auto 24px}.step-icon span{color:var(--orange);font-size:13px}.steps-grid h3{font-size:17px;margin:8px 0}.steps-grid p{font-size:12px;line-height:1.7;color:#7c909b;max-width:290px;margin:auto}.plans-band{background:#eaf2f8}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.plan-card{position:relative;border:1px solid #dce8f0;border-radius:19px;padding:25px 21px;background:white;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 20px rgba(16,42,62,.03)}.plan-card.featured{border:2px solid var(--blue);box-shadow:0 17px 38px rgba(22,94,176,.12)}.popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);border-radius:50px;padding:8px 12px;background:var(--orange);white-space:nowrap;color:white;font-size:9px;font-weight:900;letter-spacing:.06em}.plan-name{font-size:10px;color:#0a88b3;letter-spacing:.13em;font-weight:900}.plan-card h3{font-size:17px;margin:12px 0 4px}.plan-card>p{font-size:12px;color:#79909d;min-height:57px;line-height:1.6}.plan-price{font-size:29px;font-weight:950;letter-spacing:-.045em;white-space:nowrap}.plan-price small{font-size:12px;font-weight:600;color:#8da0aa;letter-spacing:0}.plan-card>small{font-size:10px;color:#879ca5;display:block;margin-bottom:18px}.plan-card>.btn{width:100%}.plan-card ul{border-top:1px solid #e8eff3;margin:22px 0 0;padding:20px 0 0;list-style:none;display:grid;gap:13px;font-size:11px;font-weight:650;line-height:1.4}.plan-card li:before{content:'✓';color:#15a77b;margin-right:10px;font-weight:900}.plans-note{font-size:11px;text-align:center;color:#8195a0;margin-top:24px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:950px;margin:auto}.faq-grid details{border:1px solid #dce7ee;background:white;border-radius:14px;padding:17px 20px}.faq-grid summary{cursor:pointer;font-size:13px;font-weight:800}.faq-grid p{font-size:12px;color:#718793;line-height:1.7}.home-footer{background:#071b24;color:white}.footer-inner{min-height:160px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-inner img{width:125px}.footer-inner p,.footer-inner>span{font-size:11px;color:#92afbb}.footer-inner strong{font-size:12px}
/* APP */
.app-shell{display:flex;min-height:calc(100vh - 88px);background:var(--bg)}.app-sidebar{width:265px;flex:0 0 265px;background:#071b24;display:flex;flex-direction:column;color:white;min-height:calc(100vh - 88px);position:sticky;top:88px;max-height:calc(100vh - 88px);overflow-y:auto}.app-sidebar::-webkit-scrollbar{width:5px}.app-sidebar::-webkit-scrollbar-thumb{background:#274452;border-radius:5px}.app-brand{min-height:92px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.app-brand img{width:143px;max-height:39px;object-fit:contain;object-position:left}.app-brand span{font-size:9px;letter-spacing:.18em;color:#81b7c8;margin:0 0 0 8px;font-weight:850}.tenant-picker{display:flex;align-items:center;gap:10px;margin:19px 13px;padding:11px;background:#122f3c;border:1px solid #234653;border-radius:13px}.tenant-avatar{background:linear-gradient(135deg,#ffaf50,#ef6d13);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;font-size:18px;font-weight:900;color:white;flex:none}.tenant-picker>div:nth-child(2){min-width:0;flex:1}.tenant-picker strong,.tenant-picker span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-picker strong{font-size:11px}.tenant-picker span{font-size:9px;color:#a6c1cd;margin-top:5px}.tenant-picker .ico{width:14px;height:14px;color:#7dabb7}.sidebar-caption{padding:17px 24px 9px;font-weight:900;color:#5e8b9b;font-size:9px;letter-spacing:.15em}.sidebar-item{width:calc(100% - 24px);margin:2px 12px;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;color:#b8cfda;background:none;border:0;text-align:left;font-size:12px;font-weight:750;transition:background .18s,color .18s}.sidebar-item:hover{background:#153542;color:white}.sidebar-item.active{background:#113b51;color:white;box-shadow:inset 3px 0 0 var(--orange)}.sidebar-item.active .ico{color:var(--cyan)}.sidebar-item .ico{width:18px;height:18px;color:#9dbbc6}.sidebar-item>span{margin-left:auto;border-radius:6px;background:#173847;padding:3px 6px;color:#acc8d3;font-size:9px}.sidebar-bottom{margin-top:auto;padding-top:20px}.support-box{display:flex;gap:9px;align-items:center;background:linear-gradient(130deg,#104353,#092c3a);margin:0 14px 14px;padding:12px;border-radius:11px}.support-box>.ico{color:#41dff0}.support-box strong,.support-box span{display:block}.support-box strong{font-size:10px}.support-box span{font-size:9px;color:#91b7c5;margin-top:4px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:15px 17px;border-top:1px solid #213743}.user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#128ecd,#0b4fb3);color:white;font-size:12px;font-weight:850}.user-avatar.ai{background:linear-gradient(135deg,#00cde2,#1564be)}.sidebar-user>div:nth-child(2){flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:10px}.sidebar-user span{font-size:9px;color:#8db0bd;margin-top:5px}.sidebar-user .ico{width:15px;color:#8fb0bf}.master-sidebadge{margin:17px 15px 4px;background:rgba(8,216,252,.1);color:#6cdef2;border:1px solid rgba(8,216,252,.21);border-radius:9px;padding:12px;text-align:center;font-size:10px;font-weight:850;letter-spacing:.06em}.app-main{flex:1;min-width:0}.app-topbar{height:77px;background:white;border-bottom:1px solid #e0e8ef;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 32px;position:sticky;top:88px;z-index:20}.crumb{color:#708894;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb span{margin:0 9px;color:#c4cdd2}.crumb b{color:#243e4c}.app-top-actions{display:flex;gap:18px;align-items:center}.top-date{color:#7b919c;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.top-date .ico{height:14px;width:14px}.role-badge{font-size:9px;background:#eaf7fc;border:1px solid #c9eaf4;color:#078bb6;font-weight:850;border-radius:50px;padding:7px 11px;letter-spacing:.07em}.role-admin{background:#fff4e8;color:#bd6c0b;border-color:#ffdebd}.top-avatar{height:35px;width:35px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,#1373bb,#093e78);border-radius:50%;font-size:10px;font-weight:900}.icon-btn{border:0;display:grid;place-items:center;background:#f4f7fa;width:37px;height:37px;border-radius:10px;color:#314b5b;position:relative}.icon-btn .ico{height:18px;width:18px}.notification-dot{height:7px;width:7px;border-radius:50%;background:var(--orange);position:absolute;top:5px;right:5px;border:2px solid white}.app-content{padding:30px 32px 70px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.page-heading h1{font-size:25px;letter-spacing:-.04em;margin:7px 0 5px}.page-heading p{color:#7b919d;font-size:12px;margin:0;line-height:1.6}.page-heading .header-buttons{display:flex;gap:9px;flex-wrap:wrap}.page-eyebrow{color:#0d99b8;font-size:9px;font-weight:950;letter-spacing:.12em}.mini-tenant{display:inline-flex;align-items:center;gap:7px;color:#6d8494;font-size:11px}.mini-tenant .ico{width:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.kpi{background:white;border:1px solid #e0e9ef;box-shadow:0 7px 23px rgba(5,38,59,.025);border-radius:17px;padding:19px;min-width:0}.kpi-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;margin-bottom:20px}.kpi-icon.blue{background:#eaf3ff;color:#145ebb}.kpi-icon.green{background:#e4f8ef;color:#13a172}.kpi-icon.orange{background:#fff1e7;color:#ed7b24}.kpi-icon.cyan{background:#e5faff;color:#0c9fbd}.kpi-icon .ico{width:21px;height:21px}.kpi-label{color:#7b8e99;font-size:11px;font-weight:650}.kpi-number{display:block;font-size:clamp(18px,1.9vw,28px);font-weight:900;letter-spacing:-.038em;white-space:nowrap;margin:7px 0 12px}.kpi-trend{display:inline-flex;gap:4px;font-size:10px;color:#7b939e;align-items:center}.kpi-trend b{color:#0e9c69}.kpi-trend.warn b{color:#dd7935}.content-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr);gap:17px}.surface{background:white;border:1px solid #e0e9ef;border-radius:18px;padding:22px;box-shadow:0 7px 24px rgba(11,38,52,.024);min-width:0}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.surface-head h2{font-size:15px;margin:0}.surface-head p{font-size:11px;color:#8397a0;margin:5px 0 0}.surface-head button{font-size:10px;font-weight:800;color:#0c82b3;background:#e9f7fe;border:0;border-radius:8px;padding:9px 12px}.chart-large{width:100%;height:215px;display:block}.chart-ticks{display:flex;justify-content:space-between;padding:10px 3px 0;color:#a4b3bc;font-size:10px}.tiny-legend{display:flex;align-items:center;gap:6px;color:#768e99;font-size:11px}.tiny-legend:before{content:"";display:inline-block;width:9px;height:9px;background:#08cde4;border-radius:50%}.timeline{display:grid;gap:19px}.timeline-item{display:flex;gap:11px;align-items:flex-start}.timeline-dot{height:34px;width:34px;border-radius:11px;display:grid;place-items:center;flex:none}.timeline-dot .ico{height:16px;width:16px}.timeline-dot.good{color:#11a877;background:#e6f8f0}.timeline-dot.warn{color:#e18b2f;background:#fff4e5}.timeline-dot.blue{color:#1276ca;background:#e9f4ff}.timeline-item>div:nth-child(2){flex:1}.timeline-item strong{font-size:11px;display:block}.timeline-item p{font-size:10px;line-height:1.5;color:#79909e;margin:6px 0 0}.timeline-item time{font-size:9px;color:#8c9fa8}.list-surface{margin-top:17px}.filter-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:9px;background:#f6f9fb;border:1px solid #e1eaf0;border-radius:10px;padding:0 12px;min-height:41px;width:min(270px,100%);color:#97a6b2}.search-field .ico{width:16px;height:16px}.search-field input{border:0;outline:none;background:transparent;width:100%;font-size:11px;color:var(--ink)}.select-filter{border:1px solid #e1eaf0;border-radius:10px;background:white;color:#5a7381;min-height:41px;padding:0 13px;font-size:11px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px;text-align:left}.data-table th{background:#f6f9fb;color:#8295a1;font-size:10px;font-weight:800;padding:13px 12px;white-space:nowrap}.data-table th:first-child{border-radius:9px 0 0 9px}.data-table th:last-child{border-radius:0 9px 9px 0}.data-table td{font-size:11px;padding:15px 12px;border-bottom:1px solid #f0f3f6;color:#35505e}.data-table tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:9px;white-space:nowrap}.person-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f2ff;color:#176ab9;font-size:10px;font-weight:850;flex:none}.person-circle.orange{background:#fff1e3;color:#c7751f}.person-circle.purple{background:#f2eaff;color:#8155c3}.table-person b,.table-person span{display:block}.table-person b{color:#233e50;font-size:11px}.table-person span{color:#93a3ad;font-size:9px;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:6px 9px;border-radius:7px;font-weight:850;white-space:nowrap}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill-paid{color:#078f65;background:#e5f8ee}.pill-pending{color:#c77b1f;background:#fff2e5}.pill-late{color:#c34750;background:#ffeced}.pill-verify{color:#176fb8;background:#e7f3ff}.table-action{border:0;background:#eaf5fc;color:#117bb4;font-size:10px;font-weight:800;padding:8px 12px;border-radius:8px}.empty-note{padding:18px;text-align:center;color:#8ba0ab;font-size:12px}.info-panel{border:1px solid #d7e7f1;background:#eef8fe;padding:15px;border-radius:11px;font-size:12px;line-height:1.7;color:#456f87}.info-panel .ico{color:#0c84ba;width:16px;height:16px;margin-right:5px}.info-panel.warn{border-color:#f7dfb8;background:#fffbf3;color:#876337}.info-panel.good{border-color:#bfe8d7;background:#edfbf4;color:#167656}.quick-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.quick-actions .btn{font-size:11px}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.action-tile{background:#fff;border:1px solid #dfe8ef;border-radius:16px;padding:20px;min-width:0}.action-tile h3{font-size:14px;margin:13px 0 8px}.action-tile p{font-size:11px;line-height:1.7;color:#8397a2}.action-tile .pill{margin-top:9px}.progress-list{display:grid;gap:14px}.progress-row{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:11px}.progress-row b{font-size:11px}.progress-track{height:8px;border-radius:100px;background:#edf1f5;overflow:hidden;margin-top:8px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#0a58b6,#08ccdc);border-radius:100px}.config-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-label{font-size:11px;font-weight:850;color:#405c69;display:block;margin-bottom:7px}.form-control{width:100%;border:1px solid #dbe7ee;border-radius:10px;padding:12px 13px;background:white;color:var(--ink);outline:none;font-size:12px}.form-control:focus{border-color:#5ba6d7;box-shadow:0 0 0 3px rgba(19,127,193,.1)}.form-group{margin:0 0 17px}.form-hint{font-size:10px;color:#91a2ac;line-height:1.5;margin-top:6px}.brand-demo{border:1px solid #e1eaf0;background:#f7fafc;padding:24px;border-radius:14px}.brand-demo-head{height:58px;display:flex;gap:9px;align-items:center;background:white;border-radius:13px;padding:8px 12px}.brand-demo-head strong{font-size:12px}.brand-demo-btn{background:var(--tenant);color:white;font-size:12px;font-weight:800;border-radius:10px;text-align:center;padding:13px;margin-top:13px}.color-swatches{display:flex;gap:9px}.color-swatch{width:33px;height:33px;border-radius:50%;border:3px solid white;outline:1px solid #d8e4e9;box-shadow:0 2px 9px rgba(0,0,0,.06)}.color-swatch.selected{outline:2px solid var(--ink)}.settings-note{margin-top:15px;color:#73909d;font-size:10px}.tag-label{padding:5px 8px;background:#eef5fa;color:#376481;font-size:9px;font-weight:900;border-radius:6px}.mobile-menu{display:none}.mobile-bottom{display:none}.sidebar-overlay{display:none}
/* CONSUMER */
.consumer-page{background:#f4f7fa;min-height:calc(100vh - 88px)}.consumer-header{background:#fff;border-bottom:1px solid #e0e9ee;box-shadow:0 2px 13px rgba(5,28,43,.03)}.consumer-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}.consumer-tenant{display:flex;gap:12px;align-items:center}.tenant-avatar.big{width:43px;height:43px}.consumer-tenant b,.consumer-tenant span{display:block}.consumer-tenant b{font-size:13px}.consumer-tenant span{font-size:10px;color:#8ba0aa;margin-top:4px}.consumer-right{display:flex;gap:20px;align-items:center}.secure{color:#13876c;font-size:11px;display:flex;align-items:center;gap:7px}.secure .ico{height:16px;width:16px}.consumer-profile{border:1px solid #e2e9ed;background:#fff;padding:6px 11px 6px 6px;display:flex;align-items:center;gap:10px;border-radius:10px;font-size:11px;font-weight:850;color:#264556}.consumer-profile span{height:30px;width:30px;display:grid;place-items:center;background:#e8f3ff;color:#1157ad;border-radius:8px}.consumer-profile .ico{height:12px}.consumer-container{max-width:1050px;margin:auto;padding:43px 28px 70px}.consumer-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.consumer-heading h1{font-size:30px;letter-spacing:-.043em;margin:10px 0}.consumer-heading p{color:#7c919d;font-size:13px;line-height:1.5}.powered{text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.powered img{width:112px}.powered span{font-size:9px;color:#90a3ac}.consumer-tabs{display:flex;gap:25px;overflow-x:auto;border-bottom:1px solid #dce6ec;margin-top:29px;margin-bottom:24px}.consumer-tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;background:transparent;padding:15px 4px;font-size:12px;font-weight:800;color:#8195a0}.consumer-tabs button.active{color:#0b55b2;border-bottom-color:#0b65c0}.consumer-tabs button span{background:#e7f1fc;border-radius:50px;padding:2px 6px;margin-left:5px}.consumer-main-grid{display:grid;grid-template-columns:1.26fr .85fr;gap:18px}.bill-card{padding:28px;background:white;border:1px solid #dfe9ef;border-radius:19px;box-shadow:var(--shadow)}.bill-card-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.bill-card-title{color:#8196a0;font-size:11px}.bill-card-value{font-size:42px;font-weight:930;letter-spacing:-.055em;margin:14px 0}.bill-divider{border:0;border-top:1px dashed #d8e3ea;margin:22px 0}.bill-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bill-fields div{display:grid;gap:5px}.bill-fields small{font-size:10px;color:#8aa0aa}.bill-fields strong{font-size:12px}.bill-options{display:grid;gap:10px;margin-top:28px}.bill-options>.btn{width:100%;padding:14px 17px}.btn-tenant{background:var(--tenant);color:white}.consumer-aside>.surface{margin-bottom:16px}.consumer-aside h3{font-size:14px;margin:0 0 11px}.consumer-aside p{font-size:11px;color:#8296a2;line-height:1.75}.consumer-steps{display:grid;gap:20px}.consumer-step{display:flex;gap:11px;align-items:start}.consumer-step .step-round{height:32px;width:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf6fe;color:#0e73ba;font-weight:850;font-size:11px}.consumer-step strong{font-size:11px}.consumer-step p{margin:4px 0}.consumer-footer{text-align:center;color:#93a6ae;font-size:11px;display:flex;justify-content:center;align-items:center;gap:7px;margin-top:50px}.consumer-footer .ico{width:15px;height:15px;color:#14a28a}.consumer-previous{margin-top:18px}.consumer-previous .surface-head{margin:0 0 14px}.mini-bills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-bill{border:1px solid #e1ebf1;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.mini-bill span,.mini-bill strong{display:block}.mini-bill span{font-size:10px;color:#8094a0}.mini-bill strong{font-size:15px;margin-top:8px}.mini-bill .pill{font-size:9px}.document-input{display:none}.profile-surface{max-width:780px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-grid>div{background:#f8fafb;border:1px solid #e9eef2;border-radius:10px;padding:17px}.profile-grid small,.profile-grid strong{display:block}.profile-grid small{font-size:10px;color:#94a5af}.profile-grid strong{font-size:12px;margin-top:8px}.consumer-ticket{border:1px solid #dfe9ef;border-radius:12px;padding:15px;margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:11px;background:#fff}.consumer-ticket b{font-size:12px}.consumer-ticket small{font-size:11px;color:#79909c}.receipt-upload{border:1px dashed #a6c6db;background:#f4fbff;border-radius:13px;padding:20px;text-align:center;cursor:pointer;color:#2875a4}.receipt-upload .ico{width:30px;height:30px}.receipt-upload strong,.receipt-upload span{display:block}.receipt-upload strong{font-size:12px;margin-top:9px}.receipt-upload span{font-size:10px;margin-top:6px;color:#819aa9}
/* MODAL AND TOAST */
.modal-backdrop{position:fixed;inset:0;z-index:150;background:rgba(2,17,25,.68);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.modal-backdrop[hidden]{display:none}.modal-card{width:min(100%,540px);background:#fff;border-radius:21px;max-height:90vh;overflow:auto;box-shadow:0 38px 120px rgba(0,0,0,.3)}.modal-head{padding:24px 27px 18px;border-bottom:1px solid #ebf0f3;display:flex;justify-content:space-between;gap:10px;align-items:center}.modal-head h2{margin:6px 0 0;font-size:21px;letter-spacing:-.03em}.modal-body{padding:24px 27px 27px}.modal-foot{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;right:22px;bottom:24px;max-width:340px;background:#092938;color:white;padding:14px 17px;border:1px solid #235264;box-shadow:0 16px 42px rgba(0,0,0,.19);border-radius:11px;z-index:200;font-size:12px;line-height:1.6;opacity:0;transform:translateY(25px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast strong{color:#8aedf0}.muted{color:#8aa0ab}.spaced{display:flex;justify-content:space-between;align-items:center;gap:12px}.hide{display:none!important}
@media(max-width:1150px){.home-navlinks{gap:14px}.hero-grid{grid-template-columns:1fr .92fr}.hero h1{font-size:45px}.plan-grid{gap:10px}.plan-card{padding:23px 16px}.app-sidebar{width:237px;flex-basis:237px}.app-content{padding:25px 22px 60px}.app-topbar{padding:0 22px}.kpi-grid{gap:10px}.kpi{padding:16px}.kpi-number{font-size:21px}}
@media(max-width:940px){.switcher{flex-wrap:wrap;justify-content:center;gap:6px}.switcher-brand{display:none}.nav-inner{gap:10px}.home-navlinks{display:none}.nav-login{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:18px}.hero{overflow:hidden}.hero-copy{text-align:center;max-width:710px;margin:auto}.hero-copy>p{margin:auto}.hero h1{max-width:none;font-size:clamp(35px,7vw,55px)}.hero-actions,.hero-trust{justify-content:center}.hero-preview{max-width:580px;margin:auto;width:100%}.float-alert{right:-5px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-content{gap:22px}.plan-grid{grid-template-columns:repeat(2,1fr);gap:17px}.app-sidebar{position:fixed;top:0;left:0;bottom:0;max-height:100vh;min-height:100vh;z-index:95;transform:translateX(-110%);transition:transform .22s;box-shadow:16px 0 35px rgba(0,0,0,.2)}.app-sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,20,32,.35);z-index:90}.mobile-menu{display:grid}.app-topbar{top:94px}.app-main{width:100%}.content-two{grid-template-columns:1.45fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-number{font-size:24px}.consumer-main-grid{grid-template-columns:1fr 0.75fr}}
@media(max-width:700px){.container{padding:0 20px}.demo-ribbon{font-size:9px;letter-spacing:.025em;height:25px}.switcher{padding:6px 8px;min-height:55px}.switcher-links{width:100%;justify-content:space-between;gap:1px}.role-btn{padding:10px 6px;font-size:9px;white-space:nowrap}.nav-inner{height:67px;padding:0 18px}.brand img{width:117px}.brand-sub{font-size:8px}.brand-divider{height:15px}.nav-login{display:none}.nav-start{padding:11px;font-size:10px}.nav-start .ico{display:none}.hero-grid{padding:47px 20px 70px;min-height:0}.hero h1{font-size:39px;line-height:1.12}.hero-copy>p{font-size:13px}.hero-trust{gap:10px;font-size:10px}.hero-preview{margin-top:20px}.float-alert{bottom:2px;right:-6px;transform:scale(.87) rotate(-3deg);transform-origin:right bottom}.home-trust{display:none}.section{padding-top:65px;padding-bottom:65px}.section-heading h2{font-size:29px}.feature-grid{grid-template-columns:1fr}.feature{min-height:190px}.feature p{min-height:auto}.split-content{grid-template-columns:1fr;padding:57px 20px;gap:35px}.split-invoice{transform:none}.steps-grid{grid-template-columns:1fr;gap:0}.plan-grid{grid-template-columns:1fr}.plan-card{padding:23px}.plan-card>p{min-height:0}.faq-grid{grid-template-columns:1fr}.footer-inner{padding:25px 20px;flex-wrap:wrap}.app-topbar{height:62px;top:80px;padding:0 13px}.crumb{font-size:10px}.crumb span{margin:0 3px}.app-top-actions{gap:8px}.top-date{display:none}.role-badge{font-size:8px;padding:7px}.top-avatar{height:30px;width:30px}.app-content{padding:22px 14px 100px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.header-buttons{width:100%}.header-buttons .btn{flex:1}.kpi-grid{gap:10px;margin:18px 0}.kpi{padding:14px}.kpi-icon{width:36px;height:36px;margin-bottom:13px}.kpi-number{font-size:21px}.kpi-label{font-size:10px}.kpi-trend{font-size:9px}.content-two{grid-template-columns:1fr}.surface{padding:17px}.chart-large{height:170px}.table-wrap{margin:0 -5px}.tile-grid{grid-template-columns:1fr}.config-layout{grid-template-columns:1fr}.mobile-bottom{position:fixed;z-index:35;bottom:0;left:0;right:0;padding:6px 10px max(6px,env(safe-area-inset-bottom));height:70px;background:white;display:flex;justify-content:space-around;border-top:1px solid #d9e6ed;box-shadow:0 -8px 20px rgba(9,38,56,.05)}.mobile-bottom button{border:0;background:none;display:grid;justify-items:center;gap:4px;color:#7893a1;font-size:9px;padding:6px}.mobile-bottom button.active{color:#0b56b3;font-weight:800}.mobile-bottom .ico{height:21px;width:21px}.consumer-container{padding:28px 17px 72px}.consumer-nav{min-height:68px}.consumer-header .container{padding:0 14px}.secure{display:none}.consumer-tenant b{font-size:11px}.consumer-tenant span{font-size:9px}.tenant-avatar.big{height:35px;width:35px}.consumer-profile{font-size:10px}.consumer-profile span{height:26px;width:26px}.consumer-heading{align-items:flex-start}.consumer-heading h1{font-size:25px}.consumer-heading p{font-size:11px}.powered{display:none}.consumer-tabs{gap:18px}.consumer-tabs button{font-size:11px}.consumer-main-grid{grid-template-columns:1fr}.bill-card{padding:22px}.bill-card-value{font-size:39px}.mini-bills{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.modal-head{padding:18px}.modal-body{padding:20px}.toast{left:14px;right:14px;bottom:82px;max-width:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Wordlu 22: real portal navigation corrections preserving the approved preview. */
#screen-empresa .app-shell,#screen-admin .app-shell{min-height:100vh}
#screen-empresa .app-sidebar,#screen-admin .app-sidebar{position:sticky;top:0;height:100vh;min-height:100vh;max-height:100vh}
#screen-empresa .app-topbar,#screen-admin .app-topbar{position:sticky;top:0;z-index:55}
#screen-home .home-nav{position:sticky;top:0;z-index:85;box-shadow:0 8px 24px rgba(3,25,40,.08)}
#screen-consumidor .consumer-page{min-height:100vh}
#screen-consumidor .consumer-header{position:sticky;top:0;z-index:65}
.home-mobile-trigger,.home-mobile-drawer,.home-mobile-bottom,.consumer-mobile-bottom{display:none}
@media(max-width:940px){
 #screen-empresa .app-sidebar,#screen-admin .app-sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;max-height:100dvh;z-index:95}
 #screen-empresa .app-topbar,#screen-admin .app-topbar{top:0}
 .home-mobile-trigger{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#102e3a;border:1px solid #385160;color:white;margin-left:auto}
 .home-mobile-drawer:not([hidden]){display:flex;flex-direction:column;position:fixed;top:74px;left:0;right:0;z-index:84;gap:0;background:#071b24;border-top:1px solid #284e60;box-shadow:0 19px 30px rgba(3,23,34,.24)}
 .home-mobile-drawer a{display:block;color:#e3f9ff;font-size:13px;font-weight:730;padding:14px 23px;border-bottom:1px solid #173848}
}
@media(max-width:700px){
 #screen-empresa .app-sidebar,#screen-admin .app-sidebar{height:100dvh;max-height:100dvh}
 #screen-empresa .app-topbar,#screen-admin .app-topbar{top:0}
 #screen-home .nav-inner{position:relative}
 .home-mobile-drawer:not([hidden]){top:67px}
 .home-mobile-bottom,.consumer-mobile-bottom{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:stretch;min-height:64px;z-index:80;background:#fff;border-top:1px solid #dce8f0;box-shadow:0 -6px 22px #0a2d4215;padding:7px 7px max(7px,env(safe-area-inset-bottom))}
 .home-mobile-bottom a,.consumer-mobile-bottom button{flex:1;min-width:0;border:0;background:transparent;text-align:center;display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;color:#668495;font-weight:800;font-size:10px}
 .home-mobile-bottom .ico,.consumer-mobile-bottom .ico{width:19px;height:19px}
 .home-mobile-bottom .active,.consumer-mobile-bottom .active{color:#0b5bb1}
 #screen-home{padding-bottom:69px}
 #screen-consumidor .consumer-page{padding-bottom:78px}
 #screen-empresa .app-content,#screen-admin .app-content{padding-bottom:106px}
 .mobile-bottom{z-index:72}
 .app-topbar .top-avatar{flex-shrink:0}
}
@media(min-width:701px){.home-mobile-bottom,.consumer-mobile-bottom{display:none!important}}

/* Wordlu 28: Home do serviço, apenas ajustes de navegação. Não altera os painéis. */
#screen-home .home-nav{position:sticky;top:0;z-index:90;box-shadow:0 5px 22px rgba(4,22,32,.18)}
#screen-home .nav-inner{justify-content:space-between}
#screen-home .brand-sub{border:1px solid rgba(215,242,247,.32);background:rgba(255,255,255,.07);border-radius:50px;padding:7px 11px;letter-spacing:.09em}
#screen-home .home-navlinks{margin:auto}
#screen-home .home-mobile-drawer{z-index:95}
@media(max-width:700px){
 #screen-home .nav-inner{height:68px;gap:10px;padding:0 14px}
 #screen-home .brand{gap:6px;min-width:0;flex-shrink:1}
 #screen-home .brand img{width:114px;min-width:0}
 #screen-home .brand-divider{display:none}
 #screen-home .brand-sub{font-size:8px;padding:5px 7px;letter-spacing:.04em}
 #screen-home .home-navlinks,#screen-home .nav-login,#screen-home .home-mobile-trigger{display:none!important}
 #screen-home .nav-start{margin-left:auto;flex-shrink:0;font-size:10px;padding:10px 9px;white-space:nowrap}
 #screen-home .home-mobile-drawer:not([hidden]){top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:10px;right:10px;max-height:calc(100dvh - 160px);overflow:auto;border:1px solid #254958;border-radius:15px;box-shadow:0 10px 36px #051b2e70}
 #screen-home .home-mobile-bottom.wordlu-bottom28{min-height:67px;align-items:center;justify-content:space-between;gap:2px;overflow:visible;padding:5px 7px calc(5px + env(safe-area-inset-bottom));z-index:94}
 #screen-home .wordlu-bottom28>a,#screen-home .wordlu-bottom28>button{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;position:relative;background:none;border:0;color:#607e90;font:800 10px/1.25 Inter,system-ui,sans-serif;text-decoration:none;min-height:53px;padding:3px 1px;cursor:pointer}
 #screen-home .wordlu-bottom28>a>.ico,#screen-home .wordlu-bottom28>button>.ico{height:21px;width:21px}
 #screen-home .wordlu-bottom28 .wordlu-bottom-home{color:#0758af;padding:0}
 #screen-home .wordlu-bottom28 .wordlu-home-orb{height:51px;width:51px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#0a63bf,#08bdda);border:4px solid #fff;box-shadow:0 3px 18px #05406a55;transform:translateY(-11px);margin-bottom:-9px}
 #screen-home .wordlu-bottom28 .wordlu-home-orb .ico{color:white;width:24px;height:24px}
 #screen-home{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 #screen-home [id]{scroll-margin-top:76px}
}

/* Master 29: mesmo ícone do botão central da Home principal Wordlu. */
@media(max-width:700px){
 #screen-home .wordlu-bottom28 .wordlu-home-orb{width:58px;height:58px;border:5px solid #030a14;background:linear-gradient(145deg,#04daf0,#0b67d9);box-shadow:0 -4px 0 #203b56,0 8px 20px #02061766;transform:translateY(-18px);margin-bottom:-18px}
 #screen-home .wordlu-bottom28 .wordlu-home-orb img{width:38px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px #0005)}
 #screen-home .wordlu-bottom28 .wordlu-bottom-home{color:#0758af}
}