:root{--ink:#07101b;--ink2:#0d1826;--panel:#111e2d;--line:#253447;--blue:#168cff;--cyan:#35d8e7;--paper:#f3f7fb;--muted:#8290a3;--text:#101b2b;--green:#35ba84;--amber:#efa937;--violet:#8b7cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff;background:var(--ink);font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}.public-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.public-header{position:sticky;z-index:20;top:0;padding:12px 0;background:rgba(7,12,19,.88);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.public-header .public-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.public-logo{display:flex;align-items:center;height:58px}.public-logo img{width:230px;height:58px;object-fit:contain}.public-header nav{display:flex;gap:34px;color:#b4bfcc;font-size:13px;font-weight:700}.public-header nav a:hover{color:#fff}.header-cta,.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#0877eb);box-shadow:0 13px 38px rgba(22,140,255,.25);font-size:13px;font-weight:800}.header-cta span,.primary span{font-size:17px}.demo-hero{position:relative;overflow:hidden;padding:105px 0 130px;background:radial-gradient(circle at 76% 18%,rgba(27,104,201,.29),transparent 32%),linear-gradient(145deg,#070b11,#0b1320 58%,#071321)}.demo-hero:after{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.hero-glow{position:absolute;width:500px;height:500px;right:-170px;top:-150px;border:1px solid rgba(72,150,240,.18);border-radius:50%;box-shadow:0 0 0 100px rgba(45,112,194,.03),0 0 0 200px rgba(45,112,194,.02)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}.hero-kicker,.eyebrow{display:flex;align-items:center;gap:10px;color:#69ddec;font-size:10px;font-weight:900;letter-spacing:.15em}.hero-kicker i{width:28px;height:2px;background:var(--blue);box-shadow:0 0 18px var(--blue)}.demo-hero h1{margin:25px 0;font-size:clamp(54px,6.4vw,86px);line-height:.96;letter-spacing:-.065em}.demo-hero h1 em,.section-heading h2 em,.flow-copy h2 em,.login-card h1 em,.welcome-card h2 em{color:var(--blue);font-style:italic}.demo-hero>div p,.hero-grid>div>p{max-width:620px;color:#aab6c5;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.hero-actions>a:last-child{display:flex;align-items:center;gap:12px;color:#dce5ee;font-size:13px;font-weight:800}.hero-actions>a:last-child span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3b4b5d;border-radius:50%;color:var(--cyan)}.hero-note{display:flex;align-items:center;gap:8px;margin-top:40px;color:#778698;font-size:11px}.hero-note span{color:var(--green)}.portal-preview{position:relative;padding-top:30px;transform:perspective(1200px) rotateY(-2deg)}.preview-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #445265;border-bottom:0;border-radius:16px 16px 0 0;background:#edf1f5;color:#657386;font-size:9px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#b2bbc5}.preview-bar span{margin-left:8px}.preview-shell{height:395px;display:grid;grid-template-columns:82px 1fr;padding:0;border:1px solid #39495c;border-radius:0 0 16px 16px;overflow:hidden;background:#eef4fa;box-shadow:0 38px 110px rgba(0,0,0,.6)}.preview-shell aside{display:flex;flex-direction:column;align-items:center;gap:20px;padding:25px 17px;background:#0b1522}.preview-shell aside b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--cyan));font-size:12px}.preview-shell aside i{width:38px;height:8px;border-radius:99px;background:#213249}.preview-shell aside i:first-of-type{background:var(--blue)}.preview-shell>div{padding:38px 30px}.preview-shell>div>span{color:#2689e9;font-size:7px;font-weight:900;letter-spacing:.16em}.preview-shell h3{margin:7px 0 24px;color:#101a29;font-size:28px}.preview-cards{display:grid!important;grid-template-columns:repeat(3,1fr);gap:11px;padding:0!important}.preview-cards i{height:66px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(22,46,74,.07)}.preview-chart{position:relative;height:150px;margin-top:16px!important;padding:0!important;border:1px solid #dce6f0;border-radius:12px;background:#fff}.preview-chart:before,.preview-chart:after{content:"";position:absolute;left:18px;right:18px;height:1px;background:#e8eef5}.preview-chart:before{top:48px}.preview-chart:after{top:96px}.preview-chart span{position:absolute;left:24px;right:24px;bottom:24px;height:72px;clip-path:polygon(0 78%,18% 58%,34% 68%,51% 28%,67% 43%,82% 18%,100% 0,100% 100%,0 100%);background:linear-gradient(rgba(22,140,255,.48),rgba(22,140,255,.05))}.preview-chip{position:absolute;left:-28px;bottom:34px;display:flex;gap:11px;align-items:center;padding:14px 18px;border:1px solid #3d5169;border-radius:12px;background:rgba(8,15,24,.92);box-shadow:0 22px 54px rgba(0,0,0,.55);backdrop-filter:blur(12px)}.preview-chip>span{color:var(--green)}.preview-chip div{display:grid;gap:2px}.preview-chip small{color:#8393a7}.preview-chip b{font-size:11px}.demo-proof{position:relative;z-index:5;margin-top:-40px}.demo-proof .public-wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:27px;border:1px solid #dfe7ef;border-radius:17px;background:#fff;box-shadow:0 24px 65px rgba(18,37,59,.16);color:var(--text)}.demo-proof .public-wrap>div{display:grid;gap:4px;padding:0 28px;border-right:1px solid #e2e8ef}.demo-proof .public-wrap>div:last-child{border:0}.demo-proof strong{font-size:29px;letter-spacing:-.04em}.demo-proof span{color:#748195;font-size:11px}.demo-section{padding:120px 0;background:#f3f6f9;color:var(--text)}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end;margin-bottom:50px}.section-heading h2,.flow-copy h2{margin:18px 0 0;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em}.section-heading>p{margin:0;color:#69778a;font-size:16px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{min-height:310px;padding:25px;border:1px solid #dce5ee;border-radius:15px;background:#fff;box-shadow:0 15px 40px rgba(23,47,75,.06);transition:.25s}.feature-grid article:hover{transform:translateY(-7px);border-color:#a7c9ec;box-shadow:0 24px 55px rgba(23,47,75,.12)}.feature-grid article>span{color:var(--blue);font-size:10px;font-weight:900}.feature-grid h3{margin:110px 0 13px;font-size:23px}.feature-grid p{margin:0;color:#6e7c8f;font-size:13px;line-height:1.65}.demo-flow{padding:120px 0;background:#fff;color:var(--text)}.demo-flow .public-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.flow-copy .eyebrow,.section-heading .eyebrow{color:#1680e8}.flow-copy p{color:#6f7c8d;font-size:16px;line-height:1.7}.flow-copy .primary{margin-top:20px;color:#fff}.flow-steps{display:grid}.flow-steps article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid #dbe3eb}.flow-steps i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bcd4eb;border-radius:12px;color:var(--blue);font-style:normal;font-size:11px;font-weight:900}.flow-steps div{display:grid;gap:7px}.flow-steps b{font-size:20px}.flow-steps span{color:#718094;font-size:13px}.demo-final{padding:105px 0;text-align:center;background:radial-gradient(circle at 50% 0,rgba(23,108,211,.4),transparent 45%),#07101b}.demo-final .public-wrap{display:grid;justify-items:center}.demo-final h2{margin:20px 0 10px;font-size:clamp(45px,5vw,68px);letter-spacing:-.06em;line-height:1}.demo-final p{color:#8391a4}.primary.light{margin-top:20px;background:#fff;color:#0b1725;box-shadow:none}.public-footer{padding:37px 0;background:#050a10;border-top:1px solid #1a2735}.public-footer .public-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.public-footer img{width:210px;height:60px;object-fit:contain}.public-footer p{color:#758396;font-size:11px}.public-footer nav{display:flex;gap:25px;color:#9aa7b6;font-size:11px}
/* Login */.login-page{min-height:100vh;display:grid;grid-template-columns:.85fr 1.15fr;background:#f3f6f9;color:var(--text)}.login-card{width:min(480px,calc(100% - 50px));margin:auto;padding:55px 0}.back-link{display:block;margin-bottom:75px;color:#647286;font-size:12px;font-weight:700}.login-card .eyebrow{color:var(--blue)}.login-card h1{margin:22px 0;font-size:clamp(47px,5vw,68px);line-height:.98;letter-spacing:-.06em}.login-card>p{color:#6c7a8d;line-height:1.65}.login-form{display:grid;gap:17px;margin-top:34px}.login-form label{display:grid;gap:8px;color:#48566a;font-size:11px;font-weight:800}.login-form input{width:100%;padding:15px;border:1px solid #d4dee8;border-radius:9px;background:#fff;color:#152235;outline:0}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,140,255,.1)}.login-form button{display:flex;justify-content:space-between;padding:16px 18px;border:0;border-radius:9px;background:#101c2b;color:#fff;font-weight:800;cursor:pointer}.credentials{display:flex;justify-content:space-between;margin-top:18px;padding:13px 15px;border:1px dashed #b9c8d8;border-radius:9px;color:#6b788a;font-size:11px}.credentials b{color:#17253a}.login-error{margin-top:20px;padding:12px;border:1px solid #f3b5b5;border-radius:8px;background:#fff1f1;color:#a73c3c;font-size:12px}.login-visual{display:grid;place-items:center;padding:80px;background:radial-gradient(circle at 70% 20%,rgba(21,112,225,.38),transparent 32%),#08111d}.mini-dashboard{width:min(650px,100%);padding:45px;border:1px solid #31445b;border-radius:22px;background:#0e1a29;box-shadow:0 45px 120px rgba(0,0,0,.55)}.mini-dashboard>span{color:#53d8e9;font-size:9px;font-weight:900;letter-spacing:.15em}.mini-dashboard h2{margin:18px 0 38px;font-size:50px;letter-spacing:-.05em;line-height:1}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-metrics i{height:100px;border:1px solid #2a3d53;border-radius:13px;background:linear-gradient(145deg,#13253a,#101e2f)}.mini-lines{display:grid;gap:13px;margin-top:28px;padding:25px;border:1px solid #293b51;border-radius:15px}.mini-lines i{height:12px;border-radius:99px;background:#20344b}.mini-lines i:nth-child(1){width:82%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.mini-lines i:nth-child(2){width:64%}.mini-lines i:nth-child(3){width:91%}.mini-lines i:nth-child(4){width:48%}
/* Portal */.portal-body{background:#eef4f9;color:var(--text)}.demo-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:20px 16px;background:radial-gradient(circle at 20% 10%,#142b47,transparent 35%),#08111d;color:#fff;border-right:1px solid #213147}.demo-brand{display:flex;height:65px;align-items:center}.demo-brand img{width:205px;height:60px;object-fit:contain}.demo-mode{display:flex;align-items:center;gap:10px;margin:18px 4px 25px;padding:11px 12px;border:1px solid #2a425e;border-radius:10px;background:#101e2e}.demo-mode>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.demo-mode div{display:grid;gap:2px}.demo-mode b{font-size:11px}.demo-mode small{color:#8394a9;font-size:9px}.demo-nav{display:grid;gap:5px}.demo-nav button{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:9px;background:transparent;color:#9cabbc;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.demo-nav button i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #2b4058;border-radius:7px;color:#6b8098;font-style:normal;font-size:8px}.demo-nav button:hover,.demo-nav button.is-active{background:#13253a;color:#fff}.demo-nav button.is-active{box-shadow:inset 3px 0 var(--blue)}.demo-nav button.is-active i{border-color:#217ed4;color:#61cbe2}.sidebar-bottom{display:grid;gap:10px;margin-top:auto}.sidebar-bottom>a,.sidebar-bottom button{display:block;width:100%;padding:12px;border:1px solid #2b4158;border-radius:9px;background:#0d1927;color:#aab7c7;text-align:center;font-size:10px;font-weight:800}.sidebar-bottom button{background:transparent;cursor:pointer}.demo-workspace{min-height:100vh;margin-left:250px}.workspace-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dbe5ee;background:rgba(246,249,252,.91);backdrop-filter:blur(15px)}.workspace-header>div:first-of-type{display:grid;gap:4px}.workspace-header span{color:#2588e7;font-size:8px;font-weight:900;letter-spacing:.13em}.workspace-header h1{margin:0;font-size:22px;letter-spacing:-.03em}.workspace-user{display:flex;align-items:center;gap:10px}.workspace-user>div{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#102238;color:#fff;font-size:11px;font-weight:900}.workspace-user>span{display:grid;gap:2px;color:#1a2839;font-size:10px;letter-spacing:0}.workspace-user small{color:#8492a4}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.demo-panel{display:none;padding:30px;animation:panel-in .32s ease}.demo-panel.is-active{display:block}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}}.welcome-card{position:relative;display:grid;grid-template-columns:1fr .42fr;min-height:300px;padding:46px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 86% 20%,#255d9c,transparent 45%),linear-gradient(135deg,#0b1725,#102d50);color:#fff;box-shadow:0 25px 60px rgba(31,65,103,.2)}.welcome-card h2{margin:14px 0;font-size:48px;line-height:1;letter-spacing:-.055em}.welcome-card p{max-width:600px;color:#9dacbf;line-height:1.65}.welcome-orbit{position:relative;display:grid;place-items:center}.welcome-orbit:before,.welcome-orbit:after{content:"";position:absolute;border:1px solid rgba(72,165,255,.25);border-radius:50%}.welcome-orbit:before{width:220px;height:220px}.welcome-orbit:after{width:150px;height:150px}.welcome-orbit span{position:relative;z-index:2;display:grid;place-items:center;width:80px;height:80px;border-radius:24px;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 20px 60px rgba(14,144,255,.42);font-size:25px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metric-grid article{display:grid;gap:7px;padding:20px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 12px 35px rgba(34,59,86,.06)}.metric-grid span{color:#748297;font-size:10px}.metric-grid strong{font-size:25px;letter-spacing:-.04em}.metric-grid small{color:#8492a4;font-size:9px}.metric-grid.compact{margin-top:25px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:17px}.surface{padding:24px;border:1px solid #dbe5ee;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgba(28,54,82,.06)}.surface-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.surface-head h3{margin:6px 0 0;font-size:18px}.surface-head>span{color:#7b899a;font-size:10px}.surface-head button{border:0;background:transparent;color:#1687ee;font-size:10px;font-weight:800;cursor:pointer}.project-row{display:grid;grid-template-columns:42px 1.1fr 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid #e5ebf1}.project-row>div:nth-child(2){display:grid;gap:3px}.project-row b{font-size:11px}.project-row small{color:#7e8c9d;font-size:9px}.project-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf4ff;color:#1688ee;font-size:9px;font-weight:900}.project-icon.cyan{background:#e9fbfc;color:#27aab8}.project-icon.violet{background:#f0edff;color:#7563df}.progress{height:5px;border-radius:99px;background:#e6edf4;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.status{display:inline-flex;width:max-content;padding:6px 9px;border-radius:99px;font-size:8px;font-weight:900}.status.blue{background:#e9f4ff;color:#1479d5}.status.green{background:#e8f8f1;color:#278b65}.status.amber{background:#fff4df;color:#b77616}.todo-list{display:grid;margin:0;padding:0;list-style:none}.todo-list li{display:grid;grid-template-columns:17px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-top:1px solid #e5ebf1}.todo-list i{width:14px;height:14px;border:1px solid #c3cfda;border-radius:4px}.todo-list i.done{border-color:#39b984;background:#39b984;box-shadow:inset 0 0 0 3px #fff}.todo-list div{display:grid;gap:3px}.todo-list b{font-size:10px}.todo-list small,.todo-list>li>span{color:#8996a6;font-size:8px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-intro h2{margin:8px 0 6px;font-size:37px;letter-spacing:-.05em}.page-intro p{margin:0;color:#718095;font-size:12px}.primary-demo{padding:12px 15px;border:0;border-radius:9px;background:#12243a;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.workflow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.workflow:before{content:"";position:absolute;top:16px;left:7%;right:7%;height:2px;background:#dbe5ee}.workflow>div{position:relative;display:grid;justify-items:center;gap:8px;color:#7e8b9b;font-size:9px;font-weight:800;text-align:center}.workflow i{z-index:2;display:grid;place-items:center;width:33px;height:33px;border:2px solid #d2dee9;border-radius:50%;background:#fff;font-style:normal}.workflow .done i{border-color:var(--green);background:var(--green);color:#fff}.workflow .current{color:#167fe1}.workflow .current i{border-color:var(--blue);color:var(--blue)}.detail-list{display:grid;margin:0}.detail-list>div{display:grid;grid-template-columns:140px 1fr;padding:12px 0;border-top:1px solid #e5ebf1}.detail-list dt{color:#7b899a;font-size:9px}.detail-list dd{margin:0;font-size:11px;font-weight:700}.finance-bars{display:grid;gap:20px}.finance-bars>div{display:grid;grid-template-columns:1fr auto;gap:7px;color:#647388;font-size:10px}.finance-bars b{color:#142236}.finance-bars i{grid-column:1/-1;display:block;width:var(--w);height:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.finance-bars i.cost{background:#e49b2e}.finance-bars i.paid{background:var(--green)}.document-table{overflow:auto}.table-head,.table-row{min-width:780px;display:grid;grid-template-columns:1.2fr 1.25fr .8fr .7fr .6fr;gap:20px;align-items:center}.table-head{padding:0 10px 13px;color:#7b899b;font-size:8px;font-weight:900;text-transform:uppercase}.table-row{padding:17px 10px;border-top:1px solid #e3eaf1;font-size:10px}.table-row>div{display:grid;gap:3px}.table-row small{color:#8593a4}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kanban>article{min-height:500px;padding:17px;border:1px solid #dce5ee;border-radius:15px;background:#e8eef4}.kanban h3{display:flex;justify-content:space-between;margin:0 0 16px;padding:0 3px;font-size:12px}.kanban h3 span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#6e7d90;font-size:8px}.ticket{display:grid;gap:8px;margin-bottom:11px;padding:17px;border:1px solid #d8e2ec;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(30,56,85,.07)}.ticket.muted{opacity:.65}.ticket b{font-size:11px}.ticket p,.ticket small{margin:0;color:#7e8b9d;font-size:9px}.priority{width:max-content;padding:5px 7px;border-radius:99px;background:#eaf4ff;color:#197cd6;font-size:7px;font-weight:900}.priority.high{background:#ffeded;color:#d14a4a}.priority.done-label{background:#e7f7f0;color:#2a8b67}.hedi-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:17px}.hedi-chat{overflow:hidden;border:1px solid #d9e4ee;border-radius:17px;background:#fff;box-shadow:0 15px 45px rgba(27,52,81,.08)}.hedi-chat-head{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #e2eaf2}.hedi-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-weight:900}.hedi-chat-head>div:nth-child(2){display:grid;gap:2px}.hedi-chat-head b{font-size:12px}.hedi-chat-head small{color:#7e8c9d;font-size:8px}.hedi-chat-head>span{margin-left:auto;color:#32a777;font-size:8px}.messages{height:410px;display:flex;flex-direction:column;gap:15px;overflow:auto;padding:25px;background:#f7fafd}.message{display:flex;gap:8px;max-width:75%}.message>span{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#10243b;color:#fff;font-size:9px;font-weight:900}.message p{margin:0;padding:12px 14px;border:1px solid #dbe5ee;border-radius:4px 13px 13px 13px;background:#fff;color:#334155;font-size:10px;line-height:1.55}.message.user{align-self:flex-end}.message.user p{border:0;border-radius:13px 4px 13px 13px;background:#1285ef;color:#fff}.hedi-input{display:flex;gap:9px;padding:15px;border-top:1px solid #e1e9f1}.hedi-input input{flex:1;padding:12px;border:1px solid #d8e2ec;border-radius:9px;outline:0}.hedi-input button{width:40px;border:0;border-radius:9px;background:#12243a;color:#fff;cursor:pointer}.hedi-examples{align-self:start}.hedi-examples h3{font-size:20px}.hedi-examples button{display:block;width:100%;margin:8px 0;padding:11px;border:1px solid #dce5ee;border-radius:9px;background:#f7fafd;color:#26374b;text-align:left;font-size:9px;font-weight:800;cursor:pointer}.hedi-examples button:hover{border-color:#8fc4f2;background:#eff7ff}.hedi-examples p{margin-top:18px;color:#7c8999;font-size:9px;line-height:1.6}.demo-toast{position:fixed;z-index:50;right:25px;bottom:25px;padding:14px 18px;border-radius:10px;background:#10243a;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);font-size:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.demo-toast.show{opacity:1;transform:none}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.portal-preview{width:min(720px,100%);margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}.dashboard-grid,.hedi-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.public-wrap{width:min(100% - 28px,1180px)}.public-header{padding:7px 0}.public-logo img{width:170px}.public-header nav{display:none}.header-cta{padding:12px}.demo-hero{padding:70px 0 95px}.demo-hero h1{font-size:clamp(47px,14vw,65px)}.hero-actions{align-items:flex-start;flex-direction:column}.preview-shell{height:300px;grid-template-columns:55px 1fr}.preview-shell aside{padding:17px 9px}.preview-shell aside b{width:34px;height:34px}.preview-shell aside i{width:29px}.preview-shell>div{padding:28px 18px}.preview-chip{left:5px;bottom:18px}.demo-proof{margin-top:-25px}.demo-proof .public-wrap{grid-template-columns:1fr 1fr;padding:14px}.demo-proof .public-wrap>div{padding:14px;border-right:0;border-bottom:1px solid #e2e8ef}.demo-proof .public-wrap>div:nth-last-child(-n+2){border-bottom:0}.demo-section,.demo-flow{padding:80px 0}.section-heading,.demo-flow .public-wrap{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:230px}.feature-grid h3{margin-top:60px}.public-footer .public-wrap{flex-direction:column}.public-footer nav{flex-wrap:wrap;justify-content:center}.demo-sidebar{transform:translateX(-100%);transition:.25s}.demo-sidebar.is-open{transform:none;box-shadow:30px 0 90px rgba(0,0,0,.35)}.demo-workspace{margin-left:0}.workspace-header{height:76px;padding:0 15px}.mobile-menu{display:block}.workspace-header>div:first-of-type{margin-right:auto;margin-left:12px}.workspace-user>span{display:none}.demo-panel{padding:15px}.welcome-card{grid-template-columns:1fr;padding:28px;min-height:330px}.welcome-card h2{font-size:39px}.welcome-orbit{display:none}.metric-grid,.metric-grid.compact{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid strong{font-size:21px}.project-row{grid-template-columns:38px 1fr auto}.project-row .progress{display:none}.workflow{grid-template-columns:repeat(4,1fr);row-gap:22px}.workflow:before{display:none}.page-intro{align-items:flex-start;flex-direction:column;gap:15px}.page-intro h2{font-size:32px}.kanban{grid-template-columns:1fr}.kanban>article{min-height:auto}.detail-list>div{grid-template-columns:110px 1fr}.messages{height:350px}}@media(max-width:430px){.metric-grid,.metric-grid.compact{grid-template-columns:1fr}.preview-shell{height:270px}.preview-cards{grid-template-columns:1fr!important}.preview-cards i:nth-child(n+2){display:none}.login-card{padding:35px 0}.back-link{margin-bottom:50px}.login-card h1{font-size:45px}}