/* DWELLIVRA 2026 visual system refresh — preserves the working local-demo flows. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a32;--navy2:#0a2243;--blue:#0866f5;--blue2:#1479ff;--ink:#101b33;--muted:#64748b;--line:#e3ebf6;--light:#f3f7ff;--white:#fff;--green:#0c9e78;--warn:#c7831d;--red:#e34858;--rad:18px;--shadow:0 24px 52px rgba(11,33,76,.07);font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;color:var(--ink)}
html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans','Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7cafff;outline-offset:2px}h1,h2,h3,h4{font-family:'Manrope','Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;line-height:1.2}h2{font-weight:800}.container{max-width:1400px;width:calc(100% - 80px)}.app-root{overflow:hidden}.btn{border-radius:11px;gap:9px;font-weight:750;letter-spacing:-.015em;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#0866f5;border-color:#0866f5;color:#fff;box-shadow:0 8px 20px rgba(0,98,246,.18)}.btn-primary:hover{background:#0057e7;box-shadow:0 12px 28px rgba(0,98,246,.29);transform:translateY(-1px)}.btn-outline{border-color:#d9e4f5;background:#fff;color:#10294e}.btn-outline:hover{background:#f2f7ff;border-color:#9fc3fa}.icon-btn{border-radius:10px}.eyebrow{color:#0866f5;font-size:10px;letter-spacing:.18em;font-weight:800}.section{padding:100px 0}.section-sm{padding:75px 0}.alt-bg{background:#f3f7fe}.section-heading{margin-bottom:42px}.section-heading h2{font-size:clamp(28px,3.2vw,45px);line-height:1.18;letter-spacing:-.055em;max-width:760px}.section-heading .lead{max-width:700px;color:#6a7a92;font-size:15px;line-height:1.9}.grid3,.grid4,.grid2{gap:22px}.panel{border:1px solid #e3eaf5;border-radius:17px;box-shadow:0 12px 35px rgba(12,39,82,.035);background:#fff}.panel-head{padding:21px 24px;border-bottom:1px solid #eff3fa;gap:12px}.panel-head h3{font-size:15px;font-weight:800;letter-spacing:-.028em}.panel-pad{padding:24px}.feature-tile,.number-card,.pricing-card,.step,.focus-panel{border:1px solid #e4eaf4;border-radius:18px;box-shadow:0 12px 28px rgba(15,42,84,.035)}.feature-tile{min-height:270px;padding:30px}.feature-icon{border-radius:13px;width:48px;height:48px;background:#eaf3ff;color:#0765ec}.feature-tile h3,.number-card h3{font-size:19px;letter-spacing:-.035em}.feature-tile p,.number-card p{line-height:1.8;font-size:13px;color:#6a7890}.feature-tile:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(21,66,128,.10)}
/* Header and wide-screen navigation */
.notice-strip{height:33px;display:flex;align-items:center;justify-content:center;gap:14px;background:#061428;color:#a8bfe0;letter-spacing:.015em;font-size:10px;border-bottom:1px solid rgba(122,165,219,.14)}.notice-strip b{font-size:10px;color:#f5faff;letter-spacing:.12em}.notice-strip svg{vertical-align:middle}.notice-strip a{color:#a9ceff;text-decoration:none;font-weight:800;display:flex;gap:6px;align-items:center}.notice-point{width:6px;height:6px;background:#20c697;box-shadow:0 0 0 3px #20c69722;border-radius:50%}.topbar{background:#071a32;color:#fff;border-bottom:1px solid rgba(168,193,230,.18);position:sticky;top:0;z-index:35;box-shadow:0 8px 22px rgba(0,0,0,.03)}.public-nav{height:79px}.brand-link{display:flex;align-items:center;flex-shrink:0}.logo-img{width:181px;height:auto;object-fit:contain;display:block}.public-links{gap:30px}.public-links a{color:#c4d1e4;font-size:12px;font-weight:650}.public-links a:hover,.public-links a[aria-current='page']{color:#fff}.nav-actions{gap:9px}.nav-actions .btn-ghost{color:#fff}.nav-actions .btn-outline{color:#e7effb;background:rgba(255,255,255,.05);border-color:rgba(224,236,255,.22)}.nav-actions .btn-outline:hover{background:#16395c}.nav-actions .btn-primary{padding:11px 17px}.topbar .hamburger{color:#fff}.mobile-menu{background:#10284a;border-top:1px solid #27476e;box-shadow:0 18px 38px #04122233}.mobile-menu a{color:#eff7ff;padding:14px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;font-weight:700;text-decoration:none}.mobile-menu a:hover{background:#1a3961}
/* Product hero / cinematic architecture / device preview */
.hero{padding:97px 0 22px;min-height:692px;background:#07192f;color:white;isolation:isolate}.hero-cinematic{position:absolute;inset:0;background:linear-gradient(90deg,#06162deb 0%,#06162bd5 35%,#071a32b8 72%,#071b35a8 100%),url('hero-architecture.webp?v=launch-20261025') center center/cover no-repeat;z-index:-3;animation:heroBreath 18s ease-in-out infinite alternate}.hero-light{position:absolute;width:850px;height:800px;right:-220px;top:-190px;pointer-events:none;background:radial-gradient(ellipse,rgba(14,101,238,.25),transparent 66%);z-index:-2}.hero:before{content:'';position:absolute;inset:-120px -80px auto auto;width:910px;height:910px;opacity:.18;border:1px solid #5f95da;border-radius:50%;pointer-events:none;z-index:-1;box-shadow:0 0 0 90px rgba(48,114,220,.05),0 0 0 190px rgba(34,101,206,.05)}.hero-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:30px;align-items:center;max-width:1510px}.hero-copy{padding:0 0 20px;z-index:4}.hero-copy .eyebrow{background:#1a3d66a3;border:1px solid #5179b554;display:inline-flex;align-items:center;padding:10px 14px;border-radius:30px;color:#9fccff;letter-spacing:.16em;gap:2px}.hero h1{font-size:clamp(39px,4vw,63px);letter-spacing:-.075em;line-height:1.18;font-weight:800;margin-top:25px;margin-bottom:23px;text-wrap:balance}.hero h1 em{font-style:normal;color:#59a5ff;white-space:nowrap}.hero .lead{max-width:565px;color:#d1dbeb;font-size:15px;line-height:1.95;margin-bottom:29px}.hero-actions{gap:12px}.hero-actions .btn{min-height:53px;padding:0 19px;font-size:12px}.hero-actions .btn-outline{color:#ecf5ff;background:#ffffff15;border-color:#ffffff44;backdrop-filter:blur(10px)}.hero-actions .btn-outline:hover{background:#ffffff2b}.hero-proof{display:flex;gap:18px 23px;flex-wrap:wrap;margin-top:27px}.hero-proof span{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#cad9ef}.hero-proof svg{width:16px;height:16px;color:#36d6c4;background:#19adbb23;border-radius:50%;padding:2px}.hero-trustline{display:flex;align-items:center;gap:11px;margin-top:33px;padding-top:18px;border-top:1px solid #aacbff20;color:#80a5cc;font-size:11px;max-width:500px}.hero-trustline svg{color:#58a4ff}.hero-product{position:relative;min-width:0;padding:50px 0 65px 8px;z-index:2}.hero-glow{position:absolute;inset:9% 5% 9% 0;background:radial-gradient(ellipse,#0866f555,transparent 68%);filter:blur(28px);z-index:-1}.hero-window{transform:perspective(1500px) rotateY(-8deg) rotateX(3deg);border:1px solid #c4ddff77;border-radius:15px;box-shadow:0 42px 85px #0009,0 0 50px #2b9dff40;background:#f7faff;overflow:hidden;max-width:720px}.preview-toolbar{height:39px;border-bottom:1px solid #e3e9f3;padding:0 15px;display:flex;align-items:center;gap:12px;background:#f8fbff}.mock-dots{display:flex;gap:5px}.preview-toolbar .dot{background:#d7e1ef;width:7px;height:7px}.preview-toolbar .dot:first-child{background:#f3aaa5}.preview-toolbar .dot:nth-child(2){background:#f6d28e}.preview-toolbar .dot:nth-child(3){background:#a9d6bd}.preview-search{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa8bc;border:1px solid #e6ebf5;border-radius:6px;background:#fff;padding:4px 9px;margin-left:8px;width:41%}.mock-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:#eaf9f4;color:#09896a;padding:4px 8px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.02em}.mock-live b{width:5px;height:5px;background:#19c597;border-radius:50%}.preview-layout{grid-template-columns:138px minmax(0,1fr);min-height:358px}.preview-sidebar{background:#0b2242;padding:17px 9px 12px}.preview-sidebar img{width:118px;margin:0 auto 16px;display:block}.preview-mini-org{color:#b4cced;border:1px solid #365274;font-size:8px;white-space:nowrap;border-radius:6px;padding:8px 5px;margin-bottom:14px}.preview-mini-org svg{vertical-align:middle}.preview-sideitem{display:flex;align-items:center;gap:8px;font-size:9px;color:#abc1df;margin-bottom:3px;padding:9px;border-radius:6px}.preview-sideitem.active{background:#0866f5;color:#fff;font-weight:800}.preview-sidefoot{border-top:1px solid #405370;margin-top:12px;padding:15px 6px;color:#95afcf;font-size:9px}.preview-sidefoot svg{vertical-align:middle}.preview-main{background:#f3f7ff;padding:19px 18px}.preview-welcome{display:flex;justify-content:space-between;gap:8px;align-items:center}.preview-kicker{color:#8496b1;font-size:8px;letter-spacing:.04em;font-weight:800}.preview-welcome h4{font-size:15px;letter-spacing:-.04em;margin:5px 0}.preview-welcome .tiny{font-size:9px}.preview-avatar{width:29px;height:29px;border-radius:50%;background:#e6efff;border:2px solid white;display:grid;place-items:center;color:#2461ac;font-size:9px;font-weight:800}.preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.preview-kpi{padding:12px 10px;background:white;border:1px solid #e5edf8;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;box-shadow:0 5px 18px #072e6810}.preview-kpi small{color:#7b8aa1;font-size:8px;margin:8px 0 1px;line-height:1.35}.preview-kpi strong{font-size:22px;font-weight:800;color:#152944;letter-spacing:-.05em}.pki{width:25px;height:25px;border-radius:7px;background:#e7f0ff;display:grid;place-items:center;color:#0866f5}.pki.orange{background:#fff2df;color:#d88d12}.pki.red{background:#fff1f1;color:#f04c5b}.pki.green{background:#e7faf1;color:#12a36d}.demo-mini-tag{font-size:6px;color:#92a2bc;font-weight:800;letter-spacing:.08em}.preview-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:9px;margin-top:10px}.preview-box{min-width:0;background:white;border-radius:10px;border:1px solid #e5edf8;padding:12px}.preview-bars{margin-top:13px;height:88px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #e5ebf5;padding:0 2px}.mini-bar-pair{display:flex;gap:3px;align-items:flex-end;flex:1;height:100%}.mini-bar-pair i{display:block;width:50%;min-width:0;border-radius:3px 3px 0 0;background:linear-gradient(#64adff,#0866f5)}.mini-bar-pair i:nth-child(2){background:#c7ddfa}.preview-months{margin-top:4px;color:#8fa1b6;font-size:7px;word-spacing:7px;white-space:nowrap;overflow:hidden}.preview-donut{width:100px;height:100px;margin:12px auto 6px;border-radius:50%;background:conic-gradient(#0866f5 0 86%,#e0ebfb 86%);display:grid;place-items:center}.preview-donut span{border-radius:50%;background:#fff;width:69px;height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:17px;color:#152944}.preview-donut small{font-size:7px;color:#8090a6;font-weight:600}.preview-legend{display:flex;justify-content:center;gap:14px;font-size:8px;color:#73869e}.preview-legend span{display:flex;gap:4px;align-items:center}.preview-legend b{width:6px;height:6px;display:block;background:#0866f5;border-radius:50%}.preview-legend span:last-child b{background:#c7defa}.float-card{display:flex;align-items:center;gap:10px;position:absolute;right:auto;width:max-content;max-width:225px;background:rgba(12,31,60,.91);border:1px solid #6f9ee768;color:#fff;padding:13px 15px;border-radius:13px;box-shadow:0 18px 38px #02102488;backdrop-filter:blur(20px);z-index:5;animation:floatSlow 6s ease-in-out infinite}.float-card b{font-size:11px;display:block;font-weight:800}.float-card small{color:#c0d1eb;font-size:9px;display:block;margin-top:3px;line-height:1.4}.float-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center}.float-icon.purple{color:#c5b0ff;background:#6d47ee50}.float-icon.blue{color:#a9ddff;background:#0866f552}.float-icon.green{color:#9ef0d8;background:#17987351}.float-ai{left:-17px;top:10px}.float-workflow{right:-11px;top:48%;animation-delay:-2s}.float-trust{left:12%;bottom:4px;animation-delay:-3s}.hero-bottomline{display:flex;gap:22px;align-items:center;justify-content:center;color:#7391b7;font-size:9px;letter-spacing:.21em;font-weight:800;padding:7px 0 13px;position:relative}.hero-line{height:1px;width:70px;background:linear-gradient(90deg,transparent,#4b83c5)}.hero-line:last-child{transform:rotate(180deg)}.sector-strip{background:#fff;border-bottom:1px solid #edf2fa}.sector-strip .logos-row{margin-top:0;border-bottom:0;min-height:94px;align-items:center}.sector-strip .logos-row div{font-size:10px;letter-spacing:.11em;color:#8c9ab0;font-weight:800}
/* Narrative showcase */
.showcase-section{padding:100px 0 45px;background:#fff}.showcase-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:85px;align-items:center}.showcase-visual{height:460px;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#081d3c,#0a396c);box-shadow:0 28px 70px #09275329}.showcase-photograph{position:absolute;inset:0;background:url('hero-architecture.webp?v=launch-20261025') 68% 58%/cover no-repeat;filter:saturate(1.2)}.showcase-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07182be8 0%,transparent 80%);pointer-events:none}.showcase-overlay{position:absolute;left:33px;right:24px;bottom:33px;z-index:2;color:white}.showcase-label{color:#90c2ff;font-size:10px;font-weight:800;letter-spacing:.12em}.showcase-overlay h3{font-size:30px;line-height:1.25;margin:10px 0 16px;color:#fff}.showcase-overlay a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:800}.showcase-image-note{position:absolute;top:15px;left:19px;font-size:9px;color:#dceaffab;z-index:2}.showcase-content h2{font-size:clamp(31px,3.5vw,48px);line-height:1.24;margin:16px 0 20px}.showcase-content h2 span{color:#0866f5}.showcase-content>p{color:#61748c;line-height:1.95;max-width:520px;margin-bottom:22px}.showcase-checks{display:grid;gap:19px;margin:29px 0 32px}.showcase-check{display:flex;gap:15px;align-items:flex-start}.showcase-check>span{background:#e8f2ff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;color:#0866f5;flex-shrink:0}.showcase-check strong{display:block;margin:0 0 4px;font-size:13px}.showcase-check small{display:block;font-size:12px;color:#74839b}.showcase-content .btn{padding:12px 18px}
/* Public internal pages retain visual richness */
.page-hero{padding:72px 0 75px;background:radial-gradient(circle at 87% 9%,#16579b99,transparent 38%),linear-gradient(125deg,#071a32,#0d315e);color:white;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-10%;bottom:-75%;width:650px;height:650px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 75px #ffffff06,0 0 0 160px #ffffff05}.page-hero .eyebrow{color:#80bcff}.page-hero h1{font-size:clamp(34px,4.7vw,58px);letter-spacing:-.06em;max-width:860px}.page-hero p{max-width:760px;color:#c3d6ef;font-size:16px;line-height:1.9}.page-hero .btn{margin-top:18px}.page-hero a.btn-outline{background:#ffffff17;color:white;border-color:#ffffff3a}.pricing-card.highlight{border-color:#0866f5;box-shadow:0 24px 55px rgba(5,100,245,.13)}.pricing-card .btn{border-radius:10px}.detail-feature{gap:65px;align-items:center}.detail-feature h2{font-size:clamp(30px,3.3vw,45px)}.dark-panel{background:radial-gradient(circle at 87% 15%,#195a9d,#06172d 60%);border-radius:23px}.illustration{border-radius:19px;overflow:hidden}.site-footer{background:#06172c}.site-footer .logo-img{width:205px}
/* Workspace: global aesthetic consistency, all routes share a single design language */
.workspace{background:#f3f7ff;min-height:100vh}.workspace-body{min-width:0}.sidebar{width:249px;background:linear-gradient(155deg,#071a32,#0a2445 74%,#0a1d37);color:#c6d6ee;padding:21px 12px 20px;border-right:1px solid #183753;box-shadow:6px 0 23px #06193111}.sidebar-brand{padding:9px 14px 16px}.sidebar-brand img{max-width:172px;max-height:48px;object-fit:contain}.ws-switch{border:1px solid #345173;background:#1835536b;border-radius:12px;margin:8px 4px 19px;padding:12px 9px;min-height:68px;color:#d2e1f5}.ws-switch .avatar{background:linear-gradient(135deg,#1178ff,#07469b);color:white;border-radius:10px;font-weight:800}.ws-switch:hover{background:#23476988}.nav-group-label{font-size:9px;color:#6689b6;margin-top:16px;margin-bottom:7px;padding-left:13px;letter-spacing:.16em;font-weight:800}.sidebar-link{border-radius:9px;min-height:40px;color:#acc2df;margin:2px 0;padding:9px 13px;gap:11px;font-size:11px;font-weight:650}.sidebar-link svg{opacity:.85}.sidebar-link:hover{background:#ffffff12;color:white}.sidebar-link.active{background:#0866f5;color:#fff;box-shadow:0 8px 22px #0759dc52;font-weight:800}.sidebar-link.active:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:4px;background:#8fd8ff}.sidebar-bottom{border-top:1px solid #a3c0ed20;padding-top:12px;margin-top:auto}.sidebar-bottom .sidebar-link{color:#a4b9d5}.ws-header{height:77px;background:#fff;border-bottom:1px solid #e6edf7;padding:0 34px;display:flex;justify-content:space-between;gap:20px;box-shadow:0 5px 25px #0e2f5910}.ws-breadcrumb{font-size:11px;white-space:nowrap}.ws-breadcrumb span:first-child{font-size:11px;letter-spacing:.12em;font-weight:800;color:#7386a1}.ws-breadcrumb .sep{padding:0 13px;color:#c8d4e8}.ws-breadcrumb strong{color:#132947}.ws-global-search{display:flex;align-items:center;gap:10px;padding:0 13px;background:#f4f7fd;border:1px solid #e6edf6;border-radius:10px;height:39px;width:min(330px,32vw);color:#8293ab}.ws-global-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px;color:#12345b;min-width:0}.ws-global-search span{background:#e6edf8;color:#6d7f99;border-radius:5px;padding:1px 6px;font-size:12px}.ws-top-actions{gap:13px}.ws-new-request{padding:9px 13px;font-size:11px}.ws-header .avatar{background:linear-gradient(145deg,#0c66da,#0b2b60);color:#fff;border:2px solid #dfeaff;border-radius:50%;width:34px;height:34px;font-weight:800}.ws-header .icon-btn{background:#f4f8ff;color:#416283}.demo-label{background:#eaf4ff;color:#1761ac;border-radius:7px;font-size:10px;font-weight:800;padding:7px 10px;display:flex;align-items:center;gap:6px}.workspace-content{padding:29px 35px 85px;max-width:1760px}.workspace-context{margin-bottom:23px;padding:1px 0}.context-sep{color:#bac6d8;padding:0 9px}.workspace-context span:last-child{font-size:9px;font-weight:800;letter-spacing:.055em;color:#8291a7}.demo-banner{background:#e9f4ff;border-color:#cce2fe;color:#436184;border-radius:11px;padding:11px 16px;margin-bottom:22px;font-size:11px;line-height:1.6;gap:10px}.demo-banner strong{color:#1654a1}.demo-banner svg{color:#0866f5}.page-title{align-items:center;margin-bottom:23px}.page-crumb{font-size:9px;letter-spacing:.13em;color:#0d6bf1;font-weight:850;margin-bottom:7px}.page-crumb span{color:#acb7c8;padding:0 5px}.page-title h1{font-size:clamp(24px,2.3vw,32px);margin-bottom:5px;letter-spacing:-.052em}.page-title p{font-size:12px;color:#6a7b91;line-height:1.6}.page-title .btn{font-size:11px}.stat-card{padding:20px 21px 19px;border:1px solid #e2eaf6;border-radius:17px;min-height:154px;box-shadow:0 10px 25px #0f3c8310}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stat-card .stat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin:0;background:#e8f2ff;color:#0866f5}.stat-card:nth-child(2) .stat-icon{background:#fff3e1;color:#c88a18}.stat-card:nth-child(3) .stat-icon{background:#fff0f2;color:#db4d5f}.stat-card:nth-child(4) .stat-icon{background:#eaf7f2;color:#129974}.stat-corner{color:#9bb4d1}.stat-label{color:#6c7b91;font-size:11px;font-weight:700;margin-bottom:6px}.stat-val{font-size:30px;letter-spacing:-.07em;font-weight:800;color:#15233b;line-height:1.1}.stat-meta{font-size:10px;color:#8a99ad;margin-top:7px;white-space:normal}.grid4{gap:17px}.charts-row{gap:20px;margin-top:20px}.overview-intro{background:radial-gradient(circle at 90% -10%,#2574f755,transparent 43%),linear-gradient(115deg,#09274e,#0d3d78);border-radius:18px;padding:23px 27px;margin:1px 0 18px;display:flex;align-items:center;justify-content:space-between;min-height:117px;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 32px #083e9b1f}.overview-intro .overline{display:block;color:#83bbff;font-size:9px;letter-spacing:.13em;font-weight:800;margin-bottom:7px}.overview-intro strong{font-size:21px;display:block;font-weight:800;letter-spacing:-.035em}.overview-intro p{margin-top:4px;color:#bbd1ee;font-size:11px}.intro-brand-orbit{width:130px;height:130px;position:absolute;right:5%;top:-6px;border-radius:50%;display:grid;place-items:center;color:#b0d1ffb0;border:1px solid #8bbaff44;box-shadow:0 0 0 24px #aacaff0d,0 0 0 60px #aacaff08;transform:rotate(20deg)}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-primary{grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr)}.dashboard-middle{grid-template-columns:1fr 1fr}.category-chart{display:grid;gap:16px;min-height:218px}.category-bar-row{display:grid;grid-template-columns:130px 1fr 20px;align-items:center;gap:14px}.bar-title{font-size:10px;color:#586b87;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:#eef4fe;border-radius:6px;height:12px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#8ec5ff,#0866f5);border-radius:6px}.category-bar-row b{font-size:11px;color:#234366}.chart-foot{margin-top:23px;padding-top:13px;border-top:1px solid #ecf1f9;display:flex;align-items:center;gap:7px;color:#90a0b6;font-size:10px}.occupancy-body{display:flex;gap:25px;align-items:center;justify-content:center;min-height:270px}.occupancy-body .donut{flex-shrink:0;margin:0;width:157px;height:157px;box-shadow:0 10px 25px #0c51b420}.occupancy-body .donut-inner{width:126px;height:126px}.occupancy-body .donut strong{font-size:30px}.occupancy-legend{flex:1;max-width:190px}.occupancy-legend .legend{padding:11px 0;border-bottom:1px solid #ebf0f7;display:flex;justify-content:space-between;gap:7px;align-items:center}.occupancy-legend .legend span{display:flex;align-items:center;gap:6px;color:#5d7090;font-size:11px}.occupancy-legend .legend strong{font-size:14px}.occupancy-summary{font-size:10px;color:#92a0b4;margin-top:15px}.deadline-list{padding:1px 17px 14px}.deadline-item{display:flex;align-items:center;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #edf2f8;padding:16px 5px;gap:12px}.deadline-item:last-child{border-bottom:0}.deadline-item:hover{background:#f6f9fe}.deadline-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#1769e6;flex-shrink:0}.deadline-icon.late{background:#fff0f1;color:#e65364}.deadline-item .grow{min-width:0}.deadline-item strong{display:block;font-size:11px;color:#213b59;font-weight:800}.deadline-item small{display:block;margin-top:3px;color:#8596ab;font-size:10px}.deadline-date{text-align:right;white-space:nowrap;color:#5a6d85;font-size:10px;font-weight:700}.deadline-date small{color:#f07654;font-weight:700}.activity-panel .list-item{border-bottom:1px solid #f0f3f8;padding:12px 0;min-height:56px}.activity-panel .list-item strong{font-size:11px;color:#203a59}.activity-panel .list-item small{font-size:10px;color:#8192a9}.activity-dot{width:34px;height:34px;border-radius:10px;background:#edf4ff;color:#1873e8;display:grid;place-items:center}.dashboard-mapline{grid-template-columns:1.32fr 1fr}.demo-map-frame{height:295px;position:relative;overflow:hidden;background:linear-gradient(20deg,#d9e9e3aa,#ebf5ff),repeating-linear-gradient(20deg,transparent 0 22px,#a2c2e330 22px 24px)}.demo-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.map-notice{position:absolute;bottom:12px;left:12px;right:12px;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-radius:10px;background:#fffefaed;border:1px solid #e0e9f5;box-shadow:0 8px 25px #152f4c20;padding:11px 13px;color:#506c8c;font-size:10px;font-weight:700}.map-notice svg{color:#0866f5}.map-notice a{margin-left:auto;color:#0866f5;text-decoration:none}.maintenance-progress{display:grid;gap:18px}.maintenance-row .row{margin-bottom:7px}.metric-progress{border-radius:15px;background:#e9f1fd;overflow:hidden;height:8px}.metric-progress span{background:linear-gradient(90deg,#3f9cff,#0767ed);border-radius:15px}.maintenance-progress .info-callout{font-size:10px;margin-top:4px}.ai-panel{margin:22px 0;background:linear-gradient(116deg,#0b2851,#174f97 62%,#5e48d7);border:1px solid #678cff67;border-radius:19px;overflow:hidden;box-shadow:0 17px 37px #143e9a25;padding:23px}.ai-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;color:#fff;margin-bottom:20px}.ai-panel-head .eyebrow{color:#91bfff;letter-spacing:.14em;font-size:9px}.ai-panel-head h3{font-size:23px;letter-spacing:-.04em;color:#fff;margin:7px 0}.ai-panel-head p{color:#c8d7f6;font-size:11px}.ai-mark{background:#ffffff17;border:1px solid #ffffff38;border-radius:9px;color:#c9bdff;display:inline-grid;place-items:center;width:32px;height:32px;margin-right:10px;vertical-align:middle}.ai-panel-head .badge{background:#ffffff23;color:#fff;border-color:#ffffff35}.ai-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.ai-insight{padding:19px;background:#fff;border-radius:12px;box-shadow:0 8px 22px #0623491f}.mini-label{color:#3179e3;font-size:9px;font-weight:800;letter-spacing:.10em}.ai-insight strong{display:block;font-size:13px;margin-top:11px;line-height:1.5}.ai-insight p{font-size:10px;color:#7890a7;margin:8px 0 15px}.ai-insight a{color:#0866f5;font-weight:800;text-decoration:none;font-size:10px;display:inline-flex;align-items:center;gap:6px}.followup-panel{margin-top:20px}.property-grid{gap:18px}.property-card{border:1px solid #e4ecf7;border-radius:17px;overflow:hidden;box-shadow:0 12px 24px #0926520e}.property-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #09265223}.property-visual{height:180px;background:linear-gradient(45deg,#061e3a66,#2e83c100),var(--property-image,url('property-1.webp?v=launch-20261025')) center/cover no-repeat}.property-visual .building{display:none}.property-info{padding:17px}.property-info h3{font-size:14px;letter-spacing:-.03em}.property-info p{font-size:11px;color:#7a8a9e}.property-info .row{margin-top:12px}.property-info .small{font-size:11px}.filters{background:#fff;border-bottom:1px solid #edf2f8}.filters input,.filters select,.input{border-radius:10px;background:#fff;border:1px solid #dae5f3;min-height:40px}.input:focus{border-color:#3789ff;box-shadow:0 0 0 3px #197aff19}.badge{border-radius:7px;font-size:10px;letter-spacing:-.005em}.table-wrap table th{background:#f7faff;color:#7185a0;font-size:9px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;padding:14px 18px;border-bottom:1px solid #e8eff8}.table-wrap table td{padding:15px 18px;border-bottom:1px solid #eef2f9;font-size:11px;color:#5d7089}.table-wrap table tr:hover td{background:#f9fbff}.table-title{color:#243b58!important;font-size:11px;font-weight:800}.table-sub{font-size:10px;color:#93a1b6}.inbox-layout{border-radius:15px;overflow:hidden}.inbox-list{background:#f9fbff}.message-thread{background:#fff}.timeline-item:before{background:#0866f5}.info-callout{background:#ebf4ff;border-color:#d7e8fc;color:#54708f;border-radius:9px}.modal{border-radius:18px;box-shadow:0 28px 90px #06172c66}.toast{background:#092341;border:1px solid #2a5b95;border-radius:12px;box-shadow:0 16px 36px #091d3e44}
/* Sign in, register, password help: one premium visual composition */
.access-hero{background:#edf4ff;padding:45px 0 65px;min-height:700px}.auth-split{display:grid;grid-template-columns:1.02fr .98fr;min-height:630px;max-width:1120px;background:#fff;border-radius:25px;box-shadow:0 28px 95px #092f6a20;overflow:hidden;padding:0}.auth-visual{position:relative;background:#071a32;overflow:hidden;min-height:625px}.auth-architecture{position:absolute;inset:0;background:linear-gradient(180deg,#06172cb8,#06162cbb),url('hero-architecture.webp?v=launch-20261025') 65% center/cover;transform:scale(1.06)}.auth-visual:after{content:'';position:absolute;width:490px;height:490px;border-radius:50%;border:1px solid #b0cdff22;bottom:-240px;right:-170px;box-shadow:0 0 0 85px #5798fb0c}.auth-visual-content{position:relative;z-index:2;height:100%;padding:45px 52px;display:flex;flex-direction:column;color:#fff}.auth-logo{width:215px}.auth-visual-copy{margin:auto 0;max-width:510px}.auth-visual-copy .eyebrow{color:#80b8ff}.auth-visual-copy h1{font-size:clamp(37px,3.3vw,52px);margin:18px 0 20px}.auth-visual-copy em{font-style:normal;color:#66b0ff}.auth-visual-copy p{font-size:14px;color:#c8d8ef;line-height:2}.auth-visual-footer{display:flex;align-items:center;gap:10px;font-size:11px;color:#99b4d7}.auth-right{display:grid;place-items:center;padding:38px 47px}.auth-card{border:0;box-shadow:none;max-width:420px;width:100%;margin:0;padding:0}.auth-card .brand-symbol{width:47px;height:47px;border-radius:12px;margin-bottom:20px;object-fit:cover}.auth-card h2{font-size:30px}.auth-card>p{color:#6e7f96;font-size:12px;margin:6px 0 20px}.auth-card .not-ready{font-size:10px;line-height:1.6;border-radius:10px}.auth-card .label{font-size:11px;font-weight:750}.auth-card .field{margin-bottom:16px}.auth-card .input{height:46px;background:#f8fbff}.auth-card .btn-primary{height:47px}.auth-card .divider{margin:24px 0 18px}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heroBreath{0%{filter:brightness(.95);transform:scale(1)}100%{filter:brightness(1.12);transform:scale(1.025)}}
@media(min-width:1450px){.hero{padding-top:105px}.hero h1{font-size:67px}.hero-grid{gap:35px}.hero-product{padding-top:56px;padding-bottom:72px}.hero-window{max-width:none}.preview-layout{min-height:397px}.preview-main{padding:24px}.preview-kpis{margin-top:22px}.preview-bars{height:109px}.preview-donut{width:122px;height:122px}.preview-donut span{width:86px;height:86px}}
@media(max-width:1200px){.container{width:calc(100% - 58px)}.public-links{gap:15px}.public-links a{font-size:11px}.logo-img{width:163px}.hero h1{font-size:47px}.hero-grid{gap:15px}.hero-product{padding-top:58px}.float-ai{left:-10px;top:8px}.float-workflow{right:-5px}.showcase-grid{gap:37px}.ws-header{padding:0 24px}.ws-global-search{width:min(265px,26vw)}.workspace-content{padding:27px 25px 70px}.occupancy-body{gap:12px}.occupancy-body .donut{width:128px;height:128px}.occupancy-body .donut-inner{width:99px;height:99px}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.public-links{display:none}.hero{padding-top:68px}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{text-align:center;margin:auto;max-width:740px}.hero h1{font-size:clamp(38px,6.5vw,58px)}.hero .lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-trustline{justify-content:center;margin-left:auto;margin-right:auto}.hero-product{width:min(760px,100%);margin:0 auto;padding:47px 20px 65px}.hero-window{transform:perspective(1500px) rotateY(-4deg) rotateX(2deg)}.float-ai{top:15px;left:6px}.float-workflow{right:3px}.float-trust{bottom:22px}.showcase-grid{grid-template-columns:1fr;gap:36px}.showcase-visual{height:420px}.showcase-content{max-width:740px}.sidebar{position:fixed;transform:translateX(-105%);top:0;left:0;height:100vh;z-index:60}.sidebar.open{transform:translateX(0)}.workspace-body{width:100%}.ws-mobile-menu{display:inline-flex}.ws-global-search{width:min(300px,35vw)}.workspace-content{padding:25px 22px 70px}.dashboard-primary,.dashboard-middle,.dashboard-mapline{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-val{font-size:25px}.auth-split{grid-template-columns:1fr 1fr}.auth-visual-content{padding:40px 27px}.auth-right{padding:38px 30px}}
@media(max-width:640px){body{font-size:13px}.container{width:calc(100% - 32px)}.notice-strip{gap:7px;font-size:8px;height:33px;padding:0 10px}.notice-strip b{font-size:8px}.notice-strip>span:nth-child(3){display:none}.notice-strip a{font-size:8px}.public-nav{height:65px}.logo-img{width:142px}.nav-actions .nav-secondary{display:none}.nav-actions .btn-primary{padding:8px 11px;font-size:10px;min-height:35px}.topbar .icon-btn{width:36px;height:36px}.hero{padding:49px 0 15px;min-height:unset}.hero-copy .eyebrow{font-size:8px;padding:8px 11px;letter-spacing:.08em}.hero h1{font-size:clamp(31px,8.3vw,48px);letter-spacing:-.064em;margin-top:19px;line-height:1.2}.hero h1 em{white-space:normal}.hero .lead{font-size:12px;line-height:1.8;margin-top:0;margin-bottom:23px}.hero-actions{gap:9px}.hero-actions .btn{width:100%;min-height:45px;font-size:11px}.hero-proof{gap:10px 13px;margin-top:21px}.hero-proof span{font-size:9px}.hero-trustline{font-size:9px;margin-top:22px;padding-top:15px}.hero-product{padding:26px 0 41px}.hero-window{transform:none;border-radius:11px}.preview-toolbar{height:28px;padding:0 8px}.preview-search{font-size:6px;padding:2px 4px}.mock-live{font-size:6px;padding:3px}.preview-layout{grid-template-columns:76px minmax(0,1fr);min-height:251px}.preview-sidebar{padding:9px 5px}.preview-sidebar img{width:67px;margin-bottom:8px}.preview-mini-org{font-size:5px;padding:5px 2px;margin-bottom:6px}.preview-mini-org svg{display:none}.preview-sideitem{font-size:6px;padding:6px 3px;gap:3px}.preview-sideitem svg{width:7px;height:7px}.preview-sidefoot{font-size:6px;padding:7px 2px}.preview-main{padding:11px 8px}.preview-kicker{font-size:5px}.preview-welcome h4{font-size:10px;margin:3px 0}.preview-welcome .tiny{font-size:6px}.preview-avatar{width:19px;height:19px;font-size:6px}.preview-kpis{gap:4px;margin-top:11px}.preview-kpi{padding:6px 4px;border-radius:5px}.pki{height:15px;width:15px;border-radius:4px}.pki svg{width:8px;height:8px}.preview-kpi small{font-size:5px;margin-top:5px}.preview-kpi strong{font-size:13px}.demo-mini-tag{font-size:4px}.preview-lower{grid-template-columns:1.45fr 1fr;gap:5px;margin-top:5px}.preview-box{padding:7px;border-radius:6px}.preview-box .tiny{font-size:6px}.preview-bars{height:52px;gap:2px;margin-top:7px}.mini-bar-pair{gap:1px}.preview-months{font-size:4px;word-spacing:1px}.preview-donut{width:48px;height:48px;margin:5px auto}.preview-donut span{width:34px;height:34px;font-size:10px}.preview-donut small{font-size:5px}.preview-legend{font-size:5px;gap:5px}.preview-legend b{width:4px;height:4px}.float-card{padding:6px;border-radius:7px;gap:5px;max-width:133px}.float-card b{font-size:7px}.float-card small{font-size:6px}.float-icon{width:21px;height:21px;border-radius:6px}.float-icon svg{width:11px;height:11px}.float-ai{top:5px;left:-5px}.float-workflow{right:-3px;top:48%}.float-trust{bottom:12px;left:3%}.hero-bottomline{font-size:6px;gap:8px;padding-bottom:5px}.hero-line{width:30px}.sector-strip .logos-row{min-height:70px;gap:13px}.sector-strip .logos-row div{font-size:8px;width:45%}.showcase-section{padding:67px 0 30px}.showcase-visual{height:300px;border-radius:17px}.showcase-overlay{left:21px;bottom:22px}.showcase-overlay h3{font-size:23px}.showcase-label{font-size:8px}.showcase-content h2{font-size:31px}.showcase-content>p{font-size:12px}.showcase-check strong{font-size:12px}.showcase-check small{font-size:10px}.showcase-check>span{width:36px;height:36px}.section{padding:65px 0}.section-heading h2{font-size:29px}.section-heading .lead{font-size:12px}.feature-tile{padding:22px;min-height:auto}.feature-tile h3{font-size:18px}.page-hero{padding:54px 0 60px}.page-hero h1{font-size:36px}.page-hero p{font-size:13px}.site-footer{padding-top:52px}.ws-header{height:62px;padding:0 12px;gap:7px}.ws-breadcrumb span:first-child{display:none}.ws-breadcrumb .sep{display:none}.ws-breadcrumb strong{font-size:10px}.ws-global-search{display:flex;flex:1;width:auto;min-width:0;height:33px;max-width:180px;padding:0 8px;gap:4px}.ws-global-search input{font-size:9px}.ws-global-search span{display:none}.ws-global-search svg{width:13px;height:13px;flex-shrink:0}.ws-top-actions{gap:6px}.ws-new-request{display:none}.ws-header .avatar{width:28px;height:28px;font-size:8px}.ws-header .icon-btn{height:29px;width:29px}.ws-header .icon-btn svg{width:15px}.ws-header .demo-label{display:none}.workspace-content{padding:20px 14px 60px}.workspace-context{gap:5px;margin-bottom:15px}.workspace-context span:last-child{font-size:7px}.demo-banner{font-size:9px;padding:10px 12px}.page-title{align-items:flex-start;gap:11px}.page-title h1{font-size:24px}.page-title p{font-size:10px}.page-title .row{width:100%;gap:8px}.page-title .btn{width:auto!important;flex:1;font-size:10px;min-width:unset;white-space:nowrap}.overview-intro{padding:19px 17px;min-height:99px}.overview-intro strong{font-size:17px}.overview-intro p{font-size:9px}.intro-brand-orbit{right:-20px;opacity:.6}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:12px;min-height:123px;border-radius:12px}.stat-top{margin-bottom:4px}.stat-card .stat-icon{width:30px;height:30px;border-radius:8px}.stat-card .stat-icon svg{width:16px}.stat-label{font-size:9px}.stat-val{font-size:24px}.stat-meta{font-size:8px}.stat-corner svg{width:12px}.charts-row{margin-top:13px;gap:13px}.panel{border-radius:12px}.panel-head{padding:15px;gap:7px;flex-wrap:wrap}.panel-head h3{font-size:13px}.panel-head .tiny{font-size:9px}.panel-pad{padding:15px}.category-chart{gap:12px;min-height:185px}.category-bar-row{grid-template-columns:93px minmax(0,1fr) 12px;gap:7px}.bar-title{font-size:8px}.category-bar-row b{font-size:9px}.occupancy-body{min-height:178px;gap:15px}.occupancy-body .donut{width:106px;height:106px}.occupancy-body .donut-inner{width:80px;height:80px}.occupancy-body .donut strong{font-size:23px}.occupancy-legend .legend span{font-size:9px}.occupancy-legend .legend strong{font-size:10px}.occupancy-summary{font-size:8px}.deadline-list{padding:0 9px 9px}.deadline-item{padding:12px 3px;gap:7px}.deadline-icon{width:28px;height:28px;border-radius:8px}.deadline-icon svg{width:14px}.deadline-item strong{font-size:10px}.deadline-item small,.deadline-date{font-size:8px}.activity-panel .list-item{padding:8px 0}.activity-panel .list-item strong{font-size:10px}.activity-panel .list-item small{font-size:9px}.ai-panel{padding:17px;border-radius:12px}.ai-panel-head h3{font-size:19px}.ai-panel-head p{font-size:9px}.ai-panel-head .badge{font-size:8px}.ai-insight-grid{grid-template-columns:1fr;gap:8px}.ai-insight{padding:13px}.ai-insight strong{margin-top:4px}.map-notice{font-size:9px}.demo-map-frame{height:250px}.property-visual{height:165px}.auth-split{grid-template-columns:1fr;min-height:auto;border-radius:17px}.auth-visual{min-height:260px}.auth-visual-content{padding:25px}.auth-logo{width:143px}.auth-visual-copy h1{font-size:28px;margin:10px 0}.auth-visual-copy p{font-size:10px;line-height:1.65}.auth-visual-footer{font-size:9px}.auth-right{padding:35px 25px}.auth-card h2{font-size:26px}.access-hero{padding:21px 0 40px}.form-wrap{margin:25px auto;padding:21px}.grid4{gap:9px}.inbox-layout{display:block}.inbox-list{max-height:220px}}
@media(max-width:365px){.container{width:calc(100% - 25px)}.nav-actions .btn-primary{font-size:9px;padding:8px 7px}.logo-img{width:130px}.hero h1{font-size:30px}.preview-layout{grid-template-columns:68px 1fr}.preview-main{padding:8px 5px}.preview-kpis{gap:3px}.preview-kpi{padding:5px 3px}.preview-welcome h4{font-size:9px}.preview-box{padding:5px}.float-card{max-width:121px}.float-card b{font-size:6px}.ws-global-search{max-width:121px}.ws-breadcrumb strong{font-size:9px}.workspace-content{padding:15px 11px 50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Pixel-level QA fixes: inherited absolute-position offsets must not stretch feature callouts. */
.float-card{top:auto;right:auto;bottom:auto;left:auto;width:max-content;height:auto;min-height:unset;max-width:220px}
.float-card.float-ai{top:10px;left:-17px;bottom:auto;right:auto}
.float-card.float-workflow{top:48%;right:-11px;bottom:auto;left:auto}
.float-card.float-trust{left:12%;bottom:4px;top:auto;right:auto}
.preview-sidebar img{filter:none}
.topbar .hamburger{background:#ffffff16;border:1px solid #91b8f04b;color:#fff}
.property-grid .property-card:nth-child(4n+1) .property-visual{background:linear-gradient(180deg,#12325300,#0d29452b),url('property-1.webp?v=launch-20261025') center/cover no-repeat !important}
.property-grid .property-card:nth-child(4n+2) .property-visual{background:linear-gradient(180deg,#12325300,#0d29452b),url('property-2.webp?v=launch-20261025') center/cover no-repeat !important}
.property-grid .property-card:nth-child(4n+3) .property-visual{background:linear-gradient(180deg,#12325300,#0d29452b),url('property-3.webp?v=launch-20261025') center/cover no-repeat !important}
.property-grid .property-card:nth-child(4n+4) .property-visual{background:linear-gradient(180deg,#12325300,#0d29452b),url('property-4.webp?v=launch-20261025') center/cover no-repeat !important}
.property-map-notice{border:1px solid #dce8f7;background:#f4f9ff;color:#4c6d91;border-radius:10px;display:flex;align-items:center;gap:10px;padding:12px;font-size:11px;margin-top:13px}
.property-map-wrap .demo-map-frame{border-radius:13px;height:410px}
@media(max-width:900px){.float-card.float-ai{top:15px;left:6px}.float-card.float-workflow{right:3px}.float-card.float-trust{bottom:22px}}
@media(max-width:640px){.float-card{padding:6px;border-radius:7px;gap:5px;max-width:133px}.float-card.float-ai{top:5px;left:-5px}.float-card.float-workflow{right:-3px;top:48%}.float-card.float-trust{bottom:12px;left:3%}.property-map-wrap .demo-map-frame{height:300px}.topbar .hamburger{border-radius:8px}}